:root{--color-bg:#f8fafc;--color-surface:#fff;--color-elevated:#fff;--color-border:#e2e8f0;--color-border-soft:#cbd5e1;--color-border-hover:#94a3b8;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-light:#94a3b8;--brand-primary:#4f46e5;--brand-primary-hover:#4338ca;--brand-light:#eef2ff;--brand-border:#c7d2fe;--accent-cyan:#0284c7;--accent-cyan-light:#f0f9ff;--accent-purple:#7c3aed;--accent-emerald:#059669;--accent-emerald-light:#ecfdf5;--accent-red:#e11d48;--accent-red-light:#ffe4e6;--accent-orange:#d97706;--accent-orange-light:#fffbe6;--accent-yellow:#ca8a04;--accent-gray:#64748b;--font-head:"Be Vietnam Pro", system-ui, -apple-system, sans-serif;--font-body:"Be Vietnam Pro", system-ui, -apple-system, sans-serif;--font-mono:"Roboto Mono", monospace;--radius-sm:6px;--radius-card:14px;--radius-btn:10px;--radius-pill:999px;--shadow-sm:0 1px 2px 0 #0f172a0d;--shadow-md:0 4px 6px -1px #0f172a0f, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 10px 25px -3px #0f172a14, 0 4px 6px -4px #0f172a0a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}.container{max-width:1180px;margin:0 auto;padding:0 24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}.glass-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:28px;transition:box-shadow .2s,border-color .2s}.glass-card:hover{box-shadow:var(--shadow-md)}h1,h2,h3,h4,h5,h6{font-family:var(--font-head);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}h1{font-size:2.25rem;line-height:1.25}h2{font-size:1.5rem;line-height:1.3}h3{font-size:1.15rem;line-height:1.4}.gradient-text{background:linear-gradient(135deg, var(--brand-primary) 0%, var(--accent-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.btn{border-radius:var(--radius-btn);font-family:var(--font-head);cursor:pointer;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.925rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--brand-primary);color:#fff;box-shadow:0 2px 4px #4f46e533}.btn-primary:hover{background:var(--brand-primary-hover);transform:translateY(-1px);box-shadow:0 4px 10px #4f46e54d}.btn-secondary{border:1px solid var(--color-border-soft);color:var(--text-secondary);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover{color:var(--text-primary);border-color:var(--color-border-hover);background:#f8fafc}.btn-danger{color:var(--accent-red);background:#fef2f2;border:1px solid #fecaca}.btn-danger:hover{background:#fee2e2}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-primary);align-items:center;gap:6px;margin-bottom:8px;font-size:.875rem;font-weight:600;display:flex}.form-input,.form-select{border:1px solid var(--color-border-soft);border-radius:var(--radius-btn);width:100%;color:var(--text-primary);font-family:var(--font-body);box-shadow:var(--shadow-sm);background:#fff;padding:11px 16px;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.form-input::placeholder{color:var(--text-light)}.form-input:focus,.form-select:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 3px #4f46e51f}.app-header{justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px 0 16px;display:flex}.tabs-container{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;gap:6px;margin-bottom:28px;padding:6px;display:flex;overflow-x:auto}.tab-btn{color:var(--text-muted);cursor:pointer;font-family:var(--font-head);white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .15s;display:inline-flex}.tab-btn:hover{color:var(--text-primary);background:#f1f5f9}.tab-btn.active{background:var(--brand-light);color:var(--brand-primary)}.table-container{border-radius:var(--radius-card);border:1px solid var(--color-border);background:#fff;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.925rem}th,td{text-align:left;border-bottom:1px solid var(--color-border);padding:14px 18px}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;font-size:.825rem;font-weight:600}td{min-width:120px}td:first-child{min-width:180px}tr:last-child td{border-bottom:none}tr:hover td{background:#f8fafc}.badge{border-radius:var(--radius-pill);letter-spacing:.02em;align-items:center;gap:4px;padding:4px 10px;font-size:.775rem;font-weight:700;display:inline-flex}.badge-P0{background:var(--accent-red-light);color:var(--accent-red);border:1px solid #fecaca}.badge-P1{color:var(--accent-orange);background:#fef3c7;border:1px solid #fde68a}.badge-P2{color:var(--accent-cyan);background:#e0f2fe;border:1px solid #bae6fd}.badge-P3{color:var(--text-muted);border:1px solid var(--color-border);background:#f1f5f9}.icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.icon-box.indigo{background:var(--brand-light);color:var(--brand-primary)}.icon-box.cyan{background:var(--accent-cyan-light);color:var(--accent-cyan)}.icon-box.emerald{background:var(--accent-emerald-light);color:var(--accent-emerald)}.icon-box.rose{background:var(--accent-red-light);color:var(--accent-red)}.icon-box.amber{color:var(--accent-orange);background:#fffbe6}.loading-container{border-radius:var(--radius-card);border:1px solid var(--color-border);min-height:380px;box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.pulse-loader{background:var(--brand-light);border:3px solid var(--brand-primary);border-radius:50%;width:54px;height:54px;margin-bottom:20px;animation:1.8s infinite pulseLight;box-shadow:0 0 #4f46e566}@keyframes pulseLight{0%{transform:scale(.95);box-shadow:0 0 #4f46e566}70%{transform:scale(1.05);box-shadow:0 0 0 16px #4f46e500}to{transform:scale(.95);box-shadow:0 0 #4f46e500}}.bar-chart{flex-direction:column;gap:16px;display:flex}.bar-row{align-items:center;gap:16px;display:flex}.bar-label{width:110px;color:var(--text-primary);font-size:.875rem;font-weight:600}.bars{flex-direction:column;flex:1;gap:6px;display:flex}.bar{border-radius:6px;height:14px;transition:width .4s}.bar.yours{background:var(--brand-primary)}.bar.comps{background:#94a3b8}.matrix-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=1024px){.container{padding:0 16px}.glass-card{padding:20px}}@media (width<=768px){.container{padding:0 12px}.glass-card{border-radius:12px;padding:16px}.app-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px 0}.app-header>div:last-child{justify-content:flex-start;width:100%}.app-header h1{font-size:1.5rem}.tabs-container{scrollbar-width:none;-ms-overflow-style:none;gap:4px;margin-bottom:20px;padding:4px}.tabs-container::-webkit-scrollbar{display:none}.tab-btn{padding:8px 12px;font-size:.825rem}.matrix-grid{grid-template-columns:1fr;gap:16px}.bar-row{flex-direction:column;align-items:flex-start;gap:6px}.bar-label,.bars{width:100%}table{font-size:.825rem}th,td{padding:10px 12px}.btn{padding:8px 14px;font-size:.85rem}.loading-container{min-height:300px;padding:24px 16px}}@media (width<=480px){h1{font-size:1.35rem}h2{font-size:1.2rem}h3{font-size:1rem}}