:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#091321;color:#eef5fd;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 100% 0%,#183552 0,transparent 42%),#091321;min-height:100vh}.page{max-width:850px;margin:0 auto;padding:calc(28px + env(safe-area-inset-top)) 18px calc(32px + env(safe-area-inset-bottom))}header{margin:12px 0 26px}h1{font-size:clamp(27px,5vw,36px);letter-spacing:-1.2px;margin:7px 0}h2{margin:0;font-size:19px;letter-spacing:-.45px}p{color:#aabacc;line-height:1.5}.eyebrow{font-size:11px;color:#75dacb;letter-spacing:2px;font-weight:800}header.top{display:flex;align-items:center;justify-content:space-between;gap:10px}.top p{margin:0;font-size:12px}.ghost{background:#22344a;color:#d7e8f5;border:1px solid #344961;border-radius:14px;padding:11px 13px}.monthpicker{display:flex;align-items:center;justify-content:space-between;background:#111f30;border:1px solid #25364a;border-radius:18px;padding:8px 13px;margin-bottom:20px}.arrow{font-size:30px;text-decoration:none;color:#a7ccdb;padding:0 10px}.monthlabel{font-size:10px;color:#90a8bc;text-align:center;text-transform:uppercase;letter-spacing:1px}.monthlabel input{display:block;margin-top:4px;font-size:17px;font-weight:800;text-align:center;padding:2px;background:transparent;border:0;color:white;width:190px}.accounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account{border-radius:20px;padding:20px;min-width:0;border:1px solid #2e4a5d;background:linear-gradient(145deg,#153949,#122532)}.account.you{border-color:#454464;background:linear-gradient(145deg,#303051,#192138)}.account>span{font-size:11px;letter-spacing:1.4px;font-weight:800;color:#9ce1d6}.account.you>span{color:#bdb3f5}.account h2{font-size:clamp(21px,3.5vw,30px);margin:13px 0 3px;word-break:break-word}.account h2 small{font-size:13px;font-weight:500;color:#b1c5d3}.account p{font-size:12px;margin:0 0 18px}.accountstats{display:grid;gap:12px;padding-top:14px;border-top:1px solid #ffffff22}.accountstats div{display:flex;justify-content:space-between;gap:8px;color:#a6bbcd;font-size:12px}.accountstats strong{color:#eef4fc;font-size:12px;text-align:right}.opening{margin-top:16px;font-size:11px;line-height:1.6;color:#a9c2d0}.addbtn,.primary{display:block;border:0;border-radius:15px;padding:17px 16px;background:#65d7c5;color:#092b2c;font-weight:800;font-size:15px;text-align:center;width:100%;cursor:pointer}.addbtn{margin:20px 0}.panel{background:#112134;border:1px solid #2b4056;border-radius:19px;padding:21px}.form{display:grid;gap:16px}.form h2{margin:12px 0 0}.form label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#c6d6e3}.form input,.form select{appearance:auto;background:#0b1828;border:1px solid #344b60;border-radius:12px;color:#eff8ff;width:100%;min-width:0;min-height:49px;padding:12px 13px;font:inherit;font-size:16px}.form input:focus,.form select:focus{outline:2px solid #65d7c5}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin:9px 0 17px;gap:12px}.sectionhead span{font-size:12px;color:#a0b5c8}.xbutton{border:0;background:transparent;color:#aec2d5;font-size:19px}.pillbar{display:flex;gap:10px}.pillbar label{flex:1}.pillbar input{position:absolute;opacity:0;width:0}.pillbar span{display:block;text-align:center;padding:12px 8px;border:1px solid #3e5065;border-radius:12px;cursor:pointer;color:#b7c8d8}.pillbar input:checked+span{background:#265047;border-color:#65d7c5;color:#e1fff8}.activity{margin-top:26px}.transactions{display:grid;gap:8px}.tx{display:flex;align-items:center;gap:12px;background:#111f30;border:1px solid #24364a;border-radius:15px;padding:14px 12px}.txicon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#1c3748;color:#89dccf;flex-shrink:0}.txbody{display:grid;gap:5px;min-width:0;flex:1}.txbody strong{font-size:14px;overflow-wrap:anywhere}.txbody small{font-size:11px;color:#9eafc1}.txright{text-align:right;flex-shrink:0}.txright strong{font-size:13px}.expense{color:#ffaea7}.income{color:#8be3bd}.del{background:none;border:0;color:#839aaf;text-decoration:underline;font-size:11px;padding:7px 0 0;cursor:pointer}.empty{padding:30px;text-align:center;background:#111e2e;border-radius:15px}.error{background:#593033;color:#fff2f2;border-radius:10px;padding:14px;margin:15px 0}.loginhead{margin-top:65px}.bottomspace{height:25px}@media(max-width:520px){.page{padding:calc(18px + env(safe-area-inset-top)) 12px calc(30px + env(safe-area-inset-bottom))}.account{padding:14px 11px}.accountstats div{display:grid;gap:3px}.accountstats strong{text-align:left}.account h2{font-size:23px}.tx{gap:8px}.txright strong{font-size:12px}.txbody small{font-size:10px}}

.configgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settingsform{margin:0}.settingsform .secondary,.panel .secondary{border:1px solid #80cec7;background:#153c42;color:#c1f4ed;border-radius:11px;padding:13px;font:inherit;font-weight:600;cursor:pointer}.panel>p{color:#a2b4c5;line-height:1.5}.panel>small{display:block;color:#a2b4c5;margin-top:10px}@media(max-width:650px){.configgrid{grid-template-columns:1fr}}
.notice{margin:-7px 0 18px;padding:12px 14px;border:1px solid #7d6636;border-radius:12px;background:#332b1e;color:#f2d799;font-size:13px}.account-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px}.account-filters button{min-height:42px;border:1px solid #344b60;border-radius:12px;background:#111f30;color:#aebfd0;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.account-filters button.active{border-color:#65d7c5;background:#265047;color:#e1fff8}.tx[hidden]{display:none}.category-add{padding-bottom:20px;border-bottom:1px solid #2b4056}.category-manager{margin-top:17px}.category-manager summary{cursor:pointer;color:#c1f4ed;font-weight:700;font-size:13px;padding:5px 0}.category-list{display:grid;gap:8px;margin-top:14px}.category-row{display:flex;align-items:center;gap:8px}.category-rename{display:flex;flex:1;gap:8px;min-width:0}.category-rename input{background:#0b1828;border:1px solid #344b60;border-radius:10px;color:#eff8ff;min-width:0;width:100%;padding:10px;font:inherit}.smallbtn{border:1px solid #526a7d;background:#1b3043;color:#d9e9f5;border-radius:9px;padding:8px 10px;cursor:pointer}.category-delete{padding:8px;color:#dca9a6}.offline{display:grid;place-items:center;text-align:center;min-height:70vh}.offline .panel{max-width:480px}
.collapsible-panel{margin-top:14px;padding:0;overflow:hidden}.collapsible-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 21px;cursor:pointer;list-style:none;user-select:none}.collapsible-summary::-webkit-details-marker{display:none}.collapsible-summary span{display:flex;align-items:center;gap:8px;color:#9fb4c7;font-size:12px;white-space:nowrap}.collapsible-summary span::after{content:'⌄';display:inline-block;color:#75dacb;font-size:19px;line-height:1;transition:transform .18s ease}.collapsible-panel[open]>.collapsible-summary{border-bottom:1px solid #2b4056}.collapsible-panel[open]>.collapsible-summary span::after{transform:rotate(180deg)}.collapsible-content{padding:3px 21px 21px}.collapsible-content>p{color:#a2b4c5;line-height:1.5}.collapsible-content>small{display:block;color:#a2b4c5;margin-top:10px}
.chart-panel{margin-top:14px}.chart-panel .sectionhead{margin-top:0}.chart-subtitle{margin:-8px 0 16px;color:#9fb4c7;font-size:13px}.chart-layout{display:grid;grid-template-columns:minmax(230px,320px) minmax(0,1fr);gap:24px;align-items:center}.chart-canvas-wrap{display:grid;place-items:center}.chart-canvas-wrap canvas{display:block;width:min(100%,320px);height:auto}.chart-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.legend-item{display:flex;align-items:center;gap:9px;min-width:0}.legend-swatch{width:12px;height:12px;border-radius:50%;flex:0 0 12px}.legend-item div{display:grid;gap:2px;min-width:0}.legend-item strong{font-size:13px;overflow-wrap:anywhere}.legend-item small{color:#9fb4c7;font-size:11px}.chart-color-0{background:#65d7c5}.chart-color-1{background:#a78bfa}.chart-color-2{background:#ff9f7f}.chart-color-3{background:#f6c85f}.chart-color-4{background:#6fb1fc}.chart-color-5{background:#ec6f9e}.chart-color-6{background:#7bd389}.chart-color-7{background:#ffcc80}.chart-color-8{background:#8d99ae}.chart-color-9{background:#c77dff}.chart-color-10{background:#4dd0e1}.chart-color-11{background:#ff6b6b}.chart-color-12{background:#90be6d}.chart-color-13{background:#f9844a}.chart-color-14{background:#577590}.chart-color-15{background:#e9c46a}.chart-color-16{background:#b8e0d2}.chart-color-17{background:#f28482}.chart-color-18{background:#84a59d}.chart-color-19{background:#f5cac3}.chart-color-20{background:#00b4d8}.chart-color-21{background:#bdb2ff}.chart-color-22{background:#ffd166}.chart-color-23{background:#06d6a0}@media(max-width:650px){.chart-panel{padding:17px;background:linear-gradient(160deg,#142a3d,#101e30)}.chart-panel .sectionhead{align-items:flex-start;margin-bottom:15px}.chart-panel .sectionhead h2{max-width:75%;line-height:1.2}.chart-subtitle{margin:-7px 0 10px;font-size:12px}.chart-layout{grid-template-columns:1fr;gap:18px}.chart-canvas-wrap{width:min(100%,286px);margin:0 auto;padding:8px;border:1px solid #263f55;border-radius:50%;background:radial-gradient(circle,#13263a 0 53%,#0d1929 54% 100%);box-shadow:0 12px 30px #050b144d}.chart-canvas-wrap canvas{width:100%}.chart-legend{grid-template-columns:1fr;gap:7px}.legend-item{gap:10px;padding:10px 12px;border:1px solid #26394d;border-radius:12px;background:#0b1828}.legend-swatch{width:10px;height:30px;border-radius:7px;flex-basis:10px}.legend-item div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;width:100%}.legend-item strong{font-size:13px}.legend-item small{font-size:11px;text-align:right;white-space:nowrap}}
button,a,input,select{touch-action:manipulation}@media(max-width:520px){.category-row{align-items:stretch}.category-rename{display:grid;grid-template-columns:minmax(0,1fr) auto}.category-delete{min-height:44px}}