:root{--bg:#0a0e1a;--bg-card:#131826;--bg-soft:#1a1f33;--bg-hover:#1e253d;--border:#2a3247;--border-soft:#1e253d;--fg:#e5e9f0;--fg-muted:#8c92a8;--fg-faint:#5a6075;--accent:#4f8eff;--accent-hover:#6ba1ff;--accent-dim:#4f8eff26;--danger:#ef4444;--danger-dim:#ef444426;--success:#10b981;--success-dim:#10b98126;--warning:#f59e0b;--warning-dim:#f59e0b26;--info:#06b6d4;--info-dim:#06b6d426;--radius:8px;--radius-sm:4px;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}.muted{color:var(--fg-muted)}.small{font-size:.78rem}.mono{font-family:var(--font-mono);font-size:.85rem}.num{font-family:var(--font-mono);text-align:right}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.btn{border:1px solid var(--border);background:var(--bg-soft);color:var(--fg);border-radius:var(--radius-sm);cursor:pointer;padding:.5rem 1rem;font-weight:500;transition:all .15s;display:inline-block}.btn:hover{background:var(--bg-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-soft)}.btn-danger{color:var(--danger);border-color:var(--danger-dim)}.btn-danger:hover{background:var(--danger-dim)}.btn-sm{padding:.3rem .7rem;font-size:.82rem}.loading-screen{height:100vh;color:var(--fg-muted);place-items:center;display:grid}.login-screen{background:radial-gradient(circle at 30% 20%, #4f8eff2e, transparent 50%), radial-gradient(circle at 80% 90%, #06b6d41a, transparent 50%), var(--bg);place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;padding:2.5rem;box-shadow:0 12px 40px #00000080}.login-header{text-align:center;margin-bottom:1.5rem}.brand-icon{filter:drop-shadow(0 4px 12px #4f8eff66);margin-bottom:.5rem;font-size:3rem}.login-header h1{background:linear-gradient(135deg, var(--accent), var(--info));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.4rem;font-size:1.75rem}.login-header p{color:var(--fg-muted);font-size:.9rem}.login-card form{flex-direction:column;gap:1rem;display:flex}.login-card label{flex-direction:column;gap:.4rem;display:flex}.login-card label span{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.login-card input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);outline:none;padding:.7rem .9rem}.login-card input:focus{border-color:var(--accent)}.login-error{background:var(--danger-dim);color:var(--danger);border-radius:var(--radius-sm);padding:.6rem .8rem;font-size:.85rem}.login-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:.5rem;padding:.75rem 1rem;font-weight:600}.login-btn:hover:not(:disabled){background:var(--accent-hover)}.dashboard{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--bg-card);border-bottom:1px solid var(--border);align-items:center;gap:2rem;padding:1rem 1.5rem;display:flex}.brand{align-items:center;gap:.6rem;display:flex}.brand-icon-sm{font-size:1.5rem}.brand h2{letter-spacing:-.01em;font-size:1.1rem}.brand .subtitle{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.1em;border-left:1px solid var(--border);padding-left:.6rem;font-size:.7rem}.nav{flex:1;gap:.4rem;display:flex}.nav-btn{color:var(--fg-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;padding:.4rem .9rem;font-weight:500}.nav-btn:hover{background:var(--bg-soft);color:var(--fg)}.nav-btn.active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.user-controls{align-items:center;gap:1rem;display:flex}.user-email{color:var(--fg-muted);font-size:.85rem}.dashboard-content{flex:1;padding:1.5rem 2rem}.pane-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.pane-header h1{margin-bottom:.2rem;font-size:1.5rem}.pane-header p{font-size:.9rem}.pane-actions{gap:.5rem;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:1rem;padding:1.2rem;display:flex}.stat-card.stat-success{border-left:3px solid var(--success)}.stat-card.stat-warning{border-left:3px solid var(--warning)}.stat-card.stat-info{border-left:3px solid var(--info)}.stat-icon{font-size:1.8rem}.stat-value{font-size:1.8rem;font-weight:600;line-height:1}.stat-label{color:var(--fg-muted);margin-top:.2rem;font-size:.82rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:1rem;display:grid}.info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem}.info-card h3{margin-bottom:.6rem;font-size:1rem}.info-card p{color:var(--fg-muted);margin-bottom:.5rem;font-size:.9rem}.info-list{margin:0;padding:0;list-style:none}.info-list li{color:var(--fg);border-bottom:1px solid var(--border-soft);padding:.4rem 0;font-size:.88rem}.info-list li:last-child{border-bottom:none}.code-block{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);white-space:pre-wrap;color:var(--fg);margin-top:.6rem;padding:.8rem;font-size:.78rem;overflow-x:auto}.table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);background:var(--bg-soft);padding:.7rem 1rem;font-size:.75rem}.data-table td{border-bottom:1px solid var(--border-soft);padding:.7rem 1rem;font-size:.88rem}.data-table tbody tr:hover{background:var(--bg-soft)}.data-table tbody tr:last-child td{border-bottom:none}.status-pill{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:600;display:inline-block}.status-pill.success{background:var(--success-dim);color:var(--success)}.status-pill.warn{background:var(--warning-dim);color:var(--warning)}.status-pill.danger{background:var(--danger-dim);color:var(--danger)}.status-pill.info{background:var(--info-dim);color:var(--info)}.search-input,.filter-select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);outline:none;padding:.5rem .75rem}.search-input:focus,.filter-select:focus{border-color:var(--accent)}.empty-state{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:4rem 2rem}.empty-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-state h3{margin-bottom:.4rem}.empty-state p{margin:.6rem 0 1rem}.add-row{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:200px 200px auto;gap:.5rem;margin-bottom:1rem;padding:1rem;display:grid}.policy-grid{gap:1rem;display:grid}.policy-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.toggle-content{flex:1}.toggle-label{margin-bottom:.2rem;font-weight:500}.toggle-desc{color:var(--fg-muted);font-size:.85rem}.toggle{flex-shrink:0;width:48px;height:26px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--bg);border:1px solid var(--border);border-radius:999px;transition:all .15s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--fg-faint);border-radius:50%;width:18px;height:18px;transition:all .15s;position:absolute;top:3px;left:3px}.toggle.on .toggle-slider{background:var(--accent);border-color:var(--accent)}.toggle.on .toggle-slider:before{background:#fff;left:25px}.form-message{border-radius:var(--radius);background:var(--success-dim);color:var(--success);margin-bottom:1rem;padding:.7rem 1rem;font-size:.9rem}.form-message.error{background:var(--danger-dim);color:var(--danger)}