:root{--bg-base:#0a0f1d;--panel:#0f172ad1;--panel-border:#ffffff1f;--card:#1e293bb3;--card-border:#ffffff14;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#3b82f6;--accent-hover:#2563eb;--accent-tint:#3b82f626;--success:#10b981;--success-tint:#10b98126;--warning:#f59e0b;--warning-tint:#f59e0b26;--danger:#ef4444;--danger-tint:#ef444426;--info:#06b6d4;--info-tint:#06b6d426;--highlight:#f97316;--highlight-tint:#f9731626;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--shell-gap:8px;--sidebar-w:240px;--sidebar-collapsed-w:68px;--sidebar-drawer-w:280px;--topbar-h:52px;--font-title:"Chakra Petch", sans-serif;--font-body:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace}@media (width<=768px){:root{--shell-gap:6px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-base);width:100%;height:100%;color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--text-main);font-weight:700;line-height:1.2}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}h4{font-size:14px}p{color:var(--text-main)}.text-muted{color:var(--text-muted)}code,pre,kbd,samp{font-family:var(--font-mono);font-size:12px}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}*{scrollbar-width:thin;scrollbar-color:var(--accent-tint) var(--panel)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--panel)}::-webkit-scrollbar-thumb{background:var(--accent-tint);border-radius:var(--radius-sm);border:1px solid var(--panel-border)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::-webkit-scrollbar-corner{background:0 0}body.modal-open{overflow:hidden!important}.app-shell{background-color:var(--bg-base);flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.ambient-bg{pointer-events:none;z-index:0;background-image:radial-gradient(circle at 12% 15%,#3b82f614 0%,#0000 45%),radial-gradient(circle at 88% 18%,#06b6d40f 0%,#0000 40%),radial-gradient(circle at 50% 85%,#10b9810d 0%,#0000 50%),radial-gradient(circle at 80% 80%,#f973160a 0%,#0000 35%);position:fixed;inset:0}.top-bar{z-index:20;height:var(--topbar-h);min-height:var(--topbar-h);background:0 0;border:none;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:relative}.top-bar-left,.top-bar-right{align-items:center;gap:12px;display:flex}.brand-title{font-family:var(--font-title);letter-spacing:.5px;color:var(--text-main);align-items:center;gap:8px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.brand-glyph{border-radius:var(--radius-sm);background:var(--accent-tint);border:1px solid var(--accent);width:22px;height:22px;color:var(--accent);font-family:var(--font-mono);justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.badge-pill{font-size:11px;font-weight:700;font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.badge-env-prod{background:var(--accent-tint);border:1px solid var(--accent);color:var(--accent)}.badge-env-beta{background:var(--warning-tint);border:1px solid var(--warning);color:var(--warning)}.badge-role-owner{background:var(--highlight-tint);border:1px solid var(--highlight);color:var(--highlight)}.badge-role-admin{background:var(--warning-tint);border:1px solid var(--warning);color:var(--warning)}.badge-role-viewer{border:1px solid var(--text-muted);color:var(--text-muted);background:#94a3b826}.menu-btn{border:1px solid var(--card-border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-main);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .15s;display:flex}.menu-btn:hover{background:var(--card);border-color:var(--panel-border)}.user-menu{align-items:center;gap:8px;display:flex}.user-email{color:var(--text-muted);font-size:12px;font-family:var(--font-mono)}.logout-btn{border:1px solid var(--card-border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:4px 10px;font-size:12px;text-decoration:none;transition:all .15s}.logout-btn:hover{background:var(--danger-tint);border-color:var(--danger);color:var(--danger)}.shell-body{z-index:10;flex:1;width:100%;min-height:0;display:flex;position:relative}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:0 0;border:none;flex-direction:column;justify-content:space-between;padding:8px 12px 16px;transition:width .2s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden auto}.sidebar.collapsed{width:var(--sidebar-collapsed-w);min-width:var(--sidebar-collapsed-w);padding:8px 6px 16px}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.nav-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);white-space:nowrap;padding:12px 8px 4px;font-size:11px;font-weight:700;transition:opacity .15s}.sidebar.collapsed .nav-section-title{opacity:0;pointer-events:none;padding:6px 0}.nav-item{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:12px;padding:8px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--card);color:var(--text-main)}.nav-item.active{background:var(--accent-tint);color:var(--accent);border-left:2px solid var(--accent)}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;display:flex}.nav-label{transition:opacity .15s}.sidebar.collapsed .nav-label{display:none}.main-content-wrapper{min-width:0;min-height:0;padding:0 var(--shell-gap) var(--shell-gap) 0;flex:1;display:flex}.main-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-md);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 16px 48px #00000080}.main-content{overscroll-behavior:contain;flex:1;padding:24px;overflow:hidden auto}.drawer-backdrop{display:none}@media (width<=768px){.drawer-backdrop{z-index:40;-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#0a0f1dcc;transition:opacity .25s;display:block;position:fixed;inset:0}.drawer-open .drawer-backdrop{opacity:1;pointer-events:auto}.sidebar{z-index:50;border-right:1px solid var(--panel-border);-webkit-backdrop-filter:blur(20px);background:#0f172af2;padding:16px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:var(--sidebar-drawer-w)!important;min-width:var(--sidebar-drawer-w)!important}.drawer-open .sidebar{transform:translate(0)}.main-content-wrapper{padding:0 var(--shell-gap) var(--shell-gap) var(--shell-gap)}.nav-item{min-height:44px;padding:12px}.menu-btn{min-width:44px;min-height:44px}.user-email{display:none}}.stat-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-sm);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);color:inherit;flex-direction:column;padding:18px 20px;text-decoration:none;display:flex;position:relative}.stat-card-clickable{cursor:pointer}.stat-card-clickable:hover{border-color:var(--accent);box-shadow:0 4px 16px var(--accent-tint);transform:translateY(-2px)}.stat-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.stat-card-label{color:var(--text-muted);text-transform:uppercase;font-size:12px;font-family:var(--font-mono);letter-spacing:.5px}.stat-card-icon{color:var(--text-muted);font-size:16px}.stat-card-arrow{color:var(--accent);transition:transform var(--transition-fast);font-size:14px}.stat-card-clickable:hover .stat-card-arrow{transform:translate(3px)}.stat-card-value{color:var(--text-main);font-size:26px;font-weight:700;font-family:var(--font-title);line-height:1.2}.stat-card-subtext{color:var(--text-muted);align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.stat-delta-positive{color:var(--success);font-weight:600}.stat-delta-negative{color:var(--danger);font-weight:600}.badge-pill{letter-spacing:.5px;text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}.badge-success{background:var(--success-tint);color:var(--success);border-color:var(--success)}.badge-warning{background:var(--warning-tint);color:var(--warning);border-color:var(--warning)}.badge-danger{background:var(--danger-tint);color:var(--danger);border-color:var(--danger)}.badge-info{background:var(--info-tint);color:var(--info);border-color:var(--info)}.badge-highlight{background:var(--highlight-tint);color:var(--highlight);border-color:var(--highlight)}.badge-neutral{background:var(--card-border);color:var(--text-muted);border-color:var(--card-border)}.badge-role-owner{background:var(--highlight-tint);color:var(--highlight);border-color:var(--highlight)}.badge-role-admin{background:var(--warning-tint);color:var(--warning);border-color:var(--warning)}.badge-role-viewer{background:var(--card-border);color:var(--text-muted);border-color:var(--text-muted)}.btn{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;min-height:40px;transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--text-main)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 2px 10px var(--accent-tint)}.btn-secondary{background:var(--card-border);border-color:var(--panel-border);color:var(--text-main)}.btn-secondary:hover:not(:disabled){background:var(--card);border-color:var(--accent)}.btn-danger{background:var(--danger-tint);border-color:var(--danger);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger);color:var(--text-main);box-shadow:0 2px 10px var(--danger-tint)}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--card-border);color:var(--text-main)}.btn-sm{min-height:32px;padding:6px 12px;font-size:12px}.btn-lg{min-height:48px;padding:12px 24px;font-size:16px}.btn:disabled,.btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite btn-spin;display:inline-block}@keyframes btn-spin{to{transform:rotate(360deg)}}@media (width<=768px){.btn{min-height:44px}}.form-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-main);font-size:13px;font-weight:600}.form-label-required{color:var(--danger);margin-left:2px}.form-input,.form-select,.form-textarea{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;width:100%;padding:10px 14px;font-size:14px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);outline:none}.form-input.has-error,.form-select.has-error,.form-textarea.has-error{border-color:var(--danger)}.form-hint{color:var(--text-muted);font-size:12px}.form-error-msg{color:var(--danger);font-size:12px}.toggle-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.toggle-switch{background:var(--card-border);width:44px;height:24px;transition:background var(--transition-fast);border-radius:12px;position:relative}.toggle-switch:after{content:"";background:var(--text-main);width:18px;height:18px;transition:transform var(--transition-fast);border-radius:50%;position:absolute;top:3px;left:3px}.toggle-input{opacity:0;width:0;height:0;position:absolute}.toggle-input:checked+.toggle-switch{background:var(--accent)}.toggle-input:checked+.toggle-switch:after{transform:translate(20px)}.toggle-input:focus-visible+.toggle-switch{box-shadow:0 0 0 3px var(--accent-tint)}.data-table-container{border-radius:var(--radius-sm);border:1px solid var(--card-border);background:var(--card);width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.data-table th{background:var(--panel);color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--card-border);padding:12px 16px;font-size:11px}.data-table td{border-bottom:1px solid var(--card-border);color:var(--text-main);padding:12px 16px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--card-border)}.data-table-align-center{text-align:center}.data-table-align-right{text-align:right}.mobile-cards-view{flex-direction:column;gap:12px;display:none}.item-card-row{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-sm);flex-direction:column;gap:10px;padding:16px;display:flex}.item-card-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.item-card-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.item-card-field{flex-direction:column;gap:2px;display:flex}.item-card-label{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);text-transform:uppercase}.item-card-val{color:var(--text-main);word-break:break-word;font-size:13px}@media (width<=768px){.responsive-auto .data-table-container{display:none}.responsive-auto .mobile-cards-view{display:flex}}.force-cards .data-table-container{display:none!important}.force-cards .mobile-cards-view{display:flex!important}.force-table .data-table-container{display:block!important}.force-table .mobile-cards-view{display:none!important}.modal-backdrop{-webkit-backdrop-filter:blur(12px);z-index:1000;opacity:0;transition:opacity var(--transition-normal);background:#0a0f1dd1;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-backdrop.open{opacity:1}.modal-box{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-md);flex-direction:column;width:100%;max-width:520px;max-height:90vh;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex;overflow:hidden;transform:scale(.96);box-shadow:0 20px 40px #0009}.modal-backdrop.open .modal-box{transform:scale(1)}.modal-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-title{font-size:18px;font-family:var(--font-title);color:var(--text-main);margin:0}.modal-close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:20px;display:flex}.modal-close-btn:hover{color:var(--text-main);background:var(--card-border)}.modal-body{color:var(--text-main);padding:24px;font-size:14px;line-height:1.6;overflow-y:auto}.modal-footer{border-top:1px solid var(--panel-border);background:var(--card);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.toast-container{z-index:1100;pointer-events:none;flex-direction:column;gap:10px;max-width:380px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-sm);color:var(--text-main);border-left:4px solid var(--accent);align-items:center;gap:12px;padding:12px 16px;font-size:13px;animation:.25s ease-out toast-in;display:flex;box-shadow:0 8px 24px #0006}.toast-success{border-left-color:var(--success)}.toast-warning{border-left-color:var(--warning)}.toast-danger{border-left-color:var(--danger)}.toast-info{border-left-color:var(--info)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.toast-container{max-width:none;bottom:16px;left:16px;right:16px}}.skeleton{background:var(--card-border);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.5s infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state-icon{color:var(--text-muted);margin-bottom:16px;font-size:40px}.empty-state-title{font-family:var(--font-title);color:var(--text-main);margin-bottom:8px;font-size:20px}.empty-state-desc{color:var(--text-muted);max-width:440px;margin-bottom:20px;font-size:14px;line-height:1.5}.json-viewer-container{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-sm);font-family:var(--font-mono);padding:16px;font-size:12px;line-height:1.6;position:relative;overflow-x:auto}.json-copy-btn{position:absolute;top:8px;right:8px}.json-key{color:var(--accent)}.json-string{color:var(--success)}.json-number{color:var(--warning)}.json-boolean{color:var(--info)}.json-null{color:var(--danger)}.tabs-nav{border-bottom:1px solid var(--card-border);align-items:center;gap:4px;margin-bottom:20px;display:flex;overflow-x:auto}.tab-btn{font-family:var(--font-body);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.progress-bar-container{flex-direction:column;gap:6px;width:100%;display:flex}.progress-bar-header{justify-content:space-between;align-items:center;font-size:12px;display:flex}.progress-track{background:var(--card-border);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width var(--transition-fast);border-radius:4px}.progress-fill-success{background:var(--success)}.progress-fill-warning{background:var(--warning)}.progress-fill-danger{background:var(--danger)}.progress-fill-info{background:var(--info)}.admin-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.admin-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast);flex-direction:column;gap:12px;padding:16px;display:flex}.admin-card:hover{border-color:var(--panel-border)}.admin-card-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.admin-card-title{color:var(--text-main);font-size:14px;font-weight:700;font-family:var(--font-title);align-items:center;gap:8px;display:flex}.admin-field-row{flex-direction:column;gap:4px;display:flex}.admin-field-label{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.admin-slider-group{flex-direction:column;gap:6px;margin-top:4px;display:flex}.admin-slider-header{justify-content:space-between;align-items:center;display:flex}.admin-slider-val-badge{font-family:var(--font-mono);color:var(--accent);background:var(--accent-tint);border:1px solid var(--accent);letter-spacing:.5px;border-radius:4px;padding:2px 7px;font-size:11.5px;font-weight:700;line-height:1.2}.admin-slider-val-badge.has-error{color:var(--danger);background:var(--danger-tint);border-color:var(--danger)}.admin-slider-input{appearance:none;background:var(--card-border);cursor:pointer;width:100%;height:6px;transition:background var(--transition-fast);border-radius:3px;outline:none;margin:6px 0}.admin-slider-input:hover{background:var(--panel-border)}.admin-slider-input::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--bg-base);width:18px;height:18px;box-shadow:0 0 10px var(--accent-tint);cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast);border-radius:50%}.admin-slider-input::-moz-range-thumb{background:var(--accent);border:2px solid var(--bg-base);width:18px;height:18px;box-shadow:0 0 10px var(--accent-tint);cursor:pointer;border-radius:50%}.admin-slider-input:hover::-webkit-slider-thumb{background:var(--accent-hover);transform:scale(1.15)}.admin-slider-input:hover::-moz-range-thumb{background:var(--accent-hover);transform:scale(1.15)}.admin-slider-input:active::-webkit-slider-thumb{background:var(--warning);box-shadow:0 0 14px var(--warning-tint);transform:scale(1.25)}.admin-slider-input:active::-moz-range-thumb{background:var(--warning);box-shadow:0 0 14px var(--warning-tint);transform:scale(1.25)}.btn-reset-pacing,.btn-reset-prog,.btn-reset-field{border:1px solid var(--card-border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);background:0 0;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.btn-reset-pacing:hover,.btn-reset-prog:hover,.btn-reset-field:hover{color:var(--text-main);border-color:var(--panel-border);background:var(--accent-tint)}.admin-math-nav-section{flex-direction:column;gap:6px;display:flex}.admin-math-nav-label{color:var(--text-muted);letter-spacing:.5px;font-size:11px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase}.admin-pills-row{flex-wrap:wrap;gap:6px;display:flex}.admin-pill-btn{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:12px;font-weight:700;font-family:var(--font-body);align-items:center;gap:6px;padding:6px 12px;display:flex}.admin-pill-btn:hover{background:var(--panel);color:var(--text-main);border-color:var(--panel-border)}.admin-pill-btn.active{background:var(--accent-tint);border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px var(--accent-tint)}.admin-pill-btn .math-op-sym{font-family:var(--font-mono);color:var(--warning);font-size:13px;font-weight:800}.admin-math-tier-card{border-left:3px solid var(--accent)}.admin-btn-test-question{background:var(--warning-tint);border:1px solid var(--warning);color:var(--warning);cursor:pointer;transition:all var(--transition-fast);border-radius:4px;padding:4px 10px;font-size:11px;font-weight:700}.admin-btn-test-question:hover{background:var(--warning);color:var(--bg-base)}.admin-math-preview-box{background:var(--panel);border:1px solid var(--accent);border-radius:var(--radius-sm);flex-direction:column;gap:6px;margin:8px 0;padding:10px 14px;display:flex}.admin-math-preview-box .preview-header{color:var(--accent);font-size:11px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.admin-math-preview-box .preview-equations-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;display:grid}.admin-math-preview-box .preview-equation-item{font-size:12px;font-weight:700;font-family:var(--font-mono);color:var(--text-main);background:var(--card);border:1px solid var(--card-border);text-align:center;border-radius:4px;padding:3px 6px}.admin-math-preview-box .preview-tip{color:var(--success);margin-top:2px;font-size:11px;font-style:italic}.math-fixed-warning{background:var(--warning-tint);border:1px solid var(--warning);color:var(--warning);border-radius:var(--radius-sm);align-items:center;gap:6px;margin-top:8px;padding:6px 10px;font-size:11.5px;font-weight:600;display:flex}.telemetry-stream-backdrop{-webkit-backdrop-filter:blur(12px);z-index:1100;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);background:#0a0f1dd1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.telemetry-stream-backdrop.active{opacity:1;pointer-events:auto}.telemetry-stream-window{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-md);flex-direction:column;width:95vw;max-width:980px;height:88vh;max-height:88vh;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex;overflow:hidden;transform:scale(.96);box-shadow:inset 0 1px #ffffff0d,0 24px 64px #000000b3}.telemetry-stream-backdrop.active .telemetry-stream-window{transform:scale(1)}.sheet-drag-handle-bar{cursor:pointer;background:var(--panel);touch-action:pan-down;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;padding:10px 0 6px;display:none}.sheet-drag-pill{width:44px;height:5px;transition:background var(--transition-fast);background:#ffffff47;border-radius:3px}.sheet-drag-handle-bar:hover .sheet-drag-pill,.sheet-drag-handle-bar:active .sheet-drag-pill{background:#fff9}.telemetry-modal-header{border-bottom:1px solid var(--card-border);background:#ffffff05;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.telemetry-modal-title-group{flex-direction:column;gap:4px;display:flex}.telemetry-modal-close-btn{border-radius:var(--radius-sm);border:1px solid var(--card-border);min-width:40px;min-height:40px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:6px 10px;font-size:16px;display:inline-flex}.telemetry-modal-close-btn:hover{color:var(--text-main);background:var(--card-border)}.telemetry-modal-toolbar{border-bottom:1px solid var(--card-border);background:#00000026;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:12px 20px;display:flex}.telemetry-search-wrapper{flex:1;min-width:200px;position:relative}.telemetry-filter-chips{flex-wrap:wrap;gap:6px;display:flex}.telemetry-stream-actions{align-items:center;gap:8px;display:flex}.telemetry-stream-container{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:8px;padding:16px 20px;display:flex;overflow-y:auto}.stream-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer;overflow:hidden}.stream-card:hover{border-color:var(--panel-border);background:#ffffff0b;transform:translateY(-1px)}.stream-card-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.stream-card-left{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.stream-card-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.stream-card-details{border-top:1px solid var(--card-border);background:#00000040;padding:12px 16px;font-size:12px;display:none}.stream-card.expanded .stream-card-details{display:block}.stream-card.expanded .stream-expand-icon{transform:rotate(180deg)}.stream-expand-icon{color:var(--text-muted);transition:transform var(--transition-fast);font-size:11px}@keyframes streamRowGlow{0%{background:var(--accent-tint);border-color:var(--accent);transform:translateY(-2px)}to{background:var(--card);border-color:var(--card-border);transform:translateY(0)}}.stream-card.live-glow{animation:2.5s ease-out streamRowGlow}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}.status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.status-dot-ok{background-color:var(--success);box-shadow:0 0 8px var(--success-tint)}.status-dot-degraded{background-color:var(--warning);box-shadow:0 0 8px var(--warning-tint)}.status-dot-down{background-color:var(--danger);box-shadow:0 0 8px var(--danger-tint)}.status-dot.live-pulse{animation:2s ease-in-out infinite pulseDot}@media (width<=768px){.telemetry-stream-backdrop{align-items:flex-end;padding:0}.telemetry-stream-window{border-bottom:none;border-left:none;border-right:none;border-top:1px solid var(--panel-border);border-radius:20px 20px 0 0;width:100vw;max-width:100vw;height:92dvh;max-height:92dvh;transition:transform .28s cubic-bezier(.16,1,.3,1);transform:translateY(100%)}.telemetry-stream-backdrop.active .telemetry-stream-window{transform:translateY(0)}.sheet-drag-handle-bar{display:flex}.telemetry-modal-header{z-index:20;background:var(--panel);padding:10px 14px 10px 16px;position:sticky;top:0}.telemetry-modal-close-btn{width:44px;min-width:44px;height:44px;min-height:44px}.telemetry-modal-toolbar{z-index:19;flex-direction:column;align-items:stretch;padding:10px 14px;position:sticky;top:56px}.telemetry-filter-chips{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.telemetry-filter-chips::-webkit-scrollbar{display:none}.stream-card-left{justify-content:space-between;width:100%}.stream-card-right{border-top:1px dashed var(--card-border);justify-content:space-between;width:100%;padding-top:4px}}