*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-carbon: #222222;--color-carbon-light: #2e2e2e;--color-carbon-lighter: #3a3a3a;--color-slate: #587792;--color-slate-light: #6e8fa8;--color-slate-dark: #3f5a6e;--color-ash: #B5D2CB;--color-ash-light: #cfe3de;--color-ash-dark: #8ab3aa;--color-tomato: #FB4D3D;--color-tomato-light: #fc6f62;--color-tomato-dark: #d93c2d;--color-green: #A6FFA1;--color-green-dark: #72e66c;--color-green-text: #1a6617;--color-mint: #3ECFAD;--color-bg: #f4f6f5;--color-surface: #ffffff;--color-surface-alt: #f0f2f1;--color-border: #e2e6e5;--color-border-strong: #c8cecc;--color-text-primary: #222222;--color-text-secondary: #587792;--color-text-muted: #8a9da8;--color-action-bg: #222222;--color-action-bg-hover: #2e2e2e;--color-action-text: #ffffff;--color-nav-bg: #ffffff;--color-nav-bg-hover: #f0f2f1;--color-nav-border: #e2e6e5;--color-nav-text: #222222;--color-nav-text-muted: rgba(34,34,34,.55);--color-nav-active-bg: rgba(88,119,146,.1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(34,34,34,.08);--shadow-md: 0 4px 12px rgba(34,34,34,.1);--shadow-lg: 0 8px 24px rgba(34,34,34,.12);--transition: .18s ease}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;-webkit-tap-highlight-color:transparent}a{-webkit-tap-highlight-color:transparent}input,textarea,select{font-family:inherit}body{overflow-x:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:600;line-height:1;transition:all var(--transition);cursor:pointer;border:none;white-space:nowrap}.btn-primary{background:var(--color-action-bg);color:var(--color-action-text)}.btn-primary:hover:not(:disabled){background:var(--color-action-bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1.5px solid var(--color-border-strong)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-alt);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-alt);color:var(--color-text-primary)}.btn-danger{background:var(--color-tomato);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-tomato-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:7px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:15px}.btn-block{width:100%}.input{width:100%;padding:10px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;color:var(--color-text-primary);background:var(--color-surface);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.input:focus{border-color:var(--color-slate);box-shadow:0 0 0 3px #5877921f}.input::placeholder{color:var(--color-text-muted)}.input.is-error{border-color:var(--color-tomato)}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.form-group{margin-bottom:16px}.label{display:block;font-size:12px;font-weight:600;color:var(--color-text-muted);margin-bottom:6px;letter-spacing:.06em;text-transform:uppercase}.error-msg{font-size:13px;color:var(--color-tomato);margin-top:5px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600}[data-theme=dark],[data-theme=dark] *{color-scheme:dark}[data-theme=dark]{--color-bg: #141618;--color-surface: #1e2124;--color-surface-alt: #272b2e;--color-border: #2e3438;--color-border-strong: #3d4448;--color-text-primary: #e8eceb;--color-text-secondary: #87abb8;--color-text-muted: #5a7280;--color-slate: #7aa4bf;--color-slate-light: #92b8d0;--color-slate-dark: #5a8fa8;--color-green: rgba(166,255,161,.15);--color-green-dark: #5ec45a;--color-green-text: #7de878;--color-tomato: #fc6f62;--color-tomato-light: #fd8a80;--color-tomato-dark: #e85040;--color-nav-bg: #1e2124;--color-nav-bg-hover: #272b2e;--color-nav-border: #2e3438;--color-nav-text: #e8eceb;--color-nav-text-muted: rgba(232,236,235,.55);--color-nav-active-bg: rgba(181,210,203,.12);--color-action-bg: #e8eceb;--color-action-bg-hover: #d0d8d5;--color-action-text: #141618;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 24px rgba(0,0,0,.5)}@media(prefers-color-scheme:dark){[data-theme=system],[data-theme=system] *{color-scheme:dark}[data-theme=system]{--color-bg: #141618;--color-surface: #1e2124;--color-surface-alt: #272b2e;--color-border: #2e3438;--color-border-strong: #3d4448;--color-text-primary: #e8eceb;--color-text-secondary: #87abb8;--color-text-muted: #5a7280;--color-slate: #7aa4bf;--color-slate-light: #92b8d0;--color-slate-dark: #5a8fa8;--color-green: rgba(166,255,161,.15);--color-green-dark: #5ec45a;--color-green-text: #7de878;--color-tomato: #fc6f62;--color-tomato-light: #fd8a80;--color-tomato-dark: #e85040;--color-action-bg: #e8eceb;--color-action-bg-hover: #d0d8d5;--color-action-text: #141618;--color-nav-bg: #1e2124;--color-nav-bg-hover: #272b2e;--color-nav-border: #2e3438;--color-nav-text: #e8eceb;--color-nav-text-muted: rgba(232,236,235,.55);--color-nav-active-bg: rgba(181,210,203,.12);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 24px rgba(0,0,0,.5)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes checkPop{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes confetti{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(-60px) rotate(360deg)}}