:root{--bg:#0f1117;--surface:#1a1d27;--surface-2:#23263a;--surface-3:#2a2e45;--border:#2d3152;--border-light:#393d5e;--primary:#4f7bff;--primary-hover:#3a68f5;--accent:#00c48c;--warning:#f5a623;--danger:#e85d5d;--info:#56b4d3;--text:#e8eaf0;--text-muted:#8b91b5;--text-dim:#5c6290;--sidebar-width:248px;--header-height:60px;--radius:8px;--radius-sm:4px;--shadow:0 2px 8px rgba(0,0,0,0.4)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.portal-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.sidebar-logo{padding:20px 16px 16px;border-bottom:1px solid var(--border)}.sidebar-logo .logo-mark{font-size:16px;font-weight:700;color:var(--text);letter-spacing:-.3px}.sidebar-logo .logo-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.demo-badge{display:inline-block;background:#3a1f00;color:var(--warning);border:1px solid #5a3200;font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px;margin-top:6px;letter-spacing:.5px;text-transform:uppercase}.nav-section{padding:8px 0;border-bottom:1px solid var(--border)}.nav-section:last-of-type{border-bottom:none}.nav-section-label{font-size:10px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px;padding:8px 16px 4px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 16px;color:var(--text-muted);cursor:pointer;border-left:3px solid transparent;transition:all .15s;text-decoration:none;font-size:13px}.nav-item:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav-item.active{background:var(--surface-2);color:var(--primary);border-left-color:var(--primary)}.nav-icon{font-size:16px;width:20px;text-align:center}.sidebar-footer{margin-top:auto;padding:16px;border-top:1px solid var(--border)}.sidebar-user{font-size:12px;color:var(--text-muted)}.sidebar-user-name{color:var(--text);font-weight:500;font-size:13px}.main-content{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.top-header{height:var(--header-height);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:16px;flex-shrink:0}.top-header h1{font-size:16px;font-weight:600;color:var(--text);flex:1 1}.header-tenant{font-size:12px;color:var(--text-muted);border-left:1px solid var(--border);padding-left:16px}.page-content{flex:1 1;overflow-y:auto;padding:24px}.demo-banner{background:#1a1000;border:1px solid #4a3000;border-radius:var(--radius);padding:10px 16px;color:var(--warning);font-size:12px;margin-bottom:20px;display:flex;align-items:center;gap:8px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:12px;gap:12px;margin-bottom:24px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.stat-card .stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.stat-card .stat-value{font-size:28px;font-weight:700;color:var(--text);line-height:1}.stat-card .stat-sub{font-size:11px;color:var(--text-muted);margin-top:4px}.stat-card.accent .stat-value{color:var(--accent)}.stat-card.warning .stat-value{color:var(--warning)}.stat-card.danger .stat-value{color:var(--danger)}.stat-card.primary .stat-value{color:var(--primary)}.readiness-section{display:grid;grid-template-columns:auto 1fr;grid-gap:24px;gap:24px;margin-bottom:24px;align-items:start}.readiness-ring{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;text-align:center;min-width:180px}.readiness-score{font-size:56px;font-weight:800;color:var(--accent);line-height:1}.readiness-label{font-size:12px;color:var(--text-muted);margin-top:4px}.readiness-breakdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.readiness-breakdown h3{font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.breakdown-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.breakdown-label{font-size:13px;color:var(--text);width:120px;flex-shrink:0}.breakdown-bar-bg{flex:1 1;height:6px;background:var(--surface-3);border-radius:3px;overflow:hidden}.breakdown-bar-fill{height:100%;border-radius:3px;background:var(--accent);transition:width .3s}.breakdown-pct{font-size:13px;font-weight:600;color:var(--text);width:36px;text-align:right}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{font-size:14px;font-weight:600;color:var(--text)}.data-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:24px}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--surface-2)}.data-table td,.data-table th{padding:10px 16px;border-bottom:1px solid var(--border)}.data-table td{font-size:13px;color:var(--text)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--surface-2)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.3px;white-space:nowrap}.badge-critical{background:#3b0a0a;color:#f87171;border:1px solid #7f1d1d}.badge-high{background:#2d1900;color:#fb923c;border:1px solid #6b2500}.badge-medium{background:#2a1f00;color:var(--warning);border:1px solid #4a3800}.badge-low{background:#0a1a0a;color:#4ade80;border:1px solid #14532d}.badge-open{background:#0a1530;color:#60a5fa;border:1px solid #1d3a7a}.badge-closed{background:#1a1a1a;color:var(--text-muted);border:1px solid var(--border)}.badge-in-progress{background:#1a0a30;color:#a78bfa;border:1px solid #4c1d95}.badge-pending{background:#1a1000;color:var(--warning);border:1px solid #3a2800}.badge-approved{background:#0a1a0a;color:var(--accent);border:1px solid #14532d}.badge-draft{background:#1a1a2a;color:var(--text-muted);border:1px solid var(--border)}.badge-compliant{background:#0a1a0a;color:var(--accent);border:1px solid #14532d}.badge-non-compliant{background:#3b0a0a;color:#f87171;border:1px solid #7f1d1d}.badge-partial{background:#2a1f00;color:var(--warning);border:1px solid #4a3800}.badge-success{background:#0a1a0a;color:var(--accent);border:1px solid #14532d}.badge-failure{background:#3b0a0a;color:#f87171;border:1px solid #7f1d1d}.badge-rejected{background:#1a1a1a;color:var(--text-muted);border:1px solid var(--border)}.progress-bar{height:6px;background:var(--surface-3);border-radius:3px;overflow:hidden;min-width:80px}.progress-fill{height:100%;border-radius:3px}.progress-fill.green{background:var(--accent)}.progress-fill.orange{background:var(--warning)}.progress-fill.red{background:var(--danger)}.page-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:24px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:40px;width:400px;box-shadow:var(--shadow)}.login-card .logo{font-size:20px;font-weight:700;margin-bottom:4px}.login-card .logo-sub{font-size:12px;color:var(--text-muted);margin-bottom:32px}.login-card h2{font-size:18px;margin-bottom:8px}.login-card p{font-size:13px;color:var(--text-muted);margin-bottom:24px}.btn{display:block;width:100%;padding:10px 16px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s;margin-bottom:8px}.btn:hover{opacity:.85}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:#fff}.login-role-label{font-size:11px;color:var(--text-dim);text-align:center;margin-top:16px}.login-warning{background:#1a1000;border:1px solid #4a3000;border-radius:var(--radius-sm);padding:10px 12px;color:var(--warning);font-size:11px;margin-bottom:24px;line-height:1.5}.empty-state{text-align:center;padding:48px;color:var(--text-muted)}.table-footer{padding:10px 16px;font-size:12px;color:var(--text-muted);background:var(--surface-2);border-top:1px solid var(--border)}.role-chip{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;background:var(--surface-3);color:var(--primary)}.info-box,.role-chip{border:1px solid var(--border)}.info-box{background:var(--surface-2);border-radius:var(--radius);padding:16px;margin-bottom:16px}.info-box h4{font-size:13px;font-weight:600;margin-bottom:6px}.info-box p{font-size:12px;color:var(--text-muted)}.tab-bar{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:20px}.tab{padding:8px 16px;font-size:13px;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}