:root{color-scheme:dark;--bg:#0b1425;--panel:#131f33;--panel2:#1b2b43;--text:#eef5fa;--muted:#9eb0c5;--border:#2b3b50;--green:#40d9a7;--red:#ff8192;--blue:#8dbdff;--shadow:0 12px 35px #02081748}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--green)}.loading{display:grid;min-height:100dvh;place-content:center;text-align:center}.logo{background:var(--green);color:#09251e;width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-size:27px;font-weight:900}.loading .logo{margin:auto}.shell{max-width:1250px;margin:auto;display:grid;grid-template-columns:244px 1fr;min-height:100dvh}.sidebar{padding:28px 15px;background:#101b2d;border-right:1px solid var(--border);position:sticky;top:0;height:100dvh}.brand{display:flex;align-items:center;gap:13px;margin-bottom:35px;padding:3px 10px}.brand strong{font-size:22px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:1px}.nav{width:100%;border:0;text-align:left;padding:14px 15px;background:none;color:var(--muted);border-radius:12px;margin:3px 0;font-weight:650}.nav.active,.nav:hover{background:#233a4b;color:var(--green)}.nav .symbol{display:inline-block;width:27px}.main{min-width:0;padding:26px 34px 95px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px}.top h1{margin:0;font-size:29px;letter-spacing:-.8px}.eyebrow{color:var(--muted);font-size:13px}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid var(--border);background:var(--panel2);color:var(--text);padding:10px 14px;border-radius:11px;font-weight:700}.btn:hover{filter:brightness(1.15)}.btn.primary{background:var(--green);border-color:var(--green);color:#05241b}.btn.danger{color:var(--red)}.btn.small{padding:6px 10px;font-size:12px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:23px}.card,.section,.item{background:var(--panel);border:1px solid var(--border);border-radius:17px;box-shadow:var(--shadow)}.card{padding:20px}.card .amount{font-size:clamp(23px,3vw,34px);font-weight:850;letter-spacing:-1px;margin:8px 0}.muted{color:var(--muted)}.green{color:var(--green)}.red{color:var(--red)}.section{padding:20px;margin-bottom:18px}.section h2{font-size:17px;margin:0 0 14px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.section-head h2{margin:0}.item{padding:15px;margin:10px 0;box-shadow:none;display:flex;justify-content:space-between;gap:12px;align-items:center}.item-main{min-width:0}.item-title{font-weight:750;overflow-wrap:anywhere}.item-meta{color:var(--muted);font-size:12px;margin-top:5px}.item-right{text-align:right;flex-shrink:0}.item-right strong{display:block}.item-actions{display:flex;gap:5px;justify-content:flex-end;margin-top:6px}.empty{text-align:center;padding:30px 16px;color:var(--muted)}.pill{display:inline-block;padding:4px 8px;border-radius:20px;background:var(--panel2);font-size:12px;color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field.span{grid-column:1/-1}label{font-size:12px;color:var(--muted);font-weight:700}input,textarea,select{width:100%;background:#0c1728;border:1px solid #344760;color:var(--text);border-radius:10px;padding:11px;min-height:43px}textarea{min-height:75px;resize:vertical}input:focus,select:focus{outline:2px solid #3ad7a569}.modal-backdrop{position:fixed;inset:0;background:#020713cf;z-index:20;display:flex;align-items:center;justify-content:center;padding:15px}.modal{width:min(610px,100%);max-height:94dvh;overflow:auto;background:#142238;border:1px solid #41516a;border-radius:20px;padding:23px}.modal h2{margin-top:0}.modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.split-row{display:grid;grid-template-columns:1fr 125px;align-items:center;gap:10px;margin:7px 0}.split-row input[type=checkbox]{width:20px;min-height:auto}.split-person{display:flex;align-items:center;gap:7px}.split-person label{color:var(--text);font-size:14px}.hint{font-size:12px;color:var(--muted);line-height:1.6}.notice{padding:12px;background:#264135;border:1px solid #397c60;border-radius:11px;color:#b9f4d9;margin-bottom:15px}.error{background:#45252e;border-color:#9b3c54;color:#ffd5da}.mobile-nav{display:none}.statement{background:white;color:#1d2837;padding:40px;max-width:850px;margin:auto;border-radius:10px}.statement h1{margin:0}.statement .muted{color:#667}.statement table{width:100%;border-collapse:collapse;margin:24px 0;font-size:13px}.statement th,.statement td{border-bottom:1px solid #d9dde5;text-align:left;padding:9px 6px}.statement .total{text-align:right;font-size:19px;font-weight:bold}.statement-actions{display:flex;gap:10px;justify-content:flex-end;margin-bottom:16px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tabs .btn.active{color:var(--green);border-color:var(--green)}@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:22px 16px 105px}.mobile-nav{display:flex;position:fixed;z-index:10;bottom:0;left:0;right:0;justify-content:space-around;background:#132239ee;border-top:1px solid var(--border);padding:9px 6px max(9px,env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:none;color:var(--muted);font-size:11px;min-width:58px;padding:7px 2px}.mobile-nav button.active{color:var(--green)}.mobile-nav span{display:block;font-size:20px}.top h1{font-size:24px}.cards{gap:8px}.card{padding:13px}.card .amount{font-size:21px}}@media(max-width:520px){.cards{grid-template-columns:1fr 1fr}.cards .card:last-child{grid-column:1/-1}.grid2,.form-grid{grid-template-columns:1fr}.section{padding:14px}.top{align-items:flex-start;flex-direction:column}.item{align-items:flex-start}.item-right{max-width:45%}.modal{padding:16px}.statement{padding:15px;overflow:auto}}@media print{body{background:#fff;color:#111}.sidebar,.mobile-nav,.top,.statement-actions,.no-print{display:none!important}.shell{display:block}.main{padding:0}.statement{border-radius:0;padding:0;max-width:100%}@page{size:A4;margin:15mm}}
/* v1.2 pocket-ledger printing: print the statement, not the dialog chrome */
@media print {
  body.printing-pocket {background:white!important;color:#111!important}
  body.printing-pocket .shell,body.printing-pocket .mobile-nav{display:none!important}
  body.printing-pocket #modalBack{position:static!important;display:block!important;background:white!important;padding:0!important;overflow:visible!important}
  body.printing-pocket #modalBack .modal{width:100%!important;max-height:none!important;overflow:visible!important;border:0!important;background:white!important;padding:0!important}
  body.printing-pocket #pocketStatementPrint{display:block!important;width:100%!important;max-width:none!important;overflow:visible!important}
  body.printing-pocket .no-print,body.printing-pocket .statement-actions{display:none!important}
  body.printing-pocket .statement table{font-size:11px}
}

@media(max-width:850px){.mobile-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px}.mobile-nav button{min-width:0;font-size:10px;overflow:hidden}.mobile-nav span{font-size:19px}}