:root{--bg:#090b0f;--panel:#11151b;--panel2:#151a21;--line:#242b35;--text:#f3f6f8;--muted:#89939f;--green:#b8ff57;--green2:#71e36d;--red:#ff736a;--cyan:#57ded2;--shadow:0 24px 70px #0007}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;min-height:100vh;color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 65% 0%,#18231d 0,transparent 34%),var(--bg);overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(120px);opacity:.13;pointer-events:none}.ambient-one{width:500px;height:500px;background:var(--green);right:-240px;top:20%}.ambient-two{width:350px;height:350px;background:#347dff;left:-240px;bottom:0}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,78px);border-bottom:1px solid #ffffff0d;background:#090b0fd9;backdrop-filter:blur(14px);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-size:21px;letter-spacing:-.7px}.brand strong span{color:var(--green)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--green);color:#0a0d0b;font-weight:900;font-size:18px;box-shadow:0 0 25px #b8ff5730}.brand-mark span{font-size:12px}.header-actions{display:flex;gap:9px;align-items:center}button,.file-button{font:inherit;cursor:pointer}.icon-button{width:39px;height:39px;border:1px solid var(--line);border-radius:10px;background:#11151b;color:#b2bac2;font-size:18px}.primary{border:0;border-radius:10px;background:var(--green);color:#11150d;font-weight:750;padding:12px 18px;box-shadow:0 7px 25px #b8ff5720}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary.small{padding:10px 16px}.primary.full{width:100%;margin-top:8px}main{max-width:1500px;margin:auto;padding:55px clamp(24px,5vw,78px) 80px}.eyebrow,.kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--muted);margin:0 0 12px}.eyebrow{color:#b2bbba}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:7px}.balance-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.label{color:var(--muted);margin:0 0 3px}h1{font-size:clamp(48px,7vw,88px);line-height:1;letter-spacing:-5px;margin:0;font-weight:720;font-variant-numeric:tabular-nums}.live-card{min-width:310px;display:flex;gap:13px;align-items:flex-start;padding:17px 20px;border:1px solid #b8ff5729;background:linear-gradient(135deg,#152119dd,#10151a);border-radius:14px;box-shadow:0 18px 45px #0004}.live-card p{font-size:9px;letter-spacing:1.6px;color:var(--muted);margin:0 0 5px}.live-card strong{font-size:18px;color:var(--green);display:block}.live-card small{color:#768179}.pulse{width:8px;height:8px;margin-top:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #b8ff5712,0 0 14px var(--green);animation:pulse 1.8s infinite}@keyframes pulse{50%{opacity:.4;box-shadow:0 0 0 9px transparent}}.ticker{height:24px;margin-top:16px;color:var(--green);font-variant-numeric:tabular-nums}.ticker small{color:#525b63;margin-left:10px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:46px 0 14px}.metrics article{display:flex;align-items:center;gap:14px;background:#11151bd9;border:1px solid var(--line);border-radius:14px;padding:20px}.metric-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-size:18px}.metric-icon.income{background:#b8ff5714;color:var(--green)}.metric-icon.expense{background:#ff736a14;color:var(--red)}.metric-icon.profit{background:#57ded214;color:var(--cyan)}.metrics p{color:var(--muted);font-size:12px;margin:0}.metrics strong{font-size:22px;display:block;margin:2px 0}.metrics small{color:#59636e}.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.7fr);gap:14px}.panel{background:linear-gradient(145deg,#12161d,#0f1318);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 16px 50px #0002}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head .kicker{margin-bottom:2px}.panel h2,dialog h2{font-size:18px;margin:0;letter-spacing:-.3px}.legend{display:flex;gap:20px;color:var(--muted);font-size:11px}.legend span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.income-dot:before{background:var(--green)}.expense-dot:before{background:var(--red)}canvas{width:100%;height:230px}.round-add{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--green);font-size:18px}.item-list{display:flex;flex-direction:column;gap:8px}.list-item{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #202730;border-radius:11px;background:#0e1217}.list-item .avatar{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;color:var(--green);background:#b8ff5710;font-weight:800}.list-item .grow{flex:1;min-width:0}.list-item strong,.list-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item small{font-size:10px;color:var(--muted)}.list-item .amount{text-align:right}.list-item .amount strong{color:var(--green)}.delete{border:0;background:transparent;color:#5d6670;padding:3px;font-size:16px}.delete:hover{color:var(--red)}.empty{display:grid;place-items:center;text-align:center;min-height:160px;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.empty b{display:block;color:#aab2ba;margin-bottom:4px}.operations-panel{margin-top:14px}.text-button{background:none;border:0;color:var(--green);font-weight:650}.transaction-list{display:flex;flex-direction:column}.transaction{display:grid;grid-template-columns:44px 1fr auto auto;align-items:center;gap:13px;border-top:1px solid #1e252d;padding:12px 3px}.transaction:first-child{border-top:0}.transaction-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;background:#ffffff08}.transaction .meta strong,.transaction .meta small{display:block}.transaction .meta small{color:var(--muted);font-size:11px}.transaction .value{font-weight:750;font-variant-numeric:tabular-nums}.transaction.income .value{color:var(--green)}.transaction.expense .value{color:var(--red)}dialog{width:min(520px,calc(100% - 30px));padding:0;border:1px solid #2b343f;border-radius:18px;background:#11161c;color:var(--text);box-shadow:var(--shadow)}dialog::backdrop{background:#05070ac9;backdrop-filter:blur(5px)}dialog form{padding:28px;position:relative}dialog .close{position:absolute;right:18px;top:17px;width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:#ffffff05;color:var(--muted);font-size:20px}dialog h2{font-size:25px;margin-bottom:24px}dialog label{display:block;color:#aeb6bf;font-size:12px;margin:14px 0}input,select{width:100%;margin-top:7px;padding:12px 13px;border:1px solid #2a333e;border-radius:9px;background:#0b0f14;color:var(--text);outline:none}input:focus,select:focus{border-color:#8cc646}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toggle{display:grid;grid-template-columns:1fr 1fr;background:#0b0f14;border-radius:10px;padding:4px}.toggle label{margin:0}.toggle input{display:none}.toggle span{display:block;text-align:center;padding:9px;border-radius:8px;color:var(--muted);cursor:pointer}.toggle input:checked+span{background:#232b25;color:var(--green)}.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.secondary{border:1px solid var(--line);border-radius:10px;background:#171d25;color:#c9d0d6;padding:12px;text-align:center}.file-button{margin:0!important}.file-button input{display:none}.hint{font-size:11px;color:#69737d;line-height:1.6;margin:17px 2px}#toast{position:fixed;z-index:20;left:50%;bottom:28px;transform:translate(-50%,20px);background:#e9f5dd;color:#16200e;border-radius:10px;padding:11px 18px;font-weight:700;opacity:0;pointer-events:none;transition:.25s}#toast.show{opacity:1;transform:translate(-50%,0)}
.list-item.expense-item .avatar{color:var(--red);background:#ff736a10}.list-item.expense-item .amount strong{color:var(--red)}
.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px;padding-top:20px;border-top:1px solid #33252a}.danger-zone strong,.danger-zone small{display:block}.danger-zone strong{font-size:12px;color:#e8c7c5}.danger-zone small{max-width:260px;margin-top:3px;color:#765e61;font-size:10px}.danger-button{flex:none;padding:9px 12px;border:1px solid #693638;border-radius:9px;background:#2a171a;color:#ff8982;font-size:11px;font-weight:750}.danger-button:hover{background:#3a1d20;border-color:#a54a4d}
@media(max-width:850px){.balance-row{align-items:flex-start;flex-direction:column}.live-card{width:100%}.content-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}h1{letter-spacing:-3px}.header-actions .icon-button:first-child{display:none}}@media(max-width:520px){header{padding:0 17px}.brand strong{display:none}main{padding:35px 17px 60px}.primary.small{font-size:0}.primary.small:first-letter{font-size:17px}.metrics{margin-top:32px}.form-row,.backup-grid{grid-template-columns:1fr}.transaction{grid-template-columns:38px 1fr auto}.transaction .delete{display:none}.legend{display:none}}