:root{--bg: #f5f5f0;--surface: #ffffff;--ink: #0b1f1a;--muted: #6a7470;--line: #d6d8d4;--brand: #0b3d2e;--brand-ink: #ffffff;--accent: #b81d1d;--success: #1d7b3a;--warn: #b67200;--radius: 8px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--brand)}h1,h2,h3{margin:0 0 .6em;font-weight:600}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.app-header{background:var(--brand);color:var(--brand-ink);padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.app-header a{color:var(--brand-ink);text-decoration:none}.app-header nav{display:flex;gap:1rem;flex-wrap:wrap}.app-header .brand{font-weight:700}main{max-width:960px;margin:0 auto;padding:1rem}.container-narrow{max-width:540px;margin:2rem auto;padding:1rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}label{display:block;font-weight:500;margin:.75rem 0 .25rem}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{width:100%;padding:.6rem .7rem;border:1px solid var(--line);border-radius:var(--radius);font:inherit;background:#fff}textarea{min-height:80px;resize:vertical}input[type=checkbox],input[type=radio]{width:1.1rem;height:1.1rem;vertical-align:middle;margin-right:.35rem}.checkbox-row,.radio-row{display:flex;gap:1.25rem;flex-wrap:wrap;margin-top:.25rem}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem 1rem;margin-top:.25rem}.checkbox-grid label{font-weight:400;margin:0}button,.btn{display:inline-block;padding:.6rem 1rem;border:1px solid var(--brand);background:var(--brand);color:var(--brand-ink);border-radius:var(--radius);font:inherit;font-weight:600;cursor:pointer;text-decoration:none}button.secondary,.btn.secondary{background:var(--surface);color:var(--brand)}button.danger{background:var(--accent);border-color:var(--accent)}.error{color:var(--accent);margin-top:.5rem}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse;background:var(--surface)}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--line)}th{background:var(--bg);font-weight:600}th a{color:var(--ink);text-decoration:none}.pill{display:inline-block;padding:.1rem .55rem;font-size:.8rem;border-radius:999px;background:var(--bg);border:1px solid var(--line)}.pill.success{background:#e3f3e8;border-color:#b7d8c2;color:var(--success)}.pill.warn{background:#fdf0d6;border-color:#e9c98a;color:var(--warn)}.pill.danger{background:#fbdede;border-color:#e3a8a8;color:var(--accent)}.pill.draft{background:#eceeec}.signature-pad{border:1px dashed var(--muted);border-radius:var(--radius);background:#fff;touch-action:none;display:block;width:100%;max-width:480px;height:160px}.flex-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.right{display:flex;justify-content:flex-end}@media (max-width: 600px){.app-header{flex-direction:column;align-items:flex-start}main{padding:.75rem}}
