:root{--bg:#f7f5ef;--surface:#fffdf7;--ink:#17251f;--muted:#5d6d63;--accent:#0f766e;--accent-2:#d97706;--danger:#b91c1c;--radius:14px;--shadow:0 10px 30px rgba(20,30,24,0.08)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at 20% -10%,#f8e7c8 0,transparent 40%),radial-gradient(circle at 90% 0,#cfe9df 0,transparent 35%),var(--bg);color:var(--ink);font-family:Avenir Next,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}main{max-width:960px;margin:0 auto;padding:16px}.panel{background:var(--surface);border:1px solid #e0ddd4;border-radius:var(--radius);box-shadow:var(--shadow)}.grid{display:grid;grid-gap:12px;gap:12px}.btn{border:0;border-radius:10px;padding:10px 12px;background:var(--accent);color:white}.badge,.btn{font-weight:600}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;border:1px solid #d4d4d4}input,select,textarea{width:100%;border:1px solid #d8d8d8;border-radius:10px;padding:10px;font:inherit;background:#fff}.field-error{margin:4px 0 0;color:var(--danger);font-size:12px}@media (min-width:768px){main{padding:24px}}