:root{--color-bg:#f6f6f8;--color-surface:#ffffff;--color-border:#e3e3e7;--color-text:#17181c;--color-text-muted:#6b6c74;--color-primary:#17181c;--color-primary-hover:#303239;--color-primary-contrast:#ffffff;--color-danger:#c0261a;--color-danger-bg:#fdeceb;--color-danger-border:#f5c2bd;--color-success:#0f7a4d;--color-success-bg:#e6f7ee;--color-warning:#8a6100;--color-warning-bg:#fff3cd;--color-whatsapp:#1f9e56;--radius:10px;--radius-sm:6px;--shadow-sm:0 1px 2px rgba(16,24,40,0.06);--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,h3{line-height:1.25}.topbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.btn,.topbar{align-items:center}.btn{display:inline-flex;justify-content:center;gap:6px;padding:9px 16px;border-radius:var(--radius-sm);border:1px solid transparent;font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;line-height:1.2;transition:background-color .15s ease,opacity .15s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:#f0f0f2}.btn-danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger-border)}.btn-danger:hover:not(:disabled){background:#fbdedb}.btn-whatsapp{background:var(--color-whatsapp);color:white}.btn-whatsapp:hover:not(:disabled){background:#1a8a4b}.btn-sm{padding:6px 12px;font-size:.8rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm)}.card+.card{margin-top:1.25rem}.card>h2.card-heading,.card>h2:first-child{margin-top:0;font-size:1rem}.field{display:grid;grid-gap:6px;gap:6px;font-size:.875rem;font-weight:500;color:var(--color-text)}.field input,.field select,.field textarea{font-family:inherit;font-size:.95rem;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(23,24,28,.08)}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{text-align:left;padding:10px 12px;color:var(--color-text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.table td,.table th{border-bottom:1px solid var(--color-border)}.table td{padding:12px;vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:#fafafa}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.callout{border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.9rem}.callout-warning{background:var(--color-warning-bg);border:1px solid #ffe08a;color:var(--color-warning)}.callout-neutral{background:#f5f5f5;border:1px solid var(--color-border)}.muted{color:var(--color-text-muted)}.error-text{color:var(--color-danger);font-size:.875rem}