:root{--bg-primary:#0c0c0e;--bg-secondary:#141416;--bg-tertiary:#1a1a1e;--bg-elevated:#1f1f24;--bg-hover:#25252b;--border-subtle:#2a2a30;--border-default:#35353d;--border-focus:#5a5a6a;--text-primary:#e8e8ec;--text-secondary:#9898a4;--text-tertiary:#5c5c6a;--text-inverse:#0c0c0e;--accent:#6e8afa;--accent-hover:#8ba2ff;--accent-muted:#6e8afa1f;--risk-critical:#e55b5b;--risk-critical-bg:#e55b5b1a;--risk-major:#e8964b;--risk-major-bg:#e8964b1a;--risk-moderate:#d4c455;--risk-moderate-bg:#d4c4551a;--risk-low:#4eaa7a;--risk-low-bg:#4eaa7a1a;--mastery-strong:#4eaa7a;--mastery-partial:#e8964b;--mastery-weak:#e55b5b;--success:#4eaa7a;--warning:#e8964b;--error:#e55b5b;--info:#6e8afa;--font-display:"DM Sans", sans-serif;--font-body:"DM Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--space-unit:4px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);min-height:100vh;font-size:14px;font-weight:400;line-height:1.5}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}::selection{background:var(--accent-muted);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}.text-page-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-size:28px;font-weight:500}.text-section-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);font-size:18px;font-weight:500}.text-card-title{font-family:var(--font-display);letter-spacing:-.005em;color:var(--text-primary);font-size:15px;font-weight:500}.text-body{color:var(--text-primary);font-size:14px;font-weight:400}.text-body-sm{color:var(--text-primary);font-size:13px;font-weight:400}.text-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:11px;font-weight:500}.text-data{font-family:var(--font-mono);letter-spacing:.02em;font-size:13px;font-weight:500}.text-score{font-family:var(--font-mono);letter-spacing:-.02em;font-size:32px;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:fadeInUp .3s var(--ease-out) forwards}.animate-fade-in{animation:.25s forwards fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.stagger-1{animation-delay:0s}.stagger-2{animation-delay:40ms}.stagger-3{animation-delay:80ms}.stagger-4{animation-delay:.12s}.stagger-5{animation-delay:.16s}.stagger-6{animation-delay:.2s}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-elevated) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color .2s}.card:hover{border-color:var(--border-default)}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);font-family:var(--font-body);letter-spacing:.03em;white-space:nowrap;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge--critical{background:var(--risk-critical-bg);color:var(--risk-critical);border:1px solid #e55b5b33}.badge--major{background:var(--risk-major-bg);color:var(--risk-major);border:1px solid #e8964b33}.badge--moderate{background:var(--risk-moderate-bg);color:var(--risk-moderate);border:1px solid #d4c45533}.badge--low{background:var(--risk-low-bg);color:var(--risk-low);border:1px solid #4eaa7a33}.input{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);padding:10px 12px;font-size:14px;transition:border-color .15s,background .15s}.input:focus{border-color:var(--accent);background:var(--bg-primary);box-shadow:0 0 0 3px var(--accent-muted);outline:none}.input::placeholder{color:var(--text-tertiary)}.btn-primary{background:var(--accent);color:var(--bg-primary);border-radius:var(--radius-md);font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;border:none;padding:10px 18px;font-size:13px;font-weight:500;transition:background .15s,transform 80ms}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{transform:scale(.98)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;background:0 0;padding:10px 18px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s}.btn-ghost:hover{border-color:var(--text-secondary);color:var(--text-primary)}.table{border-collapse:separate;border-spacing:0;width:100%}.table th{font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);text-align:left;padding:0 var(--space-4) var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:10px;font-weight:500}.table td{padding:var(--space-3) var(--space-4);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);font-size:13px}.table tr:hover td{background:var(--bg-hover)}.table td.numeric{font-family:var(--font-mono);text-align:right;font-variant-numeric:tabular-nums}.sidebar{background:var(--bg-primary);border-right:1px solid var(--border-subtle);width:260px;padding:var(--space-6) 0;gap:var(--space-1);flex-direction:column;min-height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-item{padding:8px var(--space-5);color:var(--text-secondary);cursor:pointer;border-left:2px solid #0000;border-radius:0;font-size:13px;font-weight:450;transition:all .15s}.sidebar-item:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar-item--active{color:var(--text-primary);border-left-color:var(--accent);background:var(--accent-muted)}.gauge-track{background:var(--border-subtle);border-radius:2px;height:4px;overflow:hidden}.gauge-fill{border-radius:2px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.ai-suggestion{background:var(--accent-muted);border:1px solid #6e8afa26;border-left:3px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-4);color:var(--text-primary)}.matrix-cell{border-radius:4px;justify-content:center;align-items:center;min-height:56px;transition:opacity .18s;display:flex}.matrix-cell:hover{opacity:.85;cursor:pointer}.matrix-risk-dot{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-primary);padding:2px 6px;font-size:11px}input[type=range]{appearance:none;background:var(--border-subtle);border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:2px solid var(--bg-primary);width:16px;height:16px;box-shadow:0 0 0 2px var(--accent-muted);border-radius:50%}input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:2px solid var(--bg-primary);border-radius:50%;width:16px;height:16px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}@media print{body{color:#1a1a1e!important;background:#fff!important;font-size:11px!important}.sidebar,.btn-primary,.btn-ghost,[data-no-print]{display:none!important}.card{break-inside:avoid;page-break-inside:avoid;background:#fff!important;border:1px solid #ddd!important}.badge{-webkit-print-color-adjust:exact;print-color-adjust:exact;border:1px solid!important}.gauge-track,.gauge-fill{-webkit-print-color-adjust:exact;print-color-adjust:exact}.text-page-title{font-size:22px!important}.text-section-title{font-size:16px!important}.text-score{font-size:24px!important}.table th,.table td{color:#1a1a1e!important;border-color:#ddd!important}.table tr:hover td{background:0 0!important}main{padding:0!important}}@media (width<=1024px){.sidebar{width:220px;font-size:12px}}@media (width<=768px){.sidebar{z-index:100;height:100vh;transition:left .3s var(--ease-out);position:fixed;left:-260px;box-shadow:4px 0 20px #00000080}.sidebar.sidebar--open{left:0}.text-page-title{font-size:22px!important}.text-section-title{font-size:16px!important}.hamburger-btn{display:flex!important}.sidebar-overlay{display:block!important}.sidebar-overlay--visible{opacity:1;pointer-events:auto}}