@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#172033;background:#f4f6fa;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#172033;--muted:#7d8798;--line:#e8ebf1;--blue:#315de8;--green:#128267;--red:#d45252}*{box-sizing:border-box}body{margin:0;min-width:320px}.shell{max-width:1180px;margin:auto;padding:46px 32px 28px}.topbar,.section-title,.list-heading{display:flex;justify-content:space-between;align-items:center}.topbar{margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#8993a5;margin:0 0 8px}.topbar h1,h2{font-family:Manrope,sans-serif;margin:0;letter-spacing:-.6px}.topbar h1{font-size:34px}.subtitle{margin:6px 0 0;color:var(--muted);font-size:14px}.month-picker{font-size:12px;color:var(--muted);display:grid;gap:6px}.month-picker select{min-width:180px}.summary{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:15px;margin-bottom:22px}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 4px 18px #202c4207}.card{padding:20px 22px;display:flex;flex-direction:column;gap:7px}.card span{font-size:12px;color:var(--muted);font-weight:600}.card strong{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.7px}.card small{font-size:11px;color:#99a1af}.balance-card{background:#192947;color:#fff;border-color:#192947}.balance-card span,.balance-card small{color:#b9c5d9}.balance-card strong{color:#fff}.panels{display:grid;grid-template-columns:1fr 1.25fr;gap:16px;margin-bottom:17px}.panel{padding:23px}.section-title{margin-bottom:20px}.section-title h2,.list-heading h2{font-size:18px}.icon{height:33px;width:33px;border-radius:10px;display:grid;place-items:center;font-size:21px;font-weight:500}.income-icon{color:#16876a;background:#e6f6f0}.expense-icon{color:#d05252;background:#fff0ee}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:grid;gap:6px;font-size:11px;font-weight:600;color:#5e6879}.form-grid input,.form-grid select,.month-picker select{border:1px solid #e1e5ec;border-radius:8px;background:#fff;color:#252f42;padding:10px 11px;font:500 12px 'DM Sans',sans-serif;min-width:0;outline:none}.form-grid input:focus,.form-grid select:focus,.month-picker select:focus{border-color:#8fa8ff;box-shadow:0 0 0 3px #315de815}.wide{grid-column:1/-1}.button{border:0;border-radius:8px;padding:11px 14px;font:600 12px 'DM Sans',sans-serif;cursor:pointer}.primary{grid-column:1/-1;background:var(--blue);color:white;transition:background .15s}.primary:hover{background:#244bd0}.secondary{background:#f1f4fa;color:#40506b;border:1px solid #e4e8ef}.secondary:hover{background:#e8edf7}.transactions-panel{padding:22px 0 0}.list-heading{padding:0 23px 18px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;text-transform:uppercase;letter-spacing:.65px;color:#98a1b0;font-weight:700;background:#fafbfc;padding:11px 15px}td{font-size:12px;padding:13px 15px;border-top:1px solid #f0f2f6;color:#4d586b}td:first-child{color:#7b8493}.number{text-align:right}td.number{font-weight:700;color:var(--ink)}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.badge{display:inline-block;padding:4px 8px;border-radius:99px;background:#eef2ff;color:#485fc0;font-size:10px;font-weight:600}.type-badge{background:#e8f7f2;color:#128267}.type-badge.out{background:#fff0ee;color:#c14e4e}.delete{border:0;background:transparent;color:#a1a8b4;cursor:pointer;font-size:17px;padding:2px 7px}.delete:hover{color:var(--red)}.empty{text-align:center;color:#929baa;font-size:12px;padding:35px 14px}.privacy-note{border-top:1px solid #f0f2f6;margin:0;padding:13px 23px;font-size:10px;color:#9aa2af}footer{text-align:center;color:#a0a7b3;font-size:10px;padding:20px}footer span{padding:0 5px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px);background:#192947;color:white;padding:11px 16px;border-radius:9px;font-size:12px;opacity:0;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:780px){.shell{padding:28px 17px}.panels{grid-template-columns:1fr}.summary{gap:9px}.card{padding:16px}.card strong{font-size:20px}.card small{font-size:10px}.topbar h1{font-size:29px}.panel{padding:19px}.transactions-panel{padding:20px 0 0}.list-heading{padding:0 19px 16px}}@media(max-width:480px){.topbar{align-items:flex-start;gap:16px;flex-direction:column}.month-picker{width:100%}.month-picker select{width:100%}.summary{grid-template-columns:1fr 1fr}.balance-card{grid-column:1/-1}.card strong{font-size:19px}.form-grid{gap:10px}.form-grid input,.form-grid select{padding:10px 8px;font-size:11px}}
.account-panel{margin-bottom:17px}.auth-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.auth-form label{display:grid;gap:6px;font-size:11px;font-weight:600;color:#5e6879}.auth-form input{border:1px solid #e1e5ec;border-radius:8px;background:#fff;color:#252f42;padding:10px 11px;font:500 12px 'DM Sans',sans-serif;min-width:0;outline:none}.auth-actions{display:flex;gap:8px}.auth-actions .primary{flex:1}.account-copy{font-size:12px;color:var(--muted);margin:0 0 16px}.account-row{display:flex;align-items:center;justify-content:space-between}.account-row h2{font-size:17px}.account-message{font-size:12px;color:#40506b;margin-top:10px}.account-message:empty{display:none}.account-message.error{color:#bd4141}.setup-notice{margin-top:12px;padding:10px 12px;border-radius:8px;background:#fff7e4;color:#816221;font-size:11px}@media(max-width:620px){.auth-form{grid-template-columns:1fr}.auth-actions{display:grid;grid-template-columns:1fr 1fr}.account-row{align-items:flex-start;gap:10px}}
.account-buttons{display:flex;gap:8px;flex-wrap:wrap}
.data-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:620px){.list-heading{align-items:flex-start;gap:12px;flex-direction:column}.data-actions{justify-content:flex-start}.data-actions .button{padding:10px 11px}}