:root{--bg: #ffffff;--text: #111827;--muted: #6b7280;--border: #e5e7eb;--primary: #b5b58b;--primary-contrast: #ffffff;--surface: #f8fafc;--surface-contrast: #1f2937}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.app-root{min-height:100%;display:flex;flex-direction:column;background:var(--bg)}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg)}.nav{display:flex;gap:12px}.nav a{color:var(--text);text-decoration:none}.content{flex:1;padding:16px}.btn{appearance:none;background:var(--primary);color:var(--primary-contrast);border:none;border-radius:8px;padding:10px 14px;cursor:pointer;font-weight:600;transition:filter .15s ease,transform .02s ease}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:default}.btn-secondary{background:transparent;color:var(--primary);border:1px solid var(--primary)}.page-center{min-height:calc(100vh - 64px);display:grid;place-items:center}.hero-split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;max-width:1024px;margin:0 auto;padding:24px 16px}.hero-left{display:grid;place-items:center}.card.form{border:none;border-radius:12px;padding:16px;background:var(--surface)}.card.form label{display:grid;gap:6px;margin-bottom:10px}.card.form input[type=text],.card.form input[type=number],.card.form textarea{border:1px solid #e5e7eb;border-radius:6px;padding:8px 10px;font:inherit}.checkbox{display:flex;gap:8px;align-items:center;margin-top:6px}.error{color:#a1161a;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:6px;padding:6px 8px;margin:0 0 8px}.page-title{font-size:36px;line-height:1.2;margin:0 0 8px}.page-subtitle{font-size:22px;line-height:1.3;margin:0 0 6px;color:#374151}.page-tagline{font-size:16px;color:#6b7280;margin:0 0 16px}@media (max-width: 800px){.hero-split{grid-template-columns:1fr}}