@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-root: #07070d;--bg-sidebar: #0a0a14;--bg-card: #11111d;--bg-card-hover: #181826;--bg-input: #0c0c14;--bg-overlay: rgba(0, 0, 0, .65);--bg-glass: rgba(10, 10, 16, .78);--bg-tooltip: #1a1a28;--gloss-top: rgba(255, 255, 255, .06);--gloss-bottom: rgba(255, 255, 255, .02);--gloss-edge: rgba(255, 255, 255, .08);--gloss-shine: linear-gradient(180deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,.01) 40%, transparent 100%);--gloss-card: linear-gradient(165deg, rgba(255,255,255,.05) 0%, transparent 40%, rgba(255,255,255,.02) 100%);--border: rgba(255, 255, 255, .07);--border-subtle: rgba(255, 255, 255, .04);--border-active: #6366f1;--text-primary: #f1f3f8;--text-secondary: #b8bcc8;--text-muted: #7a7f93;--text-inverse: #06070d;--accent: #6366f1;--accent-hover: #818cf8;--accent-2: #8b5cf6;--accent-3: #ec4899;--accent-glow: rgba(99, 102, 241, .28);--accent-soft: rgba(99, 102, 241, .12);--accent-grad: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);--accent-grad-cool: linear-gradient(135deg, #22d3ee 0%, #6366f1 100%);--legacy-cyan: #4fc3f7;--success: #34d399;--success-soft: rgba(52, 211, 153, .1);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .1);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .1);--info: #60a5fa;--info-soft: rgba(96, 165, 250, .1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.5), inset 0 1px 0 var(--gloss-top);--shadow-md: 0 4px 16px rgba(0,0,0,.55), inset 0 1px 0 var(--gloss-top);--shadow-lg: 0 8px 32px rgba(0,0,0,.65), 0 0 0 1px rgba(255,255,255,.03);--shadow-glow: 0 0 24px var(--accent-glow), inset 0 1px 0 rgba(255,255,255,.08);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sidebar-rail: 60px;--sidebar-panel: 220px;--sidebar-w: 240px;--sidebar-collapsed: 64px;--max: 1440px;--max-wide: 1720px;--pad-x: clamp(12px, 2.6vw, 32px);--section-py: clamp(40px, 6vw, 80px);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-med: .25s;--duration-slow: .4s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-feature-settings:"ss01","ss02","cv01","cv02";background:var(--bg-root);color:var(--text-primary);line-height:1.6;overflow:hidden;background-image:radial-gradient(ellipse 70% 50% at 15% 0%,rgba(99,102,241,.1) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 85% 0%,rgba(139,92,246,.08) 0%,transparent 55%),radial-gradient(ellipse 80% 50% at 50% 100%,rgba(34,211,238,.05) 0%,transparent 60%)}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em;line-height:1.2}h1{font-size:clamp(1.4rem,2.4vw,1.8rem)}h2{font-size:clamp(1.15rem,1.9vw,1.4rem)}h3{font-size:clamp(1rem,1.4vw,1.1rem)}h4{font-size:clamp(.92rem,1.2vw,1rem)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:#6366f166;color:#fff}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 6px var(--accent-glow)}50%{box-shadow:0 0 18px var(--accent-glow)}}@keyframes scan-line{0%{top:0}to{top:100%}}.animate-in{animation:fadeIn var(--duration-med) var(--ease-out) both}.animate-in-scale{animation:fadeInScale var(--duration-med) var(--ease-out) both}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:50ms}.stagger>*:nth-child(3){animation-delay:.1s}.stagger>*:nth-child(4){animation-delay:.15s}.stagger>*:nth-child(5){animation-delay:.2s}.stagger>*:nth-child(6){animation-delay:.25s}.stagger>*:nth-child(7){animation-delay:.3s}.stagger>*:nth-child(8){animation-delay:.35s}.stagger>*:nth-child(9){animation-delay:.4s}.stagger>*:nth-child(10){animation-delay:.45s}.card{background:var(--bg-card);background-image:var(--gloss-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-6);box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast),box-shadow var(--duration-med),transform var(--duration-med);position:relative}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:var(--gloss-shine)}.card:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.card-flat{background:var(--bg-card);background-image:var(--gloss-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-6);box-shadow:var(--shadow-sm);position:relative}.card-flat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:var(--gloss-shine)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff14}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-accent{background:var(--accent-soft);color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 18px;border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;outline:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 1px 3px #0006,inset 0 1px #ffffff2e,0 6px 20px #6366f152;text-shadow:0 1px 1px rgba(0,0,0,.18)}.btn-primary:hover{background:linear-gradient(135deg,#818cf8,#a78bfa);box-shadow:0 1px 3px #0006,inset 0 1px #ffffff38,0 10px 28px #6366f173}.btn-success{background:linear-gradient(180deg,#4ee0a8 0%,var(--success) 100%);color:var(--text-inverse);border:1px solid rgba(255,255,255,.12);box-shadow:0 1px 3px #0006,inset 0 1px #ffffff2e}.btn-success:hover{background:linear-gradient(180deg,#5eeab5,#2bc085)}.btn-danger{background:linear-gradient(180deg,#fa8c8c 0%,var(--danger) 100%);color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 1px 3px #0006,inset 0 1px #ffffff24}.btn-danger:hover{background:linear-gradient(180deg,#fba0a0,#e25858)}.btn-ghost{background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%);color:var(--text-secondary);border:1px solid var(--border);box-shadow:inset 0 1px #ffffff0d}.btn-ghost:hover{background:linear-gradient(180deg,#ffffff14,#ffffff05);color:var(--text-primary);border-color:var(--border-active);box-shadow:inset 0 1px #ffffff1a,0 0 12px var(--accent-glow)}.btn-icon{padding:8px;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--duration-fast)}.btn-icon:hover{background:var(--bg-card-hover);color:var(--accent)}.btn-sm{padding:5px 12px;font-size:12px;border-radius:var(--radius-sm)}.btn-lg{padding:12px 28px;font-size:15px;border-radius:var(--radius-md)}.input{padding:9px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-input);background-image:linear-gradient(180deg,rgba(0,0,0,.2) 0%,transparent 100%);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast);width:100%;box-shadow:inset 0 2px 4px #0000004d,inset 0 -1px #ffffff0a}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent);box-shadow:inset 0 2px 4px #0000004d,0 0 0 3px var(--accent-glow)}select option{background:var(--surface-secondary, #1e1e2e);color:var(--text-primary, #e0e0e0)}.table{width:100%;border-collapse:collapse}.table thead th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%)}.table tbody td{padding:12px 16px;border-bottom:1px solid var(--border-subtle);font-size:13px}.table tbody tr{transition:background var(--duration-fast)}.table tbody tr:hover{background:#ffffff08}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-6);gap:var(--sp-4)}.page-header h1{margin:0}.page-subtitle{color:var(--text-secondary);font-size:13px;margin-top:2px}.stat-card{background:var(--bg-card);background-image:var(--gloss-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5) var(--sp-6);position:relative;overflow:hidden;transition:all var(--duration-med) var(--ease-out);box-shadow:var(--shadow-sm)}.stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:var(--gloss-shine)}.stat-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.stat-card .stat-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-3)}.stat-card .stat-label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.stat-card .stat-value{font-size:32px;font-weight:700;line-height:1.2;margin-top:4px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-12) var(--sp-6);border-radius:var(--radius-lg);background:var(--bg-card);background-image:var(--gloss-card);border:1px dashed var(--border);text-align:center;box-shadow:var(--shadow-sm)}.empty-state .empty-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--accent-soft);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-4);color:var(--accent)}.empty-state h3{color:var(--text-primary);margin-bottom:var(--sp-2)}.empty-state p{color:var(--text-secondary);font-size:13px;max-width:360px}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-online{background:var(--success);box-shadow:0 0 6px var(--success)}.dot-offline{background:var(--danger)}.dot-pending{background:var(--warning);animation:pulse 2s infinite}.section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--sp-3)}.glass{background:var(--bg-glass);background-image:var(--gloss-shine);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid var(--gloss-edge);border-radius:var(--radius-lg);box-shadow:inset 0 1px #ffffff14,0 4px 24px #0006}.grid-1{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-4)}@media (max-width: 1180px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 920px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 560px){.grid-2,.grid-3,.grid-4,.grid-auto{grid-template-columns:1fr}}.container{max-width:var(--max);margin:0 auto;padding:0 var(--pad-x)}.container-wide{max-width:var(--max-wide);margin:0 auto;padding:0 var(--pad-x)}.section{padding:var(--section-py) 0}@media (max-width: 720px){.page-header{flex-direction:column;align-items:flex-start;gap:var(--sp-3)}.page-header>*{width:100%}.page-header h1{font-size:1.25rem}}.table-scroll{overflow-x:auto}@media (max-width: 720px){.table thead th,.table tbody td{padding:10px 12px;font-size:12.5px}.table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table>thead{display:table-header-group}.table>tbody{display:table-row-group}.table>tfoot{display:table-footer-group}}@media (max-width: 560px){.card,.card-flat,.stat-card{padding:var(--sp-4)}.stat-card .stat-value{font-size:26px}}.modal,.dialog,.popover{max-width:min(560px,calc(100vw - 32px))}@media (max-width: 560px){.input{font-size:14px}.btn{font-size:13px;padding:9px 16px}.btn-lg{padding:11px 22px;font-size:14px}}@media (max-width: 920px){:root{--sidebar-w: var(--sidebar-collapsed)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root,:root[data-theme=nebula]{--bg-grad-1: rgba(99,102,241,.1);--bg-grad-2: rgba(139,92,246,.08)}:root[data-theme=operator]{--bg-root: #050507;--bg-sidebar: #0a0a0f;--bg-card: #0e0e14;--bg-card-hover: #141419;--bg-input: #0c0c12;--border-active: #4fc3f7;--accent: #4fc3f7;--accent-hover: #6dd0fa;--accent-2: #22d3ee;--accent-3: #0891b2;--accent-glow: rgba(79, 195, 247, .25);--accent-soft: rgba(79, 195, 247, .12);--accent-grad: linear-gradient(135deg, #4fc3f7 0%, #22d3ee 60%, #0891b2 100%);--accent-grad-cool: linear-gradient(135deg, #22d3ee 0%, #4fc3f7 100%);--bg-grad-1: rgba(79,195,247,.1);--bg-grad-2: rgba(34,211,238,.08)}:root[data-theme=tactical]{--bg-root: #0a0e0c;--bg-sidebar: #0c1310;--bg-card: #101814;--bg-card-hover: #15201a;--bg-input: #0d1411;--border-active: #10b981;--accent: #10b981;--accent-hover: #34d399;--accent-2: #f59e0b;--accent-3: #84cc16;--accent-glow: rgba(16, 185, 129, .25);--accent-soft: rgba(16, 185, 129, .12);--accent-grad: linear-gradient(135deg, #10b981 0%, #84cc16 60%, #f59e0b 100%);--accent-grad-cool: linear-gradient(135deg, #34d399 0%, #10b981 100%);--bg-grad-1: rgba(16,185,129,.1);--bg-grad-2: rgba(245,158,11,.06)}:root[data-theme=slate]{--bg-root: #0a1019;--bg-sidebar: #0d1422;--bg-card: #111a2b;--bg-card-hover: #182234;--bg-input: #0e1623;--border-active: #3b82f6;--accent: #3b82f6;--accent-hover: #60a5fa;--accent-2: #94a3b8;--accent-3: #1e40af;--accent-glow: rgba(59, 130, 246, .25);--accent-soft: rgba(59, 130, 246, .12);--accent-grad: linear-gradient(135deg, #3b82f6 0%, #60a5fa 60%, #94a3b8 100%);--accent-grad-cool: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--bg-grad-1: rgba(59,130,246,.1);--bg-grad-2: rgba(148,163,184,.06)}:root[data-theme=aaa]{--bg-root: #000000;--bg-sidebar: #000000;--bg-card: #0a0a0a;--bg-card-hover: #1a1a1a;--bg-input: #050505;--border: rgba(255, 255, 255, .25);--border-subtle: rgba(255, 255, 255, .15);--border-active: #ffe600;--text-primary: #ffffff;--text-secondary: #f0f0f0;--text-muted: #c8c8c8;--text-inverse: #000000;--accent: #ffe600;--accent-hover: #fff333;--accent-2: #ffffff;--accent-3: #ffe600;--accent-glow: rgba(255, 230, 0, .35);--accent-soft: rgba(255, 230, 0, .15);--accent-grad: linear-gradient(135deg, #ffe600 0%, #fff333 100%);--accent-grad-cool: linear-gradient(135deg, #ffffff 0%, #ffe600 100%);--success: #00ff7f;--warning: #ffaa00;--danger: #ff4040;--info: #00bfff;--bg-grad-1: rgba(255,230,0,.06);--bg-grad-2: rgba(255,255,255,.03)}body{background-image:radial-gradient(ellipse 70% 50% at 15% 0%,var(--bg-grad-1) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 85% 0%,var(--bg-grad-2) 0%,transparent 55%),radial-gradient(ellipse 80% 50% at 50% 100%,rgba(34,211,238,.04) 0%,transparent 60%)}:root[data-theme=aaa] body{background-image:none}.theme-switcher-root{display:inline-flex;font-family:var(--font-sans)}.theme-switcher-fab{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:var(--radius-full);background:var(--bg-card);background-image:var(--gloss-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast)}.theme-switcher-fab:hover{transform:translateY(-1px);border-color:var(--border-active);box-shadow:var(--shadow-md),0 0 12px var(--accent-glow);color:var(--text-primary)}.theme-switcher-fab-swatch{width:18px;height:18px;border-radius:50%;box-shadow:0 0 0 2px var(--bg-card),0 0 0 3px var(--border-active);flex-shrink:0}.theme-switcher-panel{position:fixed;top:74px;right:clamp(12px,2vw,24px);width:min(320px,calc(100vw - 32px));max-height:calc(100vh - 96px);overflow-y:auto;padding:10px;border-radius:var(--radius-lg);background:var(--bg-card);background-image:var(--gloss-card);border:1px solid var(--border-strong, var(--border));box-shadow:var(--shadow-lg),0 0 24px var(--accent-glow);display:grid;gap:4px;animation:fadeInScale var(--duration-med) var(--ease-out) both;z-index:9999}.theme-switcher-head{display:flex;align-items:center;gap:8px;padding:6px 10px 10px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-subtle);margin-bottom:4px}.theme-switcher-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;text-align:left;cursor:pointer;color:var(--text-primary);transition:background var(--duration-fast),border-color var(--duration-fast)}.theme-switcher-item:hover{background:var(--bg-card-hover)}.theme-switcher-item.is-active{border-color:var(--accent);background:var(--accent-soft)}.theme-switcher-swatch{width:28px;height:28px;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff1a,0 1px 4px #0006;flex-shrink:0}.theme-switcher-text{display:grid;gap:2px;min-width:0}.theme-switcher-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-switcher-desc{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-switcher-check{color:var(--accent);flex-shrink:0}@media (max-width: 720px){.theme-switcher-panel{right:12px}.theme-switcher-item{padding:8px 10px;gap:10px}.theme-switcher-swatch{width:24px;height:24px}.theme-switcher-name{font-size:12.5px}.theme-switcher-desc{font-size:10.5px}}@media (max-width: 720px){.page *,.modal *,.panel *,.page{min-width:0}}@media (max-width: 720px){.page>div,.page section,.page article,.page .card,.page .panel,.page .modal-body,.page .form-row,.page table,.page pre,.page img,.page video,.page canvas,.page iframe{max-width:100%}.page p,.page span,.page small,.page label,.page dd,.page dt{overflow-wrap:anywhere}.page pre,.page code{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 720px){.btn-row,.actions-row,.filter-row,.toolbar,.chips-row{flex-wrap:wrap}.btn-row .btn,.actions-row .btn,.filter-row .btn,.toolbar .btn{flex:0 1 auto}[role=tablist]{flex-wrap:wrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}[role=tablist]::-webkit-scrollbar{display:none}}@media (max-width: 560px){.page h1{font-size:1.4rem}.page h2{font-size:1.15rem}.page h3{font-size:1rem}.stat-card .stat-value,.kpi-value,.big-number{font-size:24px!important}.page{padding:8px 8px 88px}}@media (max-width: 720px){.table th,.table td{min-height:44px}.sticky-mobile-off{position:static!important}}@media (max-width: 560px){.modal,.dialog,.popover,.dialog-card,.dialog-modal{max-width:calc(100vw - 16px)!important;width:calc(100vw - 16px)!important}}@media (max-width: 560px){.page input:not([type=checkbox]):not([type=radio]):not([type=range]),.page select,.page textarea{max-width:100%;width:100%;box-sizing:border-box}}@media (max-width: 720px){[style*=grid-template-columns][style*=auto-fill]{width:100%}}@media (max-width: 560px){.spider-chat-fab,.spider-chat-button,[class*=spider-chat][class*=fab]{bottom:14px!important;right:14px!important}}@media (max-width: 720px){[style*="grid-template-columns: repeat(4"],[style*="gridTemplateColumns: repeat(4"]{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 480px){[style*="grid-template-columns: repeat(2"],[style*="gridTemplateColumns: repeat(2"],[style*="grid-template-columns: 1fr 1fr"],[style*="gridTemplateColumns: 1fr 1fr"],[style*="grid-template-columns: 2fr 1fr"],[style*="gridTemplateColumns: 2fr 1fr"],[style*="grid-template-columns: repeat(3"],[style*="gridTemplateColumns: repeat(3"],[style*="grid-template-columns: repeat(4"],[style*="gridTemplateColumns: repeat(4"]{grid-template-columns:1fr!important}}.video-fullscreen,.video-pane{max-width:100%;max-height:100vh}.app-shell{display:flex;height:100vh;height:100dvh;width:100vw;overflow:hidden;position:relative;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}.rail{width:var(--sidebar-rail);min-width:var(--sidebar-rail);background:linear-gradient(180deg,var(--bg-sidebar) 0%,var(--bg-root) 100%);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;z-index:30;position:relative}.rail-brand{height:64px;min-height:64px;width:100%;border-bottom:1px solid var(--border);display:grid;place-items:center}.rail-mark{position:relative;width:38px;height:38px;display:grid;place-items:center;filter:drop-shadow(0 4px 14px var(--accent-glow)) drop-shadow(0 1px 4px rgba(0,0,0,.35))}.rail-mark:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:conic-gradient(from 0deg,var(--accent),var(--accent-2),var(--accent-3),var(--accent));filter:blur(6px);opacity:.55;animation:railSpin 8s linear infinite;z-index:0}.rail-mark img{width:30px;height:auto;position:relative;z-index:1}@keyframes railSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.rail-mark:before{animation:none}}.rail-list{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding-top:10px;overflow-y:auto;overflow-x:hidden;width:100%}.rail-btn{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;border:none;cursor:pointer;background:transparent;color:#fff6;margin-bottom:2px;position:relative;transition:background var(--duration-fast),color var(--duration-fast)}.rail-btn:hover{background:#ffffff0f;color:var(--text-secondary)}.rail-btn.is-here,.rail-btn.is-active{background:var(--accent-soft);color:var(--accent)}.rail-btn .rail-bar{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.rail-foot{border-top:1px solid var(--border);height:90px;min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%}.rail-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:14px;font-weight:700}.rail-logout{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:transparent;border:none;cursor:pointer;color:#ffffff52;transition:color var(--duration-fast),background var(--duration-fast)}.rail-logout:hover{color:var(--danger);background:var(--danger-soft)}.panel{width:0;min-width:0;background:linear-gradient(180deg,var(--bg-sidebar) 0%,var(--bg-root) 100%);border-right:none;display:flex;flex-direction:column;overflow:hidden;transition:width var(--duration-med) var(--ease-out),min-width var(--duration-med) var(--ease-out);z-index:25}.panel.is-open{width:var(--sidebar-panel);min-width:var(--sidebar-panel);border-right:1px solid var(--border);box-shadow:2px 0 16px #0000004d}.panel-head{height:64px;min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 16px;border-bottom:1px solid var(--border)}.panel-brand{font-size:18px;font-weight:800;color:var(--text-primary);line-height:1.2;letter-spacing:.04em;white-space:nowrap}.panel-brand-reg{color:var(--accent);font-size:.55em;vertical-align:super;margin-left:1px}.panel-tag{display:flex;flex-direction:column;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-weight:700;line-height:1.35}.panel-tag-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-tag em.panel-tag-line{font-style:normal;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.panel-collapse{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;background:transparent;border:none;cursor:pointer;color:#ffffff52;flex-shrink:0;transition:color var(--duration-fast),background var(--duration-fast)}.panel-collapse:hover{color:var(--text-primary);background:#ffffff0f}.panel-section-head{padding:14px 16px 10px}.panel-section-title{font-size:14px;font-weight:700;color:var(--text-primary);white-space:nowrap;margin-bottom:10px}.panel-search{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;background:#ffffff0a;border:1px solid var(--border)}.panel-search svg{color:#ffffff52;flex-shrink:0}.panel-search input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:12px;width:100%;font-family:var(--font-sans)}.panel-items{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 10px}.panel-item{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:1px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:400;color:var(--text-secondary);background:transparent;white-space:nowrap;position:relative;transition:background var(--duration-fast),color var(--duration-fast)}.panel-item:hover{background:#ffffff0a;color:var(--text-primary);text-decoration:none}.panel-item.is-active{background:var(--accent-soft);color:var(--text-primary);font-weight:600}.panel-item-bar{position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.panel-empty{padding:16px 10px;font-size:12px;color:var(--text-muted);text-align:center}.panel-foot{border-top:1px solid var(--border);height:90px;min-height:90px;display:flex;flex-direction:column;justify-content:center}.panel-user{padding:6px 14px;display:flex;align-items:center;gap:8px;white-space:nowrap}.panel-user-name{font-size:12px;font-weight:600;color:var(--text-primary)}.panel-user-role{font-size:10px;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.panel-signout{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;font-size:12px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-top:1px solid var(--border-subtle);cursor:pointer;transition:color var(--duration-fast),background var(--duration-fast)}.panel-signout:hover{color:var(--danger);background:var(--danger-soft)}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:64px;min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(12px,2vw,24px);border-bottom:1px solid var(--border);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px #ffffff08,0 4px 16px #0000004d;position:relative;z-index:50}.topbar-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary);min-width:0}.topbar-title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;align-items:center;gap:14px;flex-shrink:0}.topbar-status .dot{width:6px;height:6px;border-radius:50%;background:var(--success);display:inline-block}.topbar-weather{display:flex;align-items:center;gap:8px}.topbar-weather-icon{font-size:18px;line-height:1}.topbar-weather-temp{font-size:14px;font-weight:600;color:var(--text-primary)}.topbar-weather-desc{font-size:12px;color:var(--text-secondary)}.page{flex:1;overflow-y:auto;overflow-x:hidden;padding:clamp(10px,1.6vw,16px);padding-bottom:calc(96px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(96px + env(safe-area-inset-bottom))}.page:has(.page-fullbleed){padding:0;scroll-padding-bottom:0}.route-fallback{display:grid;place-items:center;height:60vh;color:var(--text-muted);font-size:13px;gap:12px}.route-fallback-spinner{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:routeFallbackSpin .8s linear infinite}@keyframes routeFallbackSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.route-fallback-spinner{animation:none}}.panel-backdrop{display:none}@media (max-width: 720px){.topbar-weather-desc{display:none}.panel{position:absolute;left:var(--sidebar-rail);top:0;bottom:0;width:var(--sidebar-panel);transform:translate(-100%);transition:transform var(--duration-med) var(--ease-out),box-shadow var(--duration-med) var(--ease-out);min-width:0;z-index:28}.panel.is-open{transform:translate(0);width:var(--sidebar-panel);min-width:var(--sidebar-panel);box-shadow:4px 0 24px #0009}.panel-backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:26;animation:fadeIn .2s var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@media (max-width: 640px){.topbar{padding:0 12px}.topbar-title,.topbar-status-label{display:none}.topbar-status{padding:4px 8px;gap:0}.topbar-right{gap:10px}}@media (max-width: 480px){.topbar-weather{gap:4px}.topbar-weather-temp{font-size:12.5px}.topbar-weather-icon{font-size:16px}.panel,.panel.is-open{width:min(var(--sidebar-panel),calc(100vw - var(--sidebar-rail) - 24px));min-width:0}}@media (max-width: 380px){.topbar-weather-temp{display:none}.topbar-right{gap:8px}}.ad-root{min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px);display:grid;place-items:center;padding:clamp(16px,4vw,40px);position:relative;overflow:hidden}.ad-glow{position:absolute;width:50vw;height:50vh;border-radius:50%;pointer-events:none;filter:blur(60px);opacity:.55}.ad-glow-tl{top:-15%;left:-10%;background:radial-gradient(circle,var(--danger-soft) 0%,transparent 70%)}.ad-glow-br{bottom:-15%;right:-10%;background:radial-gradient(circle,var(--bg-grad-2, var(--accent-soft)) 0%,transparent 70%)}.ad-card{position:relative;width:100%;max-width:520px;background:var(--bg-card);background-image:var(--gloss-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:clamp(28px,4vw,44px);text-align:center;box-shadow:0 30px 70px #00000080,inset 0 1px #ffffff0f}.ad-icon-wrap{position:relative;width:clamp(80px,12vw,96px);height:clamp(80px,12vw,96px);margin:0 auto clamp(16px,2vw,24px);display:grid;place-items:center}.ad-icon-ring,.ad-icon-ring-2{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--danger);opacity:0;animation:adRing 2.4s ease-out infinite}.ad-icon-ring-2{animation-delay:1.2s}@keyframes adRing{0%{transform:scale(.8);opacity:.55}to{transform:scale(1.6);opacity:0}}.ad-icon{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;background:var(--danger-soft);border:2px solid rgba(248,113,113,.35);display:grid;place-items:center;color:var(--danger);box-shadow:inset 0 2px 4px #0000004d,0 8px 24px #f8717140}.ad-title{margin:0 0 8px;font-size:clamp(22px,3.2vw,32px);font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--danger) 120%);-webkit-background-clip:text;background-clip:text;color:transparent}.ad-sub{font-size:clamp(13px,1.4vw,14.5px);color:var(--text-secondary);margin:0 0 22px;line-height:1.55}.ad-meta{display:flex;flex-direction:column;gap:6px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 16px;text-align:left;margin-bottom:18px}.ad-meta-row{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center;font-size:13px}.ad-meta-label{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.ad-meta-val{color:var(--text-secondary)}.ad-meta-mono{font-family:var(--font-mono);font-size:12.5px;color:var(--accent);word-break:break-all}.ad-hint{font-size:12.5px;color:var(--text-muted);margin:0 0 20px;line-height:1.55}.ad-hint strong{color:var(--text-secondary)}.ad-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.ad-actions .btn{min-width:140px}.ad-mail{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:12px;color:var(--text-muted);text-decoration:none;transition:color var(--duration-fast)}.ad-mail:hover{color:var(--accent);text-decoration:none}@media (max-width: 520px){.ad-meta-row{grid-template-columns:60px 1fr;font-size:12.5px}.ad-actions .btn{width:100%}}.login-root{min-height:100vh;min-height:100dvh;width:100vw;display:grid;place-items:center;background:var(--bg-root);position:relative;overflow:hidden;font-family:var(--font-sans);padding:clamp(16px,4vw,40px)}.login-glow{position:absolute;width:60vw;height:60vh;border-radius:50%;pointer-events:none;filter:blur(40px)}.login-glow-tl{top:-20%;left:-10%;background:radial-gradient(circle,var(--bg-grad-1, rgba(99,102,241,.16)) 0%,transparent 65%)}.login-glow-br{bottom:-20%;right:-10%;background:radial-gradient(circle,var(--bg-grad-2, rgba(139,92,246,.12)) 0%,transparent 65%)}.login-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000 30%,transparent 80%);pointer-events:none}.login-card{position:relative;width:100%;max-width:440px;background:var(--bg-card);background-image:var(--gloss-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:clamp(28px,4vw,44px) clamp(24px,3.5vw,40px) clamp(24px,3vw,36px);box-shadow:0 30px 70px #0000008c,0 0 80px var(--accent-glow),inset 0 1px #ffffff0f;overflow:hidden}.login-card-gloss{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 8%,rgba(255,255,255,.18) 50%,transparent 92%)}.login-brand{text-align:center;margin-bottom:clamp(20px,3vw,32px)}.login-mark{position:relative;width:clamp(72px,10vw,88px);height:clamp(72px,10vw,88px);margin:0 auto clamp(12px,1.6vw,18px);display:grid;place-items:center;filter:drop-shadow(0 8px 24px var(--accent-glow)) drop-shadow(0 2px 8px rgba(0,0,0,.4))}.login-mark-halo{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:conic-gradient(from 0deg,var(--accent),var(--accent-2),var(--accent-3),var(--accent));filter:blur(14px);opacity:.55;animation:loginSpin 8s linear infinite}.login-mark img{width:70%;height:auto;position:relative;z-index:1}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-title{margin:0;font-size:clamp(26px,3.4vw,32px);font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.login-reg{font-size:.5em;vertical-align:super;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-left:2px}.login-reg-sm{font-size:.7em;vertical-align:super;color:var(--accent)}.login-tagline{margin:4px 0 0;font-size:clamp(11px,1.1vw,12px);font-weight:600;color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase}.login-tagline em{font-style:normal;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.login-error{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:var(--radius-md);background:var(--danger-soft);border:1px solid rgba(248,113,113,.25);color:var(--danger);font-size:13px;line-height:1.4;margin-bottom:18px;animation:fadeIn .2s var(--ease-out)}.login-error svg{flex-shrink:0;margin-top:1px}.login-form{display:flex;flex-direction:column;gap:18px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.login-field .input{padding:12px 14px;font-size:14px}.login-pwd-wrap{position:relative}.login-pwd-wrap .input{padding-right:42px}.login-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;display:grid;place-items:center;border-radius:var(--radius-sm);transition:color var(--duration-fast),background var(--duration-fast)}.login-eye:hover{color:var(--accent);background:var(--accent-soft)}.login-submit{width:100%;padding:12px;font-size:14px;margin-top:4px}.login-foot{text-align:center;margin-top:22px;font-size:11px;color:var(--text-muted);letter-spacing:.04em;line-height:1.55}.login-foot strong{color:var(--text-secondary)}.login-foot-tata{display:inline-block;margin-top:4px;font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;opacity:.8}@media (max-width: 480px){.login-card{border-radius:var(--radius-lg)}.login-grid{background-size:32px 32px}}@media (prefers-reduced-motion: reduce){.login-mark-halo{animation:none}}