:root{font-family:Inter,Segoe UI,sans-serif;color:#172326;background:#eef3f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}main{max-width:1050px;margin:auto;padding:42px 22px 70px}header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.16em;color:#24716d;margin:0 0 7px}h1{font-family:Georgia,serif;font-size:clamp(2.2rem,6vw,4.3rem);font-weight:500;line-height:.95;margin:0;color:#0e3b43}#status{color:#597073;font-size:.88rem;margin:0 0 5px}.summary{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2px;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px #173e4514}.summary article{background:#0e3b43;color:white;padding:24px}.summary span{display:block;font-size:.8rem;color:#add0cd;margin-bottom:7px}.summary strong{font-family:Georgia,serif;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:500}.content{margin-top:36px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}h2{font-size:1.15rem;margin:0}input{width:min(280px,55vw);border:1px solid #cbd9d7;border-radius:10px;padding:11px 14px;background:#fff;font:inherit}.cards{display:grid;gap:10px}.card{display:grid;grid-template-columns:130px 1fr 150px 124px;align-items:center;gap:18px;padding:17px 18px;background:#fff;border:1px solid #dce6e4;border-radius:13px}.date{color:#587074;font-size:.9rem}.description{font-weight:650}.value{text-align:right;font-variant-numeric:tabular-nums;font-weight:750}.receipt{border:0;border-radius:9px;background:#f4b942;color:#27210f;font-weight:750;padding:10px 12px;cursor:pointer}.missing{color:#889697;font-size:.82rem;text-align:center}.message{background:#fff8df;border:1px solid #efd782;border-radius:13px;padding:20px;color:#654e00}dialog{border:0;border-radius:16px;padding:48px 16px 16px;max-width:min(92vw,900px);max-height:92vh;background:#102d32}dialog::backdrop{background:#071517c9}dialog img{display:block;max-width:100%;max-height:78vh;border-radius:8px}#close{position:absolute;right:13px;top:8px;border:0;background:transparent;color:white;font-size:2rem;cursor:pointer}@media(max-width:700px){main{padding:26px 14px 50px}header{display:block}#status{margin-top:14px}.summary{grid-template-columns:1fr 1fr}.summary article:first-child{grid-column:1/-1}.card{grid-template-columns:1fr auto;gap:7px 14px}.date{grid-column:1}.description{grid-column:1}.value{grid-column:2;grid-row:1/3}.receipt,.missing{grid-column:1/-1;text-align:center}.title-row{align-items:stretch;flex-direction:column}input{width:100%}}
