@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Unbounded:wght@400;600;700;900&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f6f6f7;--surface:#fff;--surface2:#f9f9fb;--border:#ebebed;--border2:#d8d8dc;--text:#0f0f0f;--text2:#374151;--muted:#6b7280;--muted2:#9ca3af;--accent:#ff6b35;--accent-dim:#ff6b351a;--accent-border:#ff6b3533;--green:#16a34a;--green-bg:#f0fdf4;--red:#dc2626;--red-bg:#fef2f2;--blue:#2563eb;--blue-bg:#eff6ff;--font:"Inter", system-ui, sans-serif;--font-display:Georgia, serif;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow:0 4px 12px #00000014;--shadow-lg:0 12px 32px #0000001a;--r-sm:8px;--r:12px;--r-lg:16px;--r-xl:20px}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}input,textarea,select,button{font-family:inherit}a{color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--muted2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.badge{border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-green{background:var(--green-bg);color:var(--green)}.badge-orange{background:var(--accent-dim);color:var(--accent)}.badge-gray{background:var(--surface2);color:var(--muted);border:1px solid var(--border)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.btn{cursor:pointer;border-radius:var(--r-sm);white-space:nowrap;border:none;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--text);color:#fff}.btn-primary:hover{opacity:.85}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface2)}.btn-ghost{color:var(--muted);background:0 0}.btn-ghost:hover{color:var(--text);background:var(--surface2)}.btn-danger{background:var(--red-bg);color:var(--red);border:1px solid #fecaca}.btn-sm{padding:7px 14px;font-size:13px}.btn-lg{border-radius:var(--r);padding:12px 24px;font-size:15px}@keyframes spin{to{transform:rotate(360deg)}}