:root{--teal:#079ea9;--teal-dark:#08747d;--navy:#082d59;--aqua:#6ed4cf;--bg:#f3f7f8;--surface:#fff;--line:#dce8ea;--muted:#5f7077;--danger:#b42318;--shadow:0 8px 30px rgba(8,45,89,.08);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#152c35;background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#e9f8f8 0,#f3f7f8 260px);min-height:100vh}.app-shell{max-width:760px;margin:auto;min-height:100vh;background:var(--bg);box-shadow:0 0 50px rgba(8,45,89,.08)}.topbar{height:76px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px}.brand img{width:52px;height:52px;border-radius:13px}.brand div{display:grid}.brand strong{font-size:1.15rem;color:var(--navy)}.brand span{font-size:.78rem;color:var(--muted)}main{padding:22px 18px 110px}.view{display:none}.view.active{display:block;animation:fade .18s ease}@keyframes fade{from{opacity:.4;transform:translateY(3px)}}h1{color:var(--navy);font-size:clamp(1.75rem,6vw,2.4rem);line-height:1.05;margin:.2rem 0 .65rem}h2{color:var(--navy);font-size:1.16rem;margin:.15rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--teal-dark);font-size:.7rem;font-weight:800;margin:0}.page-intro,.welcome p{color:var(--muted);line-height:1.5}.card{background:var(--surface);border:1px solid rgba(8,116,125,.1);border-radius:22px;padding:18px;margin-bottom:16px;box-shadow:var(--shadow)}.welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.welcome p{margin:.4rem 0 0}.privacy-badge{flex:0 0 auto;background:#e8f8f2;color:#276749;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:700}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.total-pill{background:#e4f7f6;color:var(--teal-dark);font-weight:800;padding:8px 11px;border-radius:999px}.totals-list{display:grid;gap:8px}.total-row{display:flex;justify-content:space-between;align-items:center;background:#f5fafb;border-radius:14px;padding:13px}.total-row span:first-child{font-weight:700}.total-row strong{font-size:1.15rem;color:var(--navy)}button,.photo-button{font:inherit;cursor:pointer}.primary,.secondary,.ghost-button,.danger-button{border:0;border-radius:14px;padding:13px 16px;font-weight:800}.primary{background:var(--teal);color:#fff;box-shadow:0 7px 18px rgba(7,158,169,.22)}.primary:hover{background:var(--teal-dark)}.secondary{background:#e3f6f6;color:var(--teal-dark)}.ghost-button{background:#edf3f4;color:var(--navy)}.danger-button{background:#fee4e2;color:var(--danger)}.add-reading{width:100%;margin:2px 0 16px;font-size:1.02rem}.button-icon{font-size:1.3rem}.entry-list,.history-list{display:grid;gap:10px}.empty{text-align:center;color:var(--muted);padding:24px 10px}.entry{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.entry:last-child{border:0}.entry img,.entry-icon{width:52px;height:52px;border-radius:12px;object-fit:cover}.entry-icon{display:grid;place-items:center;background:#e3f7f6;color:var(--teal);font-size:1.4rem}.entry-detail{display:grid;gap:3px}.entry-detail strong{color:var(--navy)}.entry-detail small{color:var(--muted)}.entry-amount{font-weight:800;color:var(--navy);white-space:nowrap}.delete-entry{border:0;background:transparent;color:var(--danger);padding:8px}.day-group{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:12px}.day-heading{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}.day-heading strong{color:var(--navy)}.notice{display:flex;gap:10px;color:var(--muted);background:#eef6f7;border-radius:14px;padding:13px;font-size:.83rem;line-height:1.45}.notice p{margin:0}.tabbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,100%);display:grid;grid-template-columns:repeat(4,1fr);padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-top:1px solid var(--line);z-index:10}.tab{border:0;background:transparent;color:var(--muted);display:grid;gap:4px;place-items:center;font-size:.7rem;font-weight:700;padding:5px}.tab span{font-size:1.2rem}.tab.active{color:var(--teal-dark)}.form-stack{display:grid;gap:15px}.form-stack label{display:grid;gap:7px;font-size:.82rem;font-weight:750;color:var(--navy)}input,select,textarea{width:100%;font:inherit;color:#152c35;background:#f8fbfb;border:1px solid #cddfe2;border-radius:12px;padding:12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(7,158,169,.13)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.report-summary{background:#f3f9fa;border-radius:14px;padding:13px;display:grid;gap:7px}.summary-line{display:flex;justify-content:space-between}.plan-card{display:grid;gap:9px}.plan-card p{color:var(--muted);margin:.3rem 0}.price{color:var(--navy);font-size:1.8rem}.fine-print{font-size:.75rem}.danger-card{border:1px solid #f4c7c3;background:#fff;border-radius:22px;padding:18px;display:grid;gap:10px}.danger-card p{color:var(--muted)}dialog{border:0;padding:0;border-radius:24px;width:min(560px,calc(100% - 24px));max-height:92vh;box-shadow:0 20px 80px rgba(8,45,89,.28)}dialog::backdrop{background:rgba(5,25,37,.55);backdrop-filter:blur(4px)}#entryForm{padding:20px;overflow:auto;max-height:92vh}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start}.close-button{border:0;background:#edf3f4;width:38px;height:38px;border-radius:50%;font-size:1.4rem;color:var(--navy)}.photo-area{background:#eef8f8;border:1px dashed #9bcbd0;border-radius:18px;padding:14px;text-align:center;margin:14px 0}.photo-area img{width:100%;max-height:250px;object-fit:contain;border-radius:12px;margin-bottom:10px}.photo-button{display:inline-block;background:#fff;color:var(--teal-dark);padding:12px 15px;border-radius:12px;font-weight:800}.photo-button input{position:absolute;opacity:0;pointer-events:none}.photo-area p{font-size:.78rem;color:var(--muted);line-height:1.4}.amount-input{position:relative}.amount-input input{padding-right:48px}.amount-input span{position:absolute;right:14px;top:12px;color:var(--muted)}.confirm-box{padding:22px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;left:50%;bottom:95px;transform:translate(-50%,20px);background:var(--navy);color:#fff;border-radius:12px;padding:11px 16px;opacity:0;pointer-events:none;transition:.2s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:480px){main{padding-inline:14px}.welcome{display:block}.privacy-badge{display:inline-block;margin-top:12px}.field-row{grid-template-columns:1fr}.card{border-radius:18px}.entry{grid-template-columns:46px 1fr auto}.entry img,.entry-icon{width:46px;height:46px}}@media print{.topbar,.tabbar,.no-print{display:none!important}.app-shell{max-width:none;box-shadow:none}body,main{background:#fff;padding:0}.print-report{display:block!important}.view{display:none!important}}