:root{--ink:#102c46;--blue:#1f567d;--paper:#f8f7f2;--mist:#eef2f0;--line:#d9dfda;--orange:#e96f3b;--mint:#a9d2c4;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif;--serif:'Playfair Display',serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}.shell{min-height:100vh;display:grid;grid-template-columns:242px 1fr}.sidebar{background:var(--ink);color:#eef5f2;display:flex;flex-direction:column;padding:30px 20px;min-height:100vh}.brand{display:flex;align-items:center;gap:9px;color:white;text-decoration:none;font-size:19px;letter-spacing:-.8px;font-weight:800}.brand span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #b9d7d1;border-radius:50%;font:italic 20px var(--serif)}nav{display:grid;gap:6px;margin-top:70px}nav a{color:#b9c8cd;text-decoration:none;padding:11px 13px;border-radius:6px;font-weight:700;font-size:13px}nav a.active,nav a:hover{color:white;background:#26445a}.sidebar-foot{margin-top:auto;padding:14px 12px;border:1px solid #315168;background:#1b3a52;border-radius:7px;font:11px/1.5 var(--mono);color:#ccded9}.status-dot{height:7px;width:7px;background:#78c6a5;display:inline-block;border-radius:50%;margin-right:6px}main{max-width:1280px;width:100%;margin:0 auto;padding:0 6vw 60px}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.period{font:500 11px var(--mono);letter-spacing:.1em;color:#607980;margin:0}.topbar button{border:1px solid #c5d1cd;border-radius:5px;padding:8px 12px;background:transparent;color:var(--ink);font-size:12px;font-weight:800;cursor:pointer}.hero{padding:53px 0 34px;display:flex;justify-content:space-between;align-items:end}.eyebrow{font:500 10px var(--mono);letter-spacing:.13em;color:#718991;margin:0 0 10px}.hero h1{font:600 clamp(40px,5vw,61px)/.98 var(--serif);letter-spacing:-.06em;margin:0}.hero h1 em{color:var(--blue)}.hero>p{max-width:265px;margin:0;color:#697b80;font-size:13px;line-height:1.7}.metrics{display:grid;grid-template-columns:1.7fr 1fr 1fr;border:1px solid var(--line);background:#fff;border-radius:7px;overflow:hidden}.metrics article{min-height:150px;padding:25px;border-left:1px solid var(--line)}.metrics article:first-child{border-left:0}.metrics p{margin:0 0 17px;color:#718187;font:500 10px var(--mono);letter-spacing:.1em}.metrics strong{display:block;font-size:26px;letter-spacing:-1.1px}.metrics small{display:block;margin-top:18px;color:#5c8a7b;font-size:11px}.content{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:55px;margin-top:52px}.heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.heading h2{margin:0;font-size:20px;letter-spacing:-.7px}.heading>span{font:11px var(--mono);color:#718991}.transaction-list{border-top:1px solid var(--line)}.transaction{display:flex;gap:13px;align-items:center;border-bottom:1px solid var(--line);padding:16px 2px;text-decoration:none;color:inherit;cursor:pointer}.transaction:hover{background:#f3f6f4}.transaction-icon{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e3edeb;color:#357c6c;font-size:15px}.transaction-icon.income{background:#dcece4;color:#28745f}.transaction>div{display:grid;gap:3px}.transaction strong{font-size:13px}.transaction small{font-size:11px;color:#74848a}.amount{margin-left:auto;font:500 12px var(--mono)}.amount.income{color:#28745f}.empty{padding:30px 2px;color:#718187;font-size:13px;line-height:1.6}.whatsapp-box{align-self:start;background:#e6efec;padding:26px;border-radius:7px}.bubble{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#a9d2c4;color:#143f4b;font-size:21px;margin-bottom:34px}.whatsapp-box h2{font-size:20px;margin:0 0 11px;letter-spacing:-.8px}.whatsapp-box>p:not(.eyebrow){font-size:12px;line-height:1.7;color:#61747a;margin:0 0 20px}.whatsapp-box code{display:block;border-top:1px solid #bdd0c9;padding-top:15px;font:10px var(--mono);color:#386b63}@media(max-width:800px){.shell{display:block}.sidebar{min-height:auto;padding:18px 20px}.sidebar nav{display:none}.sidebar-foot{display:none}main{padding:0 22px 42px}.content{grid-template-columns:1fr;gap:30px}.hero{display:block}.hero>p{margin-top:20px}.metrics{grid-template-columns:1fr}.metrics article{border-left:0;border-top:1px solid var(--line)}.metrics article:first-child{border-top:0}}@media(max-width:430px){.hero h1{font-size:42px}.metrics strong{font-size:24px}}
.topbar-actions{display:flex;align-items:center;gap:10px}
.new-transaction{background:var(--ink);color:#fff;text-decoration:none;border-radius:5px;padding:10px 14px;font-size:12px;font-weight:800}
.new-transaction:hover{background:var(--blue)}
.empty-onboarding{border-bottom:1px solid var(--line)}.empty-onboarding strong{display:block;color:var(--ink);font-size:15px}.empty-onboarding p{max-width:480px;margin:8px 0 16px}.empty-onboarding a{display:inline-flex;color:var(--ink);font-size:12px;font-weight:800;text-decoration:none;border-bottom:1px solid #9bb5ae;padding-bottom:3px}
.whatsapp-example{margin:-8px 0 12px;padding:12px;border:1px solid #bdd0c9;border-radius:5px;background:#f4f8f6}.whatsapp-example span{display:block;margin-bottom:6px;color:#386b63;font:500 8px var(--mono);letter-spacing:.1em}.whatsapp-example q{display:block;color:#214c58;font-size:12px;font-weight:700;line-height:1.5}.whatsapp-box>small{display:block;margin:0 0 17px;color:#386b63;font:500 9px/1.5 var(--mono);letter-spacing:.04em}