:root{--bg:#0b0d12;--panel:#1814228c;--panel-2:#1e192c8c;--panel-3:#261f368c;--border:#b296ff29;--text:#eef0f5;--muted:#a89fc2;--accent:#ff7a3d;--accent-dim:#d9622c;--nebula-violet:#7c5cff;--nebula-magenta:#d94fd5;--good:#35c98f;--good-bg:#35c98f1f;--bad:#ff5b6e;--bad-bg:#ff5b6e1f;--warn:#f5a623;--warn-bg:#f5a6231f;--glass-blur:14px;--series-blue:#3987e5;--series-green:#008300;--series-magenta:#d55181;--series-yellow:#c98500;--series-aqua:#199e70;--series-orange:#d95926;--series-violet:#9085e9;--series-red:#e66767;--seq-100:#b7d3f6;--seq-300:#6da7ec;--seq-500:#256abf;--seq-700:#0d366b;--status-good:#0ca30c;--status-warning:#fab219;--status-serious:#ec835a;--status-critical:#d03b3b}body[data-theme=classic]{--panel:#14161d;--panel-2:#1a1d27;--panel-3:#20242f;--border:#2a2f3d;--muted:#98a0b3}body[data-theme=classic] #nebulaBg{display:none}body[data-theme=classic] .card,body[data-theme=classic] .chart-card,body[data-theme=classic] .kpi-tile,body[data-theme=classic] .modal-box,body[data-theme=classic] .sidebar,body[data-theme=classic] .topbar,body[data-theme=classic] .diag-card,body[data-theme=classic] .diag-row,body[data-theme=classic] table.mini-table th,body[data-theme=classic] .chat-panel,body[data-theme=classic] .payslip-doc{-webkit-backdrop-filter:none;box-shadow:none!important}body[data-mode=light]{--bg:#f4f5f8;--panel:#ffffffeb;--panel-2:#f8f9fcf5;--panel-3:#f0f2f7fa;--border:#0f172a1f;--text:#171923;--muted:#565d70;--accent:#e0602a;--accent-dim:#b84c20;--good:#12875e;--good-bg:#12875e1f;--bad:#d43a4a;--bad-bg:#d43a4a1f;--warn:#b3720a;--warn-bg:#b3720a24}body[data-mode=light] #nebulaBg{display:none}body[data-mode=light] .card,body[data-mode=light] .chart-card,body[data-mode=light] .kpi-tile,body[data-mode=light] .modal-box,body[data-mode=light] .sidebar,body[data-mode=light] .topbar,body[data-mode=light] .diag-card,body[data-mode=light] .diag-row,body[data-mode=light] table.mini-table th,body[data-mode=light] .chat-panel,body[data-mode=light] .payslip-doc{box-shadow:0 1px 3px #14142814!important}body[data-mode=light][data-light-style=slate]{--bg:#eef1f6;--panel:#fffffff0;--panel-2:#f1f4f9f5;--panel-3:#e4e9f2fa;--border:#1e293b24;--text:#1a2130;--muted:#57627a;--accent:#4a5ed6;--accent-dim:#3a49ad}body[data-mode=light][data-light-style=sand]{--bg:#faf6ef;--panel:#fffdf8f0;--panel-2:#f9f4e9f5;--panel-3:#f1e9d8fa;--border:#57412124;--text:#2a2117;--muted:#6b5d47;--accent:#c1592f;--accent-dim:#9c4726}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.id-card-print-overlay{z-index:2000;background:#00000080;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.id-card{color:#14161d;background:#fff;border:1px solid #e2e2e6;border-radius:16px;width:340px;margin:0 auto;font-family:Segoe UI,Arial,sans-serif;overflow:hidden;box-shadow:0 4px 24px #0000002e}.id-card-head{color:#fff;background:linear-gradient(135deg,#4f7cff,#7c3aed);padding:16px 18px}.id-card-head .id-card-brand{letter-spacing:.02em;font-size:15px;font-weight:800}.id-card-head .id-card-sub{opacity:.9;margin-top:2px;font-size:10.5px}.id-card-body{text-align:center;padding:20px 18px 16px}.id-card-avatar{color:#fff;background:var(--accent);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 12px;font-size:30px;font-weight:800;display:flex;box-shadow:0 2px 10px #0000002e}.id-card-name{margin-bottom:2px;font-size:18px;font-weight:800}.id-card-role{color:#6b7290;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;font-size:12.5px}.id-card-kv{text-align:left;border-top:1px dashed #e2e2e6;padding-top:12px;font-size:12.5px}.id-card-kv .id-card-row2{justify-content:space-between;padding:4px 0;display:flex}.id-card-kv .id-card-k{color:#8b93b8}.id-card-kv .id-card-v{font-weight:600}.id-card-foot{color:#cfd4ef;text-align:center;letter-spacing:.14em;background:#14161d;padding:8px;font-family:monospace;font-size:12px}.payslip-doc{color:#14161d;background:#fff;border-radius:10px;width:100%;max-width:420px;padding:24px}.payslip-doc h2{margin:0 0 2px;font-size:19px}.payslip-doc .payslip-sub{color:#555;margin-bottom:18px;font-size:12.5px}.payslip-doc table{border-collapse:collapse;width:100%;font-size:13.5px}.payslip-doc td{border-bottom:1px solid #e2e2e6;padding:7px 4px}.payslip-doc td:first-child{color:#555}.payslip-doc td:last-child{text-align:right;font-weight:600}.payslip-doc .payslip-total td{border-top:2px solid #14161d;border-bottom:none;padding-top:12px;font-size:16px;font-weight:800}.payslip-doc .payslip-foot{color:#888;margin-top:18px;font-size:11px}@media print{.no-print,.sidebar,.topbar{display:none!important}.id-card-print-overlay{background:0 0;position:static}.id-card{box-shadow:none;border:1px solid #000}}#nebulaBg{z-index:0;pointer-events:none;background:radial-gradient(900px 700px at 15% 20%,#5a3cc88c,#0000 60%),radial-gradient(800px 650px at 85% 75%,#c832aa66,#0000 60%),radial-gradient(700px 900px at 60% 100%,#4628a059,#0000 65%),#07050c radial-gradient(circle,#150a24 0%,#07050c 75%);position:fixed;inset:0;overflow:hidden}#nebulaBg .nebula-cloud{filter:blur(60px);opacity:.5;border-radius:50%;animation:40s ease-in-out infinite alternate nebulaDrift;position:absolute}#nebulaBg .nebula-cloud.c1{background:radial-gradient(circle, var(--nebula-violet), transparent 70%);width:480px;height:480px;top:-10%;left:-8%}#nebulaBg .nebula-cloud.c2{background:radial-gradient(circle, var(--nebula-magenta), transparent 70%);width:520px;height:520px;animation-delay:-20s;bottom:-12%;right:-10%}#nebulaBg .nebula-cloud.c3{background:radial-gradient(circle,#3a5ad9,#0000 70%);width:360px;height:360px;animation-delay:-8s;bottom:20%;left:30%}#starCanvas{width:100%;height:100%;position:absolute;inset:0}.app-shell,.modal-overlay,.login-overlay,.chat-panel,.chat-widget-wrap{z-index:1;position:relative}@keyframes nebulaDrift{0%{transform:translate(0)scale(1)}to{transform:translate(30px,-20px)scale(1.08)}}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPopIn{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.video-wrap{border:1px solid var(--border);aspect-ratio:4/3;background:#000;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.video-wrap video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.video-wrap.glow-scan{box-shadow:0 0 0 3px var(--accent), 0 0 20px 5px #ff7a3d8c;animation:1s ease-in-out infinite glowPulse}.video-wrap.glow-success{box-shadow:0 0 0 3px var(--good), 0 0 26px 7px #35c98fbf}.video-wrap.glow-fail{box-shadow:0 0 0 3px var(--bad), 0 0 26px 7px #ff5b6ebf}@keyframes glowPulse{0%,to{box-shadow:0 0 0 3px var(--accent), 0 0 14px 3px #ff7a3d66}50%{box-shadow:0 0 0 3px var(--accent), 0 0 24px 7px #ff7a3dbf}}@keyframes toastIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.spinner{border:3px solid #ffffff26;border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}label{color:var(--muted);margin:12px 0 4px;font-size:13px;font-weight:600;display:block}select,textarea,input[type=text],input[type=search],input[type=number],input[type=password],input[type=date],input[type=month],input[type=email],input[type=tel],input[type=url]{background:var(--panel);border:1px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}select{padding:9px 10px;font-size:13px}select option{color:var(--text);background:var(--panel-2);padding:8px 10px;font-weight:700}select:focus,textarea:focus,input[type=text]:focus,input[type=search]:focus,input[type=number]:focus,input[type=password]:focus,input[type=date]:focus,input[type=month]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=url]:focus{border-color:var(--nebula-violet);outline:none;box-shadow:0 0 0 3px #7c5cff33}.app-shell{z-index:1;height:100vh;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--panel);width:240px;-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:12px;height:100%;padding:16px;display:flex;overflow-y:auto}.sidebar-brand{font-size:16px;font-weight:800}.sidebar-user-info{border-bottom:1px solid var(--border);padding-bottom:8px}.sidebar nav{flex-direction:column;flex:1;gap:4px;display:flex}.navitem{color:var(--text);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:14px;text-decoration:none;transition:background .2s,color .2s,transform .15s,box-shadow .2s;display:flex}.navitem:hover{background:var(--panel-2);transform:translate(2px)}.sidebar-theme-switch{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:8px;display:flex}.theme-mode-toggle,.theme-style-toggle{gap:4px;display:flex}.theme-mode-toggle button,.theme-style-toggle button{background:var(--panel-2);color:var(--muted);border:1px solid var(--border);cursor:pointer;border-radius:6px;flex:1;padding:5px 6px;font-size:11px}.theme-mode-toggle button.active,.theme-style-toggle button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.navitem.active{background:linear-gradient(135deg, var(--nebula-violet), var(--nebula-magenta));color:#fff;box-shadow:0 0 18px #7c5cff73}.main-column{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.topbar{background:var(--panel);-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:16px;padding:12px 20px;display:flex;position:sticky;top:0}.topbar-spacer{flex:1}.page-content{flex:1;padding:24px;animation:.35s panelFadeIn;overflow:auto}.hamburger-btn{color:var(--text);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:22px;display:none}.sidebar-backdrop{display:none}@media (width<=768px){.hamburger-btn{display:block}.sidebar{z-index:1100;width:260px;max-width:80vw;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:4px 0 20px #0000004d}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:1050;background:#00000080;display:block;position:fixed;inset:0}.topbar{gap:8px;padding:10px 12px}.page-content{padding:14px}.chat-widget-wrap{bottom:12px;right:12px}.chat-panel{width:calc(100vw - 24px)}}.icon-btn{cursor:pointer;color:var(--text);background:0 0;border:none;font-size:18px;position:relative}.notif-badge{background:var(--status-critical);color:#fff;border-radius:999px;padding:1px 5px;font-size:10px;position:absolute;top:-4px;right:-8px}.notif-bell-wrap{position:relative}.notif-panel{background:var(--panel-2);width:300px;max-height:360px;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);z-index:40;border-radius:10px;padding:8px;display:none;position:absolute;top:32px;right:0;overflow:auto;box-shadow:0 16px 46px #140a2859}.notif-panel.show{display:block}.notif-item{border-radius:6px;padding:8px}.notif-item.unread{background:var(--panel-3)}.notif-empty{color:var(--muted);text-align:center;padding:12px}.notif-time{color:var(--muted);font-size:11px}.card,.kpi-tile{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:14px}.card{padding:24px;transition:box-shadow .25s,border-color .25s}.card:hover{border-color:#b296ff4d;box-shadow:0 8px 30px #5a32c826}.kpi-tile{padding:18px;transition:transform .2s,box-shadow .2s}.kpi-tile:hover{transform:translateY(-3px);box-shadow:0 10px 24px #5a32c833}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.kpi-label{color:var(--muted);font-size:12px}.kpi-value{font-size:28px;font-weight:700}.kpi-sub{color:var(--muted);margin-top:4px;font-size:12px}.modal-overlay,.login-overlay{-webkit-backdrop-filter:blur(4px);z-index:100;background:#05040abf;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.show,.login-overlay.show{animation:.2s overlayFadeIn;display:flex}.modal-box{background:var(--panel-2);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:4px;width:100%;max-width:460px;max-height:90vh;padding:24px;animation:.22s cubic-bezier(.34,1.56,.64,1) modalPopIn;display:flex;overflow-y:auto;box-shadow:0 20px 60px #5a32c840}.modal-box label{color:var(--muted);margin-top:8px;font-size:12px}.modal-box input{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px 10px}.banner{border-radius:8px;margin-top:10px;padding:8px 12px;font-size:13px;display:none}.banner.show{display:block}.banner.info{background:var(--panel-3);color:var(--text)}.banner.ok{background:var(--good-bg);color:var(--good)}.banner.err{background:var(--bad-bg);color:var(--bad)}.banner.warn{background:var(--warn-bg);color:var(--warn)}.toast-stack{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.toast{background:var(--panel-2);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-left:4px solid var(--accent);cursor:pointer;border-radius:10px;max-width:320px;padding:10px 14px;animation:.2s ease-out toastIn;box-shadow:0 10px 30px #140a284d}.toast.fault_new{border-left-color:var(--status-critical)}.toast.fault_status{border-left-color:var(--status-warning)}.toast.mso_reminder{border-left-color:var(--series-violet)}.toast-title{font-size:13px;font-weight:700}.toast-msg{color:var(--muted);font-size:12px}button,a.btn{cursor:pointer;background:var(--accent);color:#1a0e05;box-sizing:border-box;border:none;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:14px;text-decoration:none;transition:background .15s,opacity .15s,box-shadow .2s,transform .1s;display:inline-block}button:hover:not(:disabled),a.btn:hover:not(.disabled){background:var(--accent-dim);box-shadow:0 0 14px #ff7a3d73}button:active:not(:disabled),a.btn:active:not(.disabled){transform:scale(.97)}button.secondary,a.btn.secondary{background:var(--panel-3);color:var(--text)}button.secondary:hover:not(:disabled),a.btn.secondary:hover:not(.disabled){background:var(--panel-2);box-shadow:0 0 12px #b296ff40}button.ghost,a.btn.ghost{border:1px solid var(--border);color:var(--text);background:0 0}button.ghost:hover:not(:disabled),a.btn.ghost:hover:not(.disabled){color:var(--text);border-color:var(--muted);box-shadow:none;background:0 0}button.sm,a.btn.sm{padding:4px 10px;font-size:12px}button:disabled,a.btn.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.global-search-wrap{width:100%;max-width:480px;position:relative}.global-search-input{background:var(--panel-2);border:1px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;border-radius:999px;padding:10px 18px;font-size:14px}.global-search-input:focus{border-color:var(--accent);outline:none}.global-search-dropdown{background:var(--panel-2);border:1px solid var(--border);z-index:100;border-radius:12px;max-height:360px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000040}.global-search-item{cursor:pointer;align-items:center;gap:10px;padding:10px 14px;display:flex}.global-search-item.cmd-active,.global-search-item:hover{background:var(--panel-3)}.global-search-icon{font-size:16px}.global-search-title{font-size:13px;font-weight:600}.global-search-subtitle{color:var(--muted);font-size:11px}.btn-row{gap:8px;display:flex}.config-note{color:var(--muted);font-size:12px}.page-stack{flex-direction:column;gap:16px;display:flex}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.two-col{grid-template-columns:1fr}}.bar-breakdown{flex-direction:column;gap:8px;display:flex}.bar-row{grid-template-columns:140px 1fr 120px;align-items:center;gap:10px;font-size:13px;display:grid}.bar-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-track{background:var(--panel-3);border-radius:999px;height:8px;overflow:hidden}.bar-fill{background:var(--series-blue);border-radius:999px;height:100%}.bar-value{text-align:right;white-space:nowrap}.seg-toggle{border:1px solid var(--border);border-radius:999px;display:inline-flex;overflow:hidden}.seg-toggle button{color:var(--text);background:0 0;border-radius:0;padding:4px 12px;font-size:12px}.seg-toggle button.active{background:var(--accent);color:#1a0e05}.status-pill{border-radius:999px;padding:2px 10px;font-size:11px}.status-pill.ok{background:var(--good-bg);color:var(--good)}.status-pill.warn{background:var(--warn-bg);color:var(--warn)}.status-pill.bad{background:var(--bad-bg);color:var(--bad)}.diag-grid{flex-direction:column;gap:6px;display:flex}.diag-row{grid-template-columns:14px 220px 1fr;align-items:center;gap:10px;font-size:13px;display:grid}.dot{background:var(--muted);border-radius:999px;width:8px;height:8px}.dot.ok{background:var(--good)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}.dot.pending{background:var(--muted)}.table-wrap{overflow-x:auto}table.mini-table{border-collapse:collapse;width:100%;font-size:13px}table.mini-table th,table.mini-table td{text-align:left;border-bottom:1px solid var(--border);padding:6px 8px}table.mini-table th{color:var(--muted);font-weight:600}tr.clickable:hover{background:var(--panel-3)}.subtab-row{border-bottom:1px solid var(--border);gap:4px;margin-bottom:14px;display:flex}.subtab-btn{color:var(--muted);background:0 0;border-radius:8px 8px 0 0;padding:8px 14px;font-size:13px}.subtab-btn.active{background:var(--panel-2);color:var(--text)}.pill-status{text-transform:capitalize;border-radius:999px;padding:2px 10px;font-size:11px;display:inline-block}.pill-status.active{background:var(--good-bg);color:var(--good)}.pill-status.inactive,.pill-status.critical{background:var(--bad-bg);color:var(--bad)}.pill-status.watch{background:var(--warn-bg);color:var(--warn)}.chat-widget-wrap{z-index:1000;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.chat-fab{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex;box-shadow:0 4px 14px #0000004d}.chat-panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:360px;max-width:calc(100vw - 40px);height:480px;max-height:calc(100vh - 120px);display:flex;overflow:hidden;box-shadow:0 8px 30px #00000059}.chat-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.chat-panel-messages{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.chat-msg{flex-direction:column;display:flex}.chat-msg-user{align-items:flex-end}.chat-msg-assistant{align-items:flex-start}.chat-msg-bubble{white-space:pre-wrap;border-radius:12px;max-width:85%;padding:8px 12px;font-size:13px;line-height:1.4}.chat-msg-user .chat-msg-bubble{background:var(--accent);color:#fff}.chat-msg-assistant .chat-msg-bubble{background:var(--panel-2);color:var(--text)}.chat-panel-input{border-top:1px solid var(--border);gap:8px;padding:10px;display:flex}.chat-panel-input input{flex:1}.pill-priority{text-transform:capitalize;background:var(--panel-3);border-radius:999px;padding:2px 10px;font-size:11px;display:inline-block}.result-card{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:14px}.result-card.match{border-color:var(--good)}.kv{grid-template-columns:140px 1fr;gap:6px 10px;font-size:13px;display:grid}.kv>div:nth-child(odd){color:var(--muted)}.edit-form{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:14px}.edit-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 14px;display:grid}.edit-grid label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.edit-grid input,.edit-grid select{background:var(--panel);border:1px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;border-radius:6px;padding:8px 10px}.search-bar input[type=search],.search-bar select{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px 10px}.page-info{color:var(--muted);font-size:13px}