@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--brand-primary:#6366f1;--brand-secondary:#8b5cf6;--brand-accent:#06b6d4;--bg-base:#0a0a0f;--bg-surface:#111118;--bg-elevated:#1a1a26;--bg-overlay:#22223a;--bg-glass:#ffffff0a;--bg-glass-hover:#ffffff12;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff2e;--border-brand:#6366f166;--text-primary:#f0f0ff;--text-secondary:#a0a0c0;--text-muted:#6060a0;--text-disabled:#404060;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#06b6d4;--score-high:#10b981;--score-mid:#f59e0b;--score-low:#ef4444;--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:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-brand:0 0 24px #6366f140;--shadow-glow:0 0 40px #6366f126;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--sidebar-width:240px;--header-height:64px}[data-theme=light]{--bg-base:#f4f4f8;--bg-surface:#fff;--bg-elevated:#f0f0f8;--bg-overlay:#e8e8f4;--bg-glass:#00000005;--bg-glass-hover:#0000000a;--border-subtle:#0000000f;--border-default:#0000001a;--border-strong:#0000002e;--text-primary:#0a0a1a;--text-secondary:#404060;--text-muted:#8080a0;--text-disabled:#c0c0d0;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #00000026}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.2}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{font-size:clamp(1.375rem,3vw,1.875rem)}h3{font-size:clamp(1.125rem,2vw,1.375rem)}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:var(--text-secondary)}a{color:var(--brand-primary);transition:opacity var(--transition-fast);text-decoration:none}a:hover{opacity:.8}.app-shell{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr;min-height:100vh;display:grid}.app-sidebar{background:var(--bg-surface);border-right:1px solid var(--border-subtle);padding:var(--space-6) var(--space-4);gap:var(--space-2);flex-direction:column;grid-row:1/-1;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.app-header{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-6);align-items:center;gap:var(--space-4);z-index:40;display:flex;position:sticky;top:0}.app-main{padding:var(--space-8);overflow-y:auto}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.card:hover{border-color:var(--border-default)}.card-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6)}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;outline:none;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background:var(--brand-primary);color:#fff;box-shadow:0 2px 8px #6366f14d}.btn-primary:hover{background:#5254cc;transform:translateY(-1px);box-shadow:0 4px 16px #6366f173}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-overlay);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-glass);color:var(--text-primary)}.btn-danger{color:var(--color-danger);background:#ef444426;border:1px solid #ef44444d}.btn-danger:hover{background:#ef444440}.btn-sm{padding:var(--space-1) var(--space-3);font-size:.8125rem}.btn-lg{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:500}.form-input,.form-textarea,.form-select{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;outline:none;font-size:.9375rem}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #6366f126}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:100px}.form-error{color:var(--color-danger);align-items:center;gap:var(--space-1);font-size:.8125rem;display:flex}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background:color-mix(in srgb, var(--brand-primary) 15%, transparent);color:var(--brand-primary);border:1px solid color-mix(in srgb, var(--brand-primary) 30%, transparent)}.badge-success{color:var(--color-success);background:#10b98126;border:1px solid #10b9814d}.badge-warning{color:var(--color-warning);background:#f59e0b26;border:1px solid #f59e0b4d}.badge-danger{color:var(--color-danger);background:#ef444426;border:1px solid #ef44444d}.badge-neutral{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-default)}.score-chip{border-radius:var(--radius-md);width:48px;height:48px;font-family:var(--font-display);justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:inline-flex}.score-high{color:var(--score-high);background:#10b98126;border:1px solid #10b9814d}.score-mid{color:var(--score-mid);background:#f59e0b26;border:1px solid #f59e0b4d}.score-low{color:var(--score-low);background:#ef444426;border:1px solid #ef44444d}.nav-logo{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);margin-bottom:var(--space-6);display:flex}.nav-logo-text{font-family:var(--font-display);color:var(--brand-primary);font-size:1.25rem;font-weight:700}.nav-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:var(--space-4) var(--space-2) var(--space-2);font-size:.6875rem;font-weight:600}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-glass);color:var(--text-primary)}.nav-item.active{background:var(--brand-primary);color:#fff;font-weight:600}.nav-item-icon{opacity:.8;flex-shrink:0;width:18px;height:18px}.nav-item.active .nav-item-icon{opacity:1}.table-container{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}thead th{background:var(--bg-elevated);padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);font-size:.75rem;font-weight:600}tbody td{padding:var(--space-3) var(--space-4);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--bg-glass);color:var(--text-primary)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{background:var(--bg-elevated);border-radius:var(--radius-sm);animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border-default);border-top-color:var(--brand-primary);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.progress-track{background:var(--bg-elevated);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--brand-primary), var(--brand-accent));height:100%;transition:width var(--transition-slow)}.step-wizard{align-items:center;gap:0;display:flex}.step-item{align-items:center;gap:var(--space-2);flex:1;display:flex}.step-circle{border:2px solid var(--border-default);width:32px;height:32px;color:var(--text-muted);background:var(--bg-elevated);transition:all var(--transition-normal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex}.step-circle.active{border-color:var(--brand-primary);color:var(--brand-primary);background:#6366f11a;box-shadow:0 0 0 4px #6366f126}.step-circle.done{border-color:var(--color-success);color:#fff;background:var(--color-success)}.step-connector{background:var(--border-subtle);height:2px;margin:0 var(--space-2);flex:1}.step-connector.done{background:var(--color-success)}.upload-zone{border:2px dashed var(--border-default);border-radius:var(--radius-lg);padding:var(--space-10);align-items:center;gap:var(--space-3);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex-direction:column;display:flex}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--brand-primary);background:#6366f10d}.upload-zone-icon{color:var(--text-muted)}.upload-zone-label{color:var(--text-primary);font-weight:500}.upload-zone-hint{color:var(--text-muted);font-size:.8125rem}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--bg-overlay);color:var(--text-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);border:1px solid var(--border-default);z-index:100;font-size:.75rem;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:after{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:.4s forwards fadeInUp}.animate-fade-in{animation:.3s forwards fadeIn}.animate-slide-in{animation:.35s forwards slideInRight}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.18s}.stagger-children>:nth-child(5){animation-delay:.24s}.stagger-children>:nth-child(6){animation-delay:.3s}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.w-full{width:100%}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-display{font-family:var(--font-display)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:1024px){.app-shell{grid-template-columns:1fr;grid-template-rows:var(--header-height) 1fr}.app-sidebar{display:none}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.app-main{padding:var(--space-4)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}