.error-boundary-fallback{padding:var(--space-6);text-align:center}.loading-state{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-5)}.loading-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:dashboard-spin .8s linear infinite}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.error-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5);text-align:center}.error-state-message{margin:0;font-weight:600}.error-state-code{margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6);text-align:center}.empty-state-icon{font-size:var(--text-2xl)}.empty-state-title,.empty-state-description{margin:0}:root{--accent: #0ea5a5;--accent-dark: #0b7878;--bg: #0f172a;--bg-panel: #1e293b;--bg-raised: #26334a;--border: #334155;--text: #e2e8f0;--text-muted: #94a3b8;--ok: #10b981;--warn: #f59e0b;--danger: #ef4444;--info: #38bdf8;--live: #10b981;--live-bg: rgba(16, 185, 129, .15);--synced: #94a3b8;--synced-bg: rgba(148, 163, 184, .15);--stale: #f59e0b;--stale-bg: rgba(245, 158, 11, .15);--locked: #ef4444;--locked-bg: rgba(239, 68, 68, .15);--unlocked: #10b981;--unlocked-bg: rgba(16, 185, 129, .15);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 32px;--radius: 6px;--radius-lg: 8px;--radius-pill: 999px;--sidebar-width: 220px;--topbar-height: 56px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0 0 var(--space-3)}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit}code{font-family:var(--font-mono);background:#0ea5a51a;padding:1px 4px;border-radius:3px}input,button,select,textarea{font:inherit}.muted{color:var(--text-muted);font-size:var(--text-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;padding:10px 16px;border-radius:var(--radius);cursor:pointer;font-weight:600;font-size:var(--text-base);line-height:1.2}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-dark)}.btn-secondary{background:var(--bg-raised);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-panel)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-ghost{background:transparent;color:var(--text-muted);border-color:var(--border)}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--bg-panel)}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border);padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-5)}.sidebar-brand{font-size:var(--text-lg);font-weight:700;color:var(--accent)}.sidebar nav{display:flex;flex-direction:column;gap:var(--space-1)}.nav-link{display:block;color:var(--text-muted);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:var(--text-base)}.nav-link:hover{background:var(--bg-raised);color:var(--text)}.nav-link.active{background:var(--bg);color:var(--text);font-weight:600}.app-main{display:flex;flex-direction:column;min-width:0}.topbar{height:var(--topbar-height);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);flex-shrink:0}.topbar-title{font-size:var(--text-base);font-weight:600}.content{padding:var(--space-6);overflow:auto;flex:1}.content h1{font-size:var(--text-xl);margin-top:0}.placeholder-screen p{color:var(--text-muted)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.tile{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.tile-label{margin:0 0 var(--space-2);color:var(--text-muted);font-weight:500;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.4px}.tile-value{margin:0;font-size:var(--text-2xl);font-weight:700}.tile-hint{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--text-muted)}.tile-warn .tile-value{color:var(--warn)}.tile-danger .tile-value{color:var(--danger)}.table{width:100%;border-collapse:collapse;background:var(--bg-panel);border-radius:var(--radius-lg);overflow:hidden}.table th,.table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--border)}.table th{background:var(--bg);font-size:var(--text-xs);text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.table tbody tr:last-child td{border-bottom:0}.table-empty{padding:var(--space-5);text-align:center}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.badge-ok{background:#10b98126;color:var(--ok)}.badge-warn{background:#f59e0b26;color:var(--warn)}.badge-danger{background:#ef444426;color:var(--danger)}.badge-neutral{background:#94a3b826;color:var(--text-muted)}.badge-live{background:var(--live-bg);color:var(--live)}.badge-live:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-synced{background:var(--synced-bg);color:var(--synced)}.badge-stale{background:var(--stale-bg);color:var(--stale)}.badge-locked{background:var(--locked-bg);color:var(--locked)}.badge-unlocked{background:var(--unlocked-bg);color:var(--unlocked)}.staleness-banner{display:flex;align-items:center;gap:var(--space-2);background:var(--stale-bg);color:var(--stale);border:1px solid rgba(245,158,11,.4);border-radius:var(--radius);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);margin-bottom:var(--space-4)}.vault-gate{border-radius:var(--radius-lg);padding:var(--space-4)}.vault-gate-locked{border:1px solid rgba(239,68,68,.35);background:#ef44440f;position:relative}.vault-gate-locked:after{content:"Locked";position:absolute;top:var(--space-2);right:var(--space-2);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;color:var(--locked)}.vault-gate-unlocked{border:1px solid var(--border)}.form-field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.form-field label{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.form-field input,.form-field select,.form-field textarea{background:var(--bg-panel);color:var(--text);border:1px solid var(--border);padding:8px 10px;border-radius:var(--radius);width:100%}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.form-field[data-invalid=true] input{border-color:var(--danger)}.form-hint{margin:0}.form-error{margin:0;color:var(--danger);font-size:var(--text-xs)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617a6;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:100}.modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);width:100%;max-width:420px;max-height:calc(100vh - var(--space-7));overflow:auto}.modal:focus{outline:none}.modal-title{font-size:var(--text-lg);margin-top:0}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5)}