:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif;--bg:#0a0c10;--bg-elevated:#111418;--bg-subtle:#0d1015;--bg-row:#111418;--border:#1e2530;--border-subtle:#1a2030;--text:#d4d8e2;--text-muted:#6b7585;--text-dim:#4a5568;--link:#5b9bd5;--accent:#5b9bd5;--accent-bg:rgba(59,130,246,0.1);--accent-border:rgba(59,130,246,0.25);--accent-subtle:rgba(59,130,246,0.06);--primary:#2563eb;--primary-hover:#1d4ed8;--destructive:#c0392b;--destructive-hover:#e74c3c;--destructive-bg:rgba(192,57,43,0.12);--destructive-border:rgba(192,57,43,0.3);--success-bg:#0d2318;--success-border:#1a4a30;--success-text:#4ade80;--warning-bg:#1a1500;--warning-border:#3d3000;--warning-text:#fbbf24;--error-bg:#1a0a0a;--error-border:#4a1a1a;--error-text:#f87171;--info-bg:#0d1525;--info-border:rgba(59,130,246,0.25);--info-text:#93c5fd;--code-bg:#080a0d;--mono:ui-monospace,"SFMono-Regular","Cascadia Code","Fira Mono",monospace;--overlay:rgba(0,0,0,0.75);--shadow:rgba(0,0,0,0.6);--shadow-soft:rgba(0,0,0,0.4);--radius:5px;--radius-lg:7px;--focus-ring:rgba(37,99,235,0.3);--status-ok-bg:#0d2318;--status-ok-text:#4ade80;--status-warn-bg:#1a1500;--status-warn-text:#fbbf24;--status-fail-bg:#1a0a0a;--status-fail-text:#f87171;--status-idle-bg:#181a20;--status-idle-text:#6b7585;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:220px;flex-shrink:0;background:var(--bg-elevated);border-right:1px solid var(--border);padding:0;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.app-sidebar-header{padding:14px 14px 10px;border-bottom:1px solid var(--border)}.app-brand{display:flex;gap:8px;font-size:13px;color:var(--text);text-decoration:none;letter-spacing:.02em}.app-brand,.app-brand-badge{align-items:center;font-weight:700;font-family:var(--mono)}.app-brand-badge{display:inline-flex;padding:2px 6px;background:var(--destructive-bg);border:1px solid var(--destructive-border);border-radius:3px;color:var(--error-text);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.app-brand:hover{text-decoration:none;color:var(--link)}.app-nav-section{padding:10px 8px 4px}.app-nav-label{display:block;padding:0 6px;margin-bottom:2px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-family:var(--mono)}.app-nav{flex-direction:column;gap:1px;flex:1 1;overflow-y:auto}.app-nav,.app-nav-link{display:flex;padding:6px 8px}.app-nav-link{align-items:center;gap:7px;border-radius:var(--radius);color:var(--text-muted);font-size:13px;font-weight:500;text-decoration:none;transition:background .1s,color .1s}.app-nav-link:hover{background:var(--bg-subtle);color:var(--text);text-decoration:none}.app-nav-link-active{background:var(--accent-bg);color:var(--accent)}.app-sidebar-footer{margin-top:auto;padding:8px;border-top:1px solid var(--border)}.app-logout{display:flex;align-items:center;gap:7px;width:100%;padding:6px 8px;border:none;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;font-family:inherit;text-align:left;cursor:pointer;border-radius:var(--radius)}.app-logout:hover{color:var(--error-text);background:var(--error-bg)}.app-content{flex:1 1;overflow:auto;min-width:0}main{padding:24px 28px 48px;max-width:1400px}.impersonation-banner{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--warning-bg);border-bottom:1px solid var(--warning-border);color:var(--warning-text);font-size:12px;font-family:var(--mono)}.impersonation-banner-label{font-weight:700}.impersonation-banner-info{flex:1 1}.impersonation-banner-end{padding:3px 8px;background:var(--destructive-bg);border:1px solid var(--destructive-border);border-radius:var(--radius);color:var(--error-text);font-size:11px;font-weight:700;font-family:var(--mono);cursor:pointer}.page-header{margin-bottom:20px}.page-back-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted);margin-bottom:8px;text-decoration:none}.page-back-link:hover{color:var(--link);text-decoration:none}.page-header-main{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-title{margin:0;font-size:18px;font-weight:700;font-family:var(--mono)}.page-description{margin:4px 0 0;color:var(--text-muted);font-size:12px}.page-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:8px;gap:8px;margin-bottom:20px}.stat-card{padding:12px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}.stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-family:var(--mono);margin-bottom:4px}.stat-value{font-size:22px;font-weight:700;font-family:var(--mono)}.stat-value-warn{color:var(--warning-text)}.stat-value-fail{color:var(--error-text)}.stat-value-ok{color:var(--success-text)}.data-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);margin-bottom:16px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{padding:8px 12px;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);font-family:var(--mono);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:9px 12px;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-subtle)}.data-table-link{color:var(--text);text-decoration:none;font-family:var(--mono);font-size:12px}.data-table-link:hover{color:var(--link);text-decoration:none}.data-table-mono{font-family:var(--mono);font-size:12px;color:var(--text-muted)}.badge{display:inline-block;padding:2px 7px;border-radius:3px;font-size:11px;font-weight:600;font-family:var(--mono);text-transform:lowercase}.badge-active,.badge-live,.badge-ok,.badge-success{background:var(--status-ok-bg);color:var(--status-ok-text)}.badge-building,.badge-pending,.badge-provisioning,.badge-warn{background:var(--status-warn-bg);color:var(--status-warn-text)}.badge-disabled,.badge-error,.badge-fail,.badge-failed,.badge-suspended{background:var(--status-fail-bg);color:var(--status-fail-text)}.badge-idle,.badge-read_only,.badge-unknown{background:var(--status-idle-bg);color:var(--status-idle-text)}.badge-admin,.badge-owner{background:var(--accent-bg);color:var(--accent)}.badge-support{background:var(--info-bg);color:var(--info-text)}.filter-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.filter-bar input,.filter-bar select{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:6px 10px;font-family:inherit;font-size:13px;outline:none}.filter-bar input:focus,.filter-bar select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--focus-ring)}.filter-bar input{min-width:260px;font-family:var(--mono)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;font-weight:600;font-family:inherit;font-size:12px;transition:background .1s,opacity .1s;text-decoration:none;white-space:nowrap;padding:6px 12px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-sm{padding:4px 8px;font-size:11px}.btn-lg{padding:8px 16px;font-size:13px}.btn-full{width:100%}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background:var(--bg-elevated);color:var(--text-muted);border-color:var(--border)}.btn-secondary:hover:not(:disabled){color:var(--text);border-color:var(--accent-border)}.btn-destructive{background:var(--destructive-bg);color:var(--error-text);border-color:var(--destructive-border)}.btn-destructive:hover:not(:disabled){background:var(--destructive);color:#fff}.btn-ghost{background:transparent;color:var(--text-muted);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-subtle);color:var(--text)}label{display:block;margin-bottom:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-family:var(--mono)}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;background:var(--bg-subtle);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:7px 10px;margin-bottom:12px;font-family:inherit;font-size:13px;outline:none;transition:border-color .1s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--focus-ring)}textarea{resize:vertical;min-height:80px}.form-row{margin-bottom:14px}.form-error{margin:-8px 0 10px;font-size:11px;color:var(--error-text);font-family:var(--mono)}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:16px}.card-title{margin:0 0 12px;font-size:13px;font-weight:700;font-family:var(--mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.alert{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:var(--radius);font-size:12px;margin-bottom:14px;line-height:1.5}.alert-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text)}.alert-warn{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-text)}.alert-info{background:var(--info-bg);border:1px solid var(--info-border);color:var(--info-text)}.alert-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.dialog-overlay{position:fixed;inset:0;background:var(--overlay);z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}.dialog-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;width:100%;max-width:480px;box-shadow:0 20px 60px var(--shadow)}.dialog-title{margin:0 0 6px;font-size:14px;font-weight:700;font-family:var(--mono)}.dialog-desc{margin:0 0 16px;color:var(--text-muted);font-size:12px;line-height:1.5}.dialog-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.danger-zone{margin-top:20px;padding:14px;border:1px solid var(--destructive-border);border-radius:var(--radius);background:var(--destructive-bg)}.danger-zone-title{margin:0 0 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--error-text);font-family:var(--mono)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:var(--bg)}.login-box{width:100%;max-width:360px}.login-header{margin-bottom:24px}.login-title{margin:0 0 4px;font-size:16px;font-weight:700;font-family:var(--mono);color:var(--text)}.login-subtitle{margin:0;font-size:12px;color:var(--text-muted);font-family:var(--mono)}.login-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:12px}.skeleton{background:linear-gradient(90deg,var(--bg-subtle) 25%,var(--border-subtle) 50%,var(--bg-subtle) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius);height:1rem}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.mono,code{border:1px solid var(--border);border-radius:3px;padding:1px 5px}.mono,code,pre{font-family:var(--mono);font-size:11px;background:var(--code-bg)}pre{border:1px solid var(--border);border-radius:var(--radius);padding:12px;overflow:auto;max-height:400px;line-height:1.6}.text-muted{color:var(--text-muted)}.text-mono{font-family:var(--mono)}.text-mono,.text-sm{font-size:12px}.text-xs{font-size:11px}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.flex{display:flex}.flex-1{flex:1 1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-1{gap:4px}.section-title{margin:0 0 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-family:var(--mono);padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.detail-grid{display:grid;grid-template-columns:minmax(120px,160px) 1fr;grid-gap:6px 16px;gap:6px 16px;font-size:12px}.detail-label{color:var(--text-muted)}.detail-label,.detail-value{font-family:var(--mono);font-size:11px}.detail-value{word-break:break-all}@keyframes spin{to{transform:rotate(1turn)}}.spinner{animation:spin .7s linear infinite}.empty-state{text-align:center;padding:32px 16px;color:var(--text-muted);font-family:var(--mono);font-size:12px}