:root{--color-primary: oklch(45% .09 255);--color-primary-ink: white;--color-success: oklch(48% .1 150);--color-alert: oklch(50% .13 25);--color-surface-tint: oklch(96% .008 255);--color-bg: oklch(98.5% .003 255);--color-card: #ffffff;--neutral-50: oklch(98% .004 255);--neutral-100: oklch(95% .006 255);--neutral-200: oklch(90% .008 255);--neutral-300: oklch(82% .01 255);--neutral-400: oklch(68% .012 255);--neutral-500: oklch(55% .014 255);--neutral-600: oklch(44% .014 255);--neutral-700: oklch(34% .014 255);--neutral-800: oklch(24% .012 255);--neutral-900: oklch(16% .01 255);--pill-todo-bg: oklch(94% .006 255);--pill-todo-fg: oklch(45% .01 255);--pill-pending-bg: oklch(93% .03 255);--pill-pending-fg: oklch(42% .1 255);--pill-approved-bg: oklch(94% .05 150);--pill-approved-fg: oklch(40% .11 150);--pill-rejected-bg: oklch(94% .05 25);--pill-rejected-fg: oklch(48% .13 25);--pill-overdue-bg: oklch(60% .16 30);--pill-overdue-fg: white;--font-parent: "Inter", system-ui, sans-serif;--font-kid: "Baloo 2", system-ui, sans-serif;--text-display: 700 32px/1.1 var(--font-parent);--text-h1: 700 24px/1.2 var(--font-parent);--text-h2: 600 18px/1.3 var(--font-parent);--text-body: 400 15px/1.5 var(--font-parent);--text-label: 600 12px/1.3 var(--font-parent);--kid-primary: oklch(60% .19 255);--kid-success: oklch(70% .19 150);--kid-alert: oklch(65% .19 30);--kid-surface-tint: oklch(94% .03 255);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 100px}*{box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body,#root{height:100%;width:100%;max-width:100%;overflow-x:hidden}body{margin:0;font:var(--text-body);color:var(--neutral-900);background:var(--color-bg);-webkit-font-smoothing:antialiased}.grid>*,.row>*{min-width:0}.app-shell{max-width:1100px;margin:0 auto;padding:24px}.topbar{display:flex;flex-direction:column;padding:14px 20px;background:var(--color-card);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);margin-bottom:24px}.topbar-head{display:flex;align-items:center;justify-content:space-between}.topbar-account{display:flex;align-items:center;gap:6px}.nav-links .nav-in-menu{display:none}.brand{font:var(--text-h1);color:var(--color-primary);letter-spacing:-.02em}.brand-logo{height:54px;width:auto;display:block}.brand-logo-full{width:260px;max-width:85%;height:auto;display:block;margin:4px auto 18px}.brand-lockup{display:inline-flex;align-items:center;gap:10px}.brand-lockup-word{font:var(--text-display);color:var(--color-primary);letter-spacing:-.02em}.brand-lockup-symbol{width:auto;display:block}.brand-lockup-header .brand-lockup-symbol{height:42px}.brand-lockup-header .brand-lockup-word{font-size:24px}.brand-lockup-full{justify-content:center;margin:4px auto 18px}.brand-lockup-full .brand-lockup-symbol{height:58px}.brand-lockup-full .brand-lockup-word{font-size:38px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:var(--text-label);font-size:14px;cursor:pointer;border:none;border-radius:var(--radius-pill);padding:10px 18px;background:var(--color-primary);color:var(--color-primary-ink);text-decoration:none}.btn:hover{filter:brightness(1.08)}.btn.secondary{background:var(--neutral-100);color:var(--neutral-800)}.btn.success{background:var(--color-success)}.btn.danger{background:var(--color-alert)}.btn:disabled{opacity:.5;cursor:default}.btn.small{padding:6px 12px;font-size:13px}.day-picker{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}.day-toggle{width:40px;height:40px;border-radius:50%;cursor:pointer;border:1px solid var(--neutral-300);background:var(--color-card);font:var(--text-label);font-size:14px;color:var(--neutral-700)}.day-toggle.on{background:var(--color-primary);color:var(--color-primary-ink);border-color:var(--color-primary)}.cell-title{display:inline-flex;align-items:center;gap:10px;min-width:0}.row-icon{width:18px;height:18px;flex-shrink:0;color:var(--neutral-400)}.ledger-day{font:var(--text-label);font-size:12px;color:var(--neutral-600);text-transform:uppercase;letter-spacing:.04em;margin:20px 0 8px}.ledger-card{padding:4px 20px;margin-bottom:0}.ledger-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--neutral-100)}.ledger-row:last-child{border-bottom:none}.ledger-icon{width:20px;height:20px;flex-shrink:0;color:var(--neutral-400)}.ledger-note{flex:1;font-size:15px}.ledger-points{font-weight:700;font-size:16px;white-space:nowrap}.ledger-points.is-pos{color:var(--color-success)}.ledger-points.is-neg{color:var(--color-alert)}.ledger-filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.filter-chip{font:var(--text-label);font-size:13px;padding:6px 14px;border-radius:var(--radius-pill);cursor:pointer;border:1px solid var(--neutral-300);background:var(--color-card);color:var(--neutral-700)}.filter-chip.on{background:var(--color-primary);color:var(--color-primary-ink);border-color:var(--color-primary)}.photo-link{color:var(--color-primary);font-weight:600;text-decoration:none}.photo-link:hover{text-decoration:underline}.photo-link.is-loading{color:var(--neutral-500);font-weight:inherit}.photo-pending{color:var(--neutral-500)}.template-card{display:flex;align-items:center;gap:12px;text-align:left}.template-icon{width:20px;height:20px;flex-shrink:0;color:var(--color-primary)}.card{background:var(--color-card);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:20px}.grid{display:grid;gap:16px}.cols-3{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media (max-width: 560px){.stat-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-grid .card{padding:14px}.stat-grid .stat{font-size:28px}}.section-title{font:var(--text-h2);margin:28px 0 12px}.section-subtitle{font:var(--text-label);font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--neutral-500);margin:0 0 10px}.reward-badge{width:40px;height:40px;border-radius:50%;background:var(--neutral-100);display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}.page-header>*{margin:0}.page-header .section-title{margin:0}.muted{color:var(--neutral-500)}.pill{font:var(--text-label);font-size:12px;padding:4px 10px;border-radius:var(--radius-pill)}.pill.pending{background:var(--pill-pending-bg);color:var(--pill-pending-fg)}.pill.approved,.pill.status-done{background:var(--pill-approved-bg);color:var(--pill-approved-fg)}.pill.status-active{background:var(--pill-pending-bg);color:var(--pill-pending-fg)}.pill.status-missed{background:var(--neutral-100);color:var(--color-alert)}.pill.status-plain{background:var(--neutral-100);color:var(--neutral-500)}.quick-actions{display:flex;gap:12px;margin-bottom:12px}.quick-action{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:16px 12px;font:var(--text-label);font-size:15px;color:var(--neutral-800);text-decoration:none;border:1px solid var(--neutral-200);cursor:pointer}.quick-action-icon{width:22px;height:22px;flex-shrink:0}.quick-action.active{border-color:var(--color-primary)}@media (max-width: 560px){.quick-actions{gap:8px}.quick-action{flex-direction:column;gap:6px;padding:14px 6px;font-size:13px;min-height:76px;text-align:center}.quick-action-icon{width:26px;height:26px}}.device-code{font-size:36px;font-weight:800;letter-spacing:8px;color:var(--color-primary);margin:8px 0}.notice-warn{background:var(--neutral-100);border-left:3px solid var(--color-alert);border-radius:var(--radius-sm);padding:12px 14px;margin:12px 0;font-size:14px;color:var(--neutral-800)}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.chore-row{flex-wrap:wrap;row-gap:10px}.chore-row>.chore-actions{margin-left:auto}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;background:var(--color-primary)}.points{font-weight:800;color:var(--color-success)}.input,.select,textarea,input{font-size:16px}.input{width:100%;padding:11px 13px;font:var(--text-body);font-size:16px;border:1px solid var(--neutral-300);border-radius:var(--radius-md);margin-bottom:12px;background:#fff}.center-screen{min-height:100%;display:grid;place-items:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1418286b;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal{background:var(--color-card);border-radius:var(--radius-lg);padding:22px;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;box-shadow:0 16px 44px #14182838}.icon-btn{background:none;border:none;cursor:pointer;color:var(--neutral-500);padding:4px;border-radius:8px;display:inline-flex}.icon-btn:hover{background:var(--neutral-100)}.fb-cats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px}.fb-cat{display:flex;align-items:center;gap:8px;padding:10px 12px;text-align:left;border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--color-card);font:var(--text-label);font-size:13px;color:var(--neutral-800);cursor:pointer}.fb-cat:hover{border-color:var(--neutral-300)}.fb-cat.on{border:2px solid var(--color-primary);background:var(--color-surface-tint);color:var(--color-primary);padding:9px 11px}.fb-cat svg{flex:none}.fb-love{margin-top:12px;padding:12px;border:1px dashed var(--color-primary);border-radius:var(--radius-md);background:var(--color-surface-tint)}.fb-context{font-size:12px;color:var(--neutral-500);margin-top:12px}.feedback-check{width:56px;height:56px;border-radius:50%;background:var(--color-success);color:#fff;display:inline-flex;align-items:center;justify-content:center}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:240px;padding:40px 0}.loading-blocks{display:flex;gap:12px}.loading-blocks span{width:24px;height:24px;border-radius:8px;animation:block-bounce .9s ease-in-out infinite}.loading-blocks span:nth-child(1){background:var(--color-primary);animation-delay:0s}.loading-blocks span:nth-child(2){background:var(--color-success);animation-delay:.13s}.loading-blocks span:nth-child(3){background:#e67a3c;animation-delay:.26s}.loading-label{font:var(--text-label);font-size:14px;color:var(--neutral-500)}@keyframes block-bounce{0%,60%,to{transform:translateY(0) scaleY(1)}30%{transform:translateY(-18px) scaleY(1.12)}}@media (prefers-reduced-motion: reduce){.loading-blocks span{animation:block-fade 1.2s ease-in-out infinite}@keyframes block-fade{0%,to{opacity:.35}50%{opacity:1}}}.auth-card{width:380px;max-width:92vw}.error{color:var(--color-alert);font-size:14px;margin:8px 0}.notice{color:var(--color-success);font-size:14px;margin:8px 0;background:var(--neutral-100);border-radius:var(--radius-sm);padding:10px 12px}.link-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font:var(--text-body);padding:0}a{color:var(--color-primary)}.icon-link{display:inline-flex;align-items:center;gap:5px;color:var(--color-primary);font-weight:600;font-size:14px;text-decoration:none;background:none;border:none;padding:0;cursor:pointer}.icon-link:hover{text-decoration:underline}.icon-link svg{width:16px;height:16px;flex:none}.navlink{display:inline-flex;align-items:center;gap:8px;font:var(--text-label);font-size:14px;text-decoration:none;color:var(--neutral-600);padding:8px 12px;border-radius:var(--radius-pill)}.navlink svg{flex:none}.navlink:hover{background:var(--neutral-100)}.navlink.active{background:var(--color-surface-tint);color:var(--color-primary)}.nav-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--neutral-100)}.nav-signout{margin-left:4px}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;width:42px;height:42px;border-radius:10px}.nav-toggle:hover{background:var(--neutral-100)}.nav-toggle span{display:block;width:22px;height:2px;background:var(--neutral-700);margin:5px auto;border-radius:2px;transition:transform .2s,opacity .2s}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 860px){.app-shell{padding:16px}.topbar{padding:12px 16px}.brand-logo{height:44px}.brand-lockup-header .brand-lockup-symbol{height:36px}.brand-lockup-header .brand-lockup-word{font-size:21px}.nav-toggle{display:block}.topbar-account{display:none}.nav-links .nav-in-menu{display:flex}.nav-links{display:none;width:100%;flex-direction:column;align-items:stretch;gap:2px;margin-top:10px;padding-top:10px}.nav-links.open{display:flex}.nav-links .navlink{padding:13px 14px;border-radius:10px;font-size:16px}.nav-signout{margin:8px 0 0;align-self:flex-start}table thead{display:none}table,table tbody,table tr,table td{display:block;width:100%}table tr{border:1px solid var(--neutral-200);border-radius:12px;padding:10px 14px;margin-bottom:12px}table tr:last-child{margin-bottom:0}table td{border:none;padding:6px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:15px}table td:before{content:attr(data-label);color:var(--neutral-600);font-size:13px;font-weight:600;white-space:nowrap;flex-shrink:0}table td .select{width:auto;flex:1 1 auto;min-width:0}table td.cell-primary{justify-content:flex-start;font-size:16px;font-weight:700;padding:2px 0 8px;border-bottom:1px solid var(--neutral-100);margin-bottom:4px}table td.cell-primary:before{content:none}table td.cell-action{justify-content:flex-start}table td.cell-action:before{content:none}}.field-label{font:var(--text-label);font-size:12px;color:var(--neutral-600);display:block;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.select{width:100%;padding:11px 40px 11px 13px;font:var(--text-body);font-size:16px;border:1px solid var(--neutral-300);border-radius:var(--radius-md);margin-bottom:12px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4.5l4 4 4-4' fill='none' stroke='%235b6070' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.toggle-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.switch{position:relative;display:inline-block;width:46px;height:26px;flex:none}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--neutral-300);border-radius:999px;transition:.2s;cursor:pointer}.switch .slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+.slider{background:var(--color-success)}.switch input:checked+.slider:before{transform:translate(20px)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.stat{font:var(--text-display);color:var(--color-primary)}.stat.stat-points{color:var(--color-success)}.stat-icon{margin-left:8px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--neutral-200);font-size:14px}th{font:var(--text-label);font-size:12px;color:var(--neutral-600);text-transform:uppercase}.clickable{cursor:pointer;text-decoration:none;color:inherit}.clickable:hover{background:var(--neutral-50)}