:root{--brand:#075ac4;--brand2:#06204a;--ink:#071a3f;--line:#d9e3f0;--mint:#e8f7ee;--green:#147a42}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 12% 8%,rgba(10,102,216,.12),transparent 30%),linear-gradient(180deg,#fff 0%,#f7f9fc 45%,#eef4fb 100%);color:var(--ink);font-family:Inter,Segoe UI,system-ui,sans-serif}a{color:inherit;text-decoration:none}.topbar{max-width:1240px;margin:auto;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand,.footer-brand{display:flex;align-items:center;gap:14px}.brand img{width:48px;height:48px;border-radius:50%}.brand strong,.footer-brand strong{text-transform:uppercase;display:block}.brand span,.footer-brand span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#64748b}main{max-width:1240px;margin:auto;padding:0 20px}.hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px;align-items:center;padding:14px 0 34px}.eyebrow{display:inline-block;background:#fff;border:1px solid #dbeafe;border-radius:999px;padding:9px 13px;font-weight:900;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}h1{font-size:clamp(40px,7vw,72px);line-height:1;margin:18px 0 12px}h2{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--brand2);margin:0 0 14px}.hero-copy p{font-size:21px;color:#475569;margin:0 0 18px}.hero-copy small{display:block;max-width:560px;line-height:1.7;color:#64748b}.main-card,.panel{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 60px rgba(7,26,63,.1);padding:20px}.main-card label{font-weight:900}.money-box{margin-top:12px;border:1px solid #f0ca55;background:linear-gradient(135deg,#fff4c7,#ffe08a);border-radius:8px;padding:18px;display:flex;align-items:center;gap:10px}.money-box span,.money-box input{font-size:clamp(36px,7vw,58px);font-weight:1000;color:#030712}.money-box input{min-width:0;width:100%;border:0;background:transparent;outline:0}.main-card p{color:#526174}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.summary-grid article{background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:15px}.summary-grid .green{background:var(--mint);border-color:#ccebd7}.summary-grid span{display:block;font-size:12px;font-weight:900;text-transform:uppercase;color:#64748b}.summary-grid strong{display:block;margin-top:8px;font-size:22px}.green strong{color:var(--green)}.actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}button{border:0;border-radius:8px;min-height:46px;font-weight:900;cursor:pointer}.primary{background:var(--brand);color:white}.whatsapp{background:#16a34a;color:white}.workspace{display:block;padding-bottom:34px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px;margin-bottom:18px}.tabs button{background:#fff;color:#64748b}.tabs .active{background:var(--brand);color:white}.tab-panel{display:none}.tab-panel.active{display:block}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #eef2f7;color:#526174;font-size:14px}.row strong{color:var(--ink);text-align:right}.row.total{font-weight:900;color:var(--ink)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.panel label{display:grid;gap:6px;margin:12px 0;font-size:14px;font-weight:900;color:#475569}.panel input,.panel select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:8px 10px}.check{grid-template-columns:1fr auto!important;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px}.check input{width:20px;min-height:20px}footer{background:var(--brand2);color:#fff;margin-top:20px}.footer-grid{max-width:1240px;margin:auto;padding:32px 20px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px}.footer-brand img{width:64px;border-radius:50%;background:#fff}.footer-brand p,footer p{color:rgba(255,255,255,.82)}.socials{display:flex;gap:10px}.socials a{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.35);border-radius:50%;font-weight:900;color:#fff}@media(max-width:900px){.hero,.cards,.settings-grid,.footer-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr}.topbar{align-items:flex-start}.tabs button{font-size:12px}.actions{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){main{padding:0 14px}.topbar{padding:14px}.brand img{width:38px;height:38px}.brand strong{font-size:13px}.brand span{font-size:10px}.main-card,.panel{padding:14px}.tabs{grid-template-columns:repeat(2,1fr)}.money-box{padding:14px}.footer-brand img{width:54px}}@media print{.actions,.tabs{display:none}.hero,.workspace,.cards,.settings-grid{display:block}.panel,.main-card{box-shadow:none;margin-bottom:12px}}