:root{--c-bg: #ffffff;--c-bg-subtle: #f8fafc;--c-bg-muted: #f1f5f9;--c-border: #e2e8f0;--c-border-strong: #cbd5e1;--c-border-focus: #6366f1;--c-text-primary: #0f172a;--c-text-secondary: #475569;--c-text-tertiary: #94a3b8;--c-text-inverse: #ffffff;--c-accent: #2563eb;--c-accent-hover: #1d4ed8;--c-accent-subtle: #eff6ff;--c-success: #059669;--c-success-bg: #ecfdf5;--c-warning: #d97706;--c-warning-bg: #fffbeb;--c-error: #dc2626;--c-error-bg: #fef2f2;--c-audit-allowed: #059669;--c-audit-denied: #d97706;--c-audit-error: #dc2626;--c-provider-healthy: #059669;--c-provider-degraded: #d97706;--c-provider-down: #dc2626;--font-ui: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "IBM Plex Mono", "Fira Code", "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--nav-width: 240px;--header-height: 56px;--content-max-width: 1400px;--ease-out: cubic-bezier(.33, 1, .68, 1);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--z-nav: 100;--z-header: 200;--z-drawer: 300;--z-overlay: 400}*,*:before,*:after{box-sizing:border-box}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-ui);font-size:var(--text-sm);line-height:1.5;color:var(--c-text-primary);background:var(--c-bg);overflow-x:hidden}#app{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;width:var(--nav-width);height:100vh;background:var(--c-bg-subtle);border-right:1px solid var(--c-border);display:flex;flex-direction:column;z-index:var(--z-nav);transition:transform var(--duration-normal) var(--ease-out)}.sidebar-header{height:var(--header-height);display:flex;align-items:center;padding:0 var(--space-5);border-bottom:1px solid var(--c-border);background:var(--c-bg)}.sidebar-brand{font-size:var(--text-base);font-weight:600;color:var(--c-text-primary);letter-spacing:-.01em}.sidebar-brand .mono{font-family:var(--font-mono);font-weight:500;color:var(--c-accent)}.sidebar-nav{flex:1;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:6px;color:var(--c-text-secondary);text-decoration:none;cursor:pointer;transition:all var(--duration-fast) ease;border:none;background:none;font:inherit;font-size:var(--text-sm);width:100%;text-align:left}.nav-item:hover{background:var(--c-bg-muted);color:var(--c-text-primary)}.nav-item.active{background:var(--c-accent-subtle);color:var(--c-accent);font-weight:500}.nav-item .nav-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);opacity:.8}.nav-item.active .nav-icon{opacity:1}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--c-border);background:var(--c-bg)}.environment-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:4px;font-size:var(--text-xs);font-family:var(--font-mono);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.env-dev{background:var(--c-bg-muted);color:var(--c-text-tertiary)}.env-staging{background:var(--c-warning-bg);color:var(--c-warning)}.env-prod{background:var(--c-error-bg);color:var(--c-error)}.main-content{flex:1;margin-left:var(--nav-width);display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;height:var(--header-height);background:var(--c-bg);border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);z-index:var(--z-header)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:var(--space-4)}.topbar-item{display:flex;align-items:center;gap:var(--space-2);color:var(--c-text-secondary);font-size:var(--text-sm)}.topbar-item .label{color:var(--c-text-tertiary)}.topbar-item .value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--c-text-primary)}.session-status{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:4px;background:var(--c-success-bg);color:var(--c-success);font-size:var(--text-xs);font-weight:500}.session-status .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.refresh-btn{padding:var(--space-1) var(--space-3);border:1px solid var(--c-border);border-radius:4px;background:var(--c-bg);color:var(--c-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-fast) ease}.refresh-btn:hover{background:var(--c-bg-subtle);color:var(--c-text-primary)}.refresh-btn.loading{opacity:.6;pointer-events:none}.page{padding:var(--space-8) var(--space-6);max-width:var(--content-max-width);margin:0 auto;width:100%;animation:fadeIn var(--duration-slow) var(--ease-out)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:var(--space-6)}.page-title{font-size:var(--text-xl);font-weight:600;color:var(--c-text-primary);margin:0 0 var(--space-1);letter-spacing:-.01em}.page-subtitle{font-size:var(--text-sm);color:var(--c-text-tertiary);margin:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.kpi-card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:8px;padding:var(--space-5)}.kpi-label{font-size:var(--text-xs);color:var(--c-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.kpi-value{font-size:var(--text-2xl);font-weight:600;color:var(--c-text-primary);font-family:var(--font-mono);letter-spacing:-.02em}.kpi-delta{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);margin-top:var(--space-2)}.kpi-delta.positive{color:var(--c-success)}.kpi-delta.negative{color:var(--c-error)}.kpi-delta.neutral{color:var(--c-text-tertiary)}.section{margin-bottom:var(--space-8)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-title{font-size:var(--text-sm);font-weight:600;color:var(--c-text-primary);text-transform:uppercase;letter-spacing:.05em;margin:0}.table-container{background:var(--c-bg);border:1px solid var(--c-border);border-radius:8px;overflow:hidden}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table thead{background:var(--c-bg-subtle);border-bottom:1px solid var(--c-border)}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:500;color:var(--c-text-secondary);text-transform:uppercase;letter-spacing:.03em}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--c-border);color:var(--c-text-primary)}.data-table tbody tr{transition:background var(--duration-fast) ease}.data-table tbody tr:hover{background:var(--c-bg-subtle)}.data-table tbody tr.selected{background:var(--c-accent-subtle)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .mono{font-family:var(--font-mono);font-size:var(--text-xs)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-0) var(--space-2);border-radius:4px;font-size:var(--text-xs);font-weight:500;font-family:var(--font-mono)}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-active{background:var(--c-success-bg);color:var(--c-success)}.badge-revoked{background:var(--c-bg-muted);color:var(--c-text-tertiary)}.badge-allowed{background:var(--c-success-bg);color:var(--c-success)}.badge-denied{background:var(--c-warning-bg);color:var(--c-warning)}.badge-error{background:var(--c-error-bg);color:var(--c-error)}.badge-healthy{background:var(--c-success-bg);color:var(--c-success)}.badge-degraded{background:var(--c-warning-bg);color:var(--c-warning)}.badge-down{background:var(--c-error-bg);color:var(--c-error)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-xs);font-weight:500;color:var(--c-text-secondary);margin-bottom:var(--space-1)}.form-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--c-border-strong);border-radius:6px;font-size:var(--text-sm);font-family:var(--font-ui);color:var(--c-text-primary);background:var(--c-bg);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.form-input::placeholder{color:var(--c-text-tertiary)}.form-input:focus{outline:none;border-color:var(--c-border-focus);box-shadow:0 0 0 3px #6366f126}.form-input[type=number]{font-family:var(--font-mono)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:6px;font-size:var(--text-sm);font-weight:500;font-family:var(--font-ui);cursor:pointer;transition:all var(--duration-fast) ease;text-decoration:none}.btn-primary{background:var(--c-accent);color:var(--c-text-inverse)}.btn-primary:hover{background:var(--c-accent-hover)}.btn-secondary{background:var(--c-bg);color:var(--c-text-secondary);border-color:var(--c-border-strong)}.btn-secondary:hover{background:var(--c-bg-subtle);color:var(--c-text-primary)}.btn-danger{background:var(--c-error);color:var(--c-text-inverse)}.btn-danger:hover{background:#b91c1c}.btn-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.loading{pointer-events:none;opacity:.7}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a80;z-index:var(--z-overlay);opacity:0;animation:fadeInOverlay var(--duration-fast) ease forwards}@keyframes fadeInOverlay{to{opacity:1}}.drawer{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:100vw;background:var(--c-bg);box-shadow:-4px 0 24px #0000001a;z-index:var(--z-drawer);display:flex;flex-direction:column;transform:translate(100%);animation:slideIn var(--duration-normal) var(--ease-out) forwards}@keyframes slideIn{to{transform:translate(0)}}.drawer.closing{animation:slideOut var(--duration-normal) var(--ease-out) forwards}@keyframes slideOut{to{transform:translate(100%)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--c-border)}.drawer-title{font-size:var(--text-base);font-weight:600;color:var(--c-text-primary);margin:0}.drawer-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:var(--c-text-tertiary);font-size:var(--text-xl);transition:color var(--duration-fast) ease}.drawer-close:hover{color:var(--c-text-primary)}.drawer-content{flex:1;overflow-y:auto;padding:var(--space-6)}.drawer-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid var(--c-border);background:var(--c-bg-subtle)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center;color:var(--c-text-tertiary)}.empty-state-icon{font-size:var(--text-3xl);margin-bottom:var(--space-4);opacity:.5}.empty-state-title{font-size:var(--text-base);font-weight:500;color:var(--c-text-secondary);margin-bottom:var(--space-2)}.empty-state-desc{font-size:var(--text-sm);margin:0}.loading-state{display:flex;align-items:center;justify-content:center;padding:var(--space-12);color:var(--c-text-tertiary)}.spinner{width:24px;height:24px;border:2px solid var(--c-border);border-top-color:var(--c-accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--c-error-bg);border:1px solid var(--c-error);border-radius:6px;color:var(--c-error);margin-bottom:var(--space-6)}.error-banner-icon{flex-shrink:0;font-size:var(--text-lg)}.error-banner-message{font-size:var(--text-sm);margin:0}.mono{font-family:var(--font-mono)}.text-muted{color:var(--c-text-tertiary)}.text-secondary{color:var(--c-text-secondary)}.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}@media (max-width: 1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.kpi-grid{grid-template-columns:1fr}.page{padding:var(--space-4)}.topbar{padding:0 var(--space-4)}.drawer{width:100%;max-width:none}}