.sidebar[data-v-ec3e18e1]{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);padding:1rem 0;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:10}.sidebar-brand[data-v-ec3e18e1]{padding:.5rem 1rem 1.5rem;border-bottom:1px solid var(--border);margin-bottom:.5rem}.sidebar-brand h2[data-v-ec3e18e1]{font-size:.9rem;color:var(--blue)}.sidebar-brand p[data-v-ec3e18e1]{font-size:.6rem;color:var(--text3);margin-top:.2rem}.nav-item[data-v-ec3e18e1]{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;cursor:pointer;font-size:.75rem;color:var(--text2);transition:all .15s;border-left:3px solid transparent;text-decoration:none}.nav-item[data-v-ec3e18e1]:hover{background:#ffffff08;color:var(--text)}.nav-item.active[data-v-ec3e18e1]{background:#64b5f614;color:var(--blue);border-left-color:var(--blue)}.nav-icon[data-v-ec3e18e1]{font-size:1rem;min-width:20px;text-align:center}.sidebar-account[data-v-ec3e18e1]{margin-top:auto;padding:.5rem 0;border-top:1px solid var(--border)}.account-user[data-v-ec3e18e1]{display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem;font-size:.7rem;color:var(--text2)}.logout-btn[data-v-ec3e18e1]{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem 1rem;background:transparent;border:none;color:var(--text2);font-size:.75rem;cursor:pointer;text-align:left;border-left:3px solid transparent;transition:all .15s}.logout-btn[data-v-ec3e18e1]:hover:not(:disabled){background:#f8514914;color:var(--red, #ff7b72);border-left-color:var(--red, #ff7b72)}.logout-btn[data-v-ec3e18e1]:disabled{opacity:.5;cursor:wait}.sidebar-footer[data-v-ec3e18e1]{padding:.75rem 1rem;border-top:1px solid var(--border);font-size:.6rem;color:var(--text3);display:flex;align-items:center;gap:.4rem}.status-dot[data-v-ec3e18e1]{display:inline-block;width:6px;height:6px;border-radius:50%}.status-dot.online[data-v-ec3e18e1]{background:var(--green)}.status-dot.offline[data-v-ec3e18e1]{background:var(--red)}.app-layout.no-chrome .main-content{margin:0;padding:0;width:100%}:root{--bg: #0a0a0f;--surface: #111118;--surface2: #161622;--border: #1a1a2e;--border2: #252540;--text: #c8c8d0;--text2: #888;--text3: #555;--blue: #64b5f6;--green: #4caf50;--orange: #ff9800;--red: #f44336;--purple: #ce93d8;--cyan: #22d3ee;--sidebar-w: 220px;--radius: 10px;--radius-sm: 6px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:JetBrains Mono,Fira Code,-apple-system,monospace;background:var(--bg);color:var(--text);min-height:100vh}.app-layout{display:flex;min-height:100vh}.main-content{margin-left:var(--sidebar-w);flex:1;padding:1.5rem}.cards{display:grid;gap:.75rem;margin-bottom:1.5rem}.cards-4{grid-template-columns:repeat(4,1fr)}.cards-3{grid-template-columns:repeat(3,1fr)}.cards-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.card-title{font-size:.6rem;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}.card-value{font-size:1.8rem;font-weight:700;color:#fff}.card-sub{font-size:.65rem;color:var(--text3);margin-top:.3rem}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1rem}.table-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.table-header h3{font-size:.75rem;color:var(--blue)}table{width:100%;border-collapse:collapse;font-size:.7rem}th{text-align:left;padding:.5rem 1rem;color:var(--text3);font-weight:400;border-bottom:1px solid var(--border);font-size:.6rem;text-transform:uppercase}td{padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.02)}tr:hover{background:#ffffff05}.badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.6rem;font-weight:700}.badge-active{background:#4caf5026;color:var(--green)}.badge-inactive{background:#ffffff0d;color:var(--text3)}.badge-warning{background:#ff980026;color:var(--orange)}.badge-danger{background:#f4433626;color:var(--red)}.btn{padding:.4rem .8rem;border-radius:var(--radius-sm);border:1px solid var(--border2);background:var(--surface2);color:var(--text);cursor:pointer;font-family:inherit;font-size:.7rem;transition:all .15s}.btn:hover{border-color:var(--text3)}.btn-primary{background:#64b5f61f;border-color:#64b5f64d;color:var(--blue)}.btn-success{background:#4caf501f;border-color:#4caf504d;color:var(--green)}.btn-danger{background:#f443361f;border-color:#f443364d;color:var(--red)}.btn-sm{padding:.25rem .5rem;font-size:.6rem}.form-group{margin-bottom:.75rem}.form-group label{display:block;font-size:.6rem;color:var(--text3);text-transform:uppercase;margin-bottom:.25rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:inherit;font-size:.75rem}.form-group textarea{min-height:80px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.progress{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-top:.4rem}.progress-fill{height:100%;border-radius:3px;transition:width .5s}.page-title{font-size:1.1rem;color:var(--blue);margin-bottom:.3rem}.page-subtitle{font-size:.7rem;color:var(--text3);margin-bottom:1.5rem}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);animation:blink 2s infinite;margin-right:4px}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:900px){:root{--sidebar-w: 60px}.sidebar-brand-text,.nav-label{display:none}.cards-4,.cards-3{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}}