*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0f2f5;--bg2:#fff;--bg3:#f8f9fa;--border:#e2e8f0;--fg:#1a202c;--muted:#718096;--accent:#2563eb;--accent2:#1d4ed8;--green:#16a34a;--red:#dc2626;--yellow:#d97706;--sidebar-w:240px;--header-h:60px;--radius:8px;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f}body{background:var(--bg);color:var(--fg);font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5}.login-page{background:linear-gradient(135deg,#e8f0fe 0%,#f0f4ff 50%,#e8f4fd 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:40px;box-shadow:0 20px 60px #2563eb26}.login-logo{justify-content:center;margin-bottom:32px;display:flex}.login-logo img{object-fit:contain;height:56px}.login-title{text-align:center;color:var(--fg);margin-bottom:6px;font-size:20px;font-weight:700}.login-subtitle{text-align:center;color:var(--muted);margin-bottom:28px;font-size:13px}.form-group{margin-bottom:16px}.form-group label{color:var(--fg);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-group input,.form-group select{border:1.5px solid var(--border);border-radius:var(--radius);width:100%;color:var(--fg);background:#fff;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent2)}.btn-ghost{color:var(--fg);border:1.5px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg3)}.btn-full{justify-content:center;width:100%}.btn-sm{padding:5px 12px;font-size:12px}.error-box{color:#dc2626;border-radius:var(--radius);background:#fef2f2;border:1px solid #fecaca;margin-bottom:16px;padding:10px 14px;font-size:13px}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--border);z-index:100;height:100vh;box-shadow:var(--shadow);background:#fff;flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;padding:16px 20px;display:flex}.sidebar-logo img{object-fit:contain;height:36px}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.nav-section{margin-bottom:4px;padding:0 12px}.nav-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:8px 8px 4px;font-size:10px;font-weight:600}.nav-item{border-radius:var(--radius);color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg);color:var(--fg)}.nav-item.active{color:var(--accent);background:#eff6ff}.nav-item.active svg{color:var(--accent)}.nav-sub{padding-left:12px}.nav-sub .nav-item{padding:7px 10px;font-size:12.5px}.sidebar-footer{border-top:1px solid var(--border);padding:12px}.main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-height:100vh;display:flex}.topbar{height:var(--header-h);border-bottom:1px solid var(--border);z-index:50;box-shadow:var(--shadow);background:#fff;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;gap:12px;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.breadcrumb-sep{color:var(--border)}.breadcrumb-current{color:var(--fg);font-weight:600}.page-content{flex:1;padding:24px}.card{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;padding:20px}.card-title{color:var(--fg);align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:600;display:flex}.stat-card{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;padding:16px 20px}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.stat-value{color:var(--fg);margin-top:4px;font-size:28px;font-weight:700;line-height:1.2}.stat-unit{color:var(--muted);font-size:14px;font-weight:400}.stat-sub{color:var(--muted);margin-top:4px;font-size:12px}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.badge{border-radius:99px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge.online{color:#16a34a;background:#dcfce7}.badge.offline{color:#dc2626;background:#fee2e2}.badge.unknown{color:#64748b;background:#f1f5f9}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:2px solid var(--border);white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:600}tbody td{border-bottom:1px solid var(--border);padding:11px 12px;font-size:13px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--bg3)}.current-header{color:#fff;border-radius:var(--radius) var(--radius) 0 0;background:#1a3a2a;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 20px;display:grid}.current-item{text-align:center}.current-label{opacity:.7;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.current-value{margin-top:2px;font-size:26px;font-weight:700}.tenant-selector-overlay{z-index:1000;background:linear-gradient(135deg,#e8f0fe 0%,#f0f4ff 50%,#e8f4fd 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tenant-selector-card{background:#fff;border-radius:16px;width:100%;max-width:480px;padding:40px;box-shadow:0 20px 60px #2563eb26}.loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.empty-state{text-align:center;color:var(--muted);padding:48px 24px}.empty-state p{margin-top:12px;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.modal-backdrop{z-index:200;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:100%;max-width:500px;padding:24px;box-shadow:0 20px 60px #00000026}.modal-title{color:var(--fg);align-items:center;gap:8px;margin-bottom:20px;font-size:16px;font-weight:700;display:flex}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}@media (width<=768px){.sidebar{z-index:200;transition:transform .3s;position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main{margin-left:0}#menu-btn{display:flex!important}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.current-header{grid-template-columns:repeat(3,1fr)}}.chat-bubble-btn{background:var(--accent);color:#fff;cursor:pointer;z-index:300;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 16px #2563eb66}.chat-bubble-btn:hover{transform:scale(1.08)}.chat-panel{z-index:300;border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;width:360px;max-height:520px;display:flex;position:fixed;bottom:84px;right:24px;box-shadow:0 8px 40px #00000026}.chat-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:600;display:flex}.chat-messages{flex-direction:column;flex:1;gap:12px;min-height:200px;padding:16px;display:flex;overflow-y:auto}.chat-msg{border-radius:12px;max-width:85%;padding:10px 14px;font-size:13px;line-height:1.5}.chat-msg.user{background:var(--accent);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-msg.ai{background:var(--bg3);color:var(--fg);border:1px solid var(--border);border-bottom-left-radius:4px;align-self:flex-start}.chat-input-row{border-top:1px solid var(--border);gap:8px;padding:12px;display:flex}.chat-input-row input{border:1.5px solid var(--border);border-radius:var(--radius);outline:none;flex:1;padding:8px 12px;font-size:13px}.chat-input-row input:focus{border-color:var(--accent)}