:root{color-scheme:light;--bg:#f4f7fb;--surface:#ffffff;--surface-2:#f1f5f9;--border:#e2e8f0;--text:#0f172a;--muted:#64748b;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#eff6ff;--accent-text:#1e40af;--success:#16a34a;--success-soft:#f0fdf4;--warning:#d97706;--warning-soft:#fffbeb;--danger:#dc2626;--danger-soft:#fef2f2;--owned-soft:#dcfce7;--available-soft:#dbeafe;--blocked-soft:#fee2e2;--radius:10px;--shadow-sm:0 1px 2px rgba(15,23,42,0.05),0 1px 3px rgba(15,23,42,0.08);--shadow-md:0 4px 12px rgba(15,23,42,0.06);--font:var(--font-sans),var(--font-tc),system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}main{min-height:100vh}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;box-shadow:var(--shadow-sm)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:1rem;gap:1rem}.kpi-value{font-size:1.75rem;font-weight:600;margin:.25rem 0;letter-spacing:-.02em}.kpi-label{color:var(--muted);font-size:.85rem}.delta-up{color:var(--success)}.delta-down{color:var(--danger)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}td,th{border-bottom:1px solid var(--border);padding:.65rem .75rem;text-align:left;vertical-align:top}th{font-weight:500}.badge,th{color:var(--muted);background:var(--surface-2)}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem}.badge-critical{background:var(--danger-soft);color:var(--danger)}.badge-high{background:var(--warning-soft);color:var(--warning)}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:.45rem .85rem;cursor:pointer;font:inherit;transition:background .15s ease,border-color .15s ease}.btn:hover:not(:disabled){background:var(--surface-2)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#ffffff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.layout-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:1.25rem 1rem;box-shadow:var(--shadow-sm)}.sidebar nav a{display:block;padding:.5rem .75rem;border-radius:8px;color:var(--muted);margin-bottom:.25rem;font-size:.9rem;transition:background .15s ease,color .15s ease}.sidebar nav a.active,.sidebar nav a:hover{background:var(--accent-soft);color:var(--accent-text);font-weight:500}.content{padding:1.5rem 2rem;background:var(--bg)}.page-title{margin:0 0 .25rem;font-size:1.5rem;letter-spacing:-.02em}.page-subtitle{margin:0 0 1.5rem;color:var(--muted)}.matrix-grid{display:grid;grid-gap:2px;gap:2px;font-size:.75rem}.matrix-cell{padding:.35rem;text-align:center;background:var(--surface-2);border-radius:4px;color:var(--text)}.matrix-owned{background:var(--owned-soft);color:#166534}.matrix-available{background:var(--available-soft);color:var(--accent-text)}.matrix-blocked{background:var(--blocked-soft);color:var(--danger)}.form-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}input,select,textarea{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.5rem .75rem;font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.marketing-shell{background:var(--surface);min-height:100vh}.marketing-hero{background:linear-gradient(180deg,#ffffff 0,var(--bg) 100%)}