:root{--bg:#f6f7f9;--surface:#fff;--surface-alt:#f0f2f5;--border:#e2e5eb;--border-light:#eceef2;--primary:#0f1a2e;--primary-light:#1b2a4a;--accent:#1a56db;--accent-hover:#1444b0;--accent-light:#ebf0fc;--text:#101828;--text-sec:#475467;--muted:#667085;--success:#0d7c5f;--success-light:#edfcf5;--warning:#b54708;--warning-light:#fef6ee;--danger:#b42318;--danger-light:#fef3f2;--purple:#6941c6;--purple-light:#f4f0ff;--cyan:#0e7490;--cyan-light:#ecfeff;--radius:8px;--font:"Inter", -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}input,textarea,select,button{font-family:var(--font)}.input{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:var(--surface);outline:none;padding:9px 13px;font-size:14px;transition:border-color .12s}.input:focus{border-color:var(--accent)}.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .12s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent)}.btn-ghost{color:var(--accent);background:0 0;padding:4px 8px}.btn-sm{padding:5px 12px;font-size:12px}.btn-lg{padding:11px 24px;font-size:14px}.btn:disabled{opacity:.45;cursor:default}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px}.card-click{cursor:pointer;transition:border-color .12s,box-shadow .12s}.card-click:hover{border-color:var(--accent);box-shadow:0 1px 8px #1a56db12}.badge{white-space:nowrap;letter-spacing:.01em;border-radius:20px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.topbar{background:var(--primary);justify-content:space-between;align-items:center;height:48px;padding:0 28px;display:flex}.topbar-brand{color:#fff;letter-spacing:.08em;text-transform:uppercase;font-size:14px;font-weight:700}.topbar-sub{color:#fff6;margin-left:20px;font-size:12px;font-weight:500}.topbar-sep{color:#fff3;margin:0 8px}.topbar-btn{color:#ffffffbf;cursor:pointer;font-size:12px;font-family:var(--font);background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;display:flex}.topbar-btn:hover{background:#ffffff1a}.topbar-save{color:#ffffff80;margin-right:14px;font-size:11px}.container{max-width:1060px;margin:0 auto;padding:28px 20px}.progress-bar{border-radius:99px;width:100%;overflow:hidden}.progress-bar-fill{border-radius:99px;height:100%;transition:width .3s}.tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:20px;display:flex}.tab{color:var(--muted);cursor:pointer;font-size:13px;font-weight:400;font-family:var(--font);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 18px;transition:all .1s}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:11px;font-weight:700}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.login-page{background:var(--primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:var(--surface);border-radius:12px;width:380px;padding:40px}.login-title{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);text-align:center;margin-bottom:32px;font-size:14px;font-weight:700}.login-label{color:var(--text);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.login-field{margin-bottom:16px}.login-error{color:var(--danger);margin-bottom:12px;font-size:13px}