html{background:#0b1422}body{margin:0}#root{min-height:100vh}:root{color:#e9f1fa;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0b1422;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.login-screen{background:radial-gradient(at 50% 0,#143a5b 0%,#0b1422 55%);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.login-glow{filter:blur(170px);opacity:.1;pointer-events:none;background:#14b8ff;border-radius:50%;width:500px;height:500px;position:absolute}.login-card{background:#111e30;border:1px solid #294057;border-radius:20px;width:min(100%,440px);padding:42px;position:relative;box-shadow:0 30px 90px #0006}.login-brand,.sidebar-brand{align-items:center;gap:12px;display:flex}.brand-icon{color:#46d2ff;background:#153f5a;border:1px solid #246385;border-radius:13px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.login-brand h1{letter-spacing:-.7px;margin:0;font-size:23px}.login-brand h1 span,.sidebar-brand strong span{color:#4bd2fa}.login-brand p,.sidebar-brand small{color:#839db8;letter-spacing:1.8px;margin:3px 0 0;font-size:11px;display:block}.login-heading{margin:40px 0 28px}.login-heading h2{margin:0 0 10px;font-size:25px}.login-heading p{color:#90a7be;margin:0;font-size:14px;line-height:1.6}.login-card label{color:#c6d5e5;margin:20px 0 8px;font-size:13px;font-weight:600;display:block}.login-card input{color:#f1f7ff;background:#0b1626;border:1px solid #31475e;border-radius:10px;outline:none;width:100%;padding:14px 15px}.login-card input:focus{border-color:#31bff1;box-shadow:0 0 0 3px #31bff120}.primary-button{color:#061827;background:linear-gradient(100deg,#3bd1f8,#37a9ef);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:28px;padding:15px;font-weight:800;display:flex}.login-error{color:#ffb5b5;background:#63232a55;border:1px solid #a9444d;border-radius:9px;margin-top:18px;padding:12px;font-size:13px}.login-footer{color:#7792ad;justify-content:center;align-items:center;gap:7px;margin-top:32px;font-size:12px;display:flex}.app-shell{min-height:100vh;display:flex}.sidebar{background:#101c2d;border-right:1px solid #22344a;flex-direction:column;flex-shrink:0;width:255px;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid #22344a;padding:26px 19px}.sidebar-brand .brand-icon{width:42px;height:42px}.sidebar-brand strong{white-space:nowrap;font-size:16px}.sidebar-section-label{color:#66839f;letter-spacing:1.5px;padding:30px 23px 13px;font-size:10px;font-weight:800}.sidebar-nav{padding:0 11px}.nav-item{color:#91a9c1;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;width:100%;margin:3px 0;padding:13px;font-size:13px;font-weight:600;display:flex}.nav-item:hover{color:#eaf5ff;background:#192c43}.nav-item span{flex:1}.nav-active{color:#52d3fa;background:#173a55;box-shadow:inset 3px 0 #38cafa}.sidebar-bottom{margin-top:auto;padding:13px}.sidebar-protection{color:#4bcff7;background:#142b40;border:1px solid #25445d;border-radius:10px;align-items:center;gap:11px;padding:16px 12px;display:flex}.sidebar-protection strong{color:#dceaf8;font-size:12px;display:block}.sidebar-protection small{color:#829bb4;margin-top:5px;font-size:10px;display:block}.logout-button{margin-top:10px}.main-area{flex:1;min-width:0}.topbar{background:#101b2c;border-bottom:1px solid #22344a;justify-content:space-between;align-items:center;height:72px;padding:0 34px;display:flex}.topbar-left,.topbar-actions,.breadcrumb{align-items:center;gap:15px;display:flex}.breadcrumb{color:#708aa5;gap:9px;font-size:13px}.breadcrumb strong{color:#dbe8f5;font-weight:600}.icon-button{color:#91abc3;background:0 0;border:0;border-radius:8px;place-items:center;width:35px;height:35px;padding:0;display:grid}.icon-button:hover{background:#1a3048}.user-avatar{color:#062034;background:#4ccaf1;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.content{max-width:1500px;margin:0 auto;padding:36px}.page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.eyebrow{color:#49bce6;letter-spacing:1.7px;font-size:10px;font-weight:800}.page-header h1{letter-spacing:-.8px;margin:10px 0 8px;font-size:30px}.page-header p{color:#88a1ba;margin:0;font-size:14px}.environment-label{color:#a4bdd1;white-space:nowrap;border:1px solid #2b425a;border-radius:8px;align-items:center;gap:9px;padding:10px 13px;font-size:12px;display:flex}.status-dot{background:#4ad8a0;border-radius:50%;width:7px;height:7px}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.metric-card,.panel{background:#111f32;border:1px solid #273c54;border-radius:13px}.metric-card{padding:22px}.metric-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.metric-top span{color:#9cb2c9;font-size:12px;font-weight:600}.metric-icon{color:#45c9f2;background:#19374f;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.metric-value{color:#f3f8ff;margin:22px 0 8px;font-size:35px;font-weight:800}.metric-note{color:#6887a4;font-size:11px}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:18px;margin-top:20px;display:grid}.panel{padding:24px}.panel-heading{color:#4ac8f1;justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-heading h3{color:#e7f1fb;margin:0 0 7px;font-size:16px}.panel-heading p{color:#819bb5;margin:0;font-size:12px}.empty-chart{color:#437c9d;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:245px;display:flex}.empty-chart strong{color:#b3c7d9;font-size:13px}.empty-chart p{color:#7590aa;max-width:260px;margin:0;font-size:12px;line-height:1.5}.recent-panel{margin-top:20px}.empty-events{color:#7793ac;text-align:center;padding:55px 0 30px;font-size:13px}.placeholder-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.placeholder-icon{color:#4acbf5}.placeholder-panel h2{margin-bottom:4px}.placeholder-panel p{color:#819db7;max-width:440px;font-size:14px;line-height:1.6}.app-footer{color:#627f9c;justify-content:space-between;gap:15px;margin-top:35px;font-size:11px;display:flex}.mobile-menu-button,.mobile-close,.mobile-overlay{display:none}@media (width<=1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (width<=760px){.sidebar{z-index:20;transition:transform .2s;position:fixed;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.mobile-overlay{z-index:19;background:#0009;border:0;display:block;position:fixed;inset:0}.mobile-menu-button,.mobile-close{display:grid}.mobile-close{margin-left:auto}.topbar{padding:0 17px}.content{padding:24px 16px}.page-header{flex-direction:column;align-items:flex-start}.metrics-grid{gap:11px}.metric-card{padding:16px}.metric-value{font-size:29px}.app-footer{flex-direction:column}}@media (width<=430px){.login-card{padding:28px 22px}.metrics-grid{grid-template-columns:1fr}}.tenants-page{gap:20px;display:grid}.tenants-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.tenants-panel{min-width:0}.tenants-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.tenants-toolbar h3{margin:0 0 7px;font-size:17px}.tenants-toolbar p{color:#819bb5;margin:0;font-size:12px}.tenants-actions{gap:10px;display:flex}.tenants-actions input{color:#e9f1fa;background:#0b1626;border:1px solid #31475e;border-radius:9px;outline:none;min-width:210px;padding:11px 13px}.tenants-actions button{color:#52d3fa;background:#173a55;border:1px solid #28739b;border-radius:9px;padding:11px 17px;font-weight:700}.tenants-actions button:hover{background:#20516f}.tenants-table-wrap{width:100%;overflow-x:auto}.tenants-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.tenants-table th{color:#839db8;text-transform:uppercase;letter-spacing:.5px;background:#14263b;padding:15px 14px;font-size:11px}.tenants-table td{color:#d9e7f5;border-bottom:1px solid #253950;padding:18px 14px}.tenants-table td strong,.tenants-table td small{display:block}.tenants-table td small{color:#6e91af;margin-top:5px;font-size:11px}.tenants-table tbody tr:hover{background:#162a40}.tenant-status{color:#ffcc86;background:#503b2044;border:1px solid #79592d;border-radius:20px;padding:6px 11px;font-size:11px;font-weight:700;display:inline-block}.tenant-status.active{color:#6ce5b5;background:#17493655;border-color:#286f55}.tenants-message{color:#91a9c1;text-align:center;padding:45px 15px}.tenants-error{color:#faa}@media (width<=1100px){.tenants-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.tenants-summary{grid-template-columns:1fr}.tenants-toolbar{flex-direction:column;align-items:stretch}.tenants-actions{flex-direction:column}.tenants-actions input{min-width:0}}