body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#0f172a}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:28px auto;padding:16px}.card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 6px 18px #0206170f;margin-bottom:16px}.grid{display:grid;gap:16px;grid-template-columns:1fr 360px}@media (max-width: 900px){.grid{grid-template-columns:1fr}}.form-row{display:flex;gap:12px;align-items:center}.form-row label{flex:1;display:flex;justify-content:space-between;gap:12px;align-items:center}input,select{padding:8px 10px;border-radius:6px;border:1px solid #e6edf3;background:#fbfdff}button{background:#2563eb;color:#fff;border:none;padding:10px 12px;border-radius:8px;cursor:pointer}.result{background:#fbfdff;padding:10px;border-radius:8px;margin-top:10px}.quiz-button-secondary{background:#1e293b;color:#fff;border:none;padding:10px 12px;border-radius:8px;cursor:pointer;text-align:center}.quiz-button-secondary:hover{background:#334155}.small{font-size:.9rem;color:#0f172a}.tip{margin:6px 0;padding:10px;border-left:4px solid #2563eb;background:#fff;border-radius:4px}nav.navbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0f172a;color:#fff}nav.navbar a{color:#fff;margin-left:8px}.navbar-brand{font-weight:700}.navbar-user{margin-right:1rem;color:#cbd5e1}.role-tag{font-size:.75rem;padding:2px 6px;border-radius:4px;font-weight:700;margin-left:.5rem}.role-tag.employee{background-color:#2563eb;color:#fff}.role-tag.employer{background-color:#16a34a;color:#fff}.navbar-logout{background:transparent;border:1px solid #334155;padding:6px 10px}.form-row-slider{display:flex;flex-direction:column;margin-bottom:1.5rem}.form-row-slider label{margin-bottom:.5rem;color:#475569}.form-row-slider input[type=range]{width:100%}.error-message{color:#d93025;text-align:center;margin:1rem 0}.result-score{font-size:3rem;font-weight:700;color:#2563eb;text-align:center;margin:1rem 0}.quiz-container{max-width:700px;margin:2rem auto;padding:2rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 12px #0000001a;font-family:sans-serif}.quiz-container h2{text-align:center;color:#333;margin-bottom:1.5rem}.question-block{margin-bottom:2rem;padding:1.5rem;background-color:#fff;border-radius:6px;border:1px solid #eee}.question-text{font-size:1.1rem;font-weight:600;color:#444;margin-bottom:1rem}.options-container{display:flex;justify-content:space-between;flex-wrap:wrap}.option-label{display:flex;flex-direction:column;align-items:center;cursor:pointer;font-size:.9rem;color:#1f2937}.option-label input[type=radio]{margin-bottom:.5rem}.quiz-button{display:block;width:100%;padding:1rem;font-size:1.1rem;font-weight:700;color:#fff;background-color:#007bff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.quiz-button:hover{background-color:#0056b3}.result-score{font-size:4rem;font-weight:700;color:#007bff;text-align:center;margin:1rem 0 2rem}.result-tips ul{list-style-type:disc;padding-left:20px}.result-tips li{margin-bottom:.75rem;line-height:1.5}.settings-page{min-height:100vh;padding:40px 16px 56px;background:radial-gradient(1100px 480px at 20% -10%,rgba(147,197,253,.3),transparent 70%),radial-gradient(900px 420px at 80% -20%,rgba(186,230,253,.35),transparent 72%),#f7fafc}.settings-shell{width:min(920px,100%);margin:0 auto;display:grid;gap:18px}.settings-header,.settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 28px #0f172a0f}.settings-header{padding:22px 24px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.settings-kicker{margin:0 0 6px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#0284c7;font-weight:700}.settings-header h1{margin:0;font-size:clamp(1.4rem,2vw,1.75rem);line-height:1.2;color:#0f172a}.settings-header p{margin:8px 0 0;color:#64748b;max-width:550px}.settings-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.settings-role-tag{border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:700}.settings-role-tag.employee{background:#dbeafe;color:#1d4ed8}.settings-role-tag.employer{background:#dcfce7;color:#166534}.settings-card{padding:22px 24px}.settings-card-title h2{margin:0;font-size:1.1rem;color:#0f172a}.settings-card-title p{margin:6px 0 0;color:#64748b;font-size:.95rem}.settings-form-grid{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-field span{font-size:.85rem;color:#334155;font-weight:600}.settings-field input{border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:.95rem;color:#0f172a;background:#fff}.settings-field input:disabled{background:#f8fafc;color:#94a3b8}.settings-field input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e926}.settings-field-wide{grid-column:1 / -1}.settings-actions{margin-top:14px}.settings-btn{border:1px solid transparent;border-radius:10px;padding:9px 14px;font-size:.92rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.settings-btn-primary{background:#0284c7;color:#fff}.settings-btn-primary:hover{background:#0369a1}.settings-btn-ghost{background:#f8fafc;color:#0f172a;border-color:#d1d5db}.settings-btn-ghost:hover{background:#f1f5f9}.settings-btn-link{background:transparent;padding:6px 4px;color:#334155}.settings-btn-link:hover{color:#0f172a}.settings-btn-link.danger{color:#dc2626}.settings-btn-link.danger:hover{color:#b91c1c}.settings-btn-danger{background:#dc2626;color:#fff}.settings-btn-danger:hover{background:#b91c1c}.settings-integrations{margin-top:12px;display:grid}.settings-integration-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #eef2f7}.settings-integration-row:last-child{border-bottom:none}.settings-integration-main{display:flex;align-items:flex-start;gap:12px}.settings-integration-badge{width:34px;height:34px;border-radius:10px;display:inline-flex;justify-content:center;align-items:center;color:#fff;font-weight:800;flex:0 0 auto}.settings-integration-main h3{margin:0;font-size:.95rem;color:#0f172a}.settings-integration-main p{margin:4px 0 0;color:#64748b;font-size:.85rem}.settings-integration-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.settings-connected-pill{border-radius:999px;background:#dcfce7;color:#166534;padding:4px 10px;font-size:.75rem;font-weight:700}.settings-card-danger{border-color:#fecaca}.settings-danger-row{margin-top:12px;padding:14px;border:1px solid #fecaca;background:#fff5f5;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:16px}.settings-danger-row h3{margin:0;color:#7f1d1d;font-size:.98rem}.settings-danger-row p{margin:4px 0 0;color:#9f1239;font-size:.85rem}@media (max-width: 760px){.settings-page{padding-top:20px}.settings-header{flex-direction:column;align-items:stretch}.settings-form-grid{grid-template-columns:1fr}.settings-integration-row,.settings-danger-row{flex-direction:column;align-items:flex-start}}:root{--brand:#2563eb;--bg:#f8fafc;--muted:#64748b}:root{--primary: #6366f1;--primary-hover: #4f46e5;--secondary: #10b981;--accent: #f43f5e;--background: #f8fafc;--surface: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--ease-spring: cubic-bezier(.4, 0, .2, 1);--ease-smooth: cubic-bezier(.25, .46, .45, .94)}body{background-color:var(--background);color:var(--text-main)}.hover-lift{transition:transform .3s var(--ease-spring),box-shadow .3s var(--ease-spring);will-change:transform,box-shadow}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn-animate{transition:transform .1s var(--ease-smooth),background-color .2s}.btn-animate:active{transform:scale(.97)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s var(--ease-smooth) forwards;opacity:0}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;height:1em;width:100%;display:inline-block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}input[type=range]{accent-color:var(--primary);cursor:pointer}@keyframes borderPulse{0%,to{box-shadow:0 6px 18px #0206170f,0 0 #2563eb00}50%{box-shadow:0 6px 18px #0206170f,0 0 0 4px #2563eb66}}.flow-step{animation:borderPulse 4s infinite ease-in-out}.flow-step:hover{animation:none}