:root{--primary: #404C5E;--primary-hover: #2E2F2E;--bg: #DEE2EA;--card-bg: #ffffff;--text: #2E2F2E;--text-muted: #64748b;--border: rgba(64, 76, 94, .2);--success: #10b981;--error: #ef4444;--warning: #f59e0b;--radius: 14px;--shadow: 0 4px 12px rgba(64, 76, 94, .08)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Inter,-apple-system,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.5;font-size:16px;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;border:none;border-radius:var(--radius);font-family:inherit;transition:all .2s}input,select{border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;font-size:16px;width:100%;outline:none}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.card{background:var(--card-bg);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);margin-bottom:20px}.btn-primary{background:var(--primary);color:#fff;padding:12px 24px;font-weight:600}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:#f1f5f9;color:var(--text);padding:12px 24px}.flex{display:flex}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.items-center{align-items:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.font-medium{font-weight:500}.font-bold{font-weight:700}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.py-4{padding-top:16px;padding-bottom:16px}.py-6{padding-top:24px;padding-bottom:24px}.w-full{width:100%}.sticky{position:sticky}.top-0{top:0}.z-10{z-index:10}.bg-slate-50{background-color:#f8fafc}.bg-red-50{background-color:#fef2f2}.text-red-600{color:#dc2626}.text-text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.min-h-screen{min-height:100vh}.h-8{height:32px}.flex-1{flex:1}.w-16{width:64px}.w-32{width:128px}.max-w-sm{max-width:384px}.max-w-xs{max-width:320px}.text-center{text-align:center}.hover\:underline:hover{text-decoration:underline}.line-through{text-decoration:line-through}.progress-container{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;width:100%;margin-top:4px}.progress-bar{height:100%;border-radius:4px;transition:width .3s ease}@media(max-width:640px){.container{padding:0 16px}}