@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-input: #f1f5f9;--border: #e2e8f0;--text-primary: #0f172a;--text-secondary: #64748b;--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--accent-green: #10b981;--accent-red: #ef4444;--accent-yellow: #f59e0b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000f}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:#f1f5f9}input,select{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);padding:10px 14px;border-radius:8px;font-size:14px;font-family:Inter,sans-serif;width:100%}input:focus,select:focus{outline:none;border-color:var(--accent-blue)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}