*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0d16;--bg-2: #0e1320;--surface: #121829;--surface-2: #171f33;--surface-hover: #1b2440;--border: rgba(148,163,184,.09);--border-2: rgba(148,163,184,.16);--text: #e8ecf4;--text-2: #94a3b8;--text-3: #5b6b84;--brand-a: #4f7cff;--brand-b: #8b5cf6;--brand-grad: linear-gradient(135deg, var(--brand-a), var(--brand-b));--brand-glow: 0 4px 20px rgba(99,102,241,.35);--ok: #34d399;--ok-dim: rgba(52,211,153,.12);--warn: #fbbf24;--warn-dim: rgba(251,191,36,.12);--danger: #fb7185;--danger-dim: rgba(251,113,133,.13);--info: #38bdf8;--info-dim: rgba(56,189,248,.12);--r: 12px;--r-lg: 16px;--r-pill: 99px;--font: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--display: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", "Menlo", monospace;--accent: var(--brand-a);--accent-soft: rgba(79,124,255,.15);--on-accent: #fff;--sidebar-w: 236px;--header-h: 56px;--primary: var(--brand-a);--primary-light: var(--info-dim);--primary-dark: var(--brand-b);--success: var(--ok);--success-light: var(--ok-dim);--warning: var(--warn);--warning-light: var(--warn-dim);--danger-light: var(--danger-dim);--info-color: var(--info);--radius: var(--r);--radius-lg: var(--r-lg);--radius-xl: var(--r-lg);--surface2: var(--surface-2);--border2: var(--border-2);--text2: var(--text-2);--text3: var(--text-3);--sb-bg: var(--bg-2);--sb-border: var(--border);--sb-text: var(--text-3);--sb-text-hover: var(--text-2);--sb-text-active:var(--text);--sb-hover: var(--surface-hover);--sb-active: rgba(79,124,255,.16);--shadow-xs: 0 1px 2px rgba(0,0,0,.2);--shadow: 0 1px 3px rgba(0,0,0,.25);--shadow-md: 0 4px 8px rgba(0,0,0,.3);--shadow-lg: 0 10px 24px rgba(0,0,0,.35);--shadow-xl: 0 24px 48px rgba(0,0,0,.5)}[data-theme=light]{--bg: #f4f6fb;--bg-2: #eef1f8;--surface: #ffffff;--surface-2: #f6f8fd;--surface-hover: #eef2fb;--border: rgba(15,23,42,.08);--border-2: rgba(15,23,42,.16);--text: #0f172a;--text-2: #475569;--text-3: #94a3b8;--ok: #059669;--ok-dim: rgba(5,150,105,.1);--warn: #d97706;--warn-dim: rgba(217,119,6,.1);--danger: #e11d48;--danger-dim: rgba(225,29,72,.09);--info: #0284c7;--info-dim: rgba(2,132,199,.09);--brand-glow: 0 4px 20px rgba(79,124,255,.25);--accent: var(--brand-a);--accent-soft: rgba(79,124,255,.12);--shadow-xs: 0 1px 2px rgba(15,23,42,.05);--shadow: 0 1px 3px rgba(15,23,42,.07);--shadow-md: 0 4px 8px rgba(15,23,42,.08);--shadow-lg: 0 10px 24px rgba(15,23,42,.1);--shadow-xl: 0 24px 48px rgba(15,23,42,.14)}html{height:100%}body{font-family:var(--font);font-size:14px;color:var(--text);min-height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg)}[data-theme=light] body{background:var(--bg)}#root{height:100%}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer}input,textarea,select{font-family:var(--font)}:focus-visible{outline:2px solid var(--brand-a);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app-layout{display:flex;height:100vh;overflow:hidden}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.sidebar{width:var(--sidebar-w);background:#0a0d16b3;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;overflow-x:hidden;padding:20px 12px;gap:4px;position:sticky;top:0;height:100vh}[data-theme=light] .nav-item:hover{background:var(--surface-hover)}[data-theme=light] .nav-item.active{color:var(--accent);background:var(--accent-soft);box-shadow:none}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#94a3b826;border-radius:2px}.sidebar-logo{display:flex;flex-direction:column;align-items:stretch;padding:6px 10px 22px}.sidebar-logo-mark{width:34px;height:34px;border-radius:10px;background:var(--brand-grad);display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:15px;color:#fff;box-shadow:0 0 24px #6366f173;flex-shrink:0}.sidebar-logo-name{font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:.2px;color:var(--text)}.sidebar-logo-sub{font-size:10.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.sidebar-logo-icon{display:none}.sidebar-logo-text h1{font-size:14px;font-weight:600;color:var(--text)}.sidebar-logo-text span{font-size:11px;color:var(--text-3);display:block;margin-top:1px}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px}.nav-section{margin-bottom:4px}.nav-label,.nav-sep{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);padding:14px 12px 6px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:10px;color:var(--text-2);font-size:13.5px;font-weight:500;cursor:pointer;border:none;background:none;width:100%;text-align:left;position:relative;transition:all .15s}.nav-item:hover{color:var(--text);background:var(--surface)}.nav-item.active{color:#fff;background:linear-gradient(135deg,#4f7cff29,#8b5cf624);box-shadow:inset 0 0 0 1px #7c6cff40}.nav-item.active:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--brand-grad)}.nav-item svg{width:17px;height:17px;flex-shrink:0;stroke-width:1.9}.nav-item.active svg{opacity:1}.nav-badge{margin-left:auto;background:var(--danger-dim);color:var(--danger);font-size:11px;font-weight:600;padding:1px 7px;border-radius:99px}.sidebar-footer{border-top:1px solid var(--border);padding-top:12px;margin-top:auto}.user-chip{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:10px;cursor:pointer;transition:background .15s}.user-chip:hover{background:var(--surface)}.user-chip svg{width:15px;height:15px;flex-shrink:0;color:var(--text-3)}.user-chip-info{flex:1;min-width:0}.user-chip-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip-role{font-size:11.5px;color:var(--text-3)}.user-chip-menu{position:absolute;bottom:calc(100% + 6px);left:8px;right:8px;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r);box-shadow:var(--shadow-md);z-index:200;overflow:hidden;animation:fadeIn .1s ease}.user-chip-menu button{width:100%;padding:9px 14px;background:none;border:none;text-align:left;font-size:13px;cursor:pointer;color:var(--text);display:flex;align-items:center;gap:8px}.user-chip-menu button:hover{background:var(--surface-2)}.user-chip-sep{height:1px;background:var(--border);margin:2px 0}.sidebar-version-row{display:flex;justify-content:center;padding:0 6px 10px}.sidebar-version-under-logo{margin-top:10px;width:100%;justify-content:center}.system-version-badge{display:inline-flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.03em;padding:4px 10px;border-radius:999px;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text2);transition:color .15s,border-color .15s,background .15s}.system-version-badge-topbar{font-size:12px;padding:5px 12px;border-color:#4f7cff59;background:#4f7cff1a;color:var(--primary);flex-shrink:0}.system-version-badge-topbar:hover{background:#4f7cff2e;border-color:#4f7cff8c}.system-version-badge:hover{color:var(--primary);border-color:#4f7cff59;background:#4f7cff14}.system-version-badge-dark{border-color:#94a3b826;background:#0f172a99;color:#94a3b8}.system-version-badge-dark:hover{color:#93c5fd;border-color:#4f7cff66}.system-changelog-modal{max-width:560px}.system-changelog-body{max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.system-changelog-item{padding-bottom:14px;border-bottom:1px solid var(--border)}.system-changelog-item:last-child{border-bottom:none;padding-bottom:0}.system-changelog-item-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;font-size:13px}.system-changelog-item-head strong{font-family:JetBrains Mono,monospace;color:var(--primary);font-size:12px}.system-changelog-item-head time{margin-left:auto;font-size:11.5px;color:var(--text3)}.system-changelog-notes{margin:0;padding-left:18px;color:var(--text2);font-size:13px;line-height:1.55}.system-changelog-notes li+li{margin-top:4px}.system-version-history{display:flex;flex-direction:column;gap:16px}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#f472b6,#fb923c);color:#1a0a12;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;letter-spacing:.5px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:14px;padding:14px 28px;background:#0a0d16a6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);flex-shrink:0}[data-theme=light] .topbar{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.topbar-hamburger{display:none;background:none;border:none;color:var(--text-2);padding:4px}.topbar-title{font-family:var(--display);font-size:18px;font-weight:600;color:var(--text)}.topbar-search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 12px;width:280px;color:var(--text-3);cursor:pointer;font-size:13.5px;transition:border .15s;font-family:var(--font)}.topbar-search:hover{border-color:var(--border-2)}.topbar-search-text{flex:1;text-align:left}.topbar-search-kbd{font-family:var(--mono);font-size:11px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:2px 6px;color:var(--text-2)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;transition:all .15s;flex-shrink:0}.theme-toggle:hover{border-color:var(--border-2);color:var(--text);background:var(--surface-2)}.page-header{height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:12px;flex-shrink:0}.page-content{flex:1;overflow-y:auto;padding:24px}.page-content::-webkit-scrollbar{width:6px}.page-content::-webkit-scrollbar-track{background:transparent}.page-content::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#05080f99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:19}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.card-body{padding:20px}.card-header{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title{font-size:13.5px;font-weight:600;color:var(--text)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}.panel-head h2{font-family:var(--display);font-size:15px;font-weight:600;color:var(--text)}.panel-head a{font-size:12.5px;font-weight:500;color:var(--brand-a);text-decoration:none}.panel-head a:hover{text-decoration:underline}.ph-row{display:flex;align-items:center;gap:12px;padding:11px 18px;border-bottom:1px solid var(--border);transition:background .12s}.ph-row:last-child{border-bottom:none}.ph-row:hover{background:var(--surface-hover)}.ph-icon{width:32px;height:32px;border-radius:8px;flex-shrink:0;background:var(--surface-2);display:grid;place-items:center;color:var(--text-3)}.ph-icon svg{width:16px;height:16px}.ph-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ph-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ph-sub{font-size:11.5px;color:var(--text-3);font-family:var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ph-badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--r-pill);flex-shrink:0;letter-spacing:.01em}.ph-badge-offline{background:var(--surface-2);color:var(--text-3)}.ph-badge-warn{background:#fbbf2426;color:var(--warn)}.ph-badge-caution{background:#fb923c26;color:#fb923c}.ph-badge-ok{background:var(--ok-dim);color:var(--ok)}.ph-badge-info{background:var(--info-dim);color:var(--info)}.ph-badge-danger{background:var(--danger-dim);color:var(--danger)}.ph-allok{display:flex;align-items:center;gap:8px;padding:20px 18px;font-size:13px;color:var(--text-3)}.ph-allok-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok)}.kpi.kpi-clickable{cursor:pointer}.filter-chip{display:inline-flex;align-items:center;gap:4px;background:var(--accent-soft);color:var(--accent);border-radius:var(--r-pill);padding:2px 6px 2px 9px;font-size:12px;font-weight:500}.filter-chip button{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;line-height:1;padding:0 2px;opacity:.7;font-weight:400}.filter-chip button:hover{opacity:1}.filter-spinner{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:2px solid var(--border-2);border-top-color:var(--brand-a);animation:spin .7s linear infinite}.tech-row{padding:10px 18px;border-bottom:1px solid var(--border);transition:background .12s}.tech-row:last-child{border-bottom:none}.tech-row:hover{background:var(--surface-hover)}.tech-row.tech-row-active{background:#4f7cff12}.dept-row{transition:background .12s}.dept-row:hover td{background:var(--surface-hover)}.dept-row.dept-row-active td{background:#4f7cff12}.ticket-row-active{background:#4f7cff12!important}.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;position:relative;overflow:hidden;transition:transform .15s,border-color .15s}.kpi:hover{transform:translateY(-2px);border-color:var(--border-2)}.kpi-label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);display:flex;align-items:center;gap:7px;margin-bottom:8px}.kpi-value{font-family:var(--display);font-size:34px;font-weight:700;letter-spacing:-.5px;color:var(--text);line-height:1.1;margin-bottom:4px}.kpi-delta{font-size:12.5px;font-weight:500}.kpi-delta.up{color:var(--ok)}.kpi-delta.down{color:var(--danger)}.kpi-delta.flat{color:var(--text-3)}.kpi-spark{position:absolute;right:14px;bottom:14px;opacity:.9}.kpi.alert-card{border-color:#fb71854d}.kpi.alert-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(220px 120px at 85% 15%,rgba(251,113,133,.12),transparent 70%)}.kpi-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.kpi-dot.ok{background:var(--ok);box-shadow:0 0 8px var(--ok)}.kpi-dot.danger{background:var(--danger);box-shadow:0 0 8px var(--danger);animation:pulse 1.6s infinite}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:24px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;transition:transform .15s,border-color .15s}.stat-card:hover{transform:translateY(-2px);border-color:var(--border-2)}.stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin-bottom:10px}.stat-value{font-family:var(--display);font-size:30px;font-weight:700;color:var(--text);line-height:1;letter-spacing:-1px}.stat-sub{font-size:12px;color:var(--text-3);margin-top:5px}.ticket-row{display:grid;grid-template-columns:20px 58px 1fr auto 104px;gap:12px;align-items:center;padding:10px 18px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s}.ticket-row:hover{background:var(--surface-hover)}.ticket-row:last-child{border-bottom:none}.ticket-row:active{transform:scale(.996)}.t-num{font-family:var(--mono);font-size:11.5px;color:var(--text-3);white-space:nowrap}.t-title{font-weight:500;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.t-meta{font-size:11.5px;color:var(--text-3);margin-top:3px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.t-avatar-wrap{display:inline-flex;align-items:center;gap:4px}.t-assign-btn{font-size:10px;padding:1px 8px;height:auto;line-height:1.7;background:var(--brand-a);color:#fff;border:none;border-radius:99px;cursor:pointer;white-space:nowrap}.t-assign-btn:hover{opacity:.85}.ticket-delete-btn{opacity:0;transition:opacity .15s,color .15s}.ticket-row:hover .ticket-delete-btn{opacity:1}.sla-wrap{width:100%;flex-shrink:0}.sla-label{font-size:10.5px;color:var(--text-3);display:flex;justify-content:space-between;margin-bottom:4px}.sla-bar{height:4px;border-radius:99px;background:var(--surface-2);overflow:hidden}.sla-fill{height:100%;border-radius:99px;transition:width .4s}.sla-fill.ok{background:var(--ok)}.sla-fill.warn{background:var(--warn)}.sla-fill.breach{background:var(--danger);box-shadow:0 0 10px #fb718599}.sla-fill.paused{background:var(--text-3)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r);font-size:13.5px;font-weight:600;border:1px solid transparent;transition:all .12s;line-height:1.4;white-space:nowrap;letter-spacing:-.1px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--brand-grad);color:#fff;box-shadow:var(--brand-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 26px #6366f180}.btn-outline{background:var(--surface-2);color:var(--text-2);border-color:var(--border-2)}.btn-outline:hover:not(:disabled){background:var(--surface-hover);color:var(--text);border-color:var(--border-2)}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid rgba(251,113,133,.3)}.btn-danger:hover:not(:disabled){background:#fb718533}.btn-success{background:var(--ok-dim);color:var(--ok);border:1px solid rgba(52,211,153,.3)}.btn-success:hover:not(:disabled){background:#34d39933}.btn-sm{padding:4px 10px;font-size:12.5px}.btn-icon{padding:6px;border-radius:var(--r);background:none;border:none;color:var(--text-3);transition:all .15s;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--surface-2);color:var(--text-2)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--r-pill);font-size:11px;font-weight:600;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.7;flex-shrink:0}.badge-open{background:var(--info-dim);color:var(--info)}.badge-waiting{background:var(--warn-dim);color:var(--warn)}.badge-resolved{background:var(--ok-dim);color:var(--ok)}.badge-closed{background:#94a3b81a;color:var(--text-3)}.badge-low{background:#94a3b81a;color:var(--text-2)}.badge-medium,.badge-high{background:var(--warn-dim);color:var(--warn)}.badge-critical{background:var(--danger-dim);color:var(--danger);box-shadow:0 0 0 1px #fb718540,0 0 14px #fb71852e}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead tr{border-bottom:1px solid var(--border-2)}th{text-align:left;padding:10px 16px;font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{cursor:pointer;transition:background .1s}tbody tr:hover{background:var(--surface-hover)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:600;margin-bottom:5px;color:var(--text-2);letter-spacing:.01em}.form-control{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r);font-size:13.5px;color:var(--text);background:var(--surface-2);outline:none;transition:border .15s,box-shadow .15s}.form-control::placeholder{color:var(--text-3)}.form-control:focus{border-color:transparent;box-shadow:0 0 0 2px #6366f180}.form-control:disabled{opacity:.5;cursor:not-allowed}textarea.form-control{resize:vertical;min-height:90px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 900px){.form-row-3{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.form-control{font-size:16px}.form-row,.form-row-3{grid-template-columns:1fr}}.modal.modal-lg .form-group{margin-bottom:10px}.modal.modal-lg .form-label{margin-bottom:4px;font-size:11px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080f99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .15s ease}.modal{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-lg);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;animation:slideUp .14s ease-out}.modal.modal-lg{max-width:920px;display:flex;flex-direction:column;overflow:hidden}.modal.modal-lg .modal-body{overflow-y:auto;flex:1;min-height:0}.modal.modal-lg .eq-detail-tabs{display:flex;gap:2px;padding:0 20px;border-bottom:1px solid var(--border);overflow-x:auto;flex-shrink:0}.modal.modal-lg .eq-detail-tabs button{border:none;background:none;cursor:pointer;padding:10px 14px;font-size:13px;font-weight:500;color:var(--text2);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:6px}.modal.modal-lg .eq-detail-tabs button.active{color:var(--primary);font-weight:600;border-bottom-color:var(--primary)}.eq-detail-hero{padding:20px 24px 16px;background:var(--surface-2);border-bottom:1px solid var(--border)}.eq-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.eq-kpi-chip{min-width:0;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.eq-kpi-chip .label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text3)}.eq-kpi-chip .value{font-size:13px;font-weight:600;margin-top:2px;color:var(--text);word-break:break-word;line-height:1.3}@media (max-width: 640px){.eq-kpi-row{grid-template-columns:1fr}}.eq-form-section{margin-bottom:16px}.eq-form-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--border)}.eq-info-card{padding:14px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;margin-bottom:12px}.eq-info-card-title{font-size:12px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:6px}.eq-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px 20px}.eq-info-grid-dense{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 14px}.eq-hardware-block+.eq-hardware-block{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.eq-hardware-block .eq-info-card-title{margin-bottom:8px;font-size:11px}.ticket-presence-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:14px;border-radius:8px;background:#4f7cff14;border:1px solid rgba(79,124,255,.25);font-size:13px;color:var(--text2)}.ticket-merge-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:14px;border-radius:8px;background:#f59e0b14;border:1px solid rgba(245,158,11,.3);font-size:13px;color:var(--text2)}.link-btn{background:none;border:none;padding:0;color:var(--brand-a);cursor:pointer;font:inherit;text-decoration:underline}.ticket-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;font-size:13px}.ticket-metrics-grid .metric-label{display:block;font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.mission-control{min-height:100vh;background:#0a0d16;color:#e2e8f0;padding:20px 24px}.mission-control-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.mission-control-header h1{font-size:22px;margin:0}.mission-control-header p{margin:0;font-size:13px;color:#94a3b8}.mission-control-clock{margin-left:auto;font-family:monospace;font-size:22px;color:#a5f3fc}.mission-control-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.mission-kpi{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:16px;text-align:center}.mission-kpi.warn{border-color:#f59e0b66}.mission-kpi.danger{border-color:#ef444466}.mission-kpi-value{display:block;font-size:28px;font-weight:700}.mission-kpi-label{font-size:12px;color:#94a3b8}.mission-control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mission-panel{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px;min-height:280px}.mission-panel h2{font-size:14px;margin:0 0 12px;color:#cbd5e1}.mission-ticket-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13px}.mission-ticket-row:hover{background:#ffffff0d}.mission-ticket-num{font-family:monospace;color:#7dd3fc}.mission-ticket-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mission-ticket-meta{font-size:11px;color:#64748b}.mission-sla-pill{font-size:10px;padding:2px 8px;border-radius:99px;white-space:nowrap}.mission-empty{font-size:13px;color:#64748b;padding:12px}@media (max-width: 900px){.mission-control-kpis{grid-template-columns:repeat(2,1fr)}.mission-control-grid{grid-template-columns:1fr}.page-content{padding:12px!important}.page-header h2{font-size:14px!important}.sidebar{transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.main-area{margin-left:0!important}table{font-size:12px}.form-row{flex-direction:column}}.portal-timeline{display:flex;flex-direction:column;gap:0;position:relative}.portal-timeline-item{display:flex;gap:14px;padding-bottom:18px;position:relative}.portal-timeline-item:not(:last-child):before{content:"";position:absolute;left:7px;top:18px;bottom:0;width:2px;background:var(--border)}.portal-timeline-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0;margin-top:2px;border:2px solid var(--border);background:var(--surface)}.portal-timeline-dot.open{border-color:#2563eb;background:#eff6ff}.portal-timeline-dot.tech{border-color:#8b5cf6;background:#f5f3ff}.portal-timeline-dot.requester{border-color:#16a34a;background:#f0fdf4}.portal-timeline-dot.resolved{border-color:#16a34a;background:#16a34a}.portal-timeline-title{font-size:13px;font-weight:600;color:var(--text)}.portal-timeline-meta{font-size:11px;color:var(--text3);margin-top:2px}.portal-timeline-body{font-size:13px;color:var(--text2);line-height:1.5;white-space:pre-wrap;margin-top:6px;padding:10px 12px;background:var(--surface2);border-radius:8px;border:1px solid var(--border)}.eq-info-field .label{font-size:11px;color:var(--text3);margin-bottom:2px}.eq-info-field .value{font-size:13px;font-weight:500;word-break:break-word}.modal-header{padding:18px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-family:var(--display);font-size:15px;font-weight:600;color:var(--text)}.modal-body{padding:20px}.modal-footer{padding:14px 20px;border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--r-lg) var(--r-lg);display:flex;justify-content:flex-end;gap:8px}@media (max-width: 768px){.modal-overlay{padding:0;align-items:flex-end}.modal{max-width:100%;border-radius:var(--r-lg) var(--r-lg) 0 0;max-height:92vh}}.cmd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080f99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding-top:80px;z-index:2000;animation:fadeIn .1s ease}.cmd-box{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-lg);width:100%;max-width:560px;max-height:480px;display:flex;flex-direction:column;overflow:hidden;animation:slideDown .14s ease-out}.cmd-input-wrap{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--border)}.cmd-input{flex:1;background:none;border:none;outline:none;font-size:15px;color:var(--text);font-family:var(--font)}.cmd-input::placeholder{color:var(--text-3)}.cmd-esc{font-family:var(--mono);font-size:11px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:2px 6px;color:var(--text-2)}.cmd-section-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding:8px 16px 4px}.cmd-results{flex:1;overflow-y:auto}.cmd-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;text-align:left;cursor:pointer;color:var(--text);font-size:13.5px;transition:background .1s}.cmd-item:hover,.cmd-item.active{background:var(--surface-hover)}.cmd-item-icon{font-size:15px;flex-shrink:0;width:20px;text-align:center}.cmd-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-item-meta{font-family:var(--mono);font-size:11px;color:var(--text-3);flex-shrink:0}.cmd-footer{display:flex;gap:16px;align-items:center;padding:10px 16px;border-top:1px solid var(--border);font-size:11.5px;color:var(--text-3)}.cmd-footer kbd{font-family:var(--mono);font-size:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:1px 5px;margin-right:3px}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast-item{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--r-lg);padding:12px 14px;font-size:13.5px;color:var(--text);font-weight:500;min-width:280px;max-width:360px;animation:slideIn .25s ease;pointer-events:all}.toast-success{border-left:3px solid var(--ok)}.toast-danger{border-left:3px solid var(--danger)}.toast-info{border-left:3px solid var(--brand-a)}.toast-warning{border-left:3px solid var(--warn)}.toast-icon{font-size:14px;flex-shrink:0}.toast-msg{flex:1;line-height:1.4}.toast-close{background:none;border:none;color:var(--text-3);font-size:16px;line-height:1;cursor:pointer;padding:0 2px;transition:color .1s}.toast-close:hover{color:var(--text)}.toast{display:none}.spinner{width:20px;height:20px;border:2px solid var(--border-2);border-top-color:var(--brand-a);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.loading-center{display:flex;align-items:center;justify-content:center;min-height:200px}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-hover) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--r)}.skeleton-line{height:14px;border-radius:var(--r-pill)}.skeleton-row{padding:16px 18px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--border)}.empty-state{text-align:center;padding:64px 20px;color:var(--text-3);display:flex;flex-direction:column;align-items:center;gap:12px}.empty-state svg{width:48px;height:48px;margin-bottom:4px;opacity:.2}.empty-state p{font-size:14px}.text-muted{color:var(--text-3)}.text-sm{font-size:12px}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.ml-auto{margin-left:auto}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.font-mono{font-family:var(--mono)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:20px}.tab-btn{padding:8px 16px;background:none;border:none;font-size:13.5px;font-weight:500;color:var(--text-3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s;border-radius:var(--r) var(--r) 0 0}.tab-btn:hover{color:var(--text-2);background:var(--surface-2)}.tab-btn.active{color:var(--brand-a);border-bottom-color:var(--brand-a)}.alert{padding:12px 16px;border-radius:var(--r-lg);font-size:13.5px;display:flex;align-items:flex-start;gap:10px;border:1px solid}.alert-info{background:var(--info-dim);color:var(--info);border-color:#38bdf84d}.alert-success{background:var(--ok-dim);color:var(--ok);border-color:#34d3994d}.alert-warning{background:var(--warn-dim);color:var(--warn);border-color:#fbbf244d}.alert-danger{background:var(--danger-dim);color:var(--danger);border-color:#fb71854d}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r);font-size:11.5px;font-weight:500;background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.ticket-number-copy{cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:var(--r);transition:background .1s;font-family:var(--mono)}.ticket-number-copy:hover{background:var(--surface-2)}.ticket-number-copy:hover:after{content:"⎘";font-size:10px;opacity:.4}@media (max-width: 1024px){.sidebar{width:64px;padding:16px 8px}.sidebar-logo-name,.sidebar-logo-sub,.nav-item span:not(.nav-badge),.nav-sep,.nav-label,.user-chip-info{display:none}.nav-item{padding:10px;justify-content:center;gap:0}.nav-item.active:before{display:none}.nav-item svg{width:20px;height:20px}.sidebar-logo{padding:6px 0 20px;justify-content:center}.sidebar-logo-mark{margin:0 auto}.user-chip{padding:6px;justify-content:center}.topbar-search{width:180px}.bento{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sidebar{position:fixed;left:-100%;top:0;height:100vh;z-index:20;width:var(--sidebar-w);padding:20px 12px;transition:left .25s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar.sidebar-open{left:0}.sidebar-overlay{display:block}.sidebar-logo-name,.sidebar-logo-sub,.nav-item span:not(.nav-badge),.nav-sep,.nav-label,.user-chip-info{display:unset}.nav-item{padding:9px 12px;justify-content:flex-start;gap:11px}.nav-item.active:before{display:block}.nav-item svg{width:17px;height:17px}.sidebar-logo{padding:6px 10px 22px;justify-content:flex-start}.sidebar-logo-mark{margin:0}.user-chip{padding:8px 6px;justify-content:flex-start}.topbar-hamburger{display:flex;align-items:center;justify-content:center}.topbar-search-text{display:none}.topbar-search{width:auto;padding:8px}.topbar-search-kbd{display:none}.topbar{padding:14px 16px}.bento{grid-template-columns:1fr 1fr}.dash-row-grid{grid-template-columns:1fr!important}.page-content{padding:16px}.ticket-row{grid-template-columns:20px 1fr auto;gap:10px}.ticket-row .sla-wrap,.ticket-row .pill-wrap{grid-column:2}.ticket-row>div:nth-child(2){display:none}}@media (max-width: 480px){.bento{grid-template-columns:1fr}.topbar-title{font-size:16px}}:root{--bg: #0e1113;--bg-2: #14181b;--surface: #181d21;--surface-2: #1f252a;--surface-hover: #262d33;--border: rgba(180,190,200,.1);--border-2: rgba(180,190,200,.18);--text: #e7ebee;--text-2: #9aa5af;--text-3: #69737c;--brand-a: #2db274;--brand-b: #2db274;--brand-grad: var(--brand-a);--brand-glow: var(--shadow);--accent: var(--brand-a);--accent-soft: rgba(45,178,116,.16);--on-accent: #ffffff;--ok: #34d399;--ok-dim: rgba(52,211,153,.12);--warn: #fbbf24;--warn-dim: rgba(251,191,36,.12);--danger: #fb7185;--danger-dim: rgba(251,113,133,.13);--info: #38bdf8;--info-dim: rgba(56,189,248,.12);--shadow-xs: 0 1px 2px rgba(0,0,0,.25);--shadow: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 10px rgba(0,0,0,.32);--shadow-lg: 0 10px 26px rgba(0,0,0,.38);--shadow-xl: 0 24px 48px rgba(0,0,0,.5);--sb-active: var(--accent-soft)}[data-theme=light]{--bg: #eceef0;--bg-2: #e6e9ec;--surface: #ffffff;--surface-2: #f5f6f8;--surface-hover: #eef1f3;--border: rgba(20,25,30,.09);--border-2: rgba(20,25,30,.16);--text: #16191d;--text-2: #5a626c;--text-3: #8b939e;--brand-a: #1f8a5b;--brand-b: #1f8a5b;--accent: var(--brand-a);--accent-soft: rgba(31,138,91,.12);--shadow-xs: 0 1px 2px rgba(16,24,40,.05);--shadow: 0 1px 3px rgba(16,24,40,.07);--shadow-md: 0 4px 10px rgba(16,24,40,.08);--shadow-lg: 0 10px 26px rgba(16,24,40,.1);--shadow-xl: 0 24px 48px rgba(16,24,40,.14)}[data-accent=blue]{--brand-a: #4a8cf0;--brand-b: #4a8cf0;--accent: var(--brand-a);--accent-soft: rgba(74,140,240,.18)}[data-theme=light][data-accent=blue]{--brand-a: #2563d4;--brand-b: #2563d4;--accent: var(--brand-a);--accent-soft: rgba(37,99,212,.12)}body,[data-theme=light] body{background:var(--bg)!important}.sidebar{background:var(--bg-2)}[data-theme=light] .sidebar{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.sidebar-logo-mark{box-shadow:none}.nav-item.active,[data-theme=light] .nav-item.active{color:var(--accent);background:var(--accent-soft);box-shadow:none}.nav-item.active:before{background:var(--accent)}.btn-primary{background:var(--accent);box-shadow:none}.btn-primary:hover:not(:disabled){transform:none;box-shadow:var(--shadow);filter:brightness(.96)}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.kpi.kpi-active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.filter-chip{background:var(--accent-soft);color:var(--accent)}.filter-spinner{border-top-color:var(--accent)}.badge-in_progress{background:var(--accent-soft);color:var(--accent)}.tech-row.tech-row-active,.ticket-row-active,.dept-row.dept-row-active td{background:var(--accent-soft)!important}.system-version-badge-topbar{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.system-version-badge-topbar:hover{background:var(--accent-soft);filter:brightness(1.05)}.ticket-presence-banner{background:var(--accent-soft);border-color:var(--accent);color:var(--text-2)}.kpi-dot.ok,.kpi-dot.danger,.ph-allok-dot{box-shadow:none}.kpi-dot.danger{animation:none}.badge-critical{box-shadow:inset 0 0 0 1px var(--danger-dim)}.sla-fill.breach{box-shadow:none}:root{--font: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--display: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", "Menlo", monospace}