:root{--cream: #F5F0E8;--ink: #1A1612;--warm-mid: #8C7B6B;--accent: #C4622D;--accent-light: #F0E0D4;--green: #3D7A5A;--green-light: #D4EDE1;--warn: #B85C1A;--surface: #FDFAF5;--border: #E0D8CC;--muted: #A89880;--serif: "DM Serif Display", serif;--mono: "DM Mono", monospace;--sans: "Instrument Sans", system-ui, sans-serif;--badge-pending-bg: #FFF0E0;--badge-pending-fg: #B86B1A;--badge-paid-bg: #E8F0FF;--badge-paid-fg: #2D5CB8;--error-bg: #FFF5EE;--error-border: #F0D0B8;--surface-float: #1A1612;--surface-float-text: #F5F0E8;--surface-overlay: #2A2520;--surface-overlay-border: #3A3530;--past-bg: #232018;--past-fg: #9A9080;--past-fg-dim: #5A5040;--select-hover: #EDE8DF}@media (prefers-color-scheme: dark){:root:not([data-theme=light]):not([data-theme=dark]){--cream: #252018;--ink: #F0EBE3;--warm-mid: #6C5B4B;--accent: #D4723D;--accent-light: #3D2215;--green: #4D9A70;--green-light: #1A3228;--warn: #C86C2A;--surface: #1A1612;--border: #38302A;--muted: #7A6A5C;--badge-pending-bg: #3A2510;--badge-pending-fg: #D48040;--badge-paid-bg: #1A2540;--badge-paid-fg: #6A90E8;--error-bg: #3A2010;--error-border: #5A3020;--surface-float: #232018;--surface-float-text: #F0EBE3;--surface-overlay: #323028;--surface-overlay-border: #484440;--past-bg: #2E2820;--past-fg: #8A8070;--past-fg-dim: #6A6050;--select-hover: #2E2820}}[data-theme=dark]{--cream: #252018;--ink: #F0EBE3;--warm-mid: #6C5B4B;--accent: #D4723D;--accent-light: #3D2215;--green: #4D9A70;--green-light: #1A3228;--warn: #C86C2A;--surface: #1A1612;--border: #38302A;--muted: #7A6A5C;--badge-pending-bg: #3A2510;--badge-pending-fg: #D48040;--badge-paid-bg: #1A2540;--badge-paid-fg: #6A90E8;--error-bg: #3A2010;--error-border: #5A3020;--surface-float: #232018;--surface-float-text: #F0EBE3;--surface-overlay: #323028;--surface-overlay-border: #484440;--past-bg: #2E2820;--past-fg: #8A8070;--past-fg-dim: #6A6050;--select-hover: #2E2820}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--surface);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}#root{max-width:480px;margin:0 auto;position:relative}.page{min-height:100dvh;display:flex;flex-direction:column;background:var(--surface)}body[data-impersonating] .page{padding-top:40px}.app-header{padding:8px 20px 16px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--surface)}.app-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.app-name{font-family:var(--serif);font-size:1.4rem;color:var(--ink)}.app-subtitle{font-size:.75rem;color:var(--muted);font-family:var(--mono)}.role-badge{font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:20px;font-weight:500}.role-badge-admin{background:var(--accent-light);color:var(--accent)}.role-badge-nanny{background:var(--green-light);color:var(--green)}.screen-content{padding:16px 20px;padding-bottom:calc(80px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;flex:1}.loading{display:flex;align-items:center;justify-content:center;height:100%;min-height:200px;color:var(--muted);font-family:var(--mono);font-size:.875rem}.error-msg{color:var(--warn);font-family:var(--mono);font-size:.78rem;padding:10px 14px;background:var(--error-bg);border-radius:12px;border:1px solid var(--error-border)}.divider{height:1px;background:var(--border)}.section-head{display:flex;justify-content:space-between;align-items:center}.section-title{font-family:var(--mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.section-action{font-size:.75rem;color:var(--accent);font-weight:600;cursor:pointer;font-family:var(--sans);background:none;border:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border:none;border-radius:16px;font-size:.9rem;font-weight:600;font-family:var(--sans);cursor:pointer;transition:opacity .15s;width:100%;letter-spacing:.01em}.btn:disabled{opacity:.35;cursor:default}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--cream);color:var(--ink);border:1px solid var(--border)}.btn-sm{padding:8px 14px;font-size:.78rem;border-radius:10px;width:auto}.form-group{display:flex;flex-direction:column;gap:6px}.form-stack{display:flex;flex-direction:column;gap:14px}.label{display:block;font-family:var(--mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--cream);font-size:.9rem;font-family:var(--sans);color:var(--ink);outline:none;transition:border-color .15s;-webkit-appearance:none}.input:focus{border-color:var(--ink)}.tabs{display:flex;background:var(--cream);border-radius:12px;padding:3px;gap:3px}.tab{flex:1;padding:8px 0;text-align:center;border-radius:10px;font-size:.78rem;font-weight:600;font-family:var(--sans);color:var(--muted);cursor:pointer;border:none;background:none;transition:all .15s}.tab.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #00000014}.summary-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.summary-card{background:var(--cream);border-radius:16px;padding:14px;border:1px solid var(--border)}.summary-card.accent{background:var(--accent);border-color:var(--accent)}.summary-card.accent .sc-label,.summary-card.accent .sc-value,.summary-card.accent .sc-sub{color:#ffffffd9!important}.summary-card.accent .sc-value{color:#fff!important}.sc-label{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.sc-value{font-family:var(--serif);font-size:1.6rem;color:var(--ink);line-height:1}.sc-sub{font-size:.68rem;color:var(--muted);margin-top:4px;font-family:var(--mono)}.badge{display:inline-block;font-size:.58rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;border-radius:10px}.badge-pending{background:var(--badge-pending-bg);color:var(--badge-pending-fg)}.badge-approved{background:var(--green-light);color:var(--green)}.badge-paid{background:var(--badge-paid-bg);color:var(--badge-paid-fg)}.entry-list{display:flex;flex-direction:column;gap:8px}.entry-row{background:var(--cream);border:1px solid var(--border);border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:12px;cursor:default;transition:background .15s,border-color .15s;position:relative}.entry-row.selectable{cursor:pointer}.entry-row.selected{border-color:var(--accent);background:var(--accent-light)}.entry-row.edited{border-left:3px solid var(--warn);padding-left:11px}.entry-date{font-family:var(--mono);font-size:.7rem;color:var(--muted);margin-bottom:2px}.entry-note{font-size:.8rem;color:var(--ink);font-weight:500}.entry-note.dimmed{color:var(--muted);font-style:italic}.entry-right{text-align:right;flex-shrink:0}.entry-hours{font-family:var(--serif);font-size:1.1rem;color:var(--ink)}.edit-flag{font-family:var(--mono);font-size:.58rem;color:var(--warn);margin-top:2px}.cb-wrap{width:22px;height:22px;border-radius:6px;border:2px solid var(--border);background:var(--surface);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.72rem;transition:all .15s}.cb-wrap.checked{background:var(--accent);border-color:var(--accent);color:#fff}.cb-wrap.partial{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.week-card{border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:border-color .15s}.week-card.selected{border-color:var(--accent)}.week-header{display:flex;align-items:center;gap:12px;padding:14px;background:var(--cream);cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none}.week-card.selected .week-header{background:var(--accent-light)}.week-title{font-family:var(--mono);font-size:.78rem;font-weight:500;color:var(--ink);letter-spacing:.02em}.week-meta{font-family:var(--mono);font-size:.62rem;color:var(--muted);margin-top:3px}.week-right{text-align:right;flex-shrink:0}.week-hours-val{font-family:var(--serif);font-size:1.2rem;color:var(--ink);line-height:1}.week-subtotal{font-family:var(--mono);font-size:.65rem;color:var(--muted);margin-top:2px}.week-entries{background:var(--surface);border-top:1px solid var(--border)}.week-entry-row{padding:10px 14px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border)}.week-entry-row:first-child{border-top:none}.grand-total{background:var(--surface-float);border-radius:18px;padding:16px 18px}.gt-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.gt-label{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.gt-value{font-family:var(--serif);font-size:2.2rem;color:var(--surface-float-text);line-height:1}.gt-sub{font-family:var(--mono);font-size:.62rem;color:var(--muted);margin-top:4px}.export-mini{display:flex;gap:6px}.export-mini-btn{background:var(--surface-overlay);color:var(--muted);border:1px solid var(--surface-overlay-border);border-radius:10px;padding:10px 13px;font-size:.68rem;font-family:var(--mono);letter-spacing:.06em;cursor:pointer}.export-mini-btn:disabled{opacity:.3;cursor:default}.past-period{background:var(--past-bg);border-radius:14px;padding:14px;display:flex;justify-content:space-between;align-items:center}.pp-name{font-family:var(--serif);font-size:.95rem;color:var(--past-fg)}.pp-date{font-family:var(--mono);font-size:.6rem;color:var(--past-fg-dim);margin-top:2px}.pp-paid-amt{font-family:var(--serif);font-size:1.05rem;color:var(--past-fg);text-align:right}.pp-lock{font-size:.68rem;color:var(--past-fg-dim);font-family:var(--mono);text-align:right;margin-top:2px}.select-all-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--cream);border:1px solid var(--border);border-radius:14px;cursor:pointer;transition:background .15s}.select-all-row:hover{background:var(--select-hover)}.select-all-row.all-selected{background:var(--accent-light);border-color:var(--accent)}.select-all-left{display:flex;align-items:center;gap:10px}.select-all-label{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-weight:500}.select-all-sub{font-family:var(--mono);font-size:.62rem;color:var(--muted);margin-top:1px}