:root{--bg:#06090f;--bg-deep:#04060b;--panel:#0d1220;--panel-2:#111828;--panel-3:#161f33;--border:#1d2740;--border-soft:#182136;--text:#e8ecf5;--muted:#8a94ab;--faint:#5b6478;--accent:#3d7bfd;--accent-soft:rgba(61,123,253,0.14);--green:#2fd575;--radius:14px}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 800px at 85% -10%,#0d1526 0,var(--bg) 55%) var(--bg);color:var(--text);font-size:13px;overflow:hidden}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.app{height:100vh}.app,.rail{display:flex}.rail{width:64px;flex:0 0 64px;flex-direction:column;align-items:center;padding:14px 0;gap:6px;border-right:1px solid var(--border-soft);background:var(--bg-deep)}.rail-logo{color:var(--accent);margin-bottom:18px}.rail-logo svg{width:30px;height:30px}.rail-nav{display:flex;flex-direction:column;gap:6px;flex:1 1}.rail-btn{position:relative;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--faint);transition:color .15s,background .15s}.rail-btn:hover{color:var(--text);background:var(--panel-2)}.rail-btn.active{color:var(--accent);background:var(--accent-soft)}.rail-btn.active:before{content:"";position:absolute;left:-10px;width:3px;height:22px;border-radius:2px;background:var(--accent)}.rail-dot{position:absolute;top:9px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--red);border:2px solid var(--bg-deep)}.rail-bottom{margin-top:auto}.sidebar{width:250px;flex:0 0 250px;display:flex;flex-direction:column;border-right:1px solid var(--border-soft);background:var(--bg-deep);padding:20px 16px 16px}.sidebar-head h1{font-size:21px;font-weight:700;letter-spacing:.2px}.sidebar-head h1 span{color:var(--accent)}.sidebar-head .sub{color:var(--faint);font-size:11.5px;margin-top:3px}.views{margin-top:22px;flex:0 1 auto;max-height:38%;overflow-y:auto}.views-group{width:100%;display:flex;align-items:center;justify-content:space-between;padding:9px 8px;border-radius:9px;color:var(--muted);font-weight:600}.views-group svg{width:15px;height:15px;color:var(--faint)}.views-group:hover{color:var(--text)}.views-group.open{color:var(--accent)}.views-items{padding:2px 0 8px}.views-item{width:100%;text-align:left;padding:7px 8px 7px 22px;border-radius:9px;color:var(--muted);display:flex;align-items:center;gap:7px}.views-item:hover{color:var(--text);background:var(--panel-2)}.views-item.active{background:var(--panel-3);color:var(--text);font-weight:600}.views-item .eye{color:var(--accent);font-size:10px}.views-item .more{margin-left:auto;color:var(--faint)}.cap-card{flex:1 1 auto;min-height:100px;display:flex;flex-direction:column;border-top:1px solid var(--border-soft);padding-top:14px;margin-top:14px}.cap-card h3{font-size:13.5px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.cap-list{flex:1 1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:6px}.cap-empty{color:var(--faint);font-size:11.5px;padding:4px 2px}.cap-row{display:flex;align-items:center;gap:9px;padding:5px;border-radius:9px;background:var(--panel-2);border:1px solid var(--border-soft);animation:slideIn .35s ease}.cap-row.known{border-color:rgba(255,93,93,.4)}.cap-row img{width:40px;height:40px;flex:0 0 40px;border-radius:7px;object-fit:cover;background:var(--panel-3)}.cap-row .cap-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cap-row.known .cap-name{color:var(--red)}.cap-row .cap-sub{color:var(--faint);font-size:10.5px;margin-top:1px}.face-overlay{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.face-box{position:absolute;box-sizing:border-box;border:2px solid var(--green);border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.35);transition:left .18s linear,top .18s linear,width .18s linear,height .18s linear}.face-box.known{border-color:var(--red);box-shadow:0 0 12px rgba(255,93,93,.5)}.face-box .face-label{position:absolute;left:-2px;top:-19px;font-size:10px;font-weight:700;letter-spacing:.2px;border-radius:4px 4px 4px 0;background:var(--green);color:#04120a}.face-box.known .face-label{background:var(--red);color:#fff}.case-card{border-top:1px solid var(--border-soft);padding-top:16px;margin-top:12px}.case-card h3{font-size:14.5px;margin-bottom:12px}.case-row{display:flex;gap:10px;align-items:stretch;margin-bottom:12px}.case-count{min-width:56px;display:grid;place-items:center;font-size:26px;font-weight:700}.case-count,.case-label{background:var(--panel-2);border:1px solid var(--border);border-radius:12px}.case-label{flex:1 1;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:8px 12px}.case-label span{color:var(--faint);font-size:11.5px}.btn-primary{width:100%;padding:11px;border-radius:11px;background:var(--accent);color:#fff;font-weight:600;transition:filter .15s}.btn-primary:hover{filter:brightness(1.12)}.main{flex:1 1;display:flex;flex-direction:column;min-width:0;padding:14px 16px 16px}.statusbar{display:flex;align-items:center;justify-content:space-between;padding:0 4px 12px}.kpis{gap:8px;color:var(--muted)}.kpi,.kpis{display:flex}.kpi{align-items:center;gap:7px;background:var(--panel);border:1px solid var(--border-soft);padding:5px 12px;border-radius:20px;font-size:12px}.kpi b{color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi-dot{width:8px;height:8px;border-radius:50%}.kpi-dot.ok{background:var(--green);box-shadow:0 0 8px rgba(47,213,117,.6)}.kpi-dot.warn{background:var(--amber);box-shadow:0 0 8px rgba(255,176,32,.6)}.statusbar-right{display:flex;align-items:center;gap:16px;color:var(--muted)}.shift b{font-weight:600}.clock,.shift b{color:var(--text)}.clock{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;font-size:14px}.grid{flex:1 1;min-height:0;display:grid;grid-gap:13px;gap:13px;grid-template-columns:repeat(12,1fr);grid-template-rows:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr)}.p-devices{grid-column:1/4;grid-row:1}.p-events{grid-column:1/4;grid-row:2/4}.p-detail{grid-column:4/8;grid-row:1/4}.feed-main{grid-column:8/13;grid-row:1/4}.panel{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel-head{justify-content:space-between;padding:12px 14px 10px}.panel-head,.panel-head h2{display:flex;align-items:center}.panel-head h2{font-size:14px;font-weight:700;gap:8px}.panel-tools{display:flex;align-items:center;gap:4px;color:var(--faint)}.panel-tools button{width:28px;height:28px;border-radius:8px;display:grid;place-items:center}.panel-tools button:hover{color:var(--text);background:var(--panel-2)}.panel-tools svg{width:16px;height:16px}.panel-body{min-height:0;overflow-y:auto;padding:2px 8px 10px}.panel-body::-webkit-scrollbar,.views::-webkit-scrollbar{width:8px}.panel-body::-webkit-scrollbar-thumb,.views::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.live-chip{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--green);font-weight:700;letter-spacing:.5px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.35}}.device{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;cursor:pointer}.device:hover{background:var(--panel-2)}.device.selected{background:var(--panel-3)}.dev-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:0 0 32px;background:rgba(47,213,117,.12);color:var(--green)}.dev-icon svg{width:16px;height:16px}.device.offline .dev-icon{background:rgba(255,93,93,.12);color:var(--red)}.device.alerting .dev-icon{background:rgba(255,176,32,.14);color:var(--amber)}.dev-info{flex:1 1;min-width:0}.dev-name{font-weight:600;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dev-sub{color:var(--faint);font-size:11px;display:flex;gap:6px;align-items:center}.dev-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.dev-tag{font-size:10px;color:var(--muted);background:var(--panel-3);border:1px solid var(--border);padding:2.5px 8px;border-radius:20px;white-space:nowrap}.dev-batt{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--faint)}.batt-bar{width:26px;height:5px;border-radius:3px;background:var(--panel-3);overflow:hidden}.batt-fill{height:100%;border-radius:3px;background:var(--green)}.batt-fill.low{background:var(--amber)}.batt-fill.crit{background:var(--red)}.event{display:flex;gap:10px;padding:9px 8px;border-radius:10px;cursor:pointer;border-left:3px solid transparent}.event:hover{background:var(--panel-2)}.event.selected{background:var(--panel-3)}.event.prio-kritis{border-left-color:var(--red)}.event.prio-tinggi{border-left-color:var(--amber)}.event.prio-sedang{border-left-color:var(--accent)}.event.prio-info{border-left-color:var(--border)}.event.fresh{animation:slideIn .4s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}}.ev-thumb{width:44px;height:44px;flex:0 0 44px;border-radius:9px;display:grid;place-items:center;position:relative;overflow:hidden}.ev-thumb svg{width:20px;height:20px}.ev-thumb.t-red{background:rgba(255,93,93,.12);color:var(--red)}.ev-thumb.t-amber{background:rgba(255,176,32,.12);color:var(--amber)}.ev-thumb.t-blue{background:var(--accent-soft);color:var(--accent)}.ev-thumb.t-gray{background:var(--panel-3);color:var(--muted)}.ev-info{flex:1 1;min-width:0}.ev-title{font-weight:600;font-size:12.5px;display:flex;align-items:center;gap:6px}.ev-sub{color:var(--faint);font-size:11px;margin-top:3px}.ev-status{font-size:9.5px;font-weight:700;padding:1.5px 7px;border-radius:20px;letter-spacing:.3px}.ev-status.baru{background:rgba(255,93,93,.15);color:var(--red)}.ev-status.valid{background:rgba(47,213,117,.15);color:var(--green)}.ev-status.fp{background:var(--panel-3);color:var(--muted)}.ev-status.eskalasi{background:rgba(255,176,32,.15);color:var(--amber)}.detail-body{padding:4px 14px 14px;overflow-y:auto}.detail-title{display:flex;align-items:center;gap:10px;margin-bottom:10px}.detail-title .ev-thumb{width:36px;height:36px;flex-basis:36px;border-radius:9px}.detail-title h3{font-size:14.5px}.detail-title .prio-chip{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.4px;padding:3px 9px;border-radius:20px}.prio-chip.kritis{background:rgba(255,93,93,.15);color:var(--red)}.prio-chip.tinggi{background:rgba(255,176,32,.15);color:var(--amber)}.prio-chip.sedang{background:var(--accent-soft);color:var(--accent)}.prio-chip.info{background:var(--panel-3);color:var(--muted)}.detail-cols{display:grid;grid-template-columns:1fr 168px;grid-gap:14px;gap:14px}.detail-fields{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:12px;column-gap:12px;align-content:start}.field.span2{grid-column:1/-1}.field{margin-bottom:8px}.field label{display:block;font-size:9.5px;font-weight:700;letter-spacing:.8px;color:var(--faint);text-transform:uppercase;margin-bottom:3px}.field .val{font-size:12px;color:var(--text)}.field .val.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;white-space:nowrap;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:6px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px}.copy-btn{color:var(--faint)}.copy-btn:hover{color:var(--text)}.copy-btn svg{width:13px;height:13px}.snapshot{border-radius:11px;overflow:hidden;background:var(--panel-2);border:1px solid var(--border);position:relative}.snapshot canvas,.snapshot img{width:100%;display:block}.snapshot .play{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.9);background:rgba(0,0,0,.15);opacity:0;transition:opacity .15s;cursor:pointer}.snapshot:hover .play{opacity:1}.snapshot .play svg{width:30px;height:30px}.match-score{padding:8px 10px}.match-score .bar{height:5px;border-radius:3px;background:var(--panel-3);margin-top:5px;overflow:hidden}.match-score .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--amber),var(--red));border-radius:3px}.match-score span{font-size:10.5px;color:var(--muted)}.match-score b{color:var(--text)}.notes{margin-top:4px}.notes textarea{width:100%;min-height:38px;resize:none;background:var(--panel-2);border:1px solid var(--border);border-radius:9px;color:var(--text);font:inherit;font-size:12px;padding:8px 10px;outline:none}.notes textarea::placeholder{color:var(--faint)}.notes textarea:focus{border-color:var(--accent)}.detail-actions{display:flex;gap:8px;margin-top:6px;position:-webkit-sticky;position:sticky;bottom:-1px;padding:8px 0 2px;background:linear-gradient(to top,var(--panel) 75%,transparent)}.btn-act{flex:1 1;padding:9px 6px;border-radius:10px;font-weight:600;font-size:12px;border:1px solid var(--border);background:var(--panel-2);transition:all .15s}.btn-act.valid:hover{background:rgba(47,213,117,.15);border-color:var(--green);color:var(--green)}.btn-act.fp:hover{background:var(--panel-3);color:var(--text)}.btn-act.esk{background:var(--amber);border-color:var(--amber);color:#201500}.btn-act.esk:hover{filter:brightness(1.1)}.verif-note{margin-top:10px;font-size:11px;color:var(--faint);display:flex;align-items:center;gap:6px}.verif-note:before{content:"ⓘ";color:var(--accent)}.feed{position:relative;border-radius:var(--radius);overflow:hidden;background:#000;border:1px solid var(--border-soft);min-height:0}.feed canvas,.feed video{position:absolute;inset:0;width:100%;height:100%}.feed video{object-fit:cover;filter:saturate(.88) contrast(1.03) brightness(.92)}.feed.portrait .face-overlay,.feed.portrait video{transform:scaleX(1.15);transform-origin:center}.feed.portrait video{object-fit:fill}.feed-offline{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:repeating-linear-gradient(45deg,#0a0e16 0 12px,#0c111c 12px 24px);color:var(--muted);text-align:center;padding:20px}.feed-offline .off-icon{font-size:34px;opacity:.6}.feed-offline small{color:var(--faint);font-size:11px}.feed-main.live .feed-offline{display:none}.feed-badge{position:absolute;top:10px;left:10px;z-index:2;display:flex;align-items:center;gap:6px;background:rgba(5,8,14,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);padding:5px 10px;border-radius:9px;font-size:11px;font-weight:700;color:var(--green);letter-spacing:.4px}.feed-badge .sep{color:var(--faint);font-weight:400}.feed-badge .feed-name{color:var(--text);font-weight:600;letter-spacing:0}.feed-officer{position:absolute;left:10px;bottom:10px;z-index:2;background:rgba(5,8,14,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);padding:5px 10px;border-radius:9px;font-size:11px;color:var(--muted)}.feed-stamp{bottom:10px;font-family:ui-monospace,SF Mono,Menlo,monospace;color:rgba(255,255,255,.75);text-shadow:0 1px 3px rgba(0,0,0,.8)}.feed-ai,.feed-stamp{position:absolute;right:10px;z-index:2;font-size:10.5px}.feed-ai{top:10px;display:flex;align-items:center;gap:6px;background:rgba(5,8,14,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);padding:4px 9px;border-radius:8px;color:var(--muted)}.feed-ai:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 1.6s infinite}.feed-match{position:absolute;top:42px;right:10px;z-index:2;background:rgba(60,12,14,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,93,93,.45);padding:4px 9px;border-radius:8px;font-size:10.5px;font-weight:700;color:#ff8a8a;letter-spacing:.3px}#page-monitoring .feed{cursor:pointer;transition:border-color .15s,box-shadow .15s}#page-monitoring .feed:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 8px 28px rgba(61,123,253,.18)}.feed.flash{animation:flashBorder 1.2s ease 2}.focus-head{display:flex;align-items:center;gap:12px;padding:0 4px 12px}.focus-hint{color:var(--faint);font-size:11px}.focus-layout{flex:1 1;min-height:0;display:grid;grid-template-columns:1fr 320px;grid-gap:13px;gap:13px}.focus-data,.focus-feed{min-height:0}.focus-data .panel-body{padding:10px 14px 14px}.fd-section{margin-bottom:16px}.fd-section>label{display:block;font-size:10px;font-weight:700;letter-spacing:.8px;color:var(--faint);text-transform:uppercase;margin-bottom:8px}.fd-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5.5px 0;font-size:12px}.fd-row .k{color:var(--muted)}.fd-row .v{color:var(--text);font-weight:600;text-align:right}.fd-tags{display:flex;flex-wrap:wrap;gap:6px}.fd-alert{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:9px;cursor:pointer;border-left:3px solid transparent}.fd-alert:hover{background:var(--panel-2)}.fd-alert.prio-kritis{border-left-color:var(--red)}.fd-alert.prio-tinggi{border-left-color:var(--amber)}.fd-alert.prio-sedang{border-left-color:var(--accent)}.fd-alert.prio-info{border-left-color:var(--border)}.fd-alert .t{flex:1 1;min-width:0;font-size:11.5px;font-weight:600}.fd-alert .t span{display:block;color:var(--faint);font-size:10.5px;font-weight:400;margin-top:1px}.fd-actions{display:flex;gap:8px}.fd-actions .btn-mini{flex:1 1;padding:8px 6px;text-align:center}@keyframes flashBorder{0%,to{border-color:var(--border-soft);box-shadow:none}50%{border-color:var(--red);box-shadow:0 0 0 1px var(--red),0 0 24px rgba(255,93,93,.35)}}.pages{display:flex}.page,.pages{flex:1 1;min-height:0}.page{display:none;min-width:0;flex-direction:column}.page.active{display:flex}#page-monitoring .grid{flex:1 1}.page-head{display:flex;align-items:flex-end;justify-content:space-between;padding:4px 4px 14px}.page-head h2{font-size:19px}.page-head p{color:var(--muted);font-size:12px;margin-top:4px}.btn-primary.slim{width:auto;padding:9px 16px;font-size:12.5px}.page-panel{flex:1 1;min-height:0}.ac-stats{display:flex;gap:12px;margin-bottom:12px}.stat-card{flex:1 1;background:var(--panel);border:1px solid var(--border-soft);border-radius:12px;padding:12px 14px}.stat-card b{display:block;font-size:21px;margin-bottom:2px}.stat-card span{color:var(--faint);font-size:11px}.stat-card.warn b{color:var(--amber)}.stat-card.ok b{color:var(--green)}.stat-card.crit b{color:var(--red)}.stat-card .bar{height:5px;border-radius:3px;background:var(--panel-3);margin-top:8px;overflow:hidden}.stat-card .bar i{display:block;height:100%;background:var(--accent);border-radius:3px}.ac-filters{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.chip{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid var(--border);background:var(--panel);color:var(--muted)}.chip:hover{color:var(--text)}.chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.ac-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;border-left:3px solid transparent}.ac-row:hover{background:var(--panel-2)}.ac-row.prio-kritis{border-left-color:var(--red)}.ac-row.prio-tinggi{border-left-color:var(--amber)}.ac-row.prio-sedang{border-left-color:var(--accent)}.ac-row.prio-info{border-left-color:var(--border)}.ac-main{flex:1 1;min-width:0}.ac-title{font-weight:600;font-size:12.5px;display:flex;gap:8px;align-items:center}.ac-sub{color:var(--faint);font-size:11px;margin-top:2px}.ac-acts{display:flex;gap:6px}.btn-mini{padding:6px 10px;border-radius:8px;font-size:11px;font-weight:600;border:1px solid var(--border);background:var(--panel-2);color:var(--muted)}.btn-mini:hover{color:var(--text);border-color:var(--faint)}.btn-mini.v:hover{color:var(--green);border-color:var(--green)}.btn-mini.e{background:rgba(255,176,32,.1);color:var(--amber);border-color:rgba(255,176,32,.35)}.btn-mini.e:hover{background:rgba(255,176,32,.2)}.tbl{width:100%;border-collapse:collapse;font-size:12px}.tbl th{text-align:left;font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--faint);padding:8px 10px;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;background:var(--panel);z-index:1}.tbl td{padding:9px 10px;border-bottom:1px solid var(--border-soft);vertical-align:middle}.tbl tr:hover td{background:var(--panel-2)}.tbl .mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;color:var(--muted)}.tag{display:inline-block;padding:2.5px 9px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.3px}.tag.red{background:rgba(255,93,93,.13);color:var(--red)}.tag.amber{background:rgba(255,176,32,.13);color:var(--amber)}.tag.green{background:rgba(47,213,117,.13);color:var(--green)}.tag.blue{background:var(--accent-soft);color:var(--accent)}.tag.gray{color:var(--muted)}.tag.gray,.wl-ava{background:var(--panel-3)}.wl-ava{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;overflow:hidden}.wl-ava svg{width:22px;height:22px;color:#4a5876}.pdp-note{color:var(--faint);font-size:11px;padding:10px 4px 0}.case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:13px;gap:13px;align-content:start;overflow-y:auto}.case-item{background:var(--panel);border:1px solid var(--border-soft);border-radius:13px;padding:14px 16px}.case-item .no{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--faint)}.case-item h3{font-size:13.5px;margin:6px 0 8px;line-height:1.4}.case-item .meta{color:var(--faint);font-size:11px;margin-bottom:12px}.case-item .foot{display:flex;align-items:center;justify-content:space-between}.case-item .foot .btn-mini{padding:6px 12px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:13px;gap:13px;align-content:start;overflow-y:auto}.set-card{background:var(--panel);border:1px solid var(--border-soft);border-radius:13px;padding:16px}.set-card h3{font-size:13.5px;margin-bottom:4px}.set-card .desc{color:var(--faint);font-size:11px;margin-bottom:14px}.set-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;gap:12px}.set-row label{font-size:12px;color:var(--muted)}.set-row output{font-weight:700;font-size:12px;min-width:34px;text-align:right}.set-row input[type=range]{flex:1 1;accent-color:var(--accent)}.switch{position:relative;width:36px;height:20px}.switch input{opacity:0;width:100%;height:100%;position:absolute;cursor:pointer;margin:0}.switch i{position:absolute;inset:0;border-radius:20px;background:var(--panel-3);transition:background .15s;pointer-events:none}.switch i:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}.switch input:checked+i{background:var(--accent)}.switch input:checked+i:after{transform:translateX(16px);background:#fff}.modal-overlay{position:fixed;inset:0;z-index:60;background:rgba(3,6,12,.66);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center}.modal-overlay[hidden]{display:none}.modal{width:620px;max-width:calc(100vw - 40px);max-height:84vh;background:var(--panel);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;box-shadow:0 24px 80px rgba(0,0,0,.6);animation:modalIn .18s ease}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.985)}}.modal-head{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 12px}.modal-head .mh-text{flex:1 1;min-width:0}.modal-head h3{font-size:15.5px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.modal-head .mh-sub{color:var(--faint);font-size:11.5px;margin-top:4px}.modal-close{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--faint);flex:0 0 30px}.modal-close:hover{color:var(--text);background:var(--panel-2)}.modal-body{padding:2px 20px 8px;overflow-y:auto;flex:1 1;min-height:0}.modal-foot{display:flex;gap:10px;justify-content:flex-end;align-items:center;padding:14px 20px 18px;border-top:1px solid var(--border-soft)}.modal-foot .left{margin-right:auto;color:var(--faint);font-size:11px}.btn-ghost{padding:9px 16px;border-radius:10px;font-weight:600;font-size:12.5px;border:1px solid var(--border);background:var(--panel-2);color:var(--muted)}.btn-ghost:hover{color:var(--text);border-color:var(--faint)}.f-field{margin-bottom:14px}.f-field>label{display:block;font-size:10px;font-weight:700;letter-spacing:.8px;color:var(--faint);text-transform:uppercase;margin-bottom:6px}.f-input,.f-select,.f-textarea{width:100%;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;color:var(--text);font:inherit;font-size:12.5px;padding:10px 12px;outline:none}.f-input:focus,.f-select:focus,.f-textarea:focus{border-color:var(--accent)}.f-input::placeholder,.f-textarea::placeholder{color:var(--faint)}.f-textarea{min-height:64px;resize:none}.f-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.f-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.f-error{color:var(--red);font-size:11px;margin-top:5px;display:none}.f-field.invalid .f-input{border-color:var(--red)}.f-field.invalid .f-error{display:block}.bk-picker{border:1px solid var(--border);border-radius:11px;max-height:168px;overflow-y:auto;background:var(--panel-2)}.bk-opt{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;border-bottom:1px solid var(--border-soft)}.bk-opt:last-child{border-bottom:0}.bk-opt:hover{background:var(--panel-3)}.bk-opt input{accent-color:var(--accent);width:14px;height:14px;flex:0 0 14px;cursor:pointer}.bk-opt .t{flex:1 1;min-width:0;font-size:12px}.bk-opt .t span{display:block;color:var(--faint);font-size:10.5px;margin-top:1px}.bk-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-soft)}.bk-row:last-child{border-bottom:0}.bk-ic{width:36px;height:36px;border-radius:10px;flex:0 0 36px;display:grid;place-items:center;background:var(--panel-3);color:var(--muted)}.bk-ic svg{width:17px;height:17px}.bk-ic.klip{background:var(--accent-soft);color:var(--accent)}.bk-ic.snapshot{background:rgba(47,213,117,.12);color:var(--green)}.bk-ic.alert{background:rgba(255,93,93,.12);color:var(--red)}.bk-ic.rekaman{background:rgba(255,176,32,.12);color:var(--amber)}.bk-main{flex:1 1;min-width:0}.bk-main b{display:block;font-size:12.5px;font-weight:600}.bk-main span{color:var(--faint);font-size:11px}.bk-hash{font-family:ui-monospace,Menlo,monospace;font-size:10.5px;color:var(--faint)}.coc-note{display:flex;align-items:center;gap:7px;margin:12px 0 4px;padding:9px 12px;border-radius:10px;background:var(--panel-2);border:1px solid var(--border-soft);color:var(--faint);font-size:11px}.coc-note:before{content:"🔒";font-size:12px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(80px);background:var(--panel-3);border:1px solid var(--border);color:var(--text);padding:11px 18px;border-radius:12px;font-size:12.5px;font-weight:600;box-shadow:0 12px 34px rgba(0,0,0,.5);transition:transform .25s ease;z-index:50;pointer-events:none}.toast.show{transform:translateX(-50%) translateY(0)}@media (max-width:1280px){.sidebar{display:none}}@media (max-width:1080px){body{overflow:auto}.grid{display:flex;flex-direction:column}.feed{min-height:220px}}:root{--bg:#08090b;--bg-deep:#050506;--panel:#0f1013;--panel-2:#16171b;--panel-3:#1d1f23;--border:#262930;--border-soft:#1e2024;--text:#e9ecf2;--muted:#8b9099;--faint:#5f636c;--accent:#eef1f6;--accent-soft:rgba(238,241,246,0.1);--green:#33d17f;--red:#ff5d5d;--amber:#ffb020}.btn-primary{color:#0b0c0e}.feed video,.feed.portrait video{object-fit:contain}.feed.portrait .face-overlay,.feed.portrait video{transform:none}#page-monitoring .grid,.page.active .grid{grid-template-columns:minmax(0,1.62fr) minmax(340px,1fr);grid-template-rows:minmax(0,.85fr) minmax(0,1fr) minmax(0,1.15fr)}.cam-area{grid-column:1;grid-row:1/4;min-width:0;min-height:0;display:flex}.cam-area.has-side{display:grid;grid-template-columns:minmax(0,1fr) 248px;grid-gap:12px;gap:12px}.grid>.p-devices{grid-column:2;grid-row:1}.grid>.p-detail{grid-column:2;grid-row:2}.grid>.p-events{grid-column:2;grid-row:3}.cam-area .cam-main{width:100%;height:100%;min-height:0}.cam-area:not(.has-side){align-items:center;justify-content:center}.cam-area:not(.has-side) .cam-main{height:auto;aspect-ratio:16/9;max-height:100%}.cam-side{display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding-right:2px}.cam-side .cam-tile{flex:0 0 auto;aspect-ratio:16/9;min-height:0}.cam-side .cam-tile.live{cursor:pointer;transition:outline-color .15s;outline:2px solid transparent;outline-offset:-2px}.cam-side .cam-tile.live:hover{outline-color:var(--accent)}.cam-side .cam-tile .feed-ai{font-size:10px;padding:3px 7px}.feed.live .feed-offline{display:none}.face-box .face-label{white-space:nowrap;background:rgba(6,12,10,.8);color:var(--green);border:1px solid rgba(70,220,140,.35);font-weight:600;padding:1px 6px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.face-box.known .face-label{color:#ff7a7a;background:rgba(22,6,8,.82);border-color:rgba(255,93,93,.4)}.face-box .face-label em{font-style:normal;font-weight:500;opacity:.8;margin-left:5px}.cam-side .cam-tile .face-box .face-label{font-size:8.5px;top:-15px}.cap-row .cap-demo{color:var(--accent);font-size:10.5px;font-weight:600;margin-top:1px}.cap-row{width:100%;text-align:left;cursor:pointer;font:inherit;color:var(--text);transition:border-color .15s,background .15s}.cap-row:hover{border-color:var(--accent);background:var(--accent-soft)}.cap-row .cap-info{min-width:0;flex:1 1}.cap-row .cap-thumb{position:relative;flex:0 0 40px;line-height:0}.cap-row .cap-count{position:absolute;right:-5px;top:-5px;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:var(--accent);color:#0b0c0e;font-size:9.5px;font-weight:700;line-height:16px;text-align:center;box-shadow:0 0 0 2px var(--panel-2)}.cap-row.known .cap-count{background:var(--red);color:#fff}.cap-row.photo{border-color:var(--accent);background:var(--accent-soft)}.cap-row.photo .cap-count{background:transparent;box-shadow:none;font-size:13px}.cap-row .cap-zoom{margin-left:auto;font-size:12px;opacity:0;transition:opacity .15s}.cap-row:hover .cap-zoom{opacity:.7}.lightbox{position:fixed;inset:0;z-index:80;background:rgba(3,6,12,.82);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:28px;animation:toastin .18s ease}.lightbox-card{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:0;gap:0;max-width:1100px;max-height:88vh;width:100%;background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.6)}.lightbox-stage{position:relative;background:#05070d;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:zoom-in;min-height:0}.lightbox-stage img{max-width:100%;max-height:88vh;object-fit:contain;transition:transform .2s ease}.lightbox-stage img.zoomed{transform:scale(2.5);cursor:zoom-out}.lb-inset{right:12px;top:12px;width:96px;height:96px;object-fit:cover;border-radius:8px;border:2px solid rgba(255,255,255,.85);box-shadow:0 4px 16px rgba(0,0,0,.6)}.lb-inset,.lightbox-hint{position:absolute;pointer-events:none}.lightbox-hint{bottom:10px;left:50%;transform:translateX(-50%);font-size:11px;color:#cdd6e6;background:rgba(6,9,15,.72);border:1px solid var(--border);padding:4px 10px;border-radius:20px;white-space:nowrap}.lightbox-side{padding:18px 18px 20px;display:flex;flex-direction:column;gap:8px;border-left:1px solid var(--border);overflow-y:auto}.lightbox-head{display:flex;align-items:center;justify-content:space-between}.lb-badge{font-size:10px;font-weight:700;letter-spacing:.4px;padding:3px 8px;border-radius:6px;color:var(--green);background:rgba(47,213,117,.12);border:1px solid rgba(47,213,117,.35)}.lb-badge.known{color:var(--red);background:rgba(255,93,93,.12);border-color:rgba(255,93,93,.4)}.lb-close{background:none;border:none;color:var(--muted);font-size:16px;cursor:pointer;line-height:1}.lb-close:hover{color:var(--text)}.lb-title{font-size:20px;font-weight:700;margin:4px 0 0}.lb-demo{color:var(--accent);font-weight:600;font-size:13px}.lb-meta{display:grid;grid-template-columns:auto 1fr;grid-gap:5px 14px;gap:5px 14px;margin:10px 0 4px;font-size:12.5px}.lb-meta dt{color:var(--faint)}.lb-meta dd{margin:0;color:var(--text);text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lb-dl{margin-top:auto;width:100%;padding:11px;border:none;cursor:pointer;font-size:14px}.lb-note{font-size:10.5px;color:var(--faint);line-height:1.4;margin:8px 0 0}@media (max-width:720px){.lightbox-card{grid-template-columns:1fr;max-height:92vh}}@media (max-width:1180px){.cam-area.has-side{grid-template-columns:minmax(0,1fr) 200px}}.auth{min-height:100vh;display:flex;gap:22px;padding:22px;background:radial-gradient(1100px 700px at 22% 12%,#16181c 0,#08090b 62%);color:#e8ecf5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.auth-left{flex:1 1;display:flex;align-items:center;justify-content:center;padding:24px;min-width:0}.auth-form{width:100%;max-width:420px}.auth-brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:800;letter-spacing:-.3px;color:#f4f6fa;margin-bottom:40px}.auth-logo{width:30px;height:30px;color:#f4f6fa;display:inline-flex}.auth-title{font-size:40px;font-weight:800;letter-spacing:-1px;margin-bottom:34px}.auth-msg{padding:10px 13px;border-radius:10px;font-size:13px;margin-bottom:16px;line-height:1.4}.auth-msg.err{background:rgba(255,93,93,.1);border:1px solid rgba(255,93,93,.4);color:#ff8a8a}.auth-field{display:block;margin-bottom:18px}.auth-field>span{display:block;font-size:13.5px;font-weight:700;color:#d7dce5;margin-bottom:9px}.auth-input{display:flex;align-items:center;gap:11px;background:#15171b;border:1px solid #262a31;border-radius:12px;padding:14px 16px;transition:box-shadow .15s,border-color .15s}.auth-input:focus-within{border-color:#eef1f6;box-shadow:0 0 0 3px rgba(238,241,246,.08)}.auth-input svg{color:#757c88;flex:0 0 auto}.auth-input input{flex:1 1;min-width:0;border:none;outline:none;background:transparent;font-size:15px;color:#e8ecf5}.auth-input input::placeholder{color:#6b7280}.auth-check{display:flex;align-items:center;gap:9px;font-size:14px;color:#aab2c0;margin:6px 0 20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.auth-check input{width:17px;height:17px;accent-color:#eef1f6;cursor:pointer}.auth-submit{width:100%;padding:15px;border:none;border-radius:12px;background:#f4f6fa;color:#0b0c0e;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s,transform .05s}.auth-submit:hover{background:#fff}.auth-submit:active{transform:translateY(1px)}.auth-submit:disabled{opacity:.55;cursor:default}.auth-links{display:flex;flex-direction:column;gap:6px;margin-top:18px;font-size:13.5px;color:#8a94ab}.auth-links a{color:#d7dce5;font-weight:700;text-decoration:none}.auth-links a:hover{color:#fff;text-decoration:underline}.auth-right{flex:1 1;display:flex;min-width:0}.auth-panel{flex:1 1;position:relative;overflow:hidden;border-radius:26px;background:radial-gradient(120% 80% at 70% 0,#17181b 0,#0a0a0c 70%);border:1px solid rgba(255,255,255,.07);padding:40px 44px;display:flex;flex-direction:column;color:#fff}.panel-streak{position:absolute;top:-30%;right:-10%;width:60%;height:150%;background:linear-gradient(180deg,rgba(180,200,210,0),rgba(190,205,215,.22),rgba(180,200,210,0));transform:rotate(24deg);filter:blur(22px);pointer-events:none}.panel-logo{position:relative;height:250px;display:flex;align-items:center;justify-content:center;color:#303236;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5))}.panel-logo svg{width:260px;height:260px}.panel-body{position:relative;display:flex;flex-direction:column;flex:1 1}.panel-brand{font-size:15px;font-weight:700;margin-bottom:20px}.panel-title{font-size:34px;font-weight:800;letter-spacing:-.8px;line-height:1.1;margin-bottom:16px}.panel-desc{font-size:14px;line-height:1.65;color:rgba(255,255,255,.6);max-width:92%;margin-bottom:18px}.panel-stat{font-size:14px;color:rgba(255,255,255,.85)}.panel-card{position:relative;margin-top:auto;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.06);border-radius:22px;padding:30px 30px 26px}.panel-card h3{font-size:23px;font-weight:800;letter-spacing:-.4px;line-height:1.2;margin-bottom:14px;max-width:78%}.panel-card p{font-size:14px;line-height:1.6;color:rgba(255,255,255,.6);max-width:88%}.panel-avatars{position:absolute;right:30px;bottom:26px;display:flex;align-items:center}.panel-avatars .pav{width:34px;height:34px;border-radius:50%;border:2px solid #141416;margin-left:-10px;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff}.panel-avatars .pav.more{background:#35373b;color:#fff}.device .dev-assign{flex:0 0 auto;background:none;border:1px solid transparent;color:var(--faint);cursor:pointer;font-size:13px;line-height:1;padding:5px 7px;border-radius:7px;opacity:0;transition:opacity .15s,color .15s,background .15s,border-color .15s}.device.selected .dev-assign,.device:hover .dev-assign{opacity:1}.device .dev-assign:hover{color:var(--text);background:var(--panel-3);border-color:var(--border)}.auth-modal-bg{position:fixed;inset:0;z-index:90;background:rgba(4,5,7,.72);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:24px;animation:toastin .18s ease}.auth-modal{width:100%;max-width:380px;background:#131418;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:30px 28px 26px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.6)}.auth-modal-icon{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#e8ecf5;margin-bottom:14px}.auth-modal h3{font-size:19px;font-weight:800;color:#f4f6fa;margin-bottom:10px}.auth-modal p{font-size:13.5px;line-height:1.6;color:#99a1b0;margin-bottom:22px}@media (max-width:900px){.auth-right{display:none}.auth{padding:16px}.auth-title{font-size:34px}}.topbar-logout{position:fixed;top:12px;right:16px;z-index:40;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.topbar-logout .conn{display:inline-flex;align-items:center;gap:6px}.topbar-logout .led{width:8px;height:8px;border-radius:50%;background:var(--red)}.topbar-logout .conn.live .led{background:var(--green);box-shadow:0 0 8px var(--green)}.arsip-select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:13px}.arsip-player{position:relative;width:100%;aspect-ratio:16/9;max-height:62vh;background:#000;border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.arsip-video{width:100%;height:100%;object-fit:contain;background:#000}.arsip-empty{color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:14px}.arsip-stamp{position:absolute;right:12px;bottom:10px;font-family:ui-monospace,Menlo,monospace;font-size:12px;color:#fff;background:rgba(6,9,15,.7);border:1px solid var(--border);padding:3px 8px;border-radius:6px;pointer-events:none}.timeline{margin-top:14px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.tl-controls{display:flex;align-items:center;gap:14px;margin-bottom:12px}.tl-time{font-family:ui-monospace,Menlo,monospace;font-size:14px;color:var(--text);font-weight:600}.tl-range{margin-left:auto;font-size:12px;color:var(--faint)}.tl-track{position:relative;height:34px;background:var(--panel-3);border-radius:8px;cursor:pointer;overflow:hidden}.tl-rec{position:absolute;top:0;height:100%;background:linear-gradient(180deg,rgba(238,241,246,.42),rgba(238,241,246,.2));border-left:1px solid rgba(238,241,246,.6);border-right:1px solid rgba(238,241,246,.6)}.tl-playhead{top:-3px;width:2px;height:calc(100% + 6px);box-shadow:0 0 6px var(--red);pointer-events:none}.tl-playhead,.tl-playhead:before{position:absolute;background:var(--red)}.tl-playhead:before{content:"";top:-4px;left:-4px;width:10px;height:10px;border-radius:50%}.wl-modal-bg{position:fixed;inset:0;z-index:80;background:rgba(3,6,12,.82);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;animation:toastin .18s ease}.wl-modal{width:100%;max-width:620px;max-height:88vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.6)}.wl-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}.wl-modal-head h3{font-size:16px;font-weight:700}.wl-modal-body{padding:16px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.wl-form{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.wl-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.wl-form label.wl-span2{grid-column:1/-1}.wl-form input,.wl-form select{background:#0a1019;border:1px solid var(--border);border-radius:8px;padding:9px 11px;color:var(--text);font-size:13px}.wl-form input[type=range]{padding:0;accent-color:var(--accent)}.wl-form input:focus,.wl-form select:focus{outline:none;border-color:var(--accent)}.wl-upload-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:8px}.wl-upload-head small{color:var(--faint)}.wl-pick{cursor:pointer}.wl-thumbs{display:flex;flex-wrap:wrap;gap:8px}.wl-thumb{position:relative;width:72px;height:72px}.wl-thumb img{width:100%;height:100%;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.wl-thumb-x{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:none;background:var(--red);color:#fff;font-size:10px;cursor:pointer;line-height:1}.wl-log{list-style:none;display:flex;flex-direction:column;gap:3px;font-size:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.wl-log li.ok{color:var(--green)}.wl-log li.err{color:var(--red)}.wl-modal-foot{padding:12px 18px 16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.wl-pdp{font-size:10.5px;color:var(--faint);line-height:1.4}.wl-foot-btns{display:flex;justify-content:flex-end;gap:8px}@media (max-width:560px){.wl-form{grid-template-columns:1fr}}.toast-stack{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:60;display:flex;flex-direction:column;gap:8px;align-items:center}.toast-item{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:10px 16px;font-size:13px;color:var(--text);box-shadow:0 8px 24px rgba(0,0,0,.4);animation:toastin .2s ease}@keyframes toastin{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}