:root{--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-accent-light:#dbeafe;--color-accent-text:#fff;--color-bg:var(--color-gray-50);--color-surface:#fff;--color-text:var(--color-gray-900);--color-text-muted:var(--color-gray-500);--color-border:var(--color-gray-200);--spacing-0:0;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-16:4rem;--font-sans:system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;--font-mono:ui-monospace, sfmono-regular, menlo, monaco, consolas, monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-base:1.5;--line-height-relaxed:1.75;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}.container{width:100%;max-width:80rem;padding-right:var(--spacing-4);padding-left:var(--spacing-4);margin-left:auto;margin-right:auto}.card{padding:var(--spacing-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.grid{display:grid}.btn{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;display:inline-flex}.btn-primary{background-color:var(--color-accent);color:var(--color-accent-text)}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-secondary{border-color:var(--color-border);background-color:var(--color-gray-100);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-gray-200)}.btn-outline{border-color:var(--color-border);color:var(--color-text);background-color:#0000}.btn-outline:hover{background-color:var(--color-gray-100)}.btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base)}.form-group{gap:var(--spacing-1);flex-direction:column;display:flex}.form-label{font-weight:var(--font-weight-medium)}.form-input,.form-label,.form-select,.form-textarea{color:var(--color-text);font-size:var(--font-size-sm)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);font-family:var(--font-sans)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-accent);outline:2px solid var(--color-accent-light);outline-offset:1px}