:root{--bg-color:#f3f4f6;--card-bg:#fff;--text-main:#111827;--text-secondary:#6b7280;--primary-green:#10b981;--primary-green-hover:#059669;--danger-red:#ef4444;--danger-red-hover:#dc2626;--header-bg:#fff;--border-color:#e5e7eb;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--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}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3{letter-spacing:-.025em;font-weight:700}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s}input{font-family:inherit}.container{max-width:1000px;padding:0 var(--spacing-md);margin:0 auto}.text-center{text-align:center}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.grid{display:grid}.font-bold{font-weight:700}