:root{--blue: #0050e6;--blue-deep: #003aa8;--orange: #ff5a00;--ink: #1b1f2a;--slate: #5b6475;--line: #d9e0ec;--mist: #eef3fb;--paper: #ffffff;--green: #12805c;--green-soft: #e3f4ec;--red: #c8372d;--amber: #b26a00;--radius-s: 8px;--radius-l: 18px;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#dfe7f5;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:1.5rem;font-weight:800;letter-spacing:-.01em}h3{font-size:1rem;font-weight:700;margin-top:1.5rem;margin-bottom:.5rem}p{line-height:1.5}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.muted{color:var(--slate)}.small{font-size:.85rem}.page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:start}.about{display:none}.app{width:100%;max-width:440px;min-height:100vh;background:var(--paper);display:flex;flex-direction:column;position:relative}@media (min-width: 900px){.page{grid-template-columns:360px 440px;gap:64px;justify-content:center;padding:48px 24px}.about{display:block;position:sticky;top:48px}.about h2{font-size:1.6rem;font-weight:800;letter-spacing:-.015em;margin:.5rem 0 1rem}.app{min-height:820px;border-radius:28px;box-shadow:0 30px 60px -30px #00287859;overflow:hidden}}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:var(--blue);color:#fff}.brand{margin:0;font-weight:800;font-size:1.15rem;letter-spacing:-.01em}.about .brand{color:var(--blue)}.topbar .sub{margin:2px 0 0;font-size:.85rem;opacity:.85}.lang{display:flex;background:#ffffff26;border-radius:999px;padding:3px}.lang button{border:0;background:transparent;color:#fff;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:700}.lang button.on{background:#fff;color:var(--blue)}.banner{background:#fff4ec;color:#7a3300;font-size:.85rem;padding:8px 20px}.link{background:none;border:0;color:var(--blue);text-decoration:underline;padding:0;font-weight:600}.reset{display:block;margin:0 20px 24px;color:var(--slate)}main{flex:1;overflow-y:auto}.screen{padding:20px 20px 32px}.tabs{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:var(--paper)}.tabs button{border:0;background:none;padding:14px 4px 16px;font-size:.85rem;font-weight:600;color:var(--slate);border-top:3px solid transparent}.tabs button.on{color:var(--blue);border-top-color:var(--orange)}.daynav{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.icon{border:1px solid var(--line);background:var(--paper);width:36px;height:36px;border-radius:50%;font-size:1.2rem;line-height:1;color:var(--ink)}.icon:disabled{opacity:.35;cursor:default}.summary{border:4px solid var(--ink);border-radius:var(--radius-l);padding:18px 18px 14px}.summary h2{color:var(--blue);font-size:1rem;font-weight:700;text-align:center;margin-bottom:12px}.summary dl{margin:0}.summary dl div{display:flex;justify-content:space-between;padding:6px 0}.summary dt{color:var(--slate)}.summary dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.summary dd.sales{color:var(--blue-deep)}.summary dd.expenses{color:var(--red)}.net{margin-top:10px;background:var(--green-soft);border-radius:var(--radius-s);padding:14px;text-align:center}.net span{display:block;color:var(--slate);font-size:.9rem}.net strong{display:block;font-size:2rem;font-weight:800;color:var(--green);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.net.negative{background:#fbe9e7}.net.negative strong{color:var(--red)}.till{margin:12px 0 0;text-align:center;font-size:.9rem;color:var(--slate)}.till b{color:var(--ink)}.chart{margin:20px 0 0}.chart figcaption{font-size:.85rem;color:var(--slate);margin-bottom:6px}.chart svg{width:100%;height:auto;display:block}.chart .axis{stroke:var(--line)}.chart .pos{fill:var(--blue)}.chart .neg{fill:var(--orange)}.chart .gap{fill:var(--line)}.entries{list-style:none;padding:0;margin:0}.entries li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.entries .cat{display:block;font-weight:600}.entries .note{display:block;font-size:.8rem;color:var(--slate)}.amt{font-weight:700;font-variant-numeric:tabular-nums}.amt.in{color:var(--green)}.amt.out{color:var(--red)}.del{width:28px;height:28px;font-size:1rem;color:var(--slate)}.empty{background:var(--mist);border-radius:var(--radius-s);padding:16px;text-align:center}.empty p{margin:0 0 10px;color:var(--slate)}.stack{display:flex;flex-direction:column;gap:14px;margin-top:16px}label span,legend{display:block;font-size:.85rem;font-weight:600;color:var(--slate);margin-bottom:6px}fieldset{border:0;padding:0;margin:0}input,select{width:100%;font:inherit;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--radius-s);background:var(--paper);color:var(--ink)}input[aria-invalid=true]{border-color:var(--red)}input.amount{font-size:1.8rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.error{color:var(--red);margin:-6px 0 0;font-size:.85rem}.hint{font-size:.8rem;color:var(--amber);margin:8px 0 0}.flash{min-height:1.5em;color:var(--green);font-weight:600;margin:0;text-align:center}.btn{border:0;border-radius:var(--radius-s);padding:14px 18px;font-weight:700;font-size:1rem}.btn.small{padding:10px 14px;font-size:.9rem}.btn.primary{background:var(--orange);color:#fff}.btn.primary.expense{background:var(--ink)}.btn.ghost{background:var(--paper);color:var(--blue);border:1.5px solid var(--blue)}.segmented{display:grid;grid-template-columns:1fr 1fr;background:var(--mist);border-radius:var(--radius-s);padding:4px;margin-top:16px}.segmented button{border:0;background:none;padding:10px;border-radius:6px;font-weight:700;color:var(--slate)}.segmented button.on.sale{background:var(--blue);color:#fff}.segmented button.on.expense{background:var(--ink);color:#fff}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1.5px solid var(--line);background:var(--paper);border-radius:999px;padding:7px 12px;font-size:.85rem;font-weight:600;color:var(--ink)}.chip.selected{border-color:var(--blue);background:var(--mist);color:var(--blue)}.overall{display:flex;justify-content:space-between;align-items:baseline;margin:16px 0 4px;padding:14px 16px;background:var(--mist);border-radius:var(--radius-s)}.overall strong{font-size:1.8rem;font-weight:800;color:var(--blue)}.overall small{font-size:.9rem;color:var(--slate);font-weight:600}.pillars{list-style:none;padding:0;margin:0}.pillars li{padding:16px 0;border-bottom:1px solid var(--line)}.pillar-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.pillars h3{margin:0;color:var(--blue)}.pillars .q{margin:2px 0 10px;font-weight:600;font-size:.9rem}.score{font-size:1.4rem;font-weight:800;font-variant-numeric:tabular-nums}.meter{height:8px;background:var(--mist);border-radius:999px;overflow:hidden}.meter span{display:block;height:100%;border-radius:999px}.meter.good span{background:var(--green)}.meter.mid span{background:#e0a100}.meter.low span{background:var(--red)}.pillars .small{margin:8px 0 0}.status{margin:16px 0;padding:14px;border-radius:var(--radius-s);text-align:center;font-weight:800;font-size:1.2rem;color:#fff}.status.ready{background:var(--green)}.status.almost{background:#e0a100;color:var(--ink)}.status.notYet{background:var(--orange)}.status.empty{background:var(--slate)}.checks{list-style:none;padding:0;margin:0}.checks li{display:flex;gap:12px;align-items:center;padding:9px 0}.checks li span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.8rem;color:#fff;flex:none}.checks li.ok span{background:var(--green)}.checks li.gap span{background:var(--orange)}.steps{padding-left:0;list-style:none;counter-reset:s;margin:0}.steps li{counter-increment:s;display:flex;gap:12px;align-items:center;padding:7px 0;font-weight:600}.steps li:before{content:counter(s);width:26px;height:26px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:.85rem;flex:none}.export{margin-top:24px}.export .btn{width:100%}.onboarding h1{margin-top:4px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}
