:root{--bg: #f5efda;--surface: #ffffff;--text: #235117;--muted: #4a5b45;--accent: #235117;--accent-strong: #1a3b10;--accent-soft: #ecf1e5;--border: #ded6bf;--gold: #f4b400;--positive: #2f7d32;--warning: #b7791f;--danger: #a3301f;--font: "League Spartan", "Helvetica Neue", Arial, sans-serif;--heading-weight: 800;--radius: 1.25rem;--r-sm: .55rem;--r-md: .85rem;--r-lg: 1.15rem;--shadow-xs: 0 1px 2px rgba(24, 38, 20, .05);--shadow-sm: 0 1px 3px rgba(24, 38, 20, .06), 0 1px 2px rgba(24, 38, 20, .04);--shadow-md: 0 4px 16px rgba(24, 38, 20, .07), 0 1px 3px rgba(24, 38, 20, .05);--shadow-lg: 0 18px 48px rgba(24, 38, 20, .13);--line: color-mix(in srgb, var(--border) 70%, transparent);--hairline: color-mix(in srgb, var(--border) 45%, transparent);--sidebar-w: 244px;--ease: cubic-bezier(.2, .8, .3, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-weight:500;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-weight:var(--heading-weight);letter-spacing:-.022em;margin:0;line-height:1.14}h1{font-size:1.6rem}h2{font-size:1.1rem;letter-spacing:-.014em}h3{font-size:.9rem;letter-spacing:-.01em}a{color:var(--accent);text-underline-offset:2px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.66rem;font-weight:700;color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.shell{display:flex;min-height:100%}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--accent);color:#fff;padding:1.1rem .7rem 1rem;display:flex;flex-direction:column;gap:.1rem;position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin}.sidebar .brandmark{padding:.4rem .65rem 1.15rem}.sidebar .brandmark .name{font-weight:800;font-size:1.28rem;letter-spacing:-.03em}.sidebar .brandmark .tag{font-size:.7rem;opacity:.7;line-height:1.35;margin-top:.1rem}.sidebar .navgroup{margin-top:1rem;padding:0 .65rem .3rem;font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;opacity:.55;font-weight:700}.navlink{display:flex;align-items:center;gap:.65rem;padding:.48rem .65rem;border-radius:var(--r-md);color:#fff;text-decoration:none;font-size:.865rem;font-weight:500;border:0;background:none;width:100%;text-align:left;cursor:pointer;font-family:inherit;transition:background .15s var(--ease),color .15s var(--ease)}.navlink:hover{background:#ffffff21}.navlink.active{background:#fff;color:var(--accent);font-weight:700}.navlink .ico{width:1.05rem;text-align:center;font-size:.9rem;opacity:.9}.navlink.active .ico{opacity:1}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1.35rem 1.9rem .6rem}.content{padding:.85rem 1.9rem 4rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:1.1rem 1.2rem}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.card-head h2{margin-bottom:.1rem}.grid{display:grid;gap:.9rem}.grid.k2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.k3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.k4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.k5{grid-template-columns:repeat(5,minmax(0,1fr))}.stat{display:flex;flex-direction:column;gap:.15rem;position:relative}.stat .label{font-size:.68rem;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);font-weight:700}.stat .value{font-size:1.55rem;font-weight:800;letter-spacing:-.03em;line-height:1.12;font-variant-numeric:tabular-nums;margin-top:.1rem}.stat .value.sm{font-size:1.15rem}.stat .sub{font-size:.75rem;color:var(--muted);line-height:1.4}button.stat{font-family:inherit;text-align:left;width:100%;cursor:pointer;color:inherit;transition:transform .16s var(--ease),box-shadow .16s var(--ease),border-color .16s var(--ease)}button.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}button.stat:after{content:"›";position:absolute;top:.75rem;right:.95rem;font-size:1.15rem;line-height:1;color:var(--muted);opacity:0;transform:translate(-3px);transition:opacity .16s var(--ease),transform .16s var(--ease)}button.stat:hover:after{opacity:.8;transform:translate(0)}.delta{font-size:.73rem;font-weight:700}.delta.up{color:var(--positive)}.delta.down{color:var(--danger)}.table-wrap{overflow-x:auto;border-radius:var(--r-md);border:1px solid var(--hairline)}table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem}thead th{text-align:left;font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700;padding:.6rem .65rem;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--surface);position:sticky;top:0;z-index:2}tbody td{padding:.5rem .65rem;border-bottom:1px solid var(--hairline);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .12s var(--ease)}tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 60%,transparent)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tfoot td{padding:.55rem .65rem;border-top:1px solid var(--line);font-variant-numeric:tabular-nums;background:color-mix(in srgb,var(--accent-soft) 40%,transparent)}tr.clickable{cursor:pointer}tr.clickable td:last-child:after{content:"›";float:right;color:var(--muted);opacity:0;transition:opacity .12s var(--ease)}tr.clickable:hover td:last-child:after{opacity:.65}tr.clickable:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;border:1px solid transparent;padding:.44rem 1rem;font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;background:var(--accent);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 22%,transparent);transition:background .15s var(--ease),transform .12s var(--ease),box-shadow .15s var(--ease)}.btn:hover{background:var(--accent-strong);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.ghost{background:transparent;color:var(--accent);border-color:var(--line);box-shadow:none}.btn.ghost:hover{background:var(--accent-soft);border-color:var(--accent)}.btn.danger{background:var(--danger);box-shadow:none}.btn.sm{padding:.24rem .7rem;font-size:.76rem}.btn.icon{padding:.24rem .5rem}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}input,select,textarea{font-family:inherit;font-size:.85rem;color:var(--text);background:color-mix(in srgb,var(--bg) 35%,#fff);border:1px solid var(--line);border-radius:var(--r-sm);padding:.38rem .55rem;width:100%;transition:border-color .15s var(--ease),background .15s var(--ease)}input:hover,select:hover,textarea:hover{border-color:var(--border)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}input[type=range]{padding:0;accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent)}label{font-size:.71rem;font-weight:700;color:var(--muted);display:block;margin-bottom:.22rem;text-transform:uppercase;letter-spacing:.06em}.field{margin-bottom:.7rem}.cell-edit{background:transparent;border:1px solid transparent;padding:.18rem .35rem;border-radius:var(--r-sm);box-shadow:none}.cell-edit:hover{border-color:var(--line);background:#fff}.cell-edit:focus{border-color:var(--accent);background:#fff}.pill{display:inline-flex;align-items:center;gap:.28rem;border-radius:999px;padding:.1rem .55rem;font-size:.7rem;font-weight:700;letter-spacing:.01em;background:var(--accent-soft);color:var(--accent);white-space:nowrap}.pill.grey{background:color-mix(in srgb,var(--muted) 12%,transparent);color:var(--muted)}.pill.green{background:color-mix(in srgb,var(--positive) 14%,transparent);color:var(--positive)}.pill.amber{background:color-mix(in srgb,var(--warning) 15%,transparent);color:var(--warning)}.pill.red{background:color-mix(in srgb,var(--danger) 13%,transparent);color:var(--danger)}.drawer-backdrop{position:fixed;inset:0;z-index:90;background:#18261452;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .18s var(--ease)}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:91;width:min(660px,100vw);background:var(--bg);border-left:1px solid var(--line);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slide-in .24s var(--ease)}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.1rem 1.3rem .85rem;border-bottom:1px solid var(--line);background:var(--surface)}.drawer-body{padding:1.1rem 1.3rem 2.5rem;overflow-y:auto;flex:1}.drawer-body>*+*{margin-top:.9rem}.drawer-close{border:1px solid var(--line);background:var(--surface);color:var(--muted);width:30px;height:30px;border-radius:999px;cursor:pointer;font-size:1rem;line-height:1;font-family:inherit;flex:0 0 auto;transition:background .15s var(--ease),color .15s var(--ease)}.drawer-close:hover{background:var(--accent-soft);color:var(--accent)}.drawer-crumbs{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;font-size:.7rem;color:var(--muted);margin-bottom:.25rem}.drawer-crumbs button{border:0;background:none;padding:0;cursor:pointer;font-family:inherit;font-size:inherit;color:var(--accent);text-decoration:underline;text-underline-offset:2px}@keyframes slide-in{0%{transform:translate(22px);opacity:0}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.dl{display:grid;grid-template-columns:minmax(0,8.5rem) 1fr;gap:.4rem .8rem;font-size:.84rem}.dl dt{color:var(--muted);font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding-top:.1rem}.dl dd{margin:0;font-variant-numeric:tabular-nums}.calc{font-size:.8rem}.calc-row{display:flex;justify-content:space-between;gap:1rem;padding:.32rem 0;border-bottom:1px dashed var(--hairline);font-variant-numeric:tabular-nums}.calc-row:last-child{border-bottom:0}.calc-row.total{font-weight:800;border-top:1.5px solid var(--line);border-bottom:0;margin-top:.2rem;padding-top:.45rem}.calc-row .op{color:var(--muted);font-weight:500}.muted{color:var(--muted)}.small{font-size:.79rem}.row{display:flex;align-items:center;gap:.55rem}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:.9rem}.bar{height:7px;border-radius:999px;background:var(--accent-soft);overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .4s var(--ease)}.empty{text-align:center;padding:2.25rem 1rem;color:var(--muted);font-size:.85rem}.toast{position:fixed;bottom:1.35rem;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:.55rem 1.2rem;border-radius:999px;box-shadow:var(--shadow-lg);z-index:120;font-size:.82rem;font-weight:600;animation:fade .18s var(--ease)}.skel{background:linear-gradient(90deg,var(--hairline) 25%,var(--accent-soft) 37%,var(--hairline) 63%);background-size:400% 100%;animation:shimmer 1.3s ease-in-out infinite;border-radius:var(--r-sm);height:.85rem}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:100%;max-width:372px;box-shadow:var(--shadow-md)}@media(max-width:1180px){.grid.k5,.grid.k4,.grid.k3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.shell{flex-direction:column}.sidebar{width:100%;flex:none;height:auto;position:sticky;top:0;z-index:40;flex-direction:row;overflow-x:auto;gap:.3rem;padding:.55rem}.sidebar .brandmark,.sidebar .navgroup{display:none}.navlink{white-space:nowrap;width:auto}.grid.k2,.grid.k3,.grid.k4,.grid.k5{grid-template-columns:1fr}.topbar,.content{padding-left:1rem;padding-right:1rem}h1{font-size:1.3rem}.drawer{top:auto;left:0;width:100%;height:88vh;border-left:0;border-top:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) 0 0;animation:slide-up .24s var(--ease)}.dl{grid-template-columns:1fr;gap:.15rem 0}.dl dd{margin-bottom:.45rem}}@keyframes slide-up{0%{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}button.stat:hover,.btn:hover{transform:none}}@media print{.sidebar,.btn,.drawer,.drawer-backdrop{display:none!important}.card{box-shadow:none;break-inside:avoid;border-color:#ccc}.content{padding:0}}.notif{position:relative}.notif-btn{position:relative;border:1px solid var(--line);background:var(--surface);width:34px;height:34px;border-radius:999px;cursor:pointer;font-size:.95rem;line-height:1;font-family:inherit;transition:background .15s var(--ease),border-color .15s var(--ease)}.notif-btn:hover{background:var(--accent-soft);border-color:var(--accent)}.notif-dot{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;min-width:17px;height:17px;border-radius:999px;font-size:.62rem;font-weight:800;line-height:17px;padding:0 4px;border:2px solid var(--bg)}.notif-panel{position:absolute;top:42px;right:0;z-index:60;width:min(340px,calc(100vw - 2rem));background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:.7rem .85rem;border-bottom:1px solid var(--line);font-size:.85rem}.notif-list{max-height:380px;overflow-y:auto}.notif-item{padding:.65rem .85rem;border-bottom:1px solid var(--hairline)}.notif-item:last-child{border-bottom:0}.notif-item.unread{background:color-mix(in srgb,var(--accent-soft) 65%,transparent)}.notif-title{font-weight:700;font-size:.82rem}.notif-body{font-size:.76rem;color:var(--muted);margin-top:.1rem}.notif-time{font-size:.68rem;color:var(--muted);margin-top:.2rem;opacity:.8}.day-hero{background:var(--accent);color:#fff;border-radius:var(--r-lg);padding:1.1rem 1.25rem;display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.day-hero .eyebrow,.day-hero .label{color:#ffffffb8}.day-hero h2{font-size:1.35rem}.ring{--pct: 0;width:84px;height:84px;border-radius:999px;flex:0 0 auto;background:conic-gradient(#fff calc(var(--pct) * 1%),#ffffff38 0);display:grid;place-items:center}.ring>span{width:66px;height:66px;border-radius:999px;background:var(--accent);display:grid;place-items:center;font-weight:800;font-size:1.05rem}.streak-chip{display:inline-flex;align-items:center;gap:.3rem;background:#ffffff29;color:#fff;border-radius:999px;padding:.2rem .7rem;font-size:.78rem;font-weight:700}.stopcard-lg{display:flex;gap:.85rem;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:.85rem .95rem;box-shadow:var(--shadow-xs);transition:border-color .15s var(--ease),opacity .2s var(--ease)}.stopcard-lg.done{opacity:.55;border-color:var(--positive)}.stopcard-lg.skipped{opacity:.55;border-style:dashed}.stopcard-lg .seq{flex:0 0 auto;width:30px;height:30px;border-radius:999px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:800;font-size:.82rem}.stopcard-lg.done .seq{background:var(--positive);color:#fff}.tick{flex:0 0 auto;width:48px;height:48px;border-radius:999px;border:2px solid var(--line);background:var(--surface);cursor:pointer;font-size:1.25rem;line-height:1;color:var(--muted);transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease)}.tick:hover{border-color:var(--accent);color:var(--accent)}.tick.on{background:var(--positive);border-color:var(--positive);color:#fff}.milestone{background:color-mix(in srgb,var(--gold) 14%,transparent);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:var(--r-md);padding:.6rem .8rem;font-size:.82rem}.receipt-thumb{width:46px;height:46px;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--line);cursor:pointer;display:block}.receipt-full{max-width:100%;border-radius:var(--r-md);border:1px solid var(--line)}@media(max-width:780px){.day-hero{gap:.9rem;padding:.95rem 1rem}.ring{width:68px;height:68px}.ring>span{width:52px;height:52px;font-size:.9rem}.notif-panel{right:-.5rem}}