:root{--navy:#202947;--blue:#285ad7;--blue2:#eaf0ff;--muted:#606b81;--line:#dde1e9;--paper:#faf9f5;--white:#fff;--green:#19725a;--gold:#93620d;--round:18px;color-scheme:light;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--navy);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button{border:0}button:disabled{cursor:default;opacity:.62}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #487aeb;outline-offset:3px}button, a{ -webkit-tap-highlight-color:transparent}a{color:var(--blue)}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.17;letter-spacing:-.035em}h1{font-size:clamp(32px,4vw,52px);font-weight:740}h2{font-size:25px}h3{font-size:19px}svg{flex-shrink:0;vertical-align:middle}.skip{position:fixed;z-index:9;left:8px;top:-80px;background:white;padding:12px}.skip:focus{top:4px}
header{background:#fff;border-bottom:1px solid var(--line)}.bar{max-width:1152px;margin:auto;min-height:78px;display:flex;align-items:center;gap:32px;padding:0 36px}.brand{display:inline-flex;align-items:center;gap:11px;background:none;font-size:22px;font-weight:790;letter-spacing:-.055em;padding:0;white-space:nowrap}.brand img{width:37px;height:37px}.header-nav{display:flex;gap:6px;margin:auto}.navlink,.devicebtn,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:none;font-weight:650;border-radius:10px;padding:10px 14px;color:var(--muted);font-size:14px}.navlink:hover,.devicebtn:hover,.ghost:hover{background:#f3f5f9}.navlink.active{background:var(--blue2);color:var(--blue)}.devicebtn{margin-left:auto;font-size:13px;padding:7px 10px;border:1px solid var(--line);border-radius:22px}.dot{background:#55a285;width:7px;height:7px;border-radius:50%}
main,.footwrap{max-width:1152px;margin:auto;padding:30px 36px 0}.hero{display:grid;grid-template-columns:1fr 32%;align-items:center;position:relative;overflow:hidden;background:#eaf1ff;border:1px solid #d4e1f8;border-radius:22px;padding:29px 36px;min-height:204px}.eyebrow{display:flex;align-items:center;gap:8px;color:#3b5da5;font-size:11px;font-weight:780;letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px}.eyeline{width:22px;height:2px;background:#5481da}.hero h1{font-size:clamp(35px,4.3vw,54px);letter-spacing:-.055em}.hero p,.page-title p,.muted{color:var(--muted)}.hero p{margin-top:7px;font-size:16px}.hero-art{width:100%;max-height:184px;object-fit:contain;transform:scale(1.08);pointer-events:none}.date{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:620;color:#425779;margin-top:17px}.date svg{color:var(--blue)}.section-head{display:flex;align-items:center;gap:12px;margin:27px 0 14px}.section-head h2{font-size:24px}.section-head .fine{margin-left:auto}.count{padding:2px 8px;background:#e9eaf0;color:#536079;border-radius:7px;font-size:12px;font-weight:700}.profiles{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile{position:relative;display:block;text-align:left;background:#fff;border:1px solid #d9dee8;border-radius:var(--round);padding:23px 24px 19px;width:100%;box-shadow:0 3px 0 #20294706;transition:transform .15s,border-color .15s,box-shadow .15s}.profile:hover{transform:translateY(-2px);border-color:#9eb6ea;box-shadow:0 4px 12px #1e39700f}.person{display:flex;gap:13px;align-items:center}.person h3{font-size:25px}.avatar{display:inline-grid;width:48px;height:48px;place-items:center;border-radius:50%;font-size:21px;line-height:1;font-weight:760;position:relative;flex-shrink:0}.avatar.gold{background:#ffdf86;color:#584118}.avatar.sky{background:#d5e7fc;color:#264a81}.avatar.sm{width:32px;height:32px;font-size:14px}.person small{font-size:13px;color:var(--muted)}.arrowbox{margin-left:auto;display:grid;place-items:center;width:34px;height:34px;border:1px solid #dce6fa;border-radius:50%;background:#f3f7ff;color:var(--blue)}.metrics{display:grid;grid-template-columns:1fr 1fr;margin:21px 0 17px}.metric+.metric{border-left:1px solid var(--line);padding-left:24px}.metric-value{display:block;font-size:35px;font-weight:730;letter-spacing:-.045em;line-height:1.12;font-variant-numeric:tabular-nums}.metric-label{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:13px;margin-top:4px}.metric-label svg{color:#4971c9}.pending .metric-value,.pending .metric-label svg{color:var(--gold)}.daily-strip{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#eef3ff;border-radius:10px;color:#2c54a8;font-size:13px;line-height:1.35}.daily-strip b{font-weight:720}.daily-strip .sep{color:#7890bd}.parents-banner{display:flex;gap:18px;align-items:center;margin-top:26px;padding:23px 25px;background:var(--navy);color:white;border-radius:var(--round)}.parent-icon{display:grid;place-items:center;background:#353f61;width:45px;height:45px;border:1px solid #55607f;border-radius:13px}.parents-banner h2{font-size:21px}.parents-banner p{color:#d1d7e7;margin-top:4px;font-size:14px}.parents-banner button{margin-left:auto;background:#fbfcff;color:var(--navy);white-space:nowrap}.button,.smallbtn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:10px;background:var(--blue);color:white;font-weight:680;padding:11px 18px;min-height:44px;font-size:14px}.button:hover,.smallbtn:hover{filter:brightness(.96)}.smallbtn{padding:7px 11px;min-height:36px;font-size:13px}.light{background:var(--blue2);color:var(--blue)}.outline{background:white;color:var(--navy);border:1px solid var(--line)}.danger{background:#fff0ef;color:#953f36}.footwrap{display:flex;gap:12px;align-items:center;justify-content:space-between;padding-top:22px;padding-bottom:23px;color:var(--muted);font-size:12px}.footwrap span{display:inline-flex;align-items:center;gap:7px}.footbrand{font-weight:680}.fine{font-size:12px;color:var(--muted)}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--round);padding:22px}.context{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.identity{display:inline-flex;align-items:center;gap:9px;font-weight:700}.page-title{margin:8px 0 22px}.page-title h1{font-size:clamp(32px,4vw,44px)}.page-title p{margin-top:7px}.twocol{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,1fr);align-items:start;gap:18px}.stack{display:grid;gap:16px}.balance{background:#ffebaa;border-color:#edd689}.balance .metrics{margin:12px 0 0}.balance .metric+.metric{border-color:#ddc57f}.balance .eyebrow{color:#705116}.balance .metric-label,.balance .metric-label svg{color:#55462b}.progressbox{padding:16px 18px;background:#ecf2ff;border-radius:12px;margin-bottom:13px}.progressbox h3{color:#315aaa;font-size:17px}.progressbox p{color:var(--muted);font-size:14px;margin:4px 0 10px}.segments{display:flex;gap:4px}.segments i{height:5px;flex:1;background:#d6e0f4;border-radius:2px}.segments i.pending{background:#b48432}.segments i.approved{background:#39836e}.taskrow,.managerow,.historyrow{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #e8ebf0}.taskrow:last-child,.managerow:last-child,.historyrow:last-child{border-bottom:0}.iconbox{display:grid;place-items:center;width:39px;height:39px;background:var(--blue2);color:var(--blue);border-radius:10px;flex-shrink:0}.taskrow h3,.managerow h3,.historyrow h3{font-size:16px}.taskrow small,.managerow small,.historyrow small{color:var(--muted);font-size:13px}.end{margin-left:auto;flex-shrink:0}.tag{display:inline-flex;align-items:center;font-size:12px;font-weight:700;border-radius:100px;padding:4px 10px;white-space:nowrap}.tag.blue{background:#e9effd;color:#3157a7}.tag.green{background:#dcf4e9;color:#19694e}.tag.amber{background:#ffefd1;color:#895b0a}.tag.gray{background:#eff0f4;color:#566078}.tabs,.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tabs{margin:15px 0}.tab{background:#fff;border:1px solid var(--line);padding:8px 14px;border-radius:24px;color:var(--muted);font-weight:650;font-size:13px}.tab.active{background:var(--blue);border-color:var(--blue);color:#fff}.childnav{display:flex;justify-content:center;gap:10px;margin:20px auto 0}.childnav button{min-width:105px}.side-call h3{margin:9px 0 4px}.side-call p{font-size:14px;color:var(--muted);margin-bottom:12px}.rewards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rewardcard{padding:0;overflow:hidden;display:flex;flex-direction:column}.rewardart{display:grid;place-items:center;height:114px;background:#e9effc;overflow:hidden}.rewardart.activity{background:#e4f4ed}.rewardart.other{background:#fbefce}.pack{width:54px;height:76px;background:#202947;border:3px solid #202947;border-radius:4px;box-shadow:4px 4px 0 #9aafd7;transform:rotate(-9deg);display:grid;place-items:center;color:#ffde84;position:relative}.pack:before,.pack:after{content:"";position:absolute;background:#447be7;left:0;right:0;height:6px}.pack:before{top:4px}.pack:after{bottom:4px}.rewardart>svg{transform:rotate(-12deg);color:#367a67;width:48px;height:48px}.rewardbody{padding:17px;display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:8px}.rewardbody p{font-size:14px;color:var(--muted);flex:1}.rewardbody button{width:100%;margin-top:5px}.storetop{display:grid;grid-template-columns:1fr minmax(270px,.7fr);align-items:center;gap:20px}.storetop .page-title{margin:0}.storetop .balance{padding:14px 19px}.storetop .metric-value{font-size:29px}.storetop .metrics{margin:0}.storetop .balance .eyebrow{display:none}.empty{text-align:center;padding:28px 16px}.empty .iconbox{margin:0 auto 12px}.empty p{color:var(--muted);font-size:14px;margin-top:6px}.parentnav{padding:5px;display:inline-flex;gap:3px;background:#e9ecf3;border-radius:13px;margin:0 0 12px}.parentnav .navlink.active{background:#fff;box-shadow:0 1px 4px #26345618}.grouphead{display:flex;gap:10px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line)}.grouphead h3{font-size:17px}.grouphead small{color:var(--muted)}.panel .actions.batch{margin-top:12px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.toolbar h2{font-size:21px}.toolbar .tabs{margin:0}.note{background:#edf6f1;color:#346651;padding:12px 14px;border-radius:10px;font-size:13px}.linkbtn{display:inline-flex;gap:6px;align-items:center;background:none;color:var(--blue);padding:7px 0;font-weight:680;font-size:14px}.login-box{max-width:480px;margin:24px auto}.login-box h2{margin-bottom:10px}.login-box p{font-size:14px;color:var(--muted)}label.field{display:grid;gap:6px;margin:13px 0;font-size:13px;font-weight:660}input:not([type=checkbox]),select,textarea{width:100%;padding:11px 12px;background:#fbfcff;border:1px solid #ccd3e0;color:var(--navy);border-radius:9px;min-height:43px;font-size:16px}textarea{resize:vertical}.full{width:100%}.divider{display:flex;align-items:center;gap:10px;margin:15px 0;color:var(--muted);font-size:12px}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.loading{padding:40px 0}dialog{width:calc(100% - 28px);max-width:445px;max-height:90dvh;border:1px solid var(--line);border-radius:19px;padding:24px;color:var(--navy);box-shadow:0 20px 80px #121c3936}dialog::backdrop{background:#15203b68}dialog h2{font-size:25px;margin:6px 32px 8px 0}dialog p{color:var(--muted);font-size:14px}dialog .actions{margin-top:18px}dialog .close{position:absolute;top:13px;right:13px;background:#f0f2f7;border-radius:50%;padding:7px;line-height:0}fieldset{border:0;padding:0;margin:14px 0}legend{font-size:13px;font-weight:680;margin-bottom:7px}.checks{display:flex;flex-wrap:wrap;gap:6px}.checks label{display:inline-flex;align-items:center;gap:5px;background:#f2f5fc;border-radius:8px;padding:7px;font-size:13px}.checks input{accent-color:var(--blue)}.inline-error{color:#a33430;font-size:14px;margin-top:10px}.inline-error:empty{display:none}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:11px 18px;border-radius:12px;background:#202947;color:#fff;font-size:14px;max-width:calc(100vw - 32px);width:max-content;z-index:8;pointer-events:none}#toast:empty{display:none}.historyrow>div{min-width:0}.historyrow .tag{margin-left:auto}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.panel,.rewardbody,.managerow>div,.taskrow>div{overflow-wrap:anywhere}
@media(max-width:860px){.bar{padding:0 24px;gap:12px}.navlink{padding:9px 10px}.bar .navlink svg{display:none}main,.footwrap{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr 31%;padding:24px}.rewards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.twocol{grid-template-columns:minmax(0,1.5fr) minmax(200px,1fr)}.metric+.metric{padding-left:16px}}
@media(max-width:650px){.bar{min-height:62px;padding:0 16px}.brand{font-size:20px}.brand img{width:32px;height:32px}.header-nav{display:none}.devicebtn{font-size:12px}.hero{min-height:157px;padding:18px 16px;grid-template-columns:1fr 24%}.hero-art{transform:scale(1.6) translateX(6%)}.hero h1{font-size:32px}.hero p{font-size:14px}.hero .eyebrow{font-size:10px}.hero .date{font-size:12px;margin-top:11px}.hero>div{position:relative;z-index:1}.section-head{margin:21px 0 11px}.section-head h2{font-size:21px}.section-head .fine{font-size:11px}main,.footwrap{padding-left:16px;padding-right:16px}main{padding-top:18px}.profiles{grid-template-columns:1fr;gap:12px}.profile{padding:16px 18px}.person h3{font-size:22px}.avatar{width:40px;height:40px;font-size:18px}.metrics{margin:14px 0 12px}.metric-value{font-size:29px}.metric+.metric{padding-left:17px}.daily-strip{padding:8px 10px}.parents-banner{margin-top:16px;padding:16px;gap:10px;flex-wrap:wrap}.parents-banner .parent-icon{width:35px;height:35px}.parents-banner h2{font-size:18px}.parents-banner p{font-size:12px}.parents-banner button{width:100%;margin-top:3px}.footwrap{align-items:flex-start;gap:6px;flex-wrap:wrap;font-size:11px}.footbrand{display:none!important}.twocol,.storetop{display:flex;flex-direction:column;align-items:stretch}.twocol .stack{order:-1}.twocol .side-call{display:none}.balance{padding:14px 17px}.balance .metrics{margin-top:4px}.page-title{margin-bottom:16px}.panel{padding:16px}.rewards-grid{grid-template-columns:1fr}.rewardcard{display:grid;grid-template-columns:86px 1fr;padding:0}.rewardart{height:100%}.rewardbody{padding:14px;gap:6px}.rewardbody .smallbtn{min-height:39px}.childnav{position:sticky;bottom:0;background:#fffc;backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:13px;margin-top:16px;padding:5px;z-index:2}.childnav button{min-width:0;flex:1}.parentnav{max-width:100%;display:flex}.parentnav button{flex:1;font-size:13px}.parentnav svg{display:none}.toolbar h2{font-size:19px}.context{margin-bottom:12px}.context button{font-size:13px}.empty{padding:20px 7px}.section-head .linkbtn{font-size:12px}.taskrow{gap:8px}.taskrow .iconbox{width:33px;height:33px}#toast{bottom:72px}.bar .devicebtn .dot{display:none}.managerow h3{font-size:15px}}
@media(max-width:370px){.hero-art{display:none}.hero{grid-template-columns:1fr}.daily-strip{font-size:12px}.parentnav{gap:0}.navlink{padding:8px}.section-head .fine{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.login-box .actions,dialog .stack,dialog .balance,dialog .full{margin-top:16px}.rewardbody .eyebrow{margin:0}.end.linkbtn{margin-left:auto}.hero .date>span{white-space:nowrap}.button{text-decoration:none}.devicebtn .dot{display:inline-block}
@media(max-width:650px){.hero{display:block;min-height:0;padding:19px 17px}.hero-art{position:absolute;right:3px;top:0;width:76px;height:40px;transform:none}.hero h1{font-size:clamp(29px,8vw,36px)}.hero .date{gap:5px;flex-wrap:wrap}.taskrow .smallbtn,.managerow .smallbtn{min-height:42px}}

.checklist-filters {
  display: flex;
  gap: 4px;
  padding: 4px;
  background: var(--blue2);
  border-radius: 12px;
}
.bonus-banner {
  display: flex;
  align-items: center;
  gap: 11px;
  background: #fff6d9;
  color: #684a12;
  border-radius: 12px;
  padding: 12px 14px;
  margin-bottom: 14px;
}
.bonus-icon { display: flex; flex-shrink: 0; }
.skip-date, .skip-note { color: var(--muted); font-size: 14px; }
.skip-date { margin: 3px 0 10px; }
.skip-note { margin-bottom: 14px; }
.skip-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.skip-table th, .skip-table td { padding: 8px 4px; border-bottom: 1px solid var(--line); }
.skip-table th:first-child { text-align: left; }
.skip-table thead th { color: var(--muted); background: white; position: sticky; top: 0; }
.skip-table td { width: 21%; text-align: center; }
.skip-table td small { display: block; color: var(--muted); }
.skip-table button { white-space: nowrap; min-height: 44px; }
@media (max-width: 480px) {
  .skip-table .smallbtn, .skip-table .tag { padding-inline: 7px; }
}
.bonus-banner.earned { background: #e0f4e9; color: #165d47; }
.bonus-banner strong, .bonus-banner small { display: block; }
.bonus-banner small { margin-top: 2px; font-size: 13px; }
.checklist-filters button {
  flex: 1;
  padding: 9px 5px;
  border-radius: 9px;
  color: var(--muted);
  background: transparent;
  font-size: 14px;
  font-weight: 680;
}
.checklist-filters button[aria-pressed="true"] { background: var(--blue); color: white; }
.checklist-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 14px 0 9px;
  border-bottom: 1px solid var(--line);
}
.checklist-summary { flex: 1 1 100px; }
.checklist-summary strong, .checklist-summary small { display: block; }
.checklist-summary strong { font-size: 13px; }
.checklist-summary small, .checklist-sort { color: var(--muted); font-size: 13px; }
.checklist-sort { display: flex; align-items: center; gap: 6px; }
.checklist-sort select {
  width: auto;
  max-width: 100%;
  min-height: 36px;
  padding: 5px 7px;
  color: var(--navy);
  font-size: 14px;
  font-weight: 600;
  background: white;
}
@media (pointer:coarse) {
  .checklist-filters button, .checklist-sort select { min-height: 44px; }
  .checklist-sort select { font-size: 16px; }
}

.reward-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }