.admin-page{padding:22px 26px;display:flex;flex-direction:column;gap:18px;overflow-y:auto;height:100%}.admin-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-toolbar .grow{flex:1}.admin-search{display:flex;align-items:center;gap:8px;background:var(--panel, rgba(255, 255, 255, .035));border:1px solid var(--glass-bd, rgba(255, 255, 255, .09));border-radius:11px;padding:9px 13px;min-width:220px}.admin-search input{flex:1;background:none;border:none;outline:none;color:var(--txt);font-size:.86rem;font-family:inherit}.admin-search input::placeholder{color:var(--muted-2)}.btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--glass-bd, rgba(255, 255, 255, .09));background:var(--panel, rgba(255, 255, 255, .04));color:var(--txt);font-family:inherit;font-size:.84rem;font-weight:600;padding:9px 15px;border-radius:10px;cursor:pointer;transition:.15s;white-space:nowrap}.btn:hover{border-color:var(--glass-bd-2, rgba(255, 255, 255, .16));background:#ffffff12}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-pri{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 6px 18px -8px var(--brand-glow, rgba(59, 123, 255, .5))}.btn-pri:hover{background:var(--brand-2);border-color:var(--brand-2)}.btn-danger{color:var(--occupied);border-color:#ff51674d;background:#ff516714}.btn-danger:hover{background:#ff516729}.btn-sm{padding:6px 11px;font-size:.78rem;border-radius:8px}.admin-table-wrap{background:var(--panel, rgba(255, 255, 255, .035));border:1px solid var(--glass-bd, rgba(255, 255, 255, .09));border-radius:16px;overflow:auto}table.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-2);font-weight:700;padding:13px 16px;border-bottom:1px solid var(--glass-bd, rgba(255, 255, 255, .09));white-space:nowrap;position:sticky;top:0;background:var(--panel-solid, #0e1424);z-index:1}.admin-table td{padding:12px 16px;border-bottom:1px solid var(--line, rgba(255, 255, 255, .06));color:var(--txt);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:#ffffff06}.admin-table .num{font-family:Space Grotesk,sans-serif;font-weight:600}.admin-table .actions{display:flex;gap:6px;justify-content:flex-end}.badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:20px;border:1px solid transparent}.badge.ok{background:#1cd18a24;color:var(--vacant);border-color:#1cd18a4d}.badge.warn{background:#ffb53524;color:var(--amber);border-color:#ffb5354d}.badge.bad{background:#ff516724;color:var(--occupied);border-color:#ff51674d}.badge.info{background:#3b7bff24;color:var(--brand-2);border-color:#3b7bff4d}.badge.muted{background:#ffffff0d;color:var(--muted);border-color:var(--glass-bd, rgba(255, 255, 255, .09))}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02050ca8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:500;padding:24px}.modal{background:var(--panel-solid, #0e1424);border:1px solid var(--glass-bd-2, rgba(255, 255, 255, .16));border-radius:20px;width:100%;max-width:520px;max-height:88vh;overflow-y:auto;box-shadow:0 40px 100px -30px #000c}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--glass-bd, rgba(255, 255, 255, .09))}.modal-head h3{font-size:1.1rem;font-weight:700}.modal-head .x{background:none;border:none;color:var(--muted);font-size:1.3rem;cursor:pointer;line-height:1}.modal-body{padding:22px 24px;display:flex;flex-direction:column;gap:14px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--glass-bd, rgba(255, 255, 255, .09))}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:.76rem;color:var(--muted);font-weight:600}.field input,.field select,.field textarea{background:#ffffff08;border:1px solid var(--glass-bd, rgba(255, 255, 255, .09));border-radius:10px;padding:10px 13px;color:var(--txt);font-size:.88rem;font-family:inherit;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand)}.field .hint{font-size:.72rem;color:var(--muted-2)}.field-row{display:flex;gap:12px}.field-row .field{flex:1}.admin-empty{text-align:center;color:var(--muted-2);font-size:.86rem;padding:50px 20px}.admin-error{color:var(--occupied);background:#ff516714;border:1px solid rgba(255,81,103,.25);border-radius:10px;padding:10px 14px;font-size:.82rem}.admin-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.admin-card{background:var(--panel, rgba(255, 255, 255, .035));border:1px solid var(--glass-bd, rgba(255, 255, 255, .09));border-radius:16px;padding:18px 20px}.admin-card .k{font-size:.78rem;color:var(--muted);margin-bottom:8px}.admin-card .v{font-family:Space Grotesk,sans-serif;font-size:1.9rem;font-weight:700;line-height:1}:root{--bg: #060912;--bg-2: #0a0f1c;--panel: rgba(255, 255, 255, .035);--panel-solid: #0e1424;--glass-bd: rgba(255, 255, 255, .09);--glass-bd-2: rgba(255, 255, 255, .16);--txt: #eaf0fb;--muted: #93a1be;--muted-2: #5c6b89;--brand: #3b7bff;--brand-2: #6ca0ff;--brand-glow: rgba(59, 123, 255, .5);--vacant: #1cd18a;--occupied: #ff5167;--ev: #8b6bff;--disabled: #37a0ff;--scan: #1ed9f0;--amber: #ffb535;--panel-2: rgba(255, 255, 255, .05);--panel-3: rgba(255, 255, 255, .1);--line: var(--glass-bd);--line-2: var(--glass-bd-2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Pretendard Variable,Pretendard,system-ui,sans-serif;background:var(--bg);color:var(--txt);-webkit-font-smoothing:antialiased;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(900px 600px at 12% -5%,rgba(59,123,255,.16),transparent 60%),radial-gradient(800px 700px at 105% 8%,rgba(139,107,255,.12),transparent 55%),radial-gradient(700px 600px at 80% 110%,rgba(28,209,138,.07),transparent 60%)}.app,.login-wrap{position:relative;z-index:1}.mono{font-family:Space Mono,monospace}.disp{font-family:Space Grotesk,sans-serif;letter-spacing:-.01em}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}::-webkit-scrollbar-track{background:transparent}button{font-family:inherit}.app{display:grid;grid-template-columns:248px 1fr;grid-template-rows:64px 1fr;height:100vh;grid-template-areas:"side top" "side main"}.side{grid-area:side;background:linear-gradient(180deg,#0d1322db,#080c16eb);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-right:1px solid var(--glass-bd);display:flex;flex-direction:column;padding:18px 14px;gap:3px;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 18px;margin-bottom:8px;border-bottom:1px solid var(--glass-bd)}.logo-grid{width:34px;height:34px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2.5px;flex-shrink:0;padding:3px;border-radius:9px;background:#ffffff0a;box-shadow:0 0 0 1px var(--glass-bd) inset}.logo-grid i{border-radius:2px;background:#ffffff1a;transition:.4s}.logo-grid i.v{background:var(--vacant);box-shadow:0 0 8px #1cd18a99}.logo-grid i.o{background:var(--occupied);box-shadow:0 0 8px #ff516780}.brand b{font-size:1.16rem;font-weight:700;letter-spacing:.06em;font-family:Space Grotesk}.brand span{display:block;font-size:.6rem;color:var(--muted-2);letter-spacing:.18em;margin-top:2px;font-weight:600}.nav-label{font-size:.62rem;color:var(--muted-2);text-transform:uppercase;letter-spacing:.14em;padding:14px 12px 6px;font-weight:700}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:11px;color:var(--muted);font-size:.86rem;font-weight:500;cursor:pointer;transition:.16s;border:1px solid transparent;text-decoration:none;position:relative}.nav-item .ic{width:18px;text-align:center;font-size:1rem;flex-shrink:0;opacity:.9}.nav-item:hover{background:#ffffff0d;color:var(--txt)}.nav-item.active{background:linear-gradient(90deg,#3b7bff38,#3b7bff0a);color:#fff;border-color:#3b7bff52;box-shadow:0 4px 18px -8px var(--brand-glow)}.nav-item.active .ic{color:var(--brand-2)}.nav-item.active:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:3px;background:var(--brand-2);box-shadow:0 0 10px var(--brand-glow)}.nav-item .fid{margin-left:auto;font-size:.58rem;color:var(--muted-2);font-family:Space Mono;letter-spacing:.02em}.side-foot{margin-top:auto;padding:14px 12px 4px;border-top:1px solid var(--glass-bd);font-size:.68rem;color:var(--muted-2);line-height:1.6}.side-foot b{color:var(--muted)}.logout-btn{margin-top:8px;background:var(--panel-2);border:1px solid var(--line);color:var(--muted);padding:8px;border-radius:8px;font-size:.74rem;font-weight:600;cursor:pointer;width:100%}.logout-btn:hover{border-color:var(--line-2);color:var(--txt)}.top{grid-area:top;background:#0a0f1c99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-bd);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:16px}.top .ttl{display:flex;flex-direction:column;gap:1px}.top .ttl>span:first-child{font-size:1rem;font-weight:700;letter-spacing:-.01em}.top .ttl .sub{font-size:.74rem;color:var(--muted);font-weight:400}.top .right{display:flex;align-items:center;gap:12px}.site-pick{display:flex;align-items:center;gap:9px;background:#ffffff0d;border:1px solid var(--glass-bd);border-radius:11px;padding:7px 13px;cursor:pointer;transition:.15s;position:relative}.site-pick:hover{border-color:var(--glass-bd-2);background:#ffffff14}.site-pick .dot{width:8px;height:8px;border-radius:50%;background:var(--vacant);box-shadow:0 0 8px var(--vacant)}.site-pick .nm{font-size:.82rem;font-weight:600}.site-pick .reg{font-size:.66rem;color:var(--muted-2)}.site-pick .car{color:var(--muted);font-size:.7rem;margin-left:4px}.site-menu{position:absolute;top:calc(100% + 8px);right:0;width:300px;background:#0e1424f5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-bd-2);border-radius:14px;padding:8px;box-shadow:0 24px 60px #0009;z-index:60;display:none}.site-menu.open{display:block;animation:pop .18s ease}@keyframes pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}.site-opt{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:10px;cursor:pointer;transition:.13s}.site-opt:hover{background:#ffffff0f}.site-opt.cur{background:#3b7bff24}.site-opt .sd{width:9px;height:9px;border-radius:50%;flex-shrink:0}.site-opt .si{flex:1}.site-opt .si b{font-size:.84rem;display:block}.site-opt .si span{font-size:.68rem;color:var(--muted-2)}.live-badge{display:flex;align-items:center;gap:7px;font-size:.72rem;color:var(--vacant);font-weight:700;background:#1cd18a1a;border:1px solid rgba(28,209,138,.2);padding:6px 12px;border-radius:20px}.live-badge.off{color:var(--muted-2);background:#ffffff0d;border-color:var(--glass-bd)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--vacant);animation:pulse 1.6s infinite}.live-badge.off .live-dot{background:var(--muted-2);animation:none}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #1cd18a80}50%{opacity:.55;box-shadow:0 0 0 6px #1cd18a00}}.clock{font-family:Space Mono;font-size:.82rem;color:var(--muted);letter-spacing:.02em}.sim-tag{display:flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid var(--glass-bd);border-radius:11px;padding:6px 12px;font-size:.74rem;color:var(--muted);font-weight:600}.main{grid-area:main;overflow-y:auto;padding:24px;position:relative}.row{display:flex;gap:16px;flex-wrap:wrap}.grid{display:grid;gap:16px}.panel{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--glass-bd);border-radius:18px;padding:20px;box-shadow:0 1px #ffffff0a inset,0 18px 40px -28px #000c}.panel h3{font-size:.92rem;font-weight:700;margin-bottom:4px;display:flex;align-items:center;gap:8px;justify-content:space-between}.panel h3 .l{display:flex;align-items:center;gap:9px}.panel .psub{font-size:.74rem;color:var(--muted-2);margin-bottom:16px}.chip{font-size:.66rem;font-weight:600;padding:4px 10px;border-radius:20px;background:#ffffff0f;border:1px solid var(--glass-bd);color:var(--muted)}.fade-in{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}@media (max-width: 1300px){.kpis{grid-template-columns:repeat(3,1fr)}}@media (max-width: 680px){.kpis{grid-template-columns:repeat(2,1fr)}}.kpi{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--glass-bd);border-radius:16px;padding:16px 18px;position:relative;overflow:hidden;transition:.2s}.kpi:hover{border-color:var(--glass-bd-2);transform:translateY(-2px)}.kpi .k{font-size:.72rem;color:var(--muted);margin-bottom:10px;display:flex;align-items:center;gap:7px;font-weight:500}.kpi .v{font-family:Space Grotesk;font-size:1.85rem;font-weight:700;line-height:1;letter-spacing:-.02em}.kpi .v small{font-size:.78rem;color:var(--muted);font-weight:600}.kpi .d{font-size:.66rem;margin-top:8px;color:var(--muted-2)}.kpi .accent{position:absolute;left:0;top:0;bottom:0;width:3px}.kpi.green .v{color:var(--vacant)}.kpi.green .accent{background:var(--vacant);box-shadow:0 0 14px var(--vacant)}.kpi.red .v{color:var(--occupied)}.kpi.red .accent{background:var(--occupied);box-shadow:0 0 14px var(--occupied)}.kpi.blue .v{color:var(--brand-2)}.kpi.blue .accent{background:var(--brand);box-shadow:0 0 14px var(--brand)}.kpi.cyan .v{color:var(--scan)}.kpi.cyan .accent{background:var(--scan);box-shadow:0 0 14px var(--scan)}.kpi.amber .v{color:var(--amber)}.kpi.amber .accent{background:var(--amber);box-shadow:0 0 14px var(--amber)}.kpi.violet .v{color:var(--ev)}.kpi.violet .accent{background:var(--ev);box-shadow:0 0 14px var(--ev)}.floor-tabs{display:flex;gap:7px;margin-bottom:16px}.floor-tabs button{background:#ffffff0d;border:1px solid var(--glass-bd);color:var(--muted);padding:7px 16px;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:.14s}.floor-tabs button:hover{color:var(--txt);border-color:var(--glass-bd-2)}.floor-tabs button.active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 4px 16px -6px var(--brand-glow)}.pmap-wrap{position:relative;background:linear-gradient(180deg,#ffffff05,#0000001f);border:1px solid var(--glass-bd);border-radius:14px;padding:20px;overflow:hidden}.pmap-scan{position:absolute;left:0;right:0;height:80px;top:-80px;background:linear-gradient(180deg,transparent,rgba(30,217,240,.1),transparent);animation:mapscan 4s linear infinite;pointer-events:none}@keyframes mapscan{0%{top:-80px}to{top:100%}}.pmap{display:grid;gap:8px;position:relative}.slot{aspect-ratio:1.5 / 1;border-radius:7px;border:1.5px solid var(--glass-bd-2);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#ffffff80;cursor:pointer;transition:.28s cubic-bezier(.2,.7,.2,1);position:relative;font-family:Space Mono}.slot.aisle{background:none;border:none;cursor:default}.slot.vacant{background:#1cd18a29;border-color:var(--vacant);color:#88f3c4;box-shadow:0 0 14px -4px #1cd18a80}.slot.occupied{background:#ff51671f;border-color:#ff516766;color:#ff96a0d9}.slot.unknown{background:#5c6b8924;border-color:var(--muted-2);color:var(--muted)}.slot.vacant.ev{background:#8b6bff2e;border-color:var(--ev);color:#c3b3ff;box-shadow:0 0 14px -4px #8b6bff80}.slot.vacant.disabled{background:#37a0ff2e;border-color:var(--disabled);color:#a7d4ff;box-shadow:0 0 14px -4px #37a0ff80}.slot:hover:not(.aisle){transform:scale(1.1);z-index:3;box-shadow:0 6px 20px #00000080}.slot .typeic{position:absolute;top:2px;right:3px;font-size:.5rem;opacity:.85}.slot.flip{animation:flip .55s}@keyframes flip{0%{transform:scale(1)}40%{transform:scale(1.22);filter:brightness(1.7)}to{transform:scale(1)}}.legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;font-size:.74rem;color:var(--muted)}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:13px;height:13px;border-radius:4px;border:1.5px solid}.lg-v{background:#1cd18a29;border-color:var(--vacant)}.lg-o{background:#ff51671f;border-color:var(--occupied)}.lg-e{background:#8b6bff2e;border-color:var(--ev)}.lg-d{background:#37a0ff2e;border-color:var(--disabled)}.site-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.site-card{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--glass-bd);border-radius:16px;padding:18px;cursor:pointer;transition:.2s;position:relative;overflow:hidden}.site-card:hover{border-color:var(--glass-bd-2);transform:translateY(-3px);box-shadow:0 20px 40px -24px #000c}.site-card.cur{border-color:#3b7bff73;box-shadow:0 0 0 1px #3b7bff40,0 20px 40px -24px var(--brand-glow)}.site-card .sh{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.site-card .sh b{font-size:.98rem;font-weight:700}.site-card .sh span{font-size:.68rem;color:var(--muted-2);display:block;margin-top:2px}.site-card .stt{font-size:.62rem;font-weight:700;padding:3px 9px;border-radius:20px;flex-shrink:0;white-space:nowrap}.st-on{background:#1cd18a24;color:var(--vacant)}.st-warn{background:#ffb53524;color:var(--amber)}.site-card .big{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.site-card .big .n{font-family:Space Grotesk;font-size:2.1rem;font-weight:700;color:var(--vacant);line-height:1}.site-card .big .of{font-size:.85rem;color:var(--muted)}.site-card .occbar{height:6px;border-radius:5px;background:#ffffff0f;overflow:hidden;margin:12px 0}.site-card .occbar i{display:block;height:100%;background:linear-gradient(90deg,var(--vacant),var(--amber))}.site-card .srow{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted-2);font-family:Space Mono}.log{display:flex;flex-direction:column;gap:0;max-height:360px;overflow-y:auto}.log-item{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid var(--line);font-size:.78rem;animation:slidein .3s}@keyframes slidein{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.log-item .t{font-family:Space Mono;font-size:.68rem;color:var(--muted-2);flex-shrink:0}.log-item .ld{width:7px;height:7px;border-radius:50%;flex-shrink:0}.log-item .msg{color:var(--muted);flex:1}.log-item .msg b{color:var(--txt);font-family:Space Mono}.log-item .cam{font-size:.66rem;color:var(--muted-2);font-family:Space Mono}.empty{color:var(--muted-2);font-size:.78rem;padding:8px}.phone-stage{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;align-items:flex-start}.phone{width:330px;height:680px;background:#05080f;border:10px solid #1a2438;border-radius:42px;overflow:hidden;position:relative;box-shadow:0 24px 60px #00000080;flex-shrink:0}.phone .notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:130px;height:26px;background:#1a2438;border-radius:0 0 16px 16px;z-index:10}.pscreen{height:100%;overflow-y:auto;background:linear-gradient(180deg,#0a1120,#070c18)}.papp-head{padding:38px 20px 16px;background:linear-gradient(135deg,#13203a,#0e1626)}.papp-head .loc{font-size:.7rem;color:var(--muted);display:flex;align-items:center;gap:5px}.papp-head h2{font-size:1.05rem;font-weight:700;margin:3px 0 14px}.avail-big{display:flex;align-items:baseline;gap:8px}.avail-big .n{font-family:Space Grotesk;font-size:3rem;font-weight:700;color:var(--vacant);line-height:1}.avail-big .of{font-size:.95rem;color:var(--muted)}.avail-big .lab{font-size:.8rem;color:var(--muted);margin-left:4px}.bar-occ{height:7px;border-radius:5px;background:var(--panel-3);margin-top:12px;overflow:hidden}.bar-occ i{display:block;height:100%;background:linear-gradient(90deg,var(--vacant),var(--amber));transition:.6s}.ptabs{display:flex;gap:6px;padding:14px 20px 6px}.ptabs button{flex:1;background:var(--panel-2);border:1px solid var(--line);color:var(--muted);padding:7px;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer}.ptabs button.active{background:var(--brand);color:#fff;border-color:var(--brand)}.pmap-mini{padding:6px 20px}.pmap-mini .pmap{gap:5px}.pmap-mini .slot{font-size:.5rem}.rec-card{margin:8px 20px 16px;background:linear-gradient(135deg,#16c78424,#16c78408);border:1px solid rgba(22,199,132,.3);border-radius:12px;padding:14px}.rec-card.full{border-color:#ff4d5e4d;background:#ff4d5e0f}.rec-card .rl{font-size:.68rem;color:var(--vacant);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.rec-card.full .rl{color:var(--occupied)}.rec-card .rc{font-family:Space Grotesk;font-size:1.4rem;font-weight:700;margin:4px 0}.rec-card .rd{font-size:.74rem;color:var(--muted)}.plegend{padding:0 20px 24px;display:flex;gap:12px;flex-wrap:wrap;font-size:.68rem;color:var(--muted)}.plegend span{display:flex;align-items:center;gap:5px}.plegend i{width:10px;height:10px;border-radius:3px;border:1.5px solid}.phone-note{max-width:300px}.phone-note h4{font-size:.92rem;margin-bottom:10px;color:var(--brand-2)}.phone-note p{font-size:.84rem;color:var(--muted);margin-bottom:12px;line-height:1.6}.phone-note ul{list-style:none;font-size:.82rem;color:var(--muted)}.phone-note li{padding:6px 0 6px 20px;position:relative;border-bottom:1px solid var(--line)}.phone-note li:before{content:"✓";position:absolute;left:0;color:var(--vacant);font-weight:700}.cctv-frame{position:relative;background:#070b14;border:1px solid var(--glass-bd);border-radius:14px;overflow:hidden;aspect-ratio:16 / 10}.cctv-frame svg{width:100%;height:100%;display:block}.cctv-hud{position:absolute;top:10px;left:12px;font-family:Space Mono;font-size:.7rem;color:var(--scan);text-shadow:0 0 10px rgba(30,217,240,.6)}.cctv-hud .rec{display:inline-flex;align-items:center;gap:5px;color:var(--occupied)}.cctv-hud .rec:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--occupied);animation:pulse 1.4s infinite}.cctv-time{position:absolute;top:10px;right:12px;font-family:Space Mono;font-size:.7rem;color:#fff9}.cctv-scanline{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--scan),transparent);box-shadow:0 0 12px var(--scan);top:8%;animation:cctvscan 2.6s linear infinite;pointer-events:none}@keyframes cctvscan{0%{top:8%}50%{top:92%}to{top:8%}}.cam-list{display:flex;flex-direction:column;gap:8px}.cam-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;background:var(--panel-2);border:1px solid var(--line);cursor:pointer;font-size:.8rem;transition:.14s;color:var(--txt);text-align:left;width:100%}.cam-btn:hover{border-color:var(--line-2)}.cam-btn.active{background:#3b7bff29;border-color:#3b7bff66}.cam-btn .cst{width:8px;height:8px;border-radius:50%;background:var(--vacant);flex-shrink:0}.cam-btn .cst.off{background:var(--muted-2)}.cam-btn .cst.degraded{background:var(--amber)}.cam-btn .meta{margin-left:auto;font-size:.66rem;color:var(--muted-2);font-family:Space Mono}.det-list{display:flex;flex-direction:column;gap:7px;font-size:.76rem}.det{display:flex;align-items:center;gap:9px;padding:8px 10px;background:var(--panel-2);border-radius:8px;border:1px solid var(--line)}.det .cls{font-weight:600}.det .conf{margin-left:auto;font-family:Space Mono;color:var(--scan)}.det .bx{width:9px;height:9px;border-radius:2px;border:2px solid var(--scan)}.roi-grid{display:grid;gap:5px;background:var(--panel-2);padding:14px;border-radius:12px;border:1px solid var(--line);-webkit-user-select:none;user-select:none}.roi-cell{aspect-ratio:1.5 / 1;border-radius:5px;border:1.5px dashed var(--line-2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.56rem;font-family:Space Mono;color:var(--muted-2);transition:.12s}.roi-cell:hover{border-color:var(--brand)}.roi-cell.set{border-style:solid;background:#16c7841f;border-color:var(--vacant);color:#7ef0bd}.roi-cell.set.ev{background:#7c5cff24;border-color:var(--ev);color:#b9a8ff}.roi-cell.set.disabled{background:#2e93fb24;border-color:var(--disabled);color:#9fccff}.tool-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tool-btn{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);padding:8px 13px;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.tool-btn.active{background:var(--brand);color:#fff;border-color:var(--brand)}.tool-btn i{width:11px;height:11px;border-radius:3px;display:inline-block}.tool-btn:disabled{opacity:.5;cursor:not-allowed}.diag{display:flex;flex-direction:column;gap:12px}.diag-cam{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:16px}.diag-cam .dh{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.diag-cam .dh b{font-size:.88rem}.diag-cam .dh .verdict{font-size:.72rem;font-weight:700;padding:4px 11px;border-radius:20px}.v-ok{background:#16c78424;color:var(--vacant)}.v-warn{background:#ffb02024;color:var(--amber)}.v-bad{background:#ff4d5e24;color:var(--occupied)}.metric{margin-bottom:9px}.metric .ml{display:flex;justify-content:space-between;font-size:.74rem;color:var(--muted);margin-bottom:4px}.metric .mbar{height:6px;border-radius:4px;background:var(--panel-3);overflow:hidden}.metric .mbar i{display:block;height:100%;border-radius:4px;transition:1s}.pl-flow{display:flex;align-items:stretch;gap:0;overflow-x:auto;padding:6px 0}.pl-node{flex:1;min-width:140px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:16px;text-align:center;position:relative}.pl-node.down{border-color:#ff4d5e66}.pl-node .ic{font-size:1.3rem;margin-bottom:8px}.pl-node h5{font-size:.82rem;font-weight:700;margin-bottom:8px}.pl-node .stt{font-family:Space Mono;font-size:.68rem;color:var(--muted);line-height:1.7}.pl-node .stt b{color:var(--scan)}.pl-node .hb{position:absolute;top:10px;right:10px;width:7px;height:7px;border-radius:50%;background:var(--vacant);animation:pulse 1.6s infinite}.pl-node.down .hb{background:var(--occupied)}.pl-arrow{display:flex;align-items:center;color:var(--brand-2);font-size:1.3rem;padding:0 6px;flex-shrink:0;animation:flow 1.4s linear infinite}@keyframes flow{0%{opacity:.25}50%{opacity:1}to{opacity:.25}}.fb-list{display:flex;flex-direction:column;gap:10px}.fb-item{display:flex;align-items:center;gap:12px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:.82rem}.fb-item .ty{font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:6px;flex-shrink:0}.ty-fv{background:#ffb02024;color:var(--amber)}.ty-fo{background:#ff4d5e24;color:var(--occupied)}.fb-item .sl{font-family:Space Mono;color:var(--txt)}.fb-item .cam{margin-left:auto;font-size:.68rem;color:var(--muted-2);font-family:Space Mono}.btn-primary{background:var(--brand);color:#fff;border:none;padding:9px 16px;border-radius:9px;font-size:.82rem;font-weight:600;cursor:pointer}.btn-primary:hover{background:var(--brand-2)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.mininote{font-size:.72rem;color:var(--muted-2);margin-top:10px;line-height:1.6;border-top:1px solid var(--line);padding-top:10px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%) translateY(10px);background:#141c30f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-bd-2);color:var(--txt);padding:13px 22px;border-radius:12px;font-size:.84rem;z-index:200;box-shadow:0 16px 40px #0009;opacity:0;transition:.3s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.state-msg{padding:40px;text-align:center;color:var(--muted);font-size:.9rem}.login-wrap{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#0a0f1c,#060912)}.login-card{width:380px;background:var(--panel-solid);border:1px solid var(--glass-bd);border-radius:18px;padding:32px;box-shadow:0 24px 60px #00000080}.login-card .brand{border:none;padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid var(--line)}.login-card label{display:block;font-size:.74rem;color:var(--muted);margin:14px 0 6px;font-weight:600}.login-card input{width:100%;background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:11px 13px;color:var(--txt);font-size:.88rem;font-family:inherit}.login-card input:focus{outline:none;border-color:var(--brand)}.login-card .btn-primary{width:100%;margin-top:20px;padding:12px}.login-demo{margin-top:16px;font-size:.74rem;color:var(--muted-2);background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:11px 13px;line-height:1.7}.login-demo b{color:var(--brand-2);font-family:Space Mono}.login-err{margin-top:14px;color:var(--occupied);font-size:.78rem}@media (max-width: 880px){.app{grid-template-columns:1fr;grid-template-areas:"top" "main"}.side{display:none}}