*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--teal-dark: #1E4A54;--teal: #2D5F6B;--teal-mid: #3B8A9A;--teal-light: #5AA0B0;--teal-pale: #A8D4DC;--cream: #F5EFE0;--cream-dark: #EEE8D8;--cream-darker: #E0D8C8;--cream-border: #C8D8DB;--text-dark: #1E3D45;--text-mid: #2D5F6B;--text-muted: #7A9AA0;--text-faint: #9AB5BB;--radius: 12px;--shadow: 0 2px 16px rgba(30,74,84,.12)}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Inter,-apple-system,sans-serif;background:var(--cream);color:var(--text-dark);min-height:100vh;-webkit-font-smoothing:antialiased}.page{min-height:100vh;display:flex;flex-direction:column}.page-header{background:var(--teal);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;border-bottom:2px solid var(--teal-dark)}.page-header h1{color:var(--cream);font-size:18px;font-weight:600}.page-header .sub{color:var(--teal-pale);font-size:11px;letter-spacing:1.5px;margin-top:2px}.page-header a{color:var(--teal-pale);font-size:13px;text-decoration:none}.page-content{flex:1;padding:18px 16px;max-width:680px;margin:0 auto;width:100%}.card{background:var(--cream);border-radius:var(--radius);box-shadow:var(--shadow);border:.5px solid var(--cream-border);overflow:hidden;margin-bottom:12px}.btn-primary{display:block;width:100%;padding:16px;background:var(--teal);color:var(--cream);border:2px solid var(--teal-dark);border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;font-family:inherit;text-align:center}.btn-primary:disabled{background:var(--cream-darker);color:var(--text-muted);border-color:var(--cream-border)}.btn-outline{display:block;width:100%;padding:13px;background:transparent;border:2px solid var(--teal);color:var(--teal);border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;text-align:center}.summary-bar{background:var(--teal-dark);border-radius:10px;padding:12px 16px;display:flex;justify-content:space-around;margin-bottom:16px}.stat-val{font-size:22px;font-weight:700;color:var(--cream);text-align:center}.stat-label{font-size:11px;color:var(--teal-pale);text-align:center;margin-top:1px}.kid-row{padding:12px 14px;border-bottom:.5px solid var(--cream-border);display:flex;flex-direction:column;gap:9px}.kid-row:last-child{border-bottom:none}.kid-row:nth-child(2n){background:var(--cream-dark)}.kid-name{font-size:15px;font-weight:600;color:var(--text-dark)}.kid-checks{display:flex;flex-wrap:wrap;gap:6px}.check-pill{display:flex;align-items:center;gap:5px;padding:7px 12px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;border:1.5px solid transparent;background:var(--cream-darker);color:var(--text-muted);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;min-height:44px;font-family:inherit}.check-pill:active{transform:scale(.95)}.check-pill.attend.checked{background:var(--teal);color:var(--cream);border-color:var(--teal-dark)}.check-pill.bible.checked{background:var(--teal-dark);color:var(--cream)}.check-pill.verse.checked{background:var(--teal-mid);color:var(--cream)}.check-pill.bonus.checked{background:var(--teal-light);color:var(--cream)}.check-pill.friend.checked{background:#4A8E6E;color:var(--cream)}.check-pill.nerd.checked{background:#7A5EA0;color:var(--cream)}.cash-earned{background:var(--teal);color:var(--cream);border-radius:20px;padding:2px 10px;font-size:12px;font-weight:700}.troop-card{background:var(--cream);border-radius:var(--radius);margin-bottom:10px;border:.5px solid var(--cream-border);box-shadow:var(--shadow);text-decoration:none;display:block}.troop-card-inner{padding:16px 18px;display:flex;align-items:center;justify-content:space-between}.troop-card-name{font-size:17px;font-weight:700;color:var(--text-dark)}.troop-card-grade{font-size:12px;color:var(--text-muted);margin-top:2px}.troop-card-arrow{font-size:20px;color:var(--teal)}.section-label{font-size:10px;font-weight:700;letter-spacing:3px;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px;padding-left:4px}.tab-bar{display:flex;gap:8px;margin-bottom:16px}.tab-btn{flex:1;padding:10px 8px;border:none;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;font-family:inherit;text-transform:capitalize}.tab-btn.active{background:var(--teal);color:var(--cream)}.tab-btn.inactive{background:var(--cream-dark);color:var(--text-muted)}.filter-pill{padding:6px 14px;border-radius:20px;border:none;cursor:pointer;font-size:12px;font-weight:600;font-family:inherit}.filter-pill.active{background:var(--teal);color:var(--cream)}.filter-pill.inactive{background:var(--cream-dark);color:var(--text-muted)}.search-input{width:100%;padding:12px 16px;border-radius:10px;border:1.5px solid var(--cream-border);font-size:15px;margin-bottom:12px;font-family:inherit;background:var(--cream);outline:none;color:var(--text-dark)}.search-input:focus{border-color:var(--teal)}.divider{height:1px;background:var(--cream-border);margin:16px 0}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--teal);font-size:14px;letter-spacing:2px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--teal-dark);color:var(--cream);padding:14px 24px;border-radius:10px;font-size:14px;font-weight:600;z-index:999;box-shadow:0 4px 20px #1e4a544d;animation:slideUp .2s ease;white-space:nowrap}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.stat-card{background:var(--cream);border-radius:var(--radius);border:.5px solid var(--cream-border);padding:14px 10px;text-align:center;box-shadow:var(--shadow)}.stat-card .stat-icon{font-size:22px}.stat-card .stat-num{font-size:24px;font-weight:700;color:var(--teal-dark);margin-top:4px}.stat-card .stat-lbl{font-size:11px;color:var(--text-muted)}.link-strip{padding:10px 14px;background:var(--cream);border-radius:8px;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 4px #1e4a5414;border:.5px solid var(--cream-border)}.link-strip-name{font-size:13px;font-weight:600;color:var(--text-dark)}.link-strip-slug{font-size:11px;color:var(--teal);font-family:monospace;background:var(--cream-dark);padding:3px 8px;border-radius:6px}@media (max-width: 400px){.check-pill{padding:7px 9px;font-size:11px}.kid-name{font-size:14px}}