:root{color-scheme:light;--bg: #f5f6f8;--card: #ffffff;--ink: #16181d;--muted: #6c727e;--line: #e7e9ee;--brand: #4b53d4;--ok: #1a9d59;--miss: #dd4b45;--on-brand: #ffffff;--brand-soft: color-mix(in srgb, var(--brand) 12%, var(--card));--brand-line: color-mix(in srgb, var(--brand) 32%, var(--line));--ok-soft: color-mix(in srgb, var(--ok) 14%, var(--card));--miss-soft: color-mix(in srgb, var(--miss) 13%, var(--card));--field: #ffffff;--hairline: var(--line);--track: color-mix(in srgb, var(--ink) 6%, var(--card));--meter-1: #aeb6c6;--meter-2: #7a8397;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 44px;--r-xs: 8px;--r-sm: 10px;--r: 14px;--r-lg: 18px;--r-pill: 999px;--t-xs: 11.5px;--t-sm: 12.5px;--t-md: 15px;--t-lg: 17px;--t-xl: 22px;--t-2xl: 30px;--t-3xl: 42px;--shadow-card: none;--shadow-pop: 0 1px 2px rgba(16, 18, 27, .06);--shadow-modal: 0 10px 30px -10px rgba(16, 18, 27, .28), 0 4px 12px -6px rgba(16, 18, 27, .18);--ring: 0 0 0 3px color-mix(in srgb, var(--brand) 22%, transparent);accent-color:var(--brand)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0f1115;--card: #191c22;--ink: #eceef3;--muted: #8b93a3;--line: #2a2e37;--brand: #6f78ef;--ok: #22a862;--miss: #ea5a53;--field: #14171d;--track: color-mix(in srgb, var(--ink) 8%, var(--card));--meter-1: #59627a;--meter-2: #414b63;--shadow-pop: 0 1px 2px rgba(0, 0, 0, .5);--shadow-modal: 0 16px 40px -12px rgba(0, 0, 0, .7), 0 6px 16px -8px rgba(0, 0, 0, .55)}}:root[data-theme=dark]{color-scheme:dark;--bg: #0f1115;--card: #191c22;--ink: #eceef3;--muted: #8b93a3;--line: #2a2e37;--brand: #6f78ef;--ok: #22a862;--miss: #ea5a53;--field: #14171d;--track: color-mix(in srgb, var(--ink) 8%, var(--card));--meter-1: #59627a;--meter-2: #414b63;--shadow-pop: 0 1px 2px rgba(0, 0, 0, .5);--shadow-modal: 0 16px 40px -12px rgba(0, 0, 0, .7), 0 6px 16px -8px rgba(0, 0, 0, .55)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:var(--t-md)/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Malgun Gothic","Apple SD Gothic Neo","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;overscroll-behavior-y:none}img,svg{max-width:100%;display:block}button{color:inherit;font:inherit}button,input,select,textarea{font:inherit}:where(button,[role=button]){-webkit-tap-highlight-color:transparent}h1{font-size:var(--t-xl);font-weight:700;letter-spacing:-.02em;margin:2px 0 12px}h2{font-size:var(--t-lg);font-weight:650;letter-spacing:-.01em;margin:0 0 12px}h3{font-size:var(--t-sm);font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin:16px 0 8px}strong{font-weight:650}.muted{color:var(--muted)}.sm{font-size:var(--t-sm)}.center{display:grid;place-items:center;min-height:60vh}.inline{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.hero-amount,.kid-card-owed,.stat-val,.bar-pct,.row strong,.row .inline strong,.cal-daynum{font-variant-numeric:tabular-nums}.app{max-width:720px;margin:0 auto;min-height:100%}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(16px,env(safe-area-inset-left)) 12px max(16px,env(safe-area-inset-left));padding-top:max(12px,env(safe-area-inset-top));background:color-mix(in srgb,var(--card) 82%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:-.01em;font-size:var(--t-lg);display:flex;align-items:center;gap:6px}.topbar-right{display:flex;align-items:center;gap:10px;min-width:0}.who{font-size:var(--t-sm);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:22vw}.main{padding:20px max(16px,env(safe-area-inset-left)) 48px;padding-bottom:max(48px,env(safe-area-inset-bottom))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-card);padding:18px;margin-bottom:14px}.card>h2:first-child{margin-bottom:14px}.btn{--btn-fg: var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:9px 16px;border:1px solid var(--line);background:var(--card);color:var(--btn-fg);border-radius:var(--r-sm);font-size:var(--t-md);font-weight:550;line-height:1;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .06s ease,box-shadow .14s ease;-webkit-user-select:none;user-select:none}.btn:hover{border-color:var(--brand-line)}.btn:active{transform:translateY(.5px)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.btn.primary{background:var(--brand);color:var(--on-brand);border-color:transparent;font-weight:600}.btn.primary:hover{background:color-mix(in srgb,var(--brand) 88%,#000);border-color:transparent}.btn.primary:disabled{background:var(--brand)}.btn.ghost{background:transparent}.btn.ghost:hover{background:color-mix(in srgb,var(--ink) 4%,transparent);border-color:var(--brand-line)}.btn.sm{min-height:34px;padding:6px 12px;font-size:var(--t-sm);border-radius:var(--r-xs)}.btn.danger{--btn-fg: var(--muted)}.btn.danger:hover{border-color:color-mix(in srgb,var(--miss) 55%,var(--line));color:var(--miss);background:var(--miss-soft)}.lang-toggle{display:inline-flex;padding:2px;border:1px solid var(--line);border-radius:var(--r-xs);background:var(--track)}.lang-toggle button{border:0;background:transparent;color:var(--muted);padding:5px 11px;font-size:var(--t-sm);font-weight:550;border-radius:7px;cursor:pointer;transition:color .14s,background .14s,box-shadow .14s}.lang-toggle button:hover{color:var(--ink)}.lang-toggle button.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow-pop)}.login-wrap{max-width:400px;margin:0 auto;padding:20px 20px 40px;min-height:100%;display:flex;flex-direction:column}.login-top{display:flex;justify-content:flex-end}.login{margin-top:12vh;text-align:center;padding:28px 24px}.login-logo{font-size:46px;line-height:1;margin-bottom:6px}.login h1{margin-bottom:20px}.login label,.form-grid label{display:block;text-align:left;font-size:var(--t-sm);font-weight:550;color:var(--muted);margin:14px 0 0}.login label{margin-top:12px}.login input,.form-grid input,.form-grid select,.form-inline input,.miss-reason input{width:100%;margin-top:6px;min-height:42px;padding:10px 13px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--field);color:var(--ink);font-size:var(--t-md);transition:border-color .14s,box-shadow .14s}input::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:var(--ring)}.login .btn{width:100%;margin-top:20px}.err{color:var(--miss);font-size:var(--t-sm);font-weight:550;margin-top:12px;text-align:left}.tabs{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--line);margin:-4px 0 18px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{border:0;background:transparent;color:var(--muted);padding:11px 14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;font-size:var(--t-md);font-weight:550;transition:color .14s,border-color .14s}.tab:hover{color:var(--ink)}.tab.on{color:var(--ink);font-weight:650;border-bottom-color:var(--brand)}.subtabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.subtab{border:1px solid var(--line);background:var(--card);color:var(--muted);padding:7px 14px;border-radius:var(--r-pill);cursor:pointer;font-size:var(--t-sm);font-weight:550;transition:background .14s,color .14s,border-color .14s}.subtab:hover{color:var(--ink);border-color:var(--brand-line)}.subtab.on{background:var(--brand-soft);color:var(--brand);border-color:transparent;font-weight:600}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin-bottom:14px}.kid-card{position:relative;text-align:left;cursor:pointer;color:var(--ink);padding:16px 16px 14px;margin-bottom:0;border-top:3px solid var(--brand);border-top-left-radius:var(--r);border-top-right-radius:var(--r);transition:border-color .14s,background .14s,transform .06s}.kid-card:hover{border-color:var(--brand-line);background:color-mix(in srgb,var(--ink) 2%,var(--card))}.kid-card:active{transform:translateY(.5px)}.kid-card:focus-visible{outline:none;box-shadow:var(--ring)}.kid-card-name{font-weight:600;font-size:var(--t-md)}.kid-card-owed{font-size:var(--t-2xl);font-weight:750;margin-top:8px;letter-spacing:-.02em;line-height:1.05}.kid-card .muted.sm{margin-top:2px}.kid-card-meta{display:flex;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:var(--t-xs);color:var(--muted);flex-wrap:wrap}.hero{text-align:center;border-top:3px solid var(--brand);padding:24px 18px 18px}.hero-label{color:var(--muted);font-size:var(--t-sm);font-weight:550}.hero-amount{font-size:var(--t-3xl);font-weight:800;letter-spacing:-.03em;line-height:1.02;margin:4px 0 8px}.hero-sub{font-size:var(--t-sm)}.hero-sub+.hero-sub{margin-top:2px}.hero .rows.subj{text-align:left;margin-top:16px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;margin-bottom:16px}.stat{background:var(--track);border-radius:var(--r-sm);padding:13px 12px;text-align:center}.stat-val{font-size:var(--t-lg);font-weight:700;letter-spacing:-.01em}.stat .muted.sm{margin-top:3px}.stat-big{grid-column:span 2;background:var(--brand-soft)}.stat-big .stat-val{font-size:var(--t-2xl);color:var(--ink);letter-spacing:-.02em}.checkin{list-style:none;padding:0;margin:6px 0 0}.checkin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.checkin-row:last-child{border-bottom:0}.task-name{font-weight:600;display:inline-flex;align-items:center;gap:8px;min-width:0}.checkin-btns{display:flex;gap:8px;flex:none}.chip{display:inline-flex;align-items:center;gap:5px;min-height:38px;padding:8px 15px;border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:var(--r-pill);cursor:pointer;font-size:var(--t-sm);font-weight:600;line-height:1;transition:background .14s,color .14s,border-color .14s,transform .06s}.chip:hover{border-color:var(--brand-line);color:var(--ink)}.chip:active{transform:translateY(.5px)}.chip:focus-visible{outline:none;box-shadow:var(--ring)}.chip:disabled{cursor:default;opacity:.55}.chip-done{background:var(--ok);color:#fff;border-color:transparent}.chip-miss{background:var(--miss);color:#fff;border-color:transparent}.chip-done:hover,.chip-miss:hover{color:#fff;filter:brightness(1.03)}.banner{border-radius:var(--r-sm);padding:11px 14px;font-size:var(--t-sm);font-weight:550;margin-bottom:10px}.banner.ok{background:var(--ok-soft);color:color-mix(in srgb,var(--ok) 82%,var(--ink));display:flex;align-items:center;gap:8px}.rows{list-style:none;padding:0;margin:0}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.rows.compact .row{padding:7px 0;font-size:var(--t-sm)}.row.total{font-weight:700;border-top:1.5px solid var(--line);border-bottom:0;margin-top:2px;padding-top:12px}.rows.subj{margin:14px 0 2px;border-top:1px solid var(--line);padding-top:4px}.tag,.ok-tag{display:inline-flex;align-items:center;font-size:var(--t-xs);font-weight:600;padding:2px 8px;border-radius:var(--r-pill);background:var(--track);color:var(--muted);letter-spacing:.01em}.ok-tag{background:var(--ok-soft);color:color-mix(in srgb,var(--ok) 82%,var(--ink))}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;align-items:end;margin-top:14px}.form-grid>.btn{align-self:end}.form-inline{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.form-inline input{flex:1;min-width:130px}.w-rate{width:84px!important;flex:none!important;text-align:right}.form-grid select{min-height:42px;padding:10px 13px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--field);color:var(--ink)}.chart-block{margin-top:10px}.chart-block>.muted.sm{margin-bottom:4px}.bars{display:flex;gap:6px;align-items:flex-end;overflow-x:auto;padding:6px 2px 2px;scrollbar-width:thin}.bar-col{flex:1;min-width:40px;border:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;padding:4px 0;border-radius:var(--r-xs);transition:background .14s}.bar-col:hover{background:color-mix(in srgb,var(--ink) 4%,transparent)}.bar-col:focus-visible{outline:none;box-shadow:var(--ring)}.bar-track{width:100%;height:108px;background:var(--track);border-radius:var(--r-xs);display:flex;align-items:flex-end;overflow:hidden}.bar-fill{width:100%;background:linear-gradient(180deg,var(--meter-1),var(--meter-2));border-radius:var(--r-xs) var(--r-xs) 0 0;transition:height .25s ease}.bar-col.sel .bar-fill{background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 88%,#fff),var(--brand))}.bar-pct{font-size:var(--t-xs);font-weight:700;color:var(--ink)}.bar-col:not(.sel) .bar-pct{color:var(--muted)}.bar-label{font-size:var(--t-xs);color:var(--muted)}.bar-col.sel .bar-label{color:var(--brand);font-weight:600}.days-panel{margin-top:12px;background:var(--track);border:1px solid var(--line);border-radius:var(--r);padding:14px}.days-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}.days-head strong{font-size:var(--t-md)}.legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin:8px 0 4px;font-size:var(--t-xs);color:var(--muted)}.legend-item{display:inline-flex;align-items:center;gap:6px}.swatch{width:11px;height:11px;border-radius:3px;display:inline-block;flex:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 14%,transparent)}.swatch-miss{background:var(--miss)}.edit-hint{display:inline-flex;align-items:center;gap:5px;margin:4px 0 12px;padding:5px 11px;border-radius:var(--r-pill);font-size:var(--t-xs);font-weight:550;background:var(--brand-soft);color:var(--brand)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.cal-wd{text-align:center;font-size:10px;font-weight:600;color:var(--muted);padding-bottom:3px;letter-spacing:.02em}.cal-blank{aspect-ratio:1}.cal-day{position:relative;aspect-ratio:1;border-radius:var(--r-xs);overflow:hidden;border:1px solid var(--line);background:var(--card);-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:0;transition:box-shadow .12s,border-color .12s}button.cal-day{cursor:pointer}button.cal-day.cal-editable{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 26%,transparent)}button.cal-day:hover{border-color:var(--brand)}button.cal-day:focus-visible{outline:none;box-shadow:var(--ring)}.cal-day.cal-sel{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 45%,transparent)}.segs{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.seg{flex:1;min-width:0}.seg+.seg{box-shadow:inset 1px 0 color-mix(in srgb,var(--card) 60%,transparent)}.seg-none{background:color-mix(in srgb,var(--muted) 14%,var(--card))}.seg-out{background:repeating-linear-gradient(45deg,var(--card),var(--card) 3px,color-mix(in srgb,var(--muted) 14%,var(--card)) 3px,color-mix(in srgb,var(--muted) 14%,var(--card)) 6px)}.cal-daynum{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:11px;font-weight:700;letter-spacing:-.02em;color:var(--ink);text-shadow:0 0 2px var(--card),0 0 2px var(--card),0 0 3px var(--card),0 1px 1px var(--card);pointer-events:none}.task-setting{padding:14px 0;border-bottom:1px solid var(--line)}.task-setting:first-child{padding-top:4px}.task-setting:last-child{border-bottom:0}.task-setting .task-name{font-size:var(--t-md)}.task-setting-fields{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-top:10px}.task-setting-color,.add-task-color,.add-kid-color{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.add-kid-color{grid-column:1 / -1}.mini{display:flex;flex-direction:column;gap:4px;font-size:var(--t-xs);font-weight:550;color:var(--muted)}.mini input{min-height:34px;padding:7px 10px;border:1px solid var(--line);border-radius:var(--r-xs);background:var(--field);color:var(--ink);font-size:var(--t-sm);transition:border-color .14s,box-shadow .14s}.task-setting-fields .btn.sm{align-self:flex-end}.add-task{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.add-task-top{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.add-task-top input{min-height:40px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--field);color:var(--ink);font-size:var(--t-md);transition:border-color .14s,box-shadow .14s}.add-task-top input:first-child{flex:1;min-width:140px}.cp{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.cp-sw{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 12%,transparent);transition:transform .1s,box-shadow .12s}.cp-sw:hover{transform:scale(1.1)}.cp-sw:focus-visible{outline:none;box-shadow:var(--ring)}.cp-sw.cp-on{border-color:var(--card);box-shadow:0 0 0 2px var(--ink)}.cp-custom{position:relative;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;cursor:pointer;border:2px dashed color-mix(in srgb,var(--muted) 55%,var(--line));overflow:hidden;color:#fff;font-size:12px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.55)}.cp-custom.cp-on{border-style:solid;border-color:var(--ink)}.cp-custom input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:color-mix(in srgb,#0a0c12 55%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));animation:backdrop-in .16s ease}.modal{width:100%;max-width:380px;max-height:85vh;overflow-y:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-modal);padding:18px 20px;animation:modal-in .18s cubic-bezier(.2,.8,.3,1)}.day-editor-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.day-editor-head strong{font-size:var(--t-md)}.day-editor-head .btn.sm{min-height:30px;width:30px;padding:0}.checkin-row-wrap{border-bottom:1px solid var(--line)}.checkin-row-wrap:last-child{border-bottom:0}.checkin-row-wrap .checkin-row{border-bottom:0}.miss-reason{display:flex;gap:8px;padding:0 0 12px}.miss-reason input{margin-top:0;border-color:color-mix(in srgb,var(--miss) 55%,var(--line))}.miss-reason input:focus{border-color:var(--miss);box-shadow:0 0 0 3px var(--miss-soft)}.miss-reason .btn{flex:none}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}