*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0C0E14;--color-surface: #111420;--color-surface-2: #171B28;--color-surface-3: #1E2335;--color-border: #222840;--color-border-strong: #2D3450;--color-accent: #00E5B6;--color-accent-hover: #00CCAA;--color-accent-dim: rgba(0, 229, 182, .1);--color-accent-glow: rgba(0, 229, 182, .22);--color-amber: #FFB020;--color-amber-dim: rgba(255, 176, 32, .12);--color-danger: #FF4560;--color-danger-dim: rgba(255, 69, 96, .12);--color-success: #00E5B6;--color-success-dim: rgba(0, 229, 182, .1);--color-warning: #FFB020;--color-warning-dim: rgba(255, 176, 32, .12);--color-text: #C8D0E2;--color-text-muted: #6D7A9F;--color-text-dim: #515D7A;--color-text-bright: #EBF0FA;--font: "IBM Plex Sans", system-ui, sans-serif;--font-display: "Syne", sans-serif;--font-cond: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", monospace;--radius: 6px;--radius-sm: 3px;--radius-lg: 12px;--transition: .15s ease}body{font-family:var(--font);background-color:var(--color-bg);background-image:radial-gradient(circle,rgba(45,52,80,.55) 1px,transparent 1px);background-size:22px 22px;color:var(--color-text);font-size:14px;line-height:1.65;font-weight:400;-webkit-font-smoothing:antialiased;letter-spacing:.005em}a{color:var(--color-accent);text-decoration:none}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:232px;flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:0;position:relative;box-shadow:2px 0 20px #00000059}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-accent) 0%,transparent 80%);z-index:1}.sidebar-logo{padding:22px 20px 18px;font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:-.4px;color:var(--color-text-bright);border-bottom:1px solid var(--color-border);-webkit-user-select:none;user-select:none}.sidebar-logo-dot{color:var(--color-accent);text-shadow:0 0 14px var(--color-accent-glow)}.sidebar-nav{display:flex;flex-direction:column;gap:1px;flex:1;padding:8px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition);font-weight:400;font-size:13.5px;text-decoration:none;position:relative;border-left:2px solid transparent;letter-spacing:0}.nav-item:hover{background:var(--color-surface-2);color:var(--color-text);border-left-color:var(--color-border-strong)}.nav-item.active{background:var(--color-accent-dim);color:var(--color-accent);border-left-color:var(--color-accent)}.nav-section{padding:14px 14px 4px;font-family:var(--font);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim)}.sidebar-footer{padding:12px 10px;border-top:1px solid var(--color-border)}.user-info{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition)}.user-info:hover{background:var(--color-surface-2)}.user-avatar{width:30px;height:30px;border-radius:4px;background:var(--color-accent-dim);border:1px solid rgba(0,229,182,.35);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:var(--color-accent);font-family:var(--font-display);flex-shrink:0}.user-name{font-size:13px;font-weight:600;color:var(--color-text);line-height:1.3}.user-role{font-size:11px;color:var(--color-text-muted);font-family:var(--font);letter-spacing:0}.main-content{flex:1;overflow-y:auto;padding:32px 36px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.page-title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--color-text-bright);letter-spacing:-.3px;line-height:1.2}.page-subtitle{font-size:13px;color:var(--color-text-muted);margin-top:4px;font-family:var(--font);letter-spacing:0}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:background var(--transition),box-shadow var(--transition),color var(--transition);font-family:var(--font);letter-spacing:.02em;line-height:1;white-space:nowrap}.btn-primary{background:var(--color-accent);color:#0c0e14}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:0 0 16px var(--color-accent-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border-strong)}.btn-ghost:hover{background:var(--color-surface-2);color:var(--color-text)}.btn-danger{background:transparent;color:var(--color-danger);border:1px solid var(--color-danger)}.btn-danger:hover{background:var(--color-danger);color:#fff;box-shadow:0 0 12px var(--color-danger-dim)}.table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px 16px;font-family:var(--font);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:var(--color-surface-2)}td{padding:11px 16px;border-bottom:1px solid var(--color-border);font-size:13px;color:var(--color-text)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--color-surface-2)}.badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:3px;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono);line-height:1.6}.badge-active{background:var(--color-success-dim);color:var(--color-success);border:1px solid rgba(0,229,182,.22)}.badge-pending{background:var(--color-warning-dim);color:var(--color-warning);border:1px solid rgba(255,176,32,.22)}.badge-provisioning{background:var(--color-accent-dim);color:var(--color-accent);border:1px solid rgba(0,229,182,.22)}.badge-failed{background:var(--color-danger-dim);color:var(--color-danger);border:1px solid rgba(255,69,96,.22)}.badge-maintenance{background:#9482dc1a;color:#a090d8;border:1px solid rgba(148,130,220,.2)}.badge-decommissioned{background:#5058701f;color:var(--color-text-muted);border:1px solid rgba(80,88,112,.2)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:28px}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-top:2px solid var(--color-accent);border-radius:var(--radius);padding:20px 22px;position:relative;overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.stat-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-accent-dim) 0%,transparent 55%);pointer-events:none;opacity:0;transition:opacity .2s ease}.stat-card:hover:after{opacity:1}.stat-card--danger{border-top-color:var(--color-danger)}.stat-card--danger:after{background:linear-gradient(135deg,var(--color-danger-dim) 0%,transparent 55%)}.stat-card--warning{border-top-color:var(--color-amber)}.stat-card--warning:after{background:linear-gradient(135deg,var(--color-amber-dim) 0%,transparent 55%)}.stat-card--neutral{border-top-color:var(--color-border-strong)}.stat-label{font-family:var(--font);font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px;font-weight:600}.stat-value{font-family:var(--font-display);font-size:32px;font-weight:700;line-height:1;color:var(--color-text-bright);letter-spacing:-1px}code{font-family:var(--font-mono);font-size:12px;background:var(--color-surface-3);border:1px solid var(--color-border);padding:1px 6px;border-radius:var(--radius-sm);color:var(--color-accent)}.loading-screen,.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:12px;color:var(--color-text-muted)}.tenant-selector{padding:10px 10px 8px;border-bottom:1px solid var(--color-border)}.tenant-selector-label{font-family:var(--font);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-dim);margin-bottom:5px;padding-left:2px}.tenant-selector select{width:100%;background:var(--color-surface-2);border:1px solid var(--color-border-strong);color:var(--color-text);padding:7px 28px 7px 10px;border-radius:var(--radius-sm);font-size:13px;font-family:var(--font);cursor:pointer;outline:none;transition:border-color var(--transition),box-shadow var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23505870' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.tenant-selector select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-dim)}.empty-state{text-align:center;padding:52px 24px;color:var(--color-text-muted);font-family:var(--font);font-size:14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeUp .22s ease forwards}