*{box-sizing:border-box}html{background:#030806;color-scheme:dark}body{margin:0;min-height:100vh;color:#f4fff1;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 50% 0%,#163c21 0%,#08130c 40%,#030806 85%)}.shell{max-width:1120px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,rgba(2,10,5,.08),#06100a 58%,#030806);border-inline:1px solid #1f3c24;box-shadow:0 0 80px #0009}.banner{width:100%;margin:0;line-height:0;background:#030806}.banner img{width:100%;height:auto;display:block;object-fit:contain}main{max-width:980px;margin:auto;padding:26px clamp(16px,4vw,38px) 54px}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.top-stats{margin-bottom:18px}.stat,.card,.profit{border:1px solid #3b613d;border-radius:18px;background:linear-gradient(155deg,#122319,#07130c);box-shadow:0 9px 25px #0006,inset 0 1px #d8ffd30c}.stat{padding:20px 24px;border-top:2px solid #9dfb31}.stat small{display:block;color:#a6c6a9;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.stat strong{font-size:clamp(25px,4vw,36px);font-weight:850;color:#edffdf;letter-spacing:-1px;font-variant-numeric:tabular-nums}.card{padding:25px;margin-bottom:18px}.entry-card{border-top:2px solid #b4ff4b}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field{min-width:0}.wide{grid-column:1/-1}label{display:block;color:#c3d8c5;font-size:12px;font-weight:750;letter-spacing:.3px;margin-bottom:8px}input{width:100%;border:1px solid #42624a;background:#07120b;color:#f6fff3;border-radius:11px;padding:14px;font:inherit;font-size:16px;outline:none;box-shadow:inset 0 2px 5px #0005}input:focus{border-color:#a7ff42;box-shadow:0 0 0 3px #8fff2530}input::placeholder{color:#75917a}details{margin-top:20px;border-top:1px solid #29452f;padding-top:17px}summary{cursor:pointer;color:#b9ff66;font-size:14px;font-weight:750;list-style:none}summary:after{content:'+';float:right;font-size:19px;line-height:16px}details[open] summary:after{content:'−'}details .grid{margin-top:19px}.profit{text-align:center;padding:25px;margin-bottom:18px;background:radial-gradient(ellipse at 50% 0%,#20471c,#0a2311 70%);border:2px solid #a3fb3d;box-shadow:0 0 25px #65ef231c,inset 0 1px #eaffd225}.profit small{text-transform:uppercase;letter-spacing:1.4px;color:#b5dca8;font-size:12px;font-weight:750}.amount{font-size:clamp(38px,7vw,58px);font-weight:900;letter-spacing:-2px;color:#c7ff68;margin-top:6px;font-variant-numeric:tabular-nums}.profit.loss{border-color:#e96c6c;background:linear-gradient(140deg,#331516,#1c0d0d)}.profit.loss .amount{color:#ffb0b0}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lower-grid .card{min-width:0}h2{font-size:16px;font-weight:850;letter-spacing:.1px;margin:0 0 16px;color:#f3ffec}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #24432b;font-size:13px}.row:last-child{border-bottom:0}.row span{color:#b6cdb9}.row strong{white-space:nowrap;font-variant-numeric:tabular-nums}.recent{display:flex;align-items:center;justify-content:space-between;gap:12px}.recent h2{margin-bottom:14px}.muted,.note{color:#95af9b;font-size:12px;line-height:1.55}.item{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid #24432b}.item-name{font-weight:750;font-size:13px;overflow-wrap:anywhere}.item-meta{font-size:11px;color:#9bb59e;margin-top:4px}.item-right{text-align:right;flex-shrink:0}.item-profit{color:#b7ff74;font-weight:850;font-size:14px}.item-profit.loss-text{color:#ffb0b0}.del{border:0;background:none;color:#a3b8a6;text-decoration:underline;font-size:11px;cursor:pointer;margin-top:5px;padding:3px}.bottom-note{text-align:center;margin:8px 0 0}@media(max-width:700px){main{padding:18px 14px 42px}.lower-grid{grid-template-columns:1fr;gap:0}.card{padding:19px}.stat{padding:16px}.grid{gap:12px}}@media(max-width:360px){.stats{gap:9px}.stat{padding:13px}.stat strong{font-size:22px}.card{padding:15px}.grid{gap:10px}input{padding:11px}}
/* Refined totals: a compact financial summary immediately above net profit. */
.top-stats{margin:0 0 14px;gap:12px}
.top-stats .stat{position:relative;overflow:hidden;min-width:0;padding:18px 20px 19px;border:1px solid #43684a;border-radius:15px;border-top:2px solid #a7f74d;background:linear-gradient(145deg,#14291a 0%,#08180e 100%);box-shadow:inset 0 1px #ffffff12,0 7px 19px #0005}
.top-stats .stat:nth-child(2){border-top-color:#d3f9a1;background:linear-gradient(145deg,#1b3220,#0b1c11)}
.top-stats .stat small{font-size:11px;line-height:1.35;letter-spacing:1.2px;color:#b8d4b8;margin-bottom:10px}
.top-stats .stat strong{display:block;font-size:clamp(24px,4.2vw,36px);line-height:1.15;letter-spacing:-.8px;white-space:nowrap;color:#f4ffeb}
.top-stats .stat:nth-child(2) strong{color:#c9ff86}
@media(max-width:420px){.top-stats{gap:10px}.top-stats .stat{padding:15px 12px}.top-stats .stat strong{font-size:clamp(19px,6vw,27px)}.top-stats .stat small{font-size:10px;letter-spacing:.65px}}