:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;color:#241f20;background:#f7f5f2;font-synthesis:none;text-rendering:optimizeLegibility;--red: #9b1c31;--red-dark: #751324;--red-soft: #f7e7ea;--ink: #241f20;--muted: #70696b;--line: #ded9d5;--panel: #ffffff;--soft: #f1eeeb;--success: #23664a;--danger: #a41f2f;--shadow: 0 12px 30px rgba(64, 43, 46, .08)}*{box-sizing:border-box}html{background:#f7f5f2}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top right,rgba(155,28,49,.06),transparent 34rem),#f7f5f2;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,input,select{min-height:44px;border-radius:12px}input,select{width:100%;border:1px solid #cfc8c4;background:#fff;color:var(--ink);padding:.7rem .8rem;outline:none}input:focus,select:focus,button:focus-visible{outline:3px solid rgba(155,28,49,.2);outline-offset:2px;border-color:var(--red)}label{display:grid;gap:.4rem;color:#554e50;font-size:.87rem;font-weight:600}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.45rem,4vw,2.1rem);letter-spacing:-.035em}h2{margin-bottom:0;font-size:clamp(1.25rem,3vw,1.65rem);letter-spacing:-.025em}code{font-family:SFMono-Regular,Consolas,monospace;font-size:.9em}.center-shell{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.auth-card{width:min(100%,420px);display:grid;gap:1rem;padding:clamp(1.4rem,6vw,2rem);background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.auth-card p{margin-bottom:0;color:var(--muted);line-height:1.5}.brand-mark{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:var(--red);color:#fff}.brand-mark svg{width:24px}.eyebrow{margin-bottom:.25rem;color:var(--red);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.app-shell{min-height:100vh;padding-bottom:calc(5rem + env(safe-area-inset-bottom))}.topbar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:calc(.9rem + env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) .9rem max(1rem,env(safe-area-inset-left));background:#f7f5f2eb;border-bottom:1px solid rgba(222,217,213,.8);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.header-actions{display:flex;align-items:center;gap:.55rem}.sync-pill,.status-badge{display:inline-flex;align-items:center;gap:.4rem;min-height:34px;padding:.35rem .65rem;border-radius:999px;color:var(--success);background:#e8f4ee;font-size:.78rem;font-weight:700;white-space:nowrap}.sync-pill svg,.status-badge svg{width:15px;height:15px}.sync-pill.offline{color:#7a5e16;background:#f7efd6}.icon-button{width:44px;height:44px;display:inline-grid;place-items:center;border:1px solid var(--line);background:var(--panel);color:var(--ink)}.icon-button svg{width:18px}.tabbar{position:fixed;inset:auto 0 0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);padding:.4rem max(.35rem,env(safe-area-inset-right)) calc(.4rem + env(safe-area-inset-bottom)) max(.35rem,env(safe-area-inset-left));background:#fffffff5;border-top:1px solid var(--line);backdrop-filter:blur(18px)}.tabbar button{display:grid;justify-items:center;align-content:center;gap:.18rem;min-height:54px;border:0;border-radius:12px;background:transparent;color:var(--muted);font-size:.68rem;font-weight:700}.tabbar button svg{width:20px;height:20px}.tabbar button.active{color:var(--red);background:var(--red-soft)}.content{width:min(100%,1120px);margin:0 auto;padding:1.1rem max(1rem,env(safe-area-inset-right)) 2rem max(1rem,env(safe-area-inset-left))}.panel-stack{display:grid;gap:1.1rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem}.section-heading>div:first-child{min-width:0}.compact-control{width:min(250px,48%)}.activity-heading{margin-top:.45rem}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.stat-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{display:grid;gap:.35rem;min-width:0;padding:1rem;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 7px 18px #402b2e0a}.stat>span{color:var(--muted);font-size:.8rem;font-weight:650}.stat>strong{font-size:clamp(1.25rem,4vw,1.8rem);letter-spacing:-.04em}.stat>small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat.danger{border-color:#a41f2f59;background:#fff5f6}.stat.danger strong{color:var(--danger)}.waste-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.waste-card{min-height:168px;display:grid;align-content:space-between;gap:.4rem;padding:.95rem;text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--ink);box-shadow:0 8px 18px #402b2e0d;touch-action:manipulation;user-select:none;-webkit-user-select:none}.waste-card:active{transform:scale(.985)}.waste-card-top{display:flex;align-items:center;gap:.65rem;font-weight:750;line-height:1.2}.waste-circle{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:1.35rem}.waste-total{margin-top:.35rem;font-size:1.65rem;font-weight:800;letter-spacing:-.045em}.waste-hint{color:var(--muted);font-size:.72rem;line-height:1.25}.tone-1 .waste-circle,.activity-dot.tone-1{background:#a52239}.tone-2 .waste-circle,.activity-dot.tone-2{background:#d2592a}.tone-3 .waste-circle,.activity-dot.tone-3{background:#b88a1b}.tone-4 .waste-circle,.activity-dot.tone-4{background:#6856a8}.tone-5 .waste-circle,.activity-dot.tone-5{background:#2f7c66}.tone-6 .waste-circle,.activity-dot.tone-6{background:#34729a}.activity-list{display:grid;border-top:1px solid var(--line)}.activity-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.8rem .15rem;border-bottom:1px solid var(--line)}.activity-row>div{display:grid;gap:.15rem;min-width:0}.activity-row span:not(.activity-dot){color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-dot{width:11px;height:11px;border-radius:50%}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.68rem .95rem;border:1px solid transparent;font-weight:750;white-space:nowrap}.primary-button{background:var(--red);color:#fff}.primary-button:hover{background:var(--red-dark)}.secondary-button{background:var(--panel);color:var(--ink);border-color:var(--line)}.primary-button svg,.secondary-button svg{width:17px;height:17px}.secondary-button.small{min-height:38px;padding:.48rem .7rem;font-size:.8rem}.entry-form,.admin-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:.8rem;padding:1rem;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.admin-strip{grid-template-columns:1.2fr 1fr auto 1fr}.full-row{grid-column:1 / -1}.data-table-wrap{overflow-x:auto;border-top:1px solid var(--line);-webkit-overflow-scrolling:touch}.data-table{width:100%;min-width:650px;border-collapse:collapse}.donation-table{min-width:880px}.admin-table{min-width:820px}.data-table th,.data-table td{padding:.78rem .65rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}.data-table th{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.data-table td{font-size:.88rem}.table-input{min-width:92px;min-height:38px;padding:.45rem .55rem;border-radius:9px}.table-input:disabled{opacity:1;border-color:transparent;background:transparent}.cell-detail{display:block;margin-top:.2rem;color:var(--muted);font-size:.72rem}.donation-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.85rem}.donation-toolbar>div{display:flex;gap:.5rem}.submit-day{justify-self:end}.danger-text,.error-text{color:var(--danger)!important}.form-error{margin:0;color:var(--danger)!important;font-size:.83rem}.footnote{color:var(--muted);font-size:.82rem;line-height:1.45}.status-badge{color:var(--success)}.empty-state{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:100px;color:var(--muted)}.empty-state svg{width:18px}.error-banner{margin:0 auto;padding:.7rem max(1rem,env(safe-area-inset-right)) .7rem max(1rem,env(safe-area-inset-left));background:#fff0f2;color:var(--danger);text-align:center;font-size:.82rem}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:#241f2080;backdrop-filter:blur(6px)}.modal{width:min(100%,460px);max-height:calc(100vh - 2rem);overflow:auto;padding:1.1rem;border-radius:22px;background:var(--panel);box-shadow:0 24px 70px #23141747}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.modal-heading h2{display:flex;align-items:center;gap:.5rem}.modal-heading h2 svg{color:var(--red);width:22px}.modal>p,.modal-form p{color:var(--muted);line-height:1.5}.modal-form{display:grid;gap:1rem}.number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.number-grid button{border:1px solid var(--line);background:var(--soft);font-weight:750}.toast{position:fixed;left:50%;bottom:calc(5.3rem + env(safe-area-inset-bottom));z-index:110;transform:translate(-50%);width:max-content;max-width:calc(100vw - 2rem);padding:.7rem .9rem;border-radius:999px;background:#2b2527;color:#fff;box-shadow:var(--shadow);font-size:.83rem;text-align:center}.mobile-footer{display:none}@media(max-width:620px){.topbar .eyebrow{display:none}.sync-pill{font-size:0;gap:0;width:38px;justify-content:center;padding:0}.sync-pill svg{width:18px;height:18px}.section-heading{align-items:start}.section-heading .primary-button{padding-inline:.7rem}.compact-control{width:47%}.stat-grid,.stat-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid .stat:last-child:nth-child(odd){grid-column:1 / -1}.stat{padding:.85rem}.entry-form,.admin-strip{grid-template-columns:1fr}.donation-toolbar{align-items:stretch;flex-direction:column}.donation-toolbar>div{display:grid}.submit-day{justify-self:stretch}.activity-heading{align-items:center}.activity-heading .eyebrow{display:none}}@media(min-width:760px){.app-shell{padding-bottom:0}.topbar{padding-inline:max(1.5rem,calc((100vw - 1120px)/2))}.tabbar{position:sticky;top:calc(78px + env(safe-area-inset-top));inset-inline:auto;width:min(100%,1120px);margin:0 auto;grid-template-columns:repeat(4,auto);justify-content:start;gap:.4rem;padding:.65rem 1.5rem;border-top:0;border-bottom:1px solid var(--line);background:#f7f5f2f0}.tabbar button{min-width:120px;min-height:42px;display:flex;gap:.45rem;padding-inline:.85rem;font-size:.83rem}.tabbar button svg{width:17px;height:17px}.content{padding:1.5rem}.waste-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-footer{display:flex;justify-content:space-between;width:min(100%,1120px);margin:1rem auto 2rem;padding:0 1.5rem;color:var(--muted);font-size:.75rem}.toast{bottom:1.5rem}}@media(min-width:1040px){.waste-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111d23;background:#f4faff;--red: #ba002e;--red-dark: #8e0023;--red-soft: #ffe8ed;--ink: #111d23;--muted: #4c616c;--line: #d7e4ec;--panel: #ffffff;--soft: #e3f0f8;--success: #006864;--danger: #ba1a1a;--shadow: none}html,body{background:#f4faff}button,input,select{border-radius:0}input,select{min-height:48px;border:1px solid #b8cbd6;background:#fff}input:focus,select:focus,button:focus-visible{outline-color:#ba002e38;border-color:var(--red)}h1,h2,.waste-total,.stat>strong,.last-value{font-family:Space Grotesk,Inter,sans-serif;font-weight:800;letter-spacing:-.045em}h1,h2{text-transform:uppercase}.eyebrow,label,.data-table th{letter-spacing:.12em;text-transform:uppercase;font-weight:800}.center-shell{background:#f4faff}.auth-card{border:0;border-left:8px solid var(--red);border-radius:0;box-shadow:none}.brand-mark{border-radius:0;background:var(--red)}.app-shell{background:#f4faff}.topbar{min-height:68px;padding-block:calc(.75rem + env(safe-area-inset-top)) .75rem;background:#f8fcff;border-bottom:4px solid var(--red);backdrop-filter:none}.topbar h1{color:var(--red);font-size:clamp(1.55rem,4vw,2rem)}.topbar .eyebrow{color:var(--muted)}.sync-pill,.status-badge{min-height:34px;border-radius:0;color:var(--success);background:#e7f6f4;letter-spacing:.06em;text-transform:uppercase}.sync-pill.offline{color:#7a4b00;background:#fff4e5}.tabbar{background:#fff;border-color:var(--line);backdrop-filter:none}.tabbar button{border-radius:0;text-transform:uppercase;letter-spacing:.06em}.tabbar button.active{color:#fff;background:var(--red)}.content{padding-top:1.25rem}.panel-stack{gap:1.25rem}.section-heading{padding-bottom:.65rem;border-bottom:2px solid var(--line)}.section-heading h2{color:var(--ink)}.stat-grid{gap:.65rem}.stat{min-height:126px;align-content:space-between;padding:1rem;border:0;border-left:7px solid var(--success);border-radius:0;background:var(--panel);box-shadow:none}.stat:nth-child(2){border-left-color:#b7791f}.stat:nth-child(3),.stat.danger{border-left-color:var(--danger)}.stat>span{letter-spacing:.12em;text-transform:uppercase;font-weight:800}.stat>strong{font-size:clamp(1.6rem,5vw,2.25rem)}.stat.danger{background:#fff}.waste-grid{gap:.65rem}.waste-card{min-height:172px;padding:1rem;border:0;border-top:5px solid var(--red);border-radius:0;background:#fff;box-shadow:none}.waste-card:hover{background:#f8fcff}.waste-card-top{align-items:flex-start;font-family:Space Grotesk,Inter,sans-serif;font-size:1rem;font-weight:800;text-transform:uppercase}.waste-circle{width:40px;height:40px;flex-basis:40px;border-radius:0}.waste-total{font-size:2rem}.waste-hint{letter-spacing:.07em;text-transform:uppercase;font-weight:700}.activity-list{border-top:0;background:#fff}.activity-row{padding:.9rem 1rem}.activity-dot{width:8px;height:32px;border-radius:0}.primary-button,.secondary-button{min-height:48px;border-radius:0;font-family:Space Grotesk,Inter,sans-serif;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.primary-button{background:#e5173f}.primary-button:hover{background:var(--red)}.secondary-button{background:var(--soft);border-color:transparent}.entry-form,.admin-strip{padding:1rem;border:0;border-left:7px solid var(--red);border-radius:0;background:#fff}.data-table-wrap{border-top:0;background:#fff}.data-table th{padding-block:.9rem;color:#314751;background:var(--soft)}.data-table td{padding-block:.9rem}.table-input{border-radius:0}.empty-state{background:#fff;border-left:7px solid var(--line)}.error-banner{border-bottom:1px solid #f4c7cd}.modal-backdrop{background:#111d238a;backdrop-filter:blur(2px)}.modal{border-radius:0;border-top:7px solid var(--red);box-shadow:0 24px 70px #111d2340}.number-grid button{border-radius:0;background:var(--soft)}.toast{border-radius:0;background:#111d23;font-weight:700}@media(min-width:760px){.tabbar{top:calc(68px + env(safe-area-inset-top));background:#f4faff}.tabbar button{min-width:132px}}