:root{--bg:#100e1a;--surface:#1b192b;--card:#252139;--raised:#302a46;--line:#ffffff16;--text:#f7f5ff;--muted:#a8a1bb;--lime:#beff38;--pink:#ff4fba;--yellow:#ffe34d;--cyan:#37deff;--violet:#ba86ff;--orange:#ff9a48;--red:#ff718a}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}a{color:inherit} .app{display:flex;min-height:100vh;max-width:1800px;margin:auto}.sidebar{width:248px;flex-shrink:0;padding:29px 16px;border-right:1px solid var(--line);background:#151322;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:0 12px 30px}.brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(130deg,var(--lime),var(--cyan));color:#14111d;font-size:25px;font-weight:1000}.brand strong{font-size:20px;letter-spacing:2px}.brand small{display:block;color:var(--muted);letter-spacing:1.6px;font-size:9px;margin-top:3px}.navlink{border:0;background:none;color:var(--muted);width:100%;display:flex;align-items:center;gap:13px;padding:13px 14px;text-align:left;border-radius:12px;margin:3px 0;font-size:14px;font-weight:600}.navlink .sym{font-size:19px;width:22px;text-align:center}.navlink:hover{background:#ffffff0b;color:white}.navlink.active{background:#312b42;color:var(--lime);box-shadow:inset 3px 0 var(--lime)}.side-bottom{margin-top:auto;padding:14px 9px 0;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.6}.side-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:6px}.main{width:100%;min-width:0;padding:28px 34px 100px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.eyebrow{color:var(--muted);letter-spacing:1.5px;font-size:11px;font-weight:700}.topbar h1{font-size:clamp(24px,3vw,34px);margin:7px 0 0;letter-spacing:-1.2px}.top-actions{display:flex;gap:10px;align-items:center}.iconbtn{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--card);border:1px solid var(--line);color:var(--text);font-size:18px}.avatar{background:linear-gradient(120deg,var(--pink),var(--violet));color:#1a1022;font-weight:900;font-size:14px}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 15px;border:1px solid #ffdf5842;background:#302a20;border-radius:12px;margin-bottom:21px;font-size:12px;color:#fce9ad}.demo-banner button{background:transparent;border:1px solid #fce9ad55;border-radius:9px;color:#ffeaa7;padding:7px 10px;white-space:nowrap}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:16px}.panel{background:var(--card);border:1px solid var(--line);border-radius:19px;padding:22px;min-width:0}.highlight{background:radial-gradient(ellipse at 110% -40%,#ba86ff55 0%,transparent 55%),linear-gradient(115deg,#292441,#1e1c31);border-color:#ba86ff45}.panel-label{color:#c0bad0;font-size:12px;font-weight:650}.hero-value{font-weight:800;letter-spacing:-2px;font-size:clamp(31px,4.8vw,47px);margin:13px 0 12px}.lime{color:var(--lime)}.violet{color:var(--violet)}.cyan{color:var(--cyan)}.pink{color:var(--pink)}.yellow{color:var(--yellow)}.orange{color:var(--orange)}.muted{color:var(--muted)}.sub{font-size:12px;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:7px;background:#ffffff0d;border:1px solid #ffffff12;border-radius:999px;padding:7px 10px;font-size:11px;color:#c9c3d7}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:21px}.btn{border:0;border-radius:11px;padding:11px 15px;font-size:12px;font-weight:800;color:#14111d;background:var(--lime)}.btn.secondary{background:#3b3452;color:white}.btn.pinkbtn{background:var(--pink);color:#17101d}.btn.cyanbtn{background:var(--cyan);color:#17101d}.btn.ghost{background:#ffffff0c;color:white;border:1px solid var(--line)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:17px}.stat{min-height:132px}.stat-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.stat .value{font-size:clamp(21px,2.45vw,28px);font-weight:780;letter-spacing:-1px;margin:19px 0 4px}.symbol{background:#ffffff0c;border-radius:10px;padding:6px 8px;font-size:19px}.content-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}.section-title{font-size:16px;font-weight:800;letter-spacing:-.4px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:10px}.mini-link{border:0;background:none;color:var(--cyan);font-size:12px;font-weight:750}.chart{height:160px;display:flex;align-items:end;gap:14px;border-bottom:1px solid #ffffff18;padding:0 8px 0}.barcol{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;height:100%;gap:8px;min-width:0}.bar{border-radius:7px 7px 0 0;width:100%;max-width:43px;min-height:4px;background:linear-gradient(180deg,var(--cyan),#435dd9)}.barcol:nth-child(even) .bar{background:linear-gradient(180deg,var(--pink),#7544b5)}.barcol small{font-size:10px;color:#bdb7ce;position:relative;bottom:-20px}.chart-wrap{padding-bottom:27px}.ledger-list{display:flex;flex-direction:column;gap:14px}.ledger-row{display:flex;align-items:center;gap:11px}.row-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;background:#363047;color:var(--cyan);font-size:19px}.ledger-desc{font-size:12px;font-weight:700}.ledger-date{font-size:11px;color:var(--muted);margin-top:3px}.ledger-amount{margin-left:auto;font-size:13px;font-weight:800;white-space:nowrap}.utility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.utility{padding:18px;border:1px solid var(--line);border-radius:16px;background:#242038;min-height:108px}.utility h3{margin:8px 0 4px;font-size:14px}.utility p{font-size:11px;color:var(--muted);line-height:1.5;margin:0}.tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.tab{border:1px solid #ffffff25;background:#ffffff0b;color:#c4bdd4;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:700}.tab.active{color:#18121c;background:var(--lime);border-color:var(--lime)}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.table th{color:var(--muted);font-weight:650;text-transform:uppercase;letter-spacing:.7px;font-size:10px;padding:13px 10px;border-bottom:1px solid #ffffff24}.table td{border-bottom:1px solid #ffffff10;padding:14px 10px}.tag{display:inline-block;border-radius:8px;background:#ffffff12;padding:5px 8px;color:#d4d0e0;font-size:10px}.empty{border:1px dashed #ffffff25;border-radius:12px;padding:24px;color:var(--muted);font-size:13px;text-align:center}.forms{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#cbc5da}.field.full{grid-column:1/-1}.field input,.field select{padding:12px 12px;border-radius:10px;border:1px solid #ffffff23;background:#1a1828;color:white;min-width:0;color-scheme:dark}.field input::placeholder{color:#8d879f}.modal-back{position:fixed;inset:0;background:#090713b8;z-index:20;display:grid;place-items:center;padding:16px}.modal{max-width:510px;width:100%;background:#252038;border:1px solid #ffffff28;border-radius:19px;padding:24px;box-shadow:0 20px 70px #0008;max-height:90vh;overflow:auto}.modal h2{margin:0 0 18px}.modal-head{display:flex;align-items:center;justify-content:space-between}.close{background:transparent;color:#bbb;border:0;font-size:23px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.notice{padding:11px;border-radius:10px;background:#393047;color:#ded4ec;font-size:12px;line-height:1.5;margin:13px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.subnav{font-size:12px;color:var(--muted);margin:0 0 18px}.empty-pill{display:inline-block;padding:5px 9px;border-radius:9px;background:#bfff3816;color:var(--lime);font-size:11px}.bottom-nav{display:none}.float-btn{display:none}.toast{position:fixed;right:20px;bottom:25px;background:#352e49;border:1px solid #bfff3866;box-shadow:0 12px 30px #0006;padding:14px 18px;border-radius:13px;color:#ecffcc;z-index:40;font-size:13px;max-width:350px}.warning{color:var(--yellow)}.privacy{color:var(--muted);line-height:1.5;font-size:12px}.subhead{font-size:13px;color:var(--muted);margin-bottom:18px}.listbtn{border:1px solid var(--line);color:white;background:#ffffff0b;padding:9px 12px;border-radius:10px;font-size:12px}.big-number{font-size:32px;font-weight:850;letter-spacing:-1px;margin:12px 0}.w100{width:100%}.hide{display:none!important}
@media(max-width:1040px){.sidebar{width:205px}.main{padding:23px}.stats{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.utility-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.sidebar{display:none}.main{padding:19px 15px 110px}.hero{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr;gap:10px}.panel{padding:17px;border-radius:16px}.hero-value{font-size:39px}.stat{min-height:113px}.stat .value{font-size:23px}.utility-grid{grid-template-columns:1fr 1fr;gap:10px}.topbar{margin-bottom:20px}.topbar h1{font-size:26px}.top-actions .iconbtn:first-child{display:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#191624eF;border-top:1px solid #ffffff22;display:flex;justify-content:space-around;padding:8px 3px calc(8px + env(safe-area-inset-bottom));backdrop-filter:blur(13px)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#a49bb6;background:none;border:0;font-size:9px;font-weight:700;min-width:0;padding:5px 2px}.bottom-nav button span{font-size:20px}.bottom-nav button.active{color:var(--lime)}.split,.forms{grid-template-columns:1fr}.field.full{grid-column:1}.modal{padding:18px}.demo-banner{align-items:flex-start}.demo-banner button{max-width:120px}.chart{gap:7px}}

.debt-state{display:inline-flex;gap:5px;align-items:center;flex-wrap:wrap;margin-top:7px}
.debt-status-button{border:1px solid #ffe34d70;background:#ffe34d17;color:#ffe34d;border-radius:9px;padding:6px 10px;font-weight:700;font-size:12px}
.debt-status-button.is-paid{border-color:#beff3875;background:#beff3815;color:#beff38}
.debt-status-button:hover{filter:brightness(1.2)}
.debt-virtual{border-left:2px solid #ff4fba35;padding-left:8px}
.debt-mini{font-size:11px;color:var(--muted)}
.ledger-row{flex-wrap:wrap}
.ledger-row .debt-inline{flex:1;min-width:160px}
@media(max-width:720px){.ledger-row .debt-state{width:100%}}
 .report-cards,.triple-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.report-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-stat{background:#161326;border:1px solid #ffffff20;border-radius:15px;padding:15px}.mini-stat h3{margin:5px 0;font-size:20px}.ledger-row .debt-state .listbtn{font-size:11px}@media(max-width:720px){.report-cards,.triple-grid{grid-template-columns:1fr 1fr}} 
.sync-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:44px;margin:-4px 0 17px;padding:9px 13px;background:#1d1a30;border:1px solid #ffffff20;border-radius:12px;font-size:12px;color:#d3cbe5}.sync-bar .sync-status{display:inline-flex;align-items:center;gap:6px;color:var(--cyan);font-weight:650}.sync-btn{padding:7px 12px;border-radius:9px;border:1px solid #ffffff2e;color:#f4edff;background:#302942;font-size:12px;font-weight:650}.sync-btn:hover{border-color:var(--lime)}.sync-details{color:#aca5c1}.sync-note{font-size:11px;color:#d8cc9c;margin:0}.sync-modal{position:fixed;z-index:99999;inset:0;display:flex;align-items:center;justify-content:center;background:#000b;padding:16px}.sync-modal-card{width:min(550px,100%);max-height:94vh;overflow-y:auto;background:#26213a;border:1px solid #ba86ff55;color:#f8f5ff;border-radius:18px;padding:23px;box-shadow:0 22px 80px #000b}.sync-modal-card h2{font-size:21px;margin:0 0 10px}.sync-modal-card p,.sync-modal-card li{font-size:13px;color:#c8bfd9;line-height:1.55}.sync-modal-card label{display:block;font-size:12px;margin:12px 0 5px;color:#d6cfea}.sync-modal-card input{display:block;width:100%;border:1px solid #ffffff29;border-radius:9px;background:#161323;color:#fff;padding:11px}.sync-modal-card .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.sync-modal-card button{border:1px solid #ffffff32;padding:10px 14px;border-radius:9px;background:#352c4a;color:white}.sync-modal-card button.primary{background:var(--lime);color:#171323;font-weight:800}.sync-modal-card button.danger{background:#672336}.sync-modal-card .msg{margin:12px 0;color:#ffe34d;font-size:12px}.sync-modal-card .muted{color:#aaa3bd}.sync-modal-card .warning{padding:10px;border:1px solid #ffe34d66;background:#45371c77;border-radius:10px}.sync-bar .pending{color:#ffe34d}.sync-bar .ok{color:#beff38}.sync-bar .bad{color:#ff718a}@media(max-width:600px){.sync-bar{gap:6px}.sync-details{width:100%}.sync-btn{padding:8px 9px}}