:root{--bg:#f8f6f3;--s1:#fff;--s2:#faf9f7;--brd:#78645014;--brd2:#78645024;--t1:#2d2a26;--t2:#6b6560;--t3:#9e9590;--cy:#e05d1b;--gn:#2d9d5a;--rd:#c93b3b;--am:#d4880f;--mono:"JetBrains Mono", monospace;--sans:"Inter", system-ui, sans-serif;--r:8px;--sidebar-w:200px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--t1);font-size:13px;line-height:1.5}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--brd2);border-radius:3px}.layout{grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:48px 1fr;height:100vh;display:grid}.header{border-bottom:1px solid var(--brd2);z-index:100;background:#fff;grid-column:1/-1;align-items:center;gap:14px;padding:0 20px;display:flex;box-shadow:0 1px 3px #0000000a}.header .brand{align-items:center;gap:8px;display:flex}.header .brand h1{font-family:var(--mono);color:var(--t1);letter-spacing:2px;font-size:14px;font-weight:700}.header .tag{font-family:var(--mono);color:var(--cy);letter-spacing:1px;border:1px solid #e05d1b33;border-radius:3px;padding:2px 6px;font-size:9px}.header .spacer{flex:1}.header .search{background:var(--s1);border:1px solid var(--brd);color:var(--t1);border-radius:var(--r);font-family:var(--mono);outline:none;width:260px;padding:6px 12px;font-size:11px}.header .search:focus{border-color:var(--cy)}.header .search::placeholder{color:var(--t3)}.header .status{font-family:var(--mono);color:var(--t2);align-items:center;gap:6px;font-size:10px;display:flex}.dot{border-radius:50%;width:6px;height:6px}.dot.up{background:var(--gn);animation:2s infinite pulse;box-shadow:0 0 6px #00a86b66}.dot.down{background:var(--rd);box-shadow:0 0 6px #d6303166}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sidebar{border-right:1px solid var(--brd2);background:#fff;padding:16px 0;overflow-y:auto}.sidebar a{color:var(--t2);border-left:3px solid #0000;align-items:center;gap:10px;padding:11px 20px;font-size:12px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar a:hover{color:var(--t1);background:#e05d1b0a}.sidebar a.active{color:var(--cy);border-left-color:var(--cy);background:#e05d1b0f;font-weight:600}.sidebar .nav-icon{text-align:center;opacity:.7;width:22px;font-size:15px}.sidebar a.active .nav-icon{opacity:1}.sidebar .nav-divider{background:var(--brd2);height:1px;margin:12px 16px}.main{padding:20px;overflow-y:auto}.card{background:var(--s1);border:1px solid var(--brd);border-radius:var(--r);overflow:hidden;box-shadow:0 2px 12px #0003}.card-header{background:var(--s2);border-bottom:1px solid var(--brd);align-items:center;gap:8px;padding:10px 16px;display:flex}.card-header h2{font-family:var(--mono);color:var(--cy);text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:600}.card-body{padding:14px 16px}.badge{font-family:var(--mono);letter-spacing:.5px;text-transform:uppercase;border-radius:3px;align-items:center;gap:4px;padding:2px 8px;font-size:9px;font-weight:600;display:inline-flex}.badge:before{content:"";border-radius:50%;width:5px;height:5px}.badge.active,.badge.connected{color:var(--gn);background:#2d9d5a14;border:1px solid #2d9d5a2e}.badge.active:before,.badge.connected:before{background:var(--gn)}.badge.commissioned{color:var(--cy);background:#e05d1b14;border:1px solid #e05d1b2e}.badge.commissioned:before{background:var(--cy)}.badge.pending{color:var(--am);background:#d4880f14;border:1px solid #d4880f2e}.badge.pending:before{background:var(--am)}.badge.stale,.badge.decommissioned{color:var(--rd);background:#c93b3b0f;border:1px solid #c93b3b24}.badge.stale:before,.badge.decommissioned:before{background:var(--rd)}.badge.idle{color:var(--t2);background:#6b65600f;border:1px solid #6b65601f}.badge.idle:before{background:var(--t2)}table{border-collapse:collapse;width:100%}th{text-align:left;font-family:var(--mono);color:var(--t3);text-transform:uppercase;letter-spacing:1px;background:var(--s2);border-bottom:1px solid var(--brd);z-index:1;padding:8px 12px;font-size:9px;font-weight:600;position:sticky;top:0}td{border-bottom:1px solid var(--brd);padding:9px 12px;font-size:12px}tr:hover td{background:#00d4ff0a}tr{transition:background .1s}.btn{font-family:var(--mono);cursor:pointer;letter-spacing:.5px;border:none;border-radius:4px;padding:6px 14px;font-size:10px;font-weight:600;transition:all .2s}.btn-primary{background:var(--cy);color:#fff}.btn-primary:hover{background:#c44e15}.btn-success{color:var(--gn);background:0 0;border:1px solid #2d9d5a4d}.btn-success:hover{background:#2d9d5a0f}.btn-danger{color:var(--rd);background:0 0;border:1px solid #c93b3b4d}.btn-danger:hover{background:#c93b3b0d}input,select,textarea{border:1px solid var(--brd2);color:var(--t1);font-family:var(--mono);background:#fff;border-radius:4px;outline:none;padding:7px 10px;font-size:11px}input:focus,select:focus{border-color:var(--cy);box-shadow:0 0 0 2px #e05d1b1a}label{font-family:var(--mono);color:var(--t3);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:10px;display:block}.tabs{border-bottom:1px solid var(--brd);gap:0;display:flex}.tab{font-family:var(--mono);color:var(--t2);cursor:pointer;border-bottom:2px solid #0000;padding:8px 16px;font-size:11px;transition:all .15s}.tab:hover{color:var(--t1)}.tab.active{color:var(--cy);border-bottom-color:var(--cy)}.group-header{background:var(--s2);border-bottom:1px solid var(--brd);cursor:pointer;align-items:center;gap:10px;padding:8px 12px;display:flex}.group-header h3{font-family:var(--mono);color:var(--t1);font-size:11px;font-weight:600}.group-header .count{font-family:var(--mono);color:var(--t3);font-size:10px}.stat-box[data-v-4a308733]{background:var(--bg);border:1px solid var(--brd);border-radius:var(--r);text-align:center;padding:12px}.stat-val[data-v-4a308733]{font-family:var(--mono);font-size:24px;font-weight:700}.stat-lbl[data-v-4a308733]{font-family:var(--mono);color:var(--t3);text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:9px}.spacer[data-v-4a308733]{flex:1}.dot.am[data-v-0addde26]{background:var(--am);box-shadow:0 0 6px #fa06}.sig-badge[data-v-0addde26]{border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700}.sig-badge.nr[data-v-0addde26]{color:#fff;background:#1565c0}.sig-badge.lte[data-v-0addde26]{color:#fff;background:#6a1b9a}.login-page[data-v-47030ea6]{background:url(/ui/assets/login-bg-CUP5AJQJ.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-page[data-v-47030ea6]:before{content:"";background:#0a0f1ea6;position:absolute;inset:0}.login-card[data-v-47030ea6]{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#fffffff2;border-radius:16px;width:320px;padding:44px 36px;position:relative;box-shadow:0 16px 48px #0000004d}.logo[data-v-47030ea6]{width:64px;height:64px;margin-bottom:8px}h1[data-v-47030ea6]{color:#1a1a2e;letter-spacing:1px;margin:0 0 24px;font-size:1.4rem;font-weight:700}input[data-v-47030ea6]{background:#fafbfc;border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:14px;padding:11px 14px;font-size:.9rem;transition:border-color .2s;display:block}input[data-v-47030ea6]:focus{background:#fff;border-color:#06c;outline:none}button[data-v-47030ea6]{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:8px;width:100%;margin-top:4px;padding:12px;font-size:.95rem;font-weight:600;transition:background .2s}button[data-v-47030ea6]:hover:not(:disabled){background:#0052a3}button[data-v-47030ea6]:disabled{opacity:.6;cursor:not-allowed}.error[data-v-47030ea6]{color:#d32f2f;text-align:left;margin:-4px 0 8px;font-size:.82rem}.users-view[data-v-c8a12ae9]{padding:0}.toolbar[data-v-c8a12ae9]{margin-bottom:16px}.badge[data-v-c8a12ae9]{border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600}.badge.admin[data-v-c8a12ae9]{color:#2e7d32;background:#e8f5e9}.badge.operator[data-v-c8a12ae9]{color:#1565c0;background:#e3f2fd}.badge.viewer[data-v-c8a12ae9]{color:#6a1b9a;background:#f3e5f5}.status-on[data-v-c8a12ae9]{color:#2e7d32}.status-off[data-v-c8a12ae9]{color:#c62828}.btn-sm[data-v-c8a12ae9]{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:4px 10px;font-size:.8rem}.btn-warn[data-v-c8a12ae9]{color:#e65100;border-color:#ff9800}.btn-primary[data-v-c8a12ae9]{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:6px;padding:8px 16px}.btn-cancel[data-v-c8a12ae9]{cursor:pointer;background:#eee;border:none;border-radius:6px;margin-left:8px;padding:8px 16px}.modal-overlay[data-v-c8a12ae9]{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[data-v-c8a12ae9]{background:#fff;border-radius:12px;width:360px;padding:32px}.modal h3[data-v-c8a12ae9]{margin:0 0 16px}.field[data-v-c8a12ae9]{margin-bottom:12px}.field label[data-v-c8a12ae9]{color:#555;margin-bottom:4px;font-size:.8rem;display:block}.field input[data-v-c8a12ae9],.field select[data-v-c8a12ae9]{border:1px solid #ddd;border-radius:6px;width:100%;padding:8px}.error[data-v-c8a12ae9]{color:#d32f2f;font-size:.85rem}.audit-view[data-v-dbd3ef43]{padding:0}.filters[data-v-dbd3ef43]{gap:12px;margin-bottom:16px;display:flex}.filters input[data-v-dbd3ef43],.filters select[data-v-dbd3ef43]{border:1px solid #ddd;border-radius:6px;padding:6px 10px;font-size:.85rem}.mono[data-v-dbd3ef43]{font-family:monospace;font-size:.8rem}.action-badge[data-v-dbd3ef43]{background:#e3f2fd;border-radius:4px;padding:2px 6px;font-size:.75rem}.ok[data-v-dbd3ef43]{color:#2e7d32}.fail[data-v-dbd3ef43]{color:#c62828}