:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#193a31;background:#f5f8f6;--accent:#128064;--accent-dark:#0b654c;--pale:#e7f4ed;--border:#e6efea;--shadow:0 10px 30px rgba(17,57,40,.055)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #60bba4;outline-offset:2px}.shell{max-width:1100px;min-height:100vh;margin:0 auto;padding:18px 19px 120px}.header{display:flex;gap:11px;align-items:center;padding:9px 0 24px}.brandmark{height:43px;width:43px;display:grid;place-items:center;background:var(--accent);color:white;border-radius:15px;font-size:21px;font-weight:900;letter-spacing:-3px;padding-right:4px}.brandmark span{color:#c6f5e0}.brandcopy{display:grid;gap:3px;flex:1}.brandcopy strong{font-size:16px;letter-spacing:.015em}.brandcopy small{color:#899a91;font-size:11px}.iconbtn{background:white;border:1px solid var(--border);border-radius:14px;min-width:42px;height:42px;color:var(--accent);font-size:20px}.status{border-radius:12px;padding:11px 14px;margin:0 0 17px;font-size:12px;line-height:1.5;background:#fff6e2;color:#946b19}.status.ok{background:var(--pale);color:var(--accent-dark)}.status:empty{display:none}.layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.panel{background:#fff;border:1px solid var(--border);border-radius:22px;padding:20px;box-shadow:var(--shadow)}.panel+.panel{margin-top:13px}.hero{background:linear-gradient(140deg,var(--accent),var(--accent-dark));color:white;border:0;padding:25px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:210px;height:210px;border:1px solid #ffffff20;border-radius:50%;top:-120px;right:-20px;box-shadow:0 0 0 35px #ffffff09,0 0 0 75px #ffffff06;pointer-events:none}.hero small{color:#e0f4eb}.herovalue{font-size:clamp(29px,6vw,42px);font-weight:800;letter-spacing:-1.8px;line-height:1.3;margin:10px 0 8px}.muted{color:#8b9a93}.sm{font-size:12px}.hint{font-size:12px;color:#81958a;line-height:1.6}.eyebrow{font-size:12px;letter-spacing:.03em;color:#85998c;font-weight:650}.hero .eyebrow{color:#ddf2e9}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:19px 0}.btn{border:0;border-radius:13px;padding:13px 17px;font-weight:750;background:var(--accent);color:white;transition:transform .12s}.btn:active{transform:scale(.98)}.btn.secondary{color:var(--accent);background:var(--pale)}.btn.ghost{color:var(--accent);background:white;border:1px solid var(--border)}.btn.block{width:100%}.metricgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:13px 0 19px}.metric{background:white;border:1px solid var(--border);border-radius:18px;padding:17px;min-width:0}.metric .num{font-size:clamp(17px,3vw,23px);font-weight:800;letter-spacing:-.5px;margin-top:10px;overflow-wrap:anywhere}.metric .foot{font-size:11px;color:#8e9b92;margin-top:7px}.secthead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:21px 0 12px}.secthead h2{font-size:18px;margin:0;letter-spacing:-.4px}.secthead .tiny{font-size:12px;color:var(--accent);border:0;background:none;font-weight:750}.listrow{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #edf2ef;gap:10px}.listrow:last-child{border-bottom:0}.listrow .lhs{min-width:0}.listrow strong{display:block;font-size:13px;font-weight:740;overflow-wrap:anywhere}.listrow small{display:block;font-size:11px;color:#93a299;margin-top:5px}.amount{font-weight:780;font-size:13px;white-space:nowrap}.amount.credit{color:#09865b}.amount.debit{color:#cb6859}.pill{display:inline-flex;border-radius:20px;padding:6px 10px;background:var(--pale);color:var(--accent);font-size:11px;font-weight:750}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.field{min-width:0;margin-bottom:14px}.field.wide{grid-column:1/-1}.field label{display:block;margin-bottom:8px;font-size:12px;color:#587063;font-weight:750}.field input,.field select,.field textarea,.logininput{display:block;border:1px solid #dce8e0;padding:13px 12px;border-radius:12px;width:100%;font-size:15px;color:#1d3b31;background:white;min-height:47px}.field textarea{min-height:94px;resize:vertical}.warning{font-size:12px;color:#936a1b;background:#fff8e8;border-radius:12px;padding:12px 14px;line-height:1.55}.successnote{font-size:12px;color:#147451;background:#ebf7f0;border-radius:12px;padding:12px 14px;line-height:1.55}.divider{border:0;border-top:1px solid var(--border);margin:14px 0}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#ffffffed;border-top:1px solid #dfeae4;backdrop-filter:blur(15px);padding:7px max(8px,env(safe-area-inset-left)) max(9px,env(safe-area-inset-bottom));display:flex;justify-content:center;gap:2px}.bottomnav button{color:#83948a;border:0;background:none;min-width:60px;flex:1;max-width:130px;font-size:10px;letter-spacing:-.1px;padding:7px 4px}.bottomnav button svg{display:block;margin:0 auto 4px;width:22px;height:22px;stroke-width:1.8}.bottomnav button.active{color:var(--accent);font-weight:800}.toast{position:fixed;bottom:95px;left:50%;transform:translate(-50%,12px);border-radius:13px;padding:12px 16px;background:#163d2f;color:white;opacity:0;pointer-events:none;z-index:50;max-width:90vw;font-size:13px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.themes{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.theme{border-radius:15px;border:2px solid var(--border);padding:12px 4px;background:white;font-size:11px;text-align:center}.theme i{display:block;margin:0 auto 8px;width:29px;height:29px;border-radius:100px}.theme.selected{border-color:var(--accent)}.bars{height:160px;display:flex;align-items:end;gap:12px;padding:10px 3px 25px;border-bottom:1px solid var(--border)}.barcol{flex:1;position:relative;min-width:0}.barcol b{display:block;background:var(--accent);min-height:6px;border-radius:6px 6px 0 0;opacity:.82}.barcol span{position:absolute;bottom:-23px;width:100%;text-align:center;color:#80958a;font-size:11px}.subnav{display:flex;gap:8px;overflow:auto;margin-bottom:13px}.subnav button{white-space:nowrap;border:0;background:#eaf2ed;color:#526e5c;border-radius:22px;padding:9px 15px;font-size:12px;font-weight:700}.subnav button.sel{background:var(--accent);color:white}.thread{display:flex;flex-direction:column;gap:10px;min-height:280px;max-height:440px;overflow:auto;padding:12px 0}.bubble{background:#f0f5f1;padding:13px;border-radius:15px;white-space:pre-wrap;font-size:13px;line-height:1.6;max-width:91%;align-self:start}.bubble.mine{background:var(--pale);align-self:end}.chatcompose{display:grid;gap:9px}.chatcompose textarea{width:100%;min-height:72px;padding:12px;border:1px solid var(--border);border-radius:13px;resize:vertical}.progress{background:#e5efe8;height:9px;border-radius:99px;overflow:hidden;margin:14px 0}.progress>span{display:block;background:var(--accent);height:100%;border-radius:99px}.tablewrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th,.data-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #edf2ee;white-space:nowrap}.data-table th{color:#748f80;font-weight:760}.toggle{display:flex;align-items:center;gap:9px;font-size:12px;color:#657c6d}.toggle input{width:17px;height:17px}.empty{text-align:center;padding:28px 14px;color:#8a9c90;font-size:13px}.brandfooter{font-size:11px;text-align:center;color:#a4b1a9;padding:20px}.login{max-width:430px;margin:65px auto}.login h1{font-size:27px;letter-spacing:-1px}.login p{font-size:13px;color:#7a8d80;line-height:1.6}.logininput{margin:14px 0}.login .btn{width:100%}.twoCol{display:grid;gap:12px}.statline{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:8px 0}.statline b{font-weight:800}.demoRibbon{font-size:11px;text-align:center;padding:9px;background:#fff4e1;color:#966718;border-radius:12px;margin-bottom:14px}@media(min-width:760px){.shell{padding:26px 35px 100px}.layout{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.metricgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.twoCol{grid-template-columns:1fr 1fr}.herovalue{font-size:43px}.bottomnav{width:650px;left:50%;transform:translateX(-50%);border:1px solid var(--border);border-radius:22px 22px 0 0}}

@media print{body{background:white}.bottomnav,.header .iconbtn,.actions,.status{display:none!important}.shell{max-width:100%;padding:0}.panel{box-shadow:none;break-inside:avoid}.layout{display:block}}