:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#f4f4f6;background:#111216}*{box-sizing:border-box}body{margin:0}.wrap{width:min(1080px,calc(100% - 36px));margin:auto}.top{border-bottom:1px solid #34363b;background:#181a1f}.head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:82px}.brand{display:flex;align-items:center;gap:12px}.brand img{border-radius:10px}.brand strong,.brand span{display:block}.brand strong{font-size:1.25rem}.brand span,.head a,.intro,.note,.footnote{color:#adb0b9}.brand span{font-size:.79rem}.head a{text-decoration:none;font-size:.88rem}.head a:hover{color:#fff}.eyebrow{color:#ef4050;letter-spacing:.16em;font-size:.76rem;font-weight:700;margin:38px 0 10px}h1{font-size:clamp(1.9rem,4vw,3.2rem);letter-spacing:-.04em;margin:0 0 14px}.intro{max-width:660px;line-height:1.6;margin:0 0 26px}.controls{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.controls label{display:grid;gap:7px;color:#c3c6ce;font-size:.84rem}select,button{font:inherit;border-radius:10px;border:1px solid #555963;padding:10px 12px;background:#25282f;color:#fff}button{cursor:pointer}button:hover{border-color:#ef4050}.summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}.summary article,.panel{border:1px solid #363a43;border-radius:17px;background:#202229;padding:20px}.summary span{display:block;color:#aeb2bc;font-size:.88rem;margin-bottom:9px}.summary strong{font-size:clamp(1.15rem,3vw,1.8rem)}.summary article:nth-child(2) strong{color:#ff6673}.panels{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px}.panel h2{font-size:1.12rem;margin:0 0 16px}.categories{display:grid;gap:15px}.category-line{display:flex;justify-content:space-between;gap:12px;font-size:.91rem}.bar{height:8px;border-radius:10px;background:#34373f;margin-top:7px;overflow:hidden}.bar span{display:block;height:100%;background:#ef4050;border-radius:10px}.note{font-size:.83rem;line-height:1.5;margin-top:-6px}.transactions{display:grid;gap:10px}.transaction{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #34373f}.transaction strong,.transaction small{display:block}.transaction strong{font-size:.91rem}.transaction small{color:#aeb2bc;margin-top:3px}.amount{text-align:right;white-space:nowrap;font-weight:700}.amount.negative{color:#ff6673}.transaction select{margin-top:7px;font-size:.79rem;max-width:150px;padding:6px}.footnote{font-size:.79rem;margin:28px 0 38px}@media(max-width:720px){.panels{grid-template-columns:1fr}.summary{gap:8px}.summary article{padding:13px}.summary span{font-size:.76rem}.transaction{grid-template-columns:1fr auto}}