:root{--brand:#1a5c5c;--brand-hover:#164f4f;--bg:#fafafa;--bg-card:#f9f9f9;--text-primary:#1a1a1a;--text-muted:#666;--text-faint:#999;--text-whisper:#bbb;--border:#eee;--border-strong:#ddd;--success:#2e7d32;--danger:#c00;--warning:#f57f17;--font-xs:11px;--font-sm:12px;--font-base:13px;--font-md:14px;--font-lg:15px;--font-xl:18px;--font-2xl:20px;--font-3xl:24px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--gap-xs:4px;--gap-sm:8px;--gap-md:12px;--gap-lg:16px;--gap-xl:24px;--gap-2xl:32px}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}#root{width:100%;min-height:100vh}h1,h2,h3,h4{color:var(--text-primary);margin:0;font-weight:600;line-height:1.2}p{margin:0}button,textarea,input{font-family:inherit}.btn-brand{background:var(--brand);color:#fff;border-radius:var(--radius-md);font-size:var(--font-md);cursor:pointer;border:none;padding:10px 20px;font-weight:600}.btn-brand:hover{background:var(--brand-hover)}.btn-brand:disabled{background:var(--border-strong);cursor:not-allowed}