:root{--bg:#0a0d16;--card:#121828;--card2:#182036;--line:#232c44;--txt:#e9eefb;--mut:#8a95b3;--acc:#4f8cff;--accs:#4f8cff26;--acc2:#22d3a6;--oks:#22d3a624;--warn:#ffb547;--warns:#ffb54724;--bad:#ff5d6c;--bads:#ff5d6c24;--r:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--bg)}body{color:var(--txt);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.4}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.seg{background:var(--card);border:1px solid var(--line);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--mut);background:0 0;border:none;border-radius:9px;padding:7px 14px;font-size:13px;font-weight:600}.seg button.on{background:var(--acc);color:#fff}.shell{display:none}.shell.on{display:block}.side{display:none}.hdr{z-index:10;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#0a0d16e0;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.logo{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:14px;display:grid}.hdr .t{flex:1;min-width:0}.hdr .t b{white-space:nowrap;text-overflow:ellipsis;font-size:17px;display:block;overflow:hidden}.hdr .t small{color:var(--mut);font-size:12px}.av{background:#2a3768;border:none;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:grid}main{max-width:1200px;margin:0 auto;padding:16px 16px 110px}.h1{margin:4px 0 2px;font-size:24px;font-weight:700}.sub{color:var(--mut);margin-bottom:16px;font-size:14px}.sec{justify-content:space-between;align-items:center;margin:22px 0 10px;display:flex}.sec h2{font-size:17px}.link{color:var(--acc);background:0 0;border:none;padding:6px 0;font-size:14px;font-weight:600}.bnav{z-index:12;-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#0e121ef0;display:flex;position:fixed;bottom:0;left:0;right:0}.bnav button{color:var(--mut);background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;min-height:52px;padding:6px 0;font-size:11px;font-weight:600;display:flex}.bnav button span{font-size:21px;line-height:1}.bnav button.on{color:var(--txt)}.bnav button.on span{filter:none;transform:scale(1.08)}.bnav button.on:after{content:"";background:var(--acc);border-radius:2px;width:18px;height:3px;margin-top:2px}.fab{right:16px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:11;background:var(--acc);color:#fff;border:none;border-radius:18px;align-items:center;gap:8px;height:54px;padding:0 20px;font-size:15px;font-weight:700;display:flex;position:fixed;box-shadow:0 10px 30px #4f8cff73}.stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);text-align:left;border-width:1px;padding:14px}.stat b{font-size:26px;font-weight:800;display:block}.stat span{color:var(--mut);font-size:12px;font-weight:600}.alert{background:var(--bads);border-radius:var(--r);border:1px solid #ff5d6c59;align-items:center;gap:12px;margin-top:10px;padding:12px 14px;display:flex}.alert.w{background:var(--warns);border-color:#ffb54759}.alert .i{font-size:20px}.alert div{flex:1;font-size:14px}.alert small{color:var(--mut);display:block}.list{gap:10px;display:grid}.dcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);text-align:left;gap:8px;width:100%;padding:14px;display:grid}.drow{align-items:center;gap:10px;display:flex}.drow b{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:16px;overflow:hidden}.sd{border-radius:50%;flex:none;width:10px;height:10px}.sd.on{background:var(--acc2);box-shadow:0 0 10px var(--acc2)}.sd.off{background:#4a5372}.sd.err{background:var(--bad);box-shadow:0 0 10px var(--bad)}.model{background:var(--accs);color:#9dbbff;border-radius:7px;padding:3px 8px;font-size:11px;font-weight:700}.chev{color:var(--mut);font-size:20px}.dsub{color:var(--mut);font-size:13px}.now{background:var(--card2);white-space:nowrap;text-overflow:ellipsis;border-radius:10px;padding:8px 10px;font-size:14px;overflow:hidden}.now.err{color:var(--bad)}.sbar{background:#232c44;border-radius:3px;height:5px;overflow:hidden}.sbar i{background:var(--acc);height:100%;display:block}.badge{white-space:nowrap;border-radius:7px;padding:3px 8px;font-size:11px;font-weight:700}.b-admin{color:#ff8f99;background:#ff5d6c29}.b-manager{color:var(--warn);background:#ffb54729}.b-kunde{background:var(--oks);color:var(--acc2)}.chips{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:var(--card);color:var(--mut);border-radius:20px;flex:none;padding:8px 14px;font-size:13px;font-weight:600}.chip.on{background:var(--accs);border-color:var(--acc);color:#cfdcff}.ucard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);text-align:left;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.ucard .av{width:44px;height:44px}.ucard .m{flex:1;min-width:0}.ucard .m b{font-size:15px;display:block}.ucard .m small{color:var(--mut);white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.meta{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.exp{background:var(--card2);color:var(--mut);border-radius:7px;padding:3px 8px;font-size:11px;font-weight:600}.exp.soon{background:var(--warns);color:var(--warn)}.exp.gone{background:var(--bads);color:var(--bad)}.media{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.vid{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:14px;padding:0;overflow:hidden}.th{aspect-ratio:16/9;color:#fff;align-items:flex-end;gap:4px;padding:6px;font-size:10px;font-weight:800;display:flex}.th span{background:#00000073;border-radius:5px;padding:2px 6px}.vid .m{padding:9px 10px}.vid b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.vid small{color:var(--mut);font-size:12px}.g1{background:linear-gradient(135deg,#2d5bd1,#0e2a5c)}.g2{background:linear-gradient(135deg,#d17a2d,#5c2a0e)}.g3{background:linear-gradient(135deg,#21b38a,#0e3d5c)}.g4{background:linear-gradient(135deg,#9a4fd1,#2a0e5c)}.g5{background:linear-gradient(135deg,#d14f7a,#3d0e2a)}.g6{background:linear-gradient(135deg,#5c6b8a,#1f2638)}.plc{background:var(--card);border:1px solid var(--line);border-radius:var(--r);text-align:left;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.plc .ic{border-radius:12px;flex:none;place-items:center;width:46px;height:46px;font-size:20px;display:grid}.plc .m{flex:1;min-width:0}.plc b{display:block}.plc small{color:var(--mut);font-size:13px}.search{background:var(--card);border:1px solid var(--line);border-radius:14px;outline:none;width:100%;margin-bottom:12px;padding:12px 14px}.search:focus{border-color:var(--acc)}.scrim{z-index:30;opacity:0;pointer-events:none;background:#03050a99;transition:opacity .25s;position:fixed;inset:0}.scrim.on{opacity:1;pointer-events:auto}.sheet{z-index:31;border:1px solid var(--line);background:#0f1424;border-bottom:none;border-radius:24px 24px 0 0;flex-direction:column;max-height:92vh;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(105%)}.sheet.on{transform:none}.grab{background:#2e3858;border-radius:3px;flex:none;width:40px;height:5px;margin:10px auto 0}.shd{flex:none;align-items:center;gap:10px;padding:12px 18px 10px;display:flex}.shd h3{flex:1;font-size:19px}.x{background:var(--card2);border:none;border-radius:50%;width:38px;height:38px;font-size:16px}.sbody{-webkit-overflow-scrolling:touch;padding:4px 18px 18px;overflow-y:auto}.sfoot{padding:12px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);flex:none;gap:10px;display:flex}.btn{border:1px solid var(--line);background:var(--card2);border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 16px;font-size:15px;font-weight:700;display:inline-flex}.btn.pri{background:var(--acc);border-color:var(--acc);color:#fff}.btn.danger{color:var(--bad)}.btn.sm{flex:none;min-height:40px;font-size:13px}.fld{margin-bottom:16px}.fld label{color:var(--mut);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.in{background:var(--card);border:1px solid var(--line);border-radius:12px;outline:none;width:100%;padding:13px 14px;font-size:16px}.in:focus{border-color:var(--acc)}.segf{background:var(--card);border:1px solid var(--line);border-radius:14px;gap:4px;padding:4px;display:flex}.segf button{color:var(--mut);background:0 0;border:none;border-radius:10px;flex:1;padding:11px 6px;font-size:14px;font-weight:700}.segf button.on{background:var(--card2);color:var(--txt);box-shadow:inset 0 0 0 1px var(--acc)}.segf button:disabled{opacity:.35}.hint{color:var(--mut);margin-top:6px;font-size:12px}.pick{gap:8px;display:grid}.pk{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.pk .box{color:#fff;border:2px solid #3a4566;border-radius:7px;flex:none;place-items:center;width:24px;height:24px;font-size:14px;display:grid}.pk.on{border-color:var(--acc);background:var(--accs)}.pk.on .box{background:var(--acc);border-color:var(--acc)}.pk div{flex:1;font-size:14px}.pk small{color:var(--mut);font-size:12px;display:block}.linkbox{background:var(--card);border:1px dashed var(--acc);word-break:break-all;color:#cfdcff;border-radius:14px;padding:14px;font-family:ui-monospace,monospace;font-size:13px}.okc{text-align:center;padding:10px 0 16px}.okc .big{font-size:46px}.kv{grid-template-columns:auto 1fr;gap:10px 16px;font-size:14px;display:grid}.kv span{color:var(--mut)}.screen{aspect-ratio:16/9;border-radius:14px;align-items:flex-end;margin-bottom:12px;padding:12px;font-size:13px;font-weight:600;display:flex}.live{aspect-ratio:16/9;background-size:cover;border-radius:14px;position:relative;overflow:hidden}.live .lv-v{opacity:0;position:absolute;inset:0}.live.run .lv-v{opacity:1;background:radial-gradient(40% 50% at 30% 40%,#ffffff40,#0000),radial-gradient(35% 45% at 70% 65%,#22d3a64d,#0000);animation:6s ease-in-out infinite alternate lv}@keyframes lv{to{transform:translate(-8%)scale(1.15)}}.live:not(.run):before{content:"";background:#05080f8c;position:absolute;inset:0}.live.low-fps .lv-v{animation-timing-function:steps(8,end)}.lv-start{border:1px solid var(--line);background:#0a0e18d9;border-radius:16px;flex-direction:column;align-items:center;gap:2px;width:max-content;height:max-content;margin:auto;padding:14px 22px;font-size:16px;font-weight:700;display:flex;position:absolute;inset:0}.lv-start small{color:var(--mut);font-size:12px;font-weight:500}.lv-top{background:linear-gradient(#0009,#0000);justify-content:space-between;gap:8px;padding:10px;font-size:11px;font-weight:700;display:flex;position:absolute;top:0;left:0;right:0}.lv-top span{white-space:nowrap;text-overflow:ellipsis;background:#00000073;border-radius:6px;padding:3px 8px;overflow:hidden}.lv-rec{color:#ff6b78}.lv-bot{white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000000b3);padding:10px;font-size:12px;font-weight:600;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.lv-c{text-align:center;color:#c4cde4;background:#05080f99;place-items:center;padding:16px;font-size:13px;display:grid;position:absolute;inset:0}.flow{color:var(--mut);text-align:center;align-items:center;gap:6px;margin-bottom:14px;font-size:11px;display:flex}.flow div{background:var(--card);border:1px solid var(--line);border-radius:12px;flex:1;padding:8px 4px;line-height:1.3}.flow b{color:var(--acc2);font-size:14px;display:block}.flow span{color:var(--mut)}.cq{background:var(--card);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.cq-i{background:var(--card2);border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-size:17px;font-weight:700;display:grid}.cq-m{flex:1;min-width:0}.cq-m b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.cq-m small{color:var(--mut);font-size:12px}.cq-b{white-space:nowrap;font-size:11px;font-weight:700}.qseg button{padding:10px 2px;font-size:12px}.ctr{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px;display:grid}.ctr button{aspect-ratio:1;border:1px solid var(--line);background:var(--card);border-radius:14px;place-items:center;max-height:60px;font-size:20px;display:grid}.pli{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:8px;display:flex}.pli .th{border-radius:8px;flex:none;width:64px;padding:0}.pli .m{flex:1;min-width:0;font-size:13px}.pli .m b{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.pli small{color:var(--mut)}.mv{flex-direction:column;gap:4px;display:flex}.mv button{border:1px solid var(--line);background:var(--card2);border-radius:8px;width:34px;height:28px;font-size:12px}.drop{text-align:center;background:var(--card);border:2px dashed #34406a;border-radius:16px;width:100%;margin-bottom:16px;padding:26px 14px}.drop b{margin:6px 0 2px;display:block}.drop small{color:var(--mut)}.job{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:8px;padding:12px}.job .r{justify-content:space-between;gap:10px;margin-bottom:8px;font-size:13px;display:flex}.job small{color:var(--mut)}.pbar{background:#232c44;border-radius:3px;height:6px;overflow:hidden}.pbar i{background:var(--acc2);height:100%;transition:width .4s;display:block}.role-note{background:var(--warns);color:#ffd18a;border:1px solid #ffb5474d;border-radius:12px;margin-bottom:14px;padding:10px 12px;font-size:13px}.toast{left:50%;bottom:calc(150px + env(safe-area-inset-bottom));border:1px solid var(--acc2);opacity:0;pointer-events:none;z-index:50;white-space:nowrap;text-overflow:ellipsis;background:#1c2440;border-radius:14px;max-width:92vw;padding:12px 18px;font-size:14px;font-weight:600;transition:all .25s;position:fixed;overflow:hidden;transform:translate(-50%)translateY(10px)}.toast.show{opacity:1;transform:translate(-50%)}.view{display:none}.view.on{display:block}#customer{background:radial-gradient(900px 500px at 90% -10%,#1c2c5c 0,transparent 60%),var(--bg);min-height:100vh}.chdr{align-items:center;gap:12px;padding:14px 16px 8px;display:flex}.chdr .t{flex:1}.chdr b{font-size:19px}.dbar{scrollbar-width:none;z-index:5;background:linear-gradient(var(--bg) 75%,transparent);gap:10px;padding:8px 16px 14px;display:flex;position:sticky;top:0;overflow-x:auto}.dbar::-webkit-scrollbar{display:none}.dtab{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:16px;flex:none;align-items:center;gap:10px;min-width:170px;padding:10px 14px;display:flex}.dtab div{font-size:14px;font-weight:700}.dtab small{color:var(--mut);font-size:11px;font-weight:500;display:block}.dtab.on{border-color:var(--acc);background:#14203d;box-shadow:0 0 0 2px #4f8cff40}.cwrap{max-width:1200px;margin:0 auto;padding:0 16px 40px}.hero{border:1px solid var(--line);background:linear-gradient(90deg,#07090feb,#07090f66 70%,#0000),linear-gradient(135deg,#2b4a8f,#0f6a63 60%,#1b1f3a);border-radius:22px;flex-direction:column;justify-content:flex-end;min-height:220px;padding:22px 20px;display:flex}.hero small{color:var(--acc2);letter-spacing:1.4px;font-size:11px;font-weight:700}.hero h2{margin:4px 0;font-size:24px}.hero .mt{color:#c4cde4;font-size:13px}.hbar{background:#ffffff2e;border-radius:3px;height:5px;margin:14px 0 4px;overflow:hidden}.hbar i{background:var(--acc);width:38%;height:100%;display:block}.htime{color:#c4cde4;justify-content:space-between;font-size:12px;display:flex}.hctr{align-items:center;gap:10px;margin-top:14px;display:flex}.hctr button{color:#fff;background:#ffffff1f;border:none;border-radius:50%;width:50px;height:50px;font-size:18px}.hctr button.big{color:#000;background:#fff;width:60px;height:60px;font-size:22px}.tiles{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px;display:grid}.tile{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:118px;padding:16px;display:flex}.tile .ic{font-size:30px}.tile b{font-size:16px}.tile span{color:var(--mut);margin-top:2px;font-size:12px;display:block}.t1{background:linear-gradient(150deg,#1b2b55,#121828)}.t2{background:linear-gradient(150deg,#123d36,#121828)}.t3{background:linear-gradient(150deg,#3b2a55,#121828)}.rowt{margin:24px 0 12px;font-size:17px;font-weight:700}.hscroll{scrollbar-width:none;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}.pcard{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:16px;flex:none;width:200px;padding:14px}.pcard.on{border-color:var(--acc2)}.pcard b{margin-top:8px;display:block}.pcard small{color:var(--mut);font-size:12px}.pcard .tg{color:var(--acc2);font-size:11px;font-weight:700}.expbar{background:var(--card);border:1px solid var(--line);color:var(--mut);border-radius:14px;align-items:center;gap:10px;margin-top:26px;padding:12px 14px;font-size:13px;display:flex}.offline-banner{background:var(--card2);border:1px solid var(--line);color:var(--mut);border-radius:14px;margin-bottom:12px;padding:14px;font-size:14px;display:none}@media (width>=900px){#staff.on{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.side{border-right:1px solid var(--line);background:#0c1020;flex-direction:column;gap:4px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.side .brand{align-items:center;gap:10px;padding:4px 10px 20px;font-size:17px;font-weight:700;display:flex}.side .nv{color:var(--mut);text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-weight:600;display:flex}.side .nv:hover{background:var(--card)}.side .nv.on{background:var(--card2);color:var(--txt)}.side .me{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:12px;font-size:13px;display:flex}.side .me small{color:var(--mut);display:block}.bnav,.hdr .logo{display:none}.fab{bottom:28px;right:28px}main{padding:24px 32px 60px}.stats{grid-template-columns:repeat(4,1fr)}.list.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.media{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.scrim.on~.sheet.on,.sheet{border-bottom:1px solid var(--line);border-radius:24px;width:460px;max-height:none;inset:24px 24px 24px auto;transform:translate(120%)}.sheet.on{transform:none}.grab{display:none}.tiles{grid-template-columns:repeat(4,1fr)}.hero{min-height:280px;padding:34px}.hero h2{font-size:34px}.toast{bottom:40px}}.auth{background:radial-gradient(900px 500px at 90% -10%,#1c2c5c 0,transparent 60%),var(--bg);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.auth .box{width:100%;max-width:400px}.auth .brand{align-items:center;gap:12px;margin-bottom:22px;display:flex}.auth .brand b{font-size:20px}.auth .brand small{color:var(--mut);font-size:12px;display:block}.auth .logo{display:grid}.err{background:var(--bads);color:#ffb3ba;border:1px solid #ff5d6c59;border-radius:12px;margin-bottom:14px;padding:10px 12px;font-size:14px}.qr{background:#fff;border-radius:12px;width:200px;height:200px;margin:4px auto 12px;padding:8px;display:block}.code{letter-spacing:4px;text-align:center;font-family:ui-monospace,monospace;font-size:22px}.secret{word-break:break-all;color:#cfdcff;text-align:center;font-family:ui-monospace,monospace;font-size:13px}.soon-view{text-align:center;color:var(--mut);padding:48px 16px}.soon-view .big{margin-bottom:8px;font-size:44px}.btn:disabled{opacity:.5;cursor:default}.nv.dim,.bnav button.dim{opacity:.5}.toast.err-t{border-color:var(--bad)}@media (width>=900px){.scrim.on~.sheet.on{transform:none}}