:root{--bg-main: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-surface: #ffffff;--bg-input: #ffffff;--border-subtle: #e6eaf0;--border-glow: rgba(2, 132, 199, .35);--border-emerald: rgba(5, 150, 105, .3);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--accent-primary: #0284c7;--accent-cyan: #0891b2;--accent-emerald: #059669;--accent-emerald-light: #047857;--accent-amber: #d97706;--accent-amber-light: #b45309;--accent-rose: #e11d48;--accent-violet: #7c3aed;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06);--shadow-md: 0 10px 30px rgba(15, 23, 42, .08);--shadow-glow-cyan: 0 6px 20px rgba(2, 132, 199, .08);--shadow-glow-emerald: 0 6px 20px rgba(5, 150, 105, .1);--shadow-glow-amber: 0 6px 20px rgba(217, 119, 6, .1);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", sans-serif;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .3s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}button,input,select,textarea{font-family:inherit;font-size:inherit}.view{display:none;opacity:0;transition:opacity var(--transition-smooth)}.view.active{display:block;opacity:1}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:420px;pointer-events:none}.toast{pointer-events:auto;background:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 18px;color:var(--text-primary);display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);animation:slideInRight .35s ease forwards}.toast.toast-success{border-color:var(--accent-emerald);box-shadow:var(--shadow-glow-emerald)}.toast.toast-info{border-color:var(--accent-primary);box-shadow:var(--shadow-glow-cyan)}.toast.toast-warning{border-color:var(--accent-amber);box-shadow:var(--shadow-glow-amber)}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message{font-size:.9rem;font-weight:500}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:480px;background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:40px 36px;box-shadow:var(--shadow-md),0 0 40px #0f172a17;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-emerald),var(--accent-violet))}.brand-header{text-align:center;margin-bottom:24px}.brand-badge{display:inline-flex;align-items:center;gap:8px;background:#38bdf81f;border:1px solid rgba(56,189,248,.25);color:var(--accent-primary);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:5px 14px;border-radius:999px;margin-bottom:16px}.pulse-dot{width:7px;height:7px;border-radius:50%;background-color:var(--accent-emerald);box-shadow:0 0 10px var(--accent-emerald);animation:pulseAnim 2s infinite}@keyframes pulseAnim{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.brand-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.logo-icon{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,#0284c7,#06b6d4);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-glow-cyan)}.brand-text h1{font-size:1.6rem;font-weight:800;letter-spacing:.05em;line-height:1;background:linear-gradient(135deg,#0f172a,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-text p{font-size:.7rem;font-weight:700;letter-spacing:.18em;color:var(--accent-primary);margin-top:3px}.login-title{font-size:1.4rem;font-weight:700;margin-bottom:6px}.login-subtitle{font-size:.88rem;color:var(--text-secondary);line-height:1.45;margin-bottom:12px}.quick-demo-box{background:#0f172a08;border:1px dashed rgba(15,23,42,.12);border-radius:var(--radius-md);padding:14px;margin-bottom:24px}.quick-demo-label{display:flex;align-items:center;gap:6px;font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-primary);margin-bottom:10px}.quick-demo-buttons{display:flex;flex-direction:column;gap:7px}.demo-btn{background:#0f172a0d;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--text-primary);transition:all var(--transition-fast)}.demo-btn:hover{background:#38bdf81a;border-color:var(--border-glow);transform:translateY(-1px)}.demo-name{font-size:.84rem;font-weight:600}.demo-tag{font-size:.74rem;background:#0f172a14;padding:3px 8px;border-radius:4px;color:var(--text-secondary)}.login-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:7px}.form-group label{font-size:.84rem;font-weight:600;color:var(--text-secondary)}.label-with-link{display:flex;justify-content:space-between;align-items:center}.subtle-link{font-size:.8rem;color:var(--accent-primary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.subtle-link:hover{text-decoration:underline;color:var(--text-primary)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:var(--text-muted);display:flex;align-items:center;pointer-events:none}.input-wrapper input{width:100%;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px 12px 44px;color:var(--text-primary);font-size:.95rem;outline:none;transition:all var(--transition-fast)}.input-wrapper input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #38bdf833}.icon-btn-inline{position:absolute;right:12px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;transition:color var(--transition-fast)}.icon-btn-inline:hover{color:var(--text-primary)}.form-options{display:flex;align-items:center;justify-content:space-between}.checkbox-container{display:flex;align-items:center;position:relative;padding-left:28px;cursor:pointer;font-size:.84rem;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer}.checkmark{position:absolute;left:0;top:50%;transform:translateY(-50%);height:18px;width:18px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:5px;transition:all var(--transition-fast)}.checkbox-container:hover input~.checkmark{border-color:var(--accent-primary)}.checkbox-container input:checked~.checkmark{background:var(--accent-primary);border-color:var(--accent-primary)}.checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:4px;height:9px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container input:checked~.checkmark:after{display:block}.primary-btn{background:linear-gradient(135deg,#0284c7,#06b6d4);border:none;border-radius:var(--radius-md);color:#fff;font-weight:700;font-size:.95rem;padding:13px 20px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px #0284c759;transition:all var(--transition-fast)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px #0284c780;filter:brightness(1.08)}.primary-btn:active{transform:translateY(0)}.login-footer{margin-top:28px;padding-top:20px;border-top:1px solid var(--border-subtle);text-align:center}.login-footer p{font-size:.8rem;color:var(--text-muted);margin-bottom:8px}.whatsapp-support-link{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--accent-emerald-light);text-decoration:none;font-weight:600;transition:color var(--transition-fast)}.whatsapp-support-link:hover{color:var(--text-primary);text-decoration:underline}.top-nav{position:sticky;top:0;z-index:100;background:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle)}.nav-container{max-width:1240px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.nav-brand{display:flex;align-items:center;gap:10px}.logo-icon-sm{width:36px;height:36px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#0284c7,#06b6d4);display:flex;align-items:center;justify-content:center;color:#fff}.brand-name-group{display:flex;flex-direction:column}.brand-title{font-family:var(--font-display);font-weight:800;font-size:1.15rem;letter-spacing:.04em;color:var(--text-primary);line-height:1.1}.brand-sub{font-size:.65rem;font-weight:700;letter-spacing:.12em;color:var(--accent-primary)}.nav-right{display:flex;align-items:center;gap:14px}.child-picker-wrapper{position:relative}.custom-select-box{display:flex;align-items:center;gap:8px;background:#0f172a0d;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:6px 12px;color:var(--text-primary);transition:all var(--transition-fast)}.custom-select-box:hover{border-color:var(--border-glow);background:#0f172a14}.custom-select-box select{background:transparent;border:none;color:var(--text-primary);font-weight:600;font-size:.86rem;outline:none;cursor:pointer}.custom-select-box select option{background:var(--bg-surface);color:var(--text-primary)}.user-pill{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;border-radius:999px;background:#0f172a0a;border:1px solid var(--border-subtle)}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent-violet),#ec4899);display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:#fff}.user-info{display:flex;flex-direction:column}.user-name{font-size:.82rem;font-weight:600;line-height:1.1}.user-role{font-size:.68rem;color:var(--text-muted)}.logout-btn{background:#f43f5e1a;border:1px solid rgba(244,63,94,.25);border-radius:var(--radius-md);padding:7px 12px;color:#e11d48;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.82rem;font-weight:600;transition:all var(--transition-fast)}.logout-btn:hover{background:#f43f5e33;color:#fff}.dashboard-main{padding:28px 20px 60px}.dashboard-container{max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.welcome-banner{background:linear-gradient(135deg,#f0f9ff,#fff);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.welcome-banner:after{content:"";position:absolute;right:-50px;top:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(56,189,248,.12) 0%,transparent 70%);pointer-events:none}.child-badge-pill{display:inline-flex;align-items:center;gap:8px;background:#10b9811f;border:1px solid rgba(16,185,129,.25);color:var(--accent-emerald-light);font-size:.78rem;font-weight:700;padding:4px 12px;border-radius:999px;margin-bottom:8px}.indicator-glow{width:6px;height:6px;border-radius:50%;background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald)}.welcome-heading{font-size:1.55rem;font-weight:700;margin-bottom:6px}.highlight-text{color:var(--accent-primary)}.welcome-sub{font-size:.88rem;color:var(--text-secondary)}.banner-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.outline-action-btn{background:#0f172a0d;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.88rem;font-weight:600;padding:10px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all var(--transition-fast)}.outline-action-btn:hover{background:#0f172a1a;border-color:var(--border-glow);transform:translateY(-1px)}.glow-accent-btn{background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:var(--radius-md);color:#fff;font-size:.88rem;font-weight:700;padding:10px 18px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:var(--shadow-glow-emerald);transition:all var(--transition-fast)}.glow-accent-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-card{background:var(--bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:22px 20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),border-color var(--transition-fast);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-3px);border-color:#0f172a29}.stat-card.highlight-stat{border-color:#f59e0b59;background:linear-gradient(160deg,#f59e0b12,#fff);box-shadow:0 4px 20px #f59e0b1f}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.stat-icon-wrap{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.icon-emerald{background:#10b98126;color:var(--accent-emerald)}.icon-amber{background:#f59e0b26;color:var(--accent-amber)}.icon-indigo{background:#38bdf826;color:var(--accent-primary)}.icon-violet{background:#8b5cf626;color:var(--accent-violet)}.stat-pill-status{font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.pill-completed{background:#10b9811f;color:var(--accent-emerald-light);border:1px solid rgba(16,185,129,.25)}.pill-remaining{background:#f59e0b26;color:var(--accent-amber-light);border:1px solid rgba(245,158,11,.35)}.pill-violet{background:#8b5cf61f;color:#7c3aed;border:1px solid rgba(139,92,246,.25)}.stat-package-name{font-size:.74rem;font-weight:600;color:var(--accent-primary);background:#38bdf81a;padding:3px 8px;border-radius:4px}.stat-body{margin-bottom:14px}.stat-value{font-family:var(--font-display);font-size:2.5rem;font-weight:800;line-height:1;color:var(--text-primary);margin-bottom:6px}.text-amber{color:var(--accent-amber)}.text-violet{color:var(--accent-violet)}.stat-label{font-size:.86rem;color:var(--text-secondary);font-weight:500}.stat-progress-section{display:flex;flex-direction:column;gap:6px}.progress-bar-container{height:7px;background:#0f172a14;border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:999px;transition:width .8s cubic-bezier(.16,1,.3,1)}.fill-emerald{background:linear-gradient(90deg,#10b981,#34d399)}.progress-meta{display:flex;justify-content:space-between;font-size:.74rem;color:var(--text-muted)}.stat-trend{color:var(--accent-emerald-light);font-weight:600}.stat-footer-info{font-size:.76rem;color:var(--text-secondary)}.expiry-info{display:flex;align-items:center;gap:6px;background:#0f172a0a;padding:6px 10px;border-radius:var(--radius-sm)}.expiry-info strong{color:var(--text-primary)}.stat-footer-breakdown{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--text-muted);border-top:1px solid var(--border-subtle);padding-top:10px}.breakdown-item{display:flex;align-items:center;gap:5px}.dot{width:6px;height:6px;border-radius:50%}.dot-taken{background:var(--accent-emerald)}.dot-left{background:var(--accent-amber)}.dot-leave{background:var(--accent-rose)}.stat-meta-note{font-size:.74rem;color:var(--text-secondary);background:#8b5cf614;padding:6px 10px;border-radius:var(--radius-sm)}.next-class-spotlight{background:linear-gradient(135deg,#f0f9ff,#fff);border:1px solid rgba(56,189,248,.35);border-radius:var(--radius-lg);padding:26px 28px;box-shadow:0 8px 30px #0f172a10,var(--shadow-glow-cyan)}.spotlight-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.badge-live-pulse{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:800;letter-spacing:.06em;color:var(--accent-primary);margin-bottom:6px}.pulse-ring{width:8px;height:8px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary);animation:pulseAnim 1.8s infinite}.spotlight-heading{font-size:1.35rem;font-weight:700}.class-time-tag{display:flex;align-items:center;gap:8px;background:#38bdf81f;border:1px solid rgba(56,189,248,.3);color:var(--text-primary);font-weight:600;font-size:.88rem;padding:8px 16px;border-radius:999px}.spotlight-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:#0f172a08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 20px;margin-bottom:22px}.info-block{display:flex;flex-direction:column;gap:4px}.info-label{font-size:.74rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.info-val{font-size:.9rem;font-weight:600;color:var(--text-primary)}.status-badge{display:inline-flex;align-items:center;gap:6px}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--accent-emerald)}.availability-action-box{background:#10b9810d;border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-md);padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.action-prompt{display:flex;flex-direction:column;gap:3px}.action-prompt strong{font-size:.96rem;color:var(--text-primary)}.action-prompt span{font-size:.8rem;color:var(--text-secondary)}.action-button-group{display:flex;align-items:center;gap:10px;flex-shrink:0}.avail-btn{border:none;border-radius:var(--radius-md);padding:10px 16px;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all var(--transition-fast)}.btn-attending{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 4px 14px #10b98159}.btn-attending:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn-attending.active-choice{outline:2px solid rgba(5,150,105,.35);box-shadow:0 0 15px var(--accent-emerald)}.btn-absent{background:#f43f5e26;border:1px solid rgba(244,63,94,.3);color:#e11d48}.btn-absent:hover{background:#f43f5e40;color:#fff;transform:translateY(-1px)}.btn-reschedule{background:#0f172a0f;border:1px solid var(--border-subtle);color:var(--text-primary)}.btn-reschedule:hover{background:#0f172a1f;transform:translateY(-1px)}.dashboard-two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.col-card{background:var(--bg-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border-subtle)}.header-text-group h3{font-size:1.15rem;font-weight:700}.header-text-group p{font-size:.78rem;color:var(--text-secondary)}.badge-counter{font-size:.74rem;font-weight:700;background:#38bdf81f;color:var(--accent-primary);border:1px solid rgba(56,189,248,.25);padding:4px 10px;border-radius:999px}.filter-pills{display:flex;gap:6px}.filter-pill{background:#0f172a0d;border:1px solid var(--border-subtle);border-radius:999px;color:var(--text-secondary);font-size:.74rem;font-weight:600;padding:4px 10px;cursor:pointer;transition:all var(--transition-fast)}.filter-pill.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.upcoming-classes-list,.attendance-history-list{display:flex;flex-direction:column;gap:12px}.session-item{background:#0f172a08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:all var(--transition-fast)}.session-item:hover{background:#0f172a0f;border-color:#0f172a24}.session-left{display:flex;align-items:center;gap:14px}.date-box{width:48px;height:52px;background:#38bdf81a;border:1px solid rgba(56,189,248,.2);border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.date-box-month{font-size:.65rem;font-weight:700;color:var(--accent-primary);text-transform:uppercase}.date-box-day{font-family:var(--font-display);font-size:1.15rem;font-weight:800;line-height:1;color:var(--text-primary)}.session-details{display:flex;flex-direction:column;gap:2px}.session-title{font-size:.9rem;font-weight:600;color:var(--text-primary)}.session-meta{font-size:.76rem;color:var(--text-muted)}.session-meta span{color:var(--text-secondary)}.session-right{display:flex;align-items:center;gap:10px}.tag-status{font-size:.74rem;font-weight:700;padding:4px 10px;border-radius:999px;display:flex;align-items:center;gap:5px}.tag-present{background:#10b98126;color:var(--accent-emerald-light);border:1px solid rgba(16,185,129,.3)}.tag-absent{background:#f43f5e26;color:#e11d48;border:1px solid rgba(244,63,94,.3)}.tag-confirmed{background:#38bdf826;color:var(--accent-primary);border:1px solid rgba(56,189,248,.3)}.tag-leave{background:#f59e0b26;color:var(--accent-amber-light);border:1px solid rgba(245,158,11,.3)}.btn-toggle-avail{background:#0f172a0d;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.76rem;font-weight:600;padding:5px 10px;cursor:pointer;transition:all var(--transition-fast)}.btn-toggle-avail:hover{background:#0f172a1f;color:var(--text-primary)}.coach-notes-section{background:var(--bg-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px 28px}.verified-tag{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:700;color:var(--accent-emerald-light);background:#10b9811a;padding:4px 10px;border-radius:999px;border:1px solid rgba(16,185,129,.25)}.coach-notes-card{background:#0f172a05;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px 22px;display:flex;flex-direction:column;gap:12px}.coach-profile-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.coach-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.88rem;color:#fff;flex-shrink:0}.coach-meta{flex:1}.coach-name{font-size:.95rem;font-weight:700;color:var(--text-primary)}.coach-sub{font-size:.76rem;color:var(--text-muted)}.note-date{font-size:.74rem;color:var(--text-muted)}.coach-feedback-text{font-size:.92rem;line-height:1.6;color:#334155;font-style:italic;border-left:3px solid var(--accent-primary);padding-left:14px}.portal-footer{border-top:1px solid var(--border-subtle);margin-top:40px;padding:24px 20px;text-align:center}.footer-inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.82rem;color:var(--text-muted)}.footer-links{display:flex;align-items:center;gap:10px}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--accent-primary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a22;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.active{display:flex}.modal-card{width:100%;max-width:520px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 20px 50px #0f172a1c;overflow:hidden;animation:modalScaleIn .25s ease-out}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:1.2rem;font-weight:700}.modal-close-btn{background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;transition:color var(--transition-fast)}.modal-close-btn:hover{color:var(--text-primary)}.modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.modal-desc{font-size:.86rem;color:var(--text-secondary);line-height:1.45}.form-select,.modal-body textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px;color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color var(--transition-fast)}.form-select:focus,.modal-body textarea:focus{border-color:var(--accent-primary)}.form-select option{background:var(--bg-surface);color:var(--text-primary)}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:10px}.btn-cancel{background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);padding:10px 18px;cursor:pointer;font-size:.88rem;font-weight:600;transition:all var(--transition-fast)}.btn-cancel:hover{background:#0f172a0d;color:var(--text-primary)}.submit-modal-btn{padding:10px 20px}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-top:6px}.pkg-card{background:#0f172a08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px 16px;display:flex;flex-direction:column;gap:10px}.pkg-card.featured{background:#10b9810f;border-color:#10b98159;box-shadow:0 4px 18px #10b9811f}.pkg-header h4{font-size:.95rem;font-weight:700}.pkg-badge{font-size:.72rem;font-weight:700;color:var(--accent-primary)}.pkg-badge.best-val{color:var(--accent-emerald-light)}.pkg-price{font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:var(--text-primary)}.discount-badge{font-size:.72rem;font-weight:700;background:#10b9812e;color:var(--accent-emerald-light);padding:2px 6px;border-radius:4px;vertical-align:middle}.pkg-features{list-style:none;font-size:.78rem;color:var(--text-secondary);display:flex;flex-direction:column;gap:4px}.pkg-features li:before{content:"✓ ";color:var(--accent-emerald);font-weight:700}.select-pkg-btn{background:#0f172a14;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);padding:8px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);margin-top:auto}.pkg-card.featured .select-pkg-btn{background:linear-gradient(135deg,#059669,#10b981);border:none}.select-pkg-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.packages-grid.is-single{grid-template-columns:1fr}.renew-note{margin-top:12px;font-size:.78rem;color:var(--text-secondary)}#dashboard-view .hero-ring.is-unlimited .hero-ring-num{font-size:2.4rem;line-height:1}@media(max-width:520px){.packages-grid{grid-template-columns:1fr}}.policy-text{display:flex;flex-direction:column;gap:14px}.policy-item h4{font-size:.92rem;font-weight:700;color:var(--accent-primary);margin-bottom:4px}.policy-item p{font-size:.84rem;color:var(--text-secondary);line-height:1.5}@media(max-width:1024px){.metrics-grid,.spotlight-info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.nav-container{flex-wrap:wrap}.welcome-banner{flex-direction:column;align-items:flex-start}.banner-actions{width:100%;flex-direction:column}.banner-actions button{width:100%;justify-content:center}.availability-action-box{flex-direction:column;align-items:flex-start}.action-button-group{width:100%;flex-direction:column}.action-button-group button{width:100%;justify-content:center}.dashboard-two-col,.metrics-grid,.packages-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;text-align:center}.choice-buttons-grid{grid-template-columns:1fr!important}.checkin-card{padding:24px 18px!important}}.splash-center-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;animation:splashFadeIn .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes splashFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.splash-content{max-width:680px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.splash-badge{display:inline-flex;align-items:center;gap:8px;background:#38bdf81a;border:none;color:var(--accent-primary);font-size:.75rem;font-weight:800;letter-spacing:.1em;padding:6px 16px;border-radius:999px;margin-bottom:28px}.splash-avatar-ring{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(139,92,246,.28) 0%,transparent 70%);margin-bottom:20px}.splash-avatar{width:74px;height:74px;border-radius:50%;background:linear-gradient(135deg,var(--accent-violet),#ec4899);display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:800;color:#fff;box-shadow:0 8px 24px #8b5cf640}.splash-greeting-group{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:32px}.splash-time-tag{font-size:.88rem;font-weight:700;color:var(--accent-primary);letter-spacing:.06em;text-transform:uppercase}.splash-heading{font-size:3.2rem;font-weight:800;color:var(--text-primary);line-height:1.15;letter-spacing:-.02em}#greeting-splash-view.active .splash-reveal{opacity:0;transform:translateY(10px);animation:splashReveal .6s cubic-bezier(.16,1,.3,1) forwards}#greeting-splash-view.active .splash-reveal:nth-child(1){animation-delay:.05s}#greeting-splash-view.active .splash-reveal:nth-child(2){animation-delay:.15s}#greeting-splash-view.active .splash-reveal:nth-child(3){animation-delay:.28s}@keyframes splashReveal{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#greeting-splash-view.active .splash-reveal{opacity:1;transform:none;animation:none}}.splash-sub{font-size:1.05rem;color:var(--text-secondary);max-width:440px;line-height:1.5}.attendance-center-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:36px 20px;animation:screenFadeIn .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes screenFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.attendance-content-wrap{width:100%;max-width:640px;display:flex;flex-direction:column;gap:20px}.attendance-header-center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.soft-pill-badge{display:inline-flex;align-items:center;gap:8px;background:#10b9811f;border:none;color:var(--accent-emerald-light);font-size:.74rem;font-weight:800;letter-spacing:.08em;padding:4px 14px;border-radius:999px;margin-bottom:4px}.attendance-main-title{font-size:1.85rem;font-weight:800;color:var(--text-primary);line-height:1.2}.attendance-subtitle{font-size:.92rem;color:var(--text-secondary)}.borderless-session-card{background:#fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none!important;border-radius:var(--radius-xl);padding:28px 26px;box-shadow:0 20px 50px #0f172a17;display:flex;flex-direction:column;gap:20px}.session-child-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.child-avatar-lg{width:48px;height:48px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#0284c7,#06b6d4);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.15rem;flex-shrink:0}.child-text-details{flex:1}.child-text-details h3{font-size:1.15rem;font-weight:700;color:var(--text-primary);line-height:1.2}.child-text-details p{font-size:.82rem;color:var(--accent-emerald-light);font-weight:600}.quota-pill-soft{background:#f59e0b24;border:none;color:var(--accent-amber);font-size:.78rem;font-weight:700;padding:6px 14px;border-radius:999px;white-space:nowrap}.attendance-prompt-block{display:flex;flex-direction:column;gap:14px;padding-top:6px}.attendance-question-text{font-family:"Fredoka",var(--font-display);font-size:1.85rem;font-weight:700;line-height:1.25;text-align:center;letter-spacing:.005em;text-wrap:balance;padding:4px 0 6px}.attendance-question-text .q-text{background:linear-gradient(90deg,#0284c7,#7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.attendance-question-text .q-name{display:inline-block;position:relative;font-size:1.12em;background:linear-gradient(90deg,#db2777,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:0 2px}.attendance-question-text .q-name:after{content:"";position:absolute;left:0;right:0;bottom:.08em;height:.28em;border-radius:999px;background:linear-gradient(90deg,#db27772e,#f59e0b38);z-index:-1}.attendance-question-text{position:relative;z-index:0}@media(max-width:640px){.attendance-question-text{font-size:1.5rem}}.pop-play .pop{animation:popIn .6s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:calc(var(--i, 0) * 80ms)}.pop-play .pop.pop-card{animation-name:popCard;animation-duration:.7s}@keyframes popIn{0%{opacity:0;transform:translateY(14px) scale(.6)}60%{opacity:1;transform:translateY(-2px) scale(1.06)}to{opacity:1;transform:none}}@keyframes popCard{0%{opacity:0;transform:translateY(24px) scale(.88)}60%{opacity:1;transform:translateY(-3px) scale(1.02)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.pop-play .pop{animation:none}}.choice-buttons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.choice-btn{border:none!important;border-radius:var(--radius-lg);padding:18px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;text-align:left;transition:all var(--transition-smooth)}.choice-btn .choice-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-fast)}.choice-btn .choice-label-wrap{display:flex;flex-direction:column;gap:3px}.choice-primary{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text-primary);line-height:1.2}.choice-desc{font-size:.74rem;color:var(--text-muted)}.choice-yes{background:linear-gradient(135deg,#10b98129,#10b9810d);box-shadow:0 4px 20px #10b98126}.choice-yes .choice-icon{background:#10b98140;color:var(--accent-emerald-light)}.choice-yes:hover{transform:translateY(-3px);background:linear-gradient(135deg,#10b98147,#10b9811a);box-shadow:0 8px 30px #10b98159}.choice-yes:hover .choice-icon{background:var(--accent-emerald);color:#fff;transform:scale(1.1)}.choice-no{background:linear-gradient(135deg,#f43f5e29,#f43f5e0d);box-shadow:0 4px 20px #f43f5e26}.choice-no .choice-icon{background:#f43f5e40;color:#e11d48}.choice-no:hover{transform:translateY(-3px);background:linear-gradient(135deg,#f43f5e47,#f43f5e1a);box-shadow:0 8px 30px #f43f5e59}.choice-no:hover .choice-icon{background:var(--accent-rose);color:#fff;transform:scale(1.1)}.attendance-skip-block{display:flex;justify-content:center}.skip-btn:hover{color:var(--text-primary)}.reply-container-seamless{display:none;animation:screenFadeIn .4s ease forwards}.reply-container-seamless.active{display:block}.reply-card-seamless{background:#fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none!important;border-radius:var(--radius-xl);padding:32px 24px;box-shadow:0 20px 50px #0f172a17;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}@media(max-width:640px){.splash-heading{font-size:2.4rem}.borderless-session-card{padding:22px 18px}}.choice-no .choice-icon{background:#f43f5e2e;color:#e11d48}.choice-no:hover{border-color:var(--accent-rose);background:linear-gradient(135deg,#f43f5e2e,#f43f5e0d);transform:translateY(-3px);box-shadow:0 10px 25px #f43f5e40}.choice-no:hover .choice-icon{transform:scale(1.1);background:var(--accent-rose);color:#fff}.checkin-skip-row{display:flex;justify-content:center}.skip-btn{background:none;border:none;color:var(--text-muted);font-size:.82rem;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 12px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.skip-btn:hover{color:var(--text-primary);background:#0f172a0d}.reply-card{text-align:center;padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:16px}.reply-icon-bubble{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:4px;animation:pulseScale 1.8s infinite}@keyframes pulseScale{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.bubble-emerald{background:#10b98126;color:var(--accent-emerald-light);border:2px solid rgba(16,185,129,.4);box-shadow:0 0 35px #10b98159}.bubble-amber{background:#f59e0b26;color:var(--accent-amber-light);border:2px solid rgba(245,158,11,.4);box-shadow:0 0 35px #f59e0b59}.reply-status-tag{font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:4px 14px;border-radius:999px}.tag-success{background:#10b9811f;color:var(--accent-emerald-light);border:1px solid rgba(16,185,129,.3)}.tag-missed{background:#f59e0b1f;color:var(--accent-amber-light);border:1px solid rgba(245,158,11,.3)}.reply-title{font-size:1.45rem;font-weight:800;color:var(--text-primary);line-height:1.3}.reply-message{font-size:.95rem;color:var(--text-secondary);line-height:1.6;max-width:500px}.reply-detail-pill{display:inline-flex;align-items:center;gap:8px;background:#0f172a0d;border:1px solid var(--border-subtle);border-radius:999px;padding:8px 18px;font-size:.86rem;font-weight:600;color:var(--text-primary)}.quick-reason-block{width:100%;max-width:480px;background:#0f172a08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:10px;text-align:left}.quick-reason-label{font-size:.76rem;font-weight:600;color:var(--text-muted)}.reason-pills{display:flex;flex-wrap:wrap;gap:8px}.reason-pill{background:#0f172a0d;border:1px solid var(--border-subtle);border-radius:999px;color:var(--text-secondary);font-size:.78rem;font-weight:600;padding:6px 12px;cursor:pointer;transition:all var(--transition-fast)}.reason-pill:hover{background:#0f172a1f;color:var(--text-primary)}.reason-pill.selected{background:var(--accent-amber);border-color:var(--accent-amber);color:#fff;font-weight:700}.auto-proceed-notice{font-size:.82rem;color:var(--text-muted)}.auto-proceed-notice strong{color:var(--accent-primary)}.proceed-btn{width:100%;max-width:380px;padding:14px 24px}.btn-amber{background:linear-gradient(135deg,#d97706,#f59e0b)!important;box-shadow:0 4px 15px #f59e0b59!important}.btn-amber:hover{box-shadow:0 6px 22px #f59e0b80!important}.highlight-action-btn{background:linear-gradient(135deg,#0284c7,#06b6d4);border:none;border-radius:var(--radius-md);color:#fff;font-size:.88rem;font-weight:700;padding:10px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:var(--shadow-glow-cyan);transition:all var(--transition-fast)}.highlight-action-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.login-footer .coach-portal-link{margin:16px 0 0;font-size:.84rem;color:var(--text-secondary)}.coach-portal-link a{color:var(--accent-primary);font-weight:600;text-decoration:none}.coach-portal-link a:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#attendance-question-view .skeuo-card{position:relative;background:linear-gradient(180deg,#fff,#f3f6fa);border:1px solid #dde3ec!important;border-radius:32px;padding:34px 30px 26px;box-shadow:inset 0 2px #fff,inset 0 -4px 10px #0f172a0d,0 1px 1px #0f172a0f,0 12px 24px -8px #0f172a29,0 36px 70px -24px #0f172a4d;backdrop-filter:none;-webkit-backdrop-filter:none}#attendance-question-view .skeuo-card:before{content:"";position:absolute;inset:1px 1px auto 1px;height:45%;border-radius:31px 31px 60% 60%/31px 31px 24px 24px;background:linear-gradient(180deg,#ffffffe6,#fff0);pointer-events:none}#attendance-question-view .skeuo-card>*{position:relative}.skeuo-chip-row{display:flex;justify-content:center}#attendance-question-view .skeuo-chip{background:linear-gradient(180deg,#fffaf0,#fdecc8);color:#92400e;border:1px solid #f3d9a4;font-size:.8rem;font-weight:700;padding:6px 16px;box-shadow:inset 0 1px #fff,0 2px 4px #92400e1f;text-shadow:0 1px 0 rgba(255,255,255,.8)}#attendance-question-view .choice-buttons-grid{gap:14px;padding:14px;border-radius:26px;background:linear-gradient(180deg,#e6ebf2,#eef2f7);box-shadow:inset 0 3px 8px #0f172a24,inset 0 -1px #fff,0 1px #fff}#attendance-question-view .choice-btn{position:relative;overflow:hidden;border-radius:20px;padding:18px 18px 20px;gap:14px;color:#fff;border:1px solid transparent!important;transform:translateY(0);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}#attendance-question-view .choice-btn:before{content:"";position:absolute;left:6px;right:6px;top:3px;height:48%;border-radius:16px 16px 40% 40%/16px 16px 14px 14px;background:linear-gradient(180deg,#ffffff8c,#ffffff0d);pointer-events:none}#attendance-question-view .choice-btn:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-18deg);transition:left .6s ease;pointer-events:none}#attendance-question-view .choice-btn:hover:after{left:130%}#attendance-question-view .choice-btn>*{position:relative;z-index:1}#attendance-question-view .choice-yes{background:linear-gradient(180deg,#4ade80,#16a34a 55%,#15803d);border-color:#15803d!important;box-shadow:inset 0 1px #fff9,inset 0 -3px #0000001f,0 6px #166534,0 14px 22px -4px #16a34a73}#attendance-question-view .choice-no{background:linear-gradient(180deg,#fb7185,#e11d48 55%,#be123c);border-color:#be123c!important;box-shadow:inset 0 1px #ffffff8c,inset 0 -3px #0000001f,0 6px #9f1239,0 14px 22px -4px #e11d4873}#attendance-question-view .choice-yes:hover,#attendance-question-view .choice-no:hover{transform:translateY(-2px);filter:brightness(1.05) saturate(1.05)}#attendance-question-view .choice-yes:hover{background:linear-gradient(180deg,#4ade80,#16a34a 55%,#15803d);box-shadow:inset 0 1px #fff9,inset 0 -3px #0000001f,0 8px #166534,0 18px 26px -4px #16a34a80}#attendance-question-view .choice-no:hover{background:linear-gradient(180deg,#fb7185,#e11d48 55%,#be123c);box-shadow:inset 0 1px #ffffff8c,inset 0 -3px #0000001f,0 8px #9f1239,0 18px 26px -4px #e11d4880}#attendance-question-view .choice-yes:active,#attendance-question-view .choice-no:active{transform:translateY(5px);filter:brightness(.97)}#attendance-question-view .choice-yes:active{box-shadow:inset 0 2px 4px #00000026,0 1px #166534,0 4px 8px #16a34a4d}#attendance-question-view .choice-no:active{box-shadow:inset 0 2px 4px #00000026,0 1px #9f1239,0 4px 8px #e11d484d}#attendance-question-view .choice-btn:focus-visible{outline:3px solid rgba(2,132,199,.5);outline-offset:3px}#attendance-question-view .choice-btn .choice-icon,#attendance-question-view .choice-yes:hover .choice-icon,#attendance-question-view .choice-no:hover .choice-icon{width:50px;height:50px;color:#fff;background:linear-gradient(180deg,#ffffff59,#ffffff1a);border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px #fff9,inset 0 -2px 4px #0000001f,0 2px 4px #00000026;filter:drop-shadow(0 1px 0 rgba(0,0,0,.15));transform:none}#attendance-question-view .choice-btn:hover .choice-icon{transform:scale(1.08) rotate(-4deg)}#attendance-question-view .choice-primary{font-family:"Fredoka",var(--font-display);font-size:1.2rem;font-weight:700;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.22);letter-spacing:.01em}#attendance-question-view .choice-desc{font-size:.78rem;font-weight:600;color:#ffffffe6;text-shadow:0 1px 0 rgba(0,0,0,.15)}#attendance-question-view .skip-btn{background:linear-gradient(180deg,#fff,#eef2f7);border:1px solid #dde3ec;border-radius:999px;padding:7px 16px;color:var(--text-secondary);box-shadow:inset 0 1px #fff,0 2px 4px #0f172a14}#attendance-question-view .skip-btn:hover{color:var(--text-primary)}#attendance-question-view .skip-btn:active{box-shadow:inset 0 2px 4px #0f172a1f}#attendance-question-view .reply-card-seamless.skeuo-card{padding:34px 28px 28px}@media(max-width:640px){#attendance-question-view .skeuo-card{padding:26px 18px 22px;border-radius:26px}#attendance-question-view .choice-buttons-grid{padding:12px;gap:14px}#attendance-question-view .choice-btn{padding:16px}}@media(prefers-reduced-motion:reduce){#attendance-question-view .choice-btn:after{display:none}}#attendance-question-view .choice-buttons-grid{background:none;box-shadow:none;padding:0;border-radius:0;gap:16px}#attendance-question-view .choice-btn,#attendance-question-view .choice-yes,#attendance-question-view .choice-no{border:none!important}#attendance-question-view .choice-btn:before{left:0;right:0;top:0;height:60%;border-radius:0;background:linear-gradient(180deg,#ffffff47,#fff0)}#attendance-question-view .choice-yes{box-shadow:inset 0 1px #ffffff59,0 10px 22px -6px #16a34a80}#attendance-question-view .choice-no{box-shadow:inset 0 1px #ffffff59,0 10px 22px -6px #e11d4880}#attendance-question-view .choice-yes:hover{box-shadow:inset 0 1px #ffffff59,0 16px 28px -6px #16a34a8c}#attendance-question-view .choice-no:hover{box-shadow:inset 0 1px #ffffff59,0 16px 28px -6px #e11d488c}#attendance-question-view .choice-yes:active,#attendance-question-view .choice-no:active{transform:translateY(2px) scale(.98)}#attendance-question-view .choice-yes:active{box-shadow:inset 0 2px 6px #0000002e,0 4px 10px -4px #16a34a66}#attendance-question-view .choice-no:active{box-shadow:inset 0 2px 6px #0000002e,0 4px 10px -4px #e11d4866}#attendance-question-view .choice-btn .choice-icon,#attendance-question-view .choice-yes:hover .choice-icon,#attendance-question-view .choice-no:hover .choice-icon{border:none;background:#ffffff38;box-shadow:none}#attendance-question-view .reply-simple{padding:40px 30px 32px;gap:22px}.reply-headline{font-family:"Fredoka",var(--font-display);font-size:2.3rem;font-weight:700;line-height:1.2;letter-spacing:.005em;text-align:center;text-wrap:balance}.reply-grad{background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:replyGradFlow 6s ease-in-out infinite alternate}.reply-grad-yes{background-image:linear-gradient(90deg,#059669,#0284c7,#7c3aed,#059669)}.reply-grad-no{background-image:linear-gradient(90deg,#db2777,#7c3aed,#0284c7,#db2777)}@keyframes replyGradFlow{0%{background-position:0% 50%}to{background-position:100% 50%}}.reply-emoji{display:inline-block;margin-left:4px}.reply-place{display:inline-flex;align-items:center;gap:12px;padding:12px 20px 12px 16px;border-radius:18px;background:linear-gradient(180deg,#fff,#f1f5f9);border:1px solid #e2e8f0;box-shadow:inset 0 1px #fff,0 4px 12px -4px #0f172a1f;text-align:left}.reply-place svg{color:#7c3aed;flex-shrink:0}.reply-place-text{display:flex;flex-direction:column;line-height:1.3}.reply-place-text strong{font-size:.98rem;font-weight:700;color:var(--text-primary)}.reply-place-text small{font-size:.82rem;font-weight:600;color:var(--text-secondary)}#attendance-question-view .reply-simple .proceed-btn{min-width:220px;margin-top:4px}.reply-container-seamless.active{animation:none}.reply-container-seamless.active .fade-item{animation:softFadeIn .7s ease backwards;animation-delay:calc(.1s + var(--i, 0) * .18s)}@keyframes softFadeIn{0%{opacity:0;transform:translateY(10px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.fade-out{animation:softFadeOut .42s ease forwards!important;pointer-events:none}@keyframes softFadeOut{0%{opacity:1;transform:none;filter:none}to{opacity:0;transform:translateY(-8px) scale(.98);filter:blur(4px)}}#dashboard-view.active{animation:dashFadeIn .6s ease}@keyframes dashFadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:640px){.reply-headline{font-size:1.8rem}#attendance-question-view .reply-simple{padding:32px 20px 26px}}@media(prefers-reduced-motion:reduce){.reply-grad{animation:none}.reply-container-seamless.active .fade-item,.fade-out,#dashboard-view.active{animation:none!important}}#attendance-question-view .reply-simple{padding:44px 32px 34px;gap:26px}.reply-headline{font-size:3.1rem;line-height:1.12}.reply-emoji{font-size:.9em}.reply-place{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:none;border-radius:0;background:none;box-shadow:none;text-align:center}.reply-place svg{width:30px;height:30px;color:#db2777;filter:drop-shadow(0 4px 8px rgba(219,39,119,.3));animation:pinBounce 1.6s ease-in-out .9s infinite}@keyframes pinBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.reply-place-text{align-items:center;gap:4px}.reply-place-text strong{font-family:"Fredoka",var(--font-display);font-size:1.6rem;font-weight:700;line-height:1.2;background:linear-gradient(90deg,#7c3aed,#db2777,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.reply-place-text small{font-family:"Fredoka",var(--font-display);font-size:1.15rem;font-weight:600;color:#475569}#attendance-question-view .reply-simple .proceed-btn{min-width:260px;padding:16px 28px;font-size:1.1rem;border-radius:16px}@media(max-width:640px){.reply-headline{font-size:2.4rem}.reply-place-text strong{font-size:1.35rem}.reply-place-text small{font-size:1.02rem}#attendance-question-view .reply-simple{padding:36px 20px 28px;gap:22px}#attendance-question-view .reply-simple .proceed-btn{width:100%;min-width:0}}@media(prefers-reduced-motion:reduce){.reply-place svg{animation:none}}#attendance-question-view .reply-simple.skeuo-card,#attendance-question-view .reply-simple{background:none;border:none!important;box-shadow:none;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none}#attendance-question-view .reply-simple.skeuo-card:before{display:none}#attendance-question-view{position:relative}#attendance-question-view .attendance-center-container{position:relative;z-index:1}.sports-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,#fff,#fff0 60%),linear-gradient(180deg,#f7fbff,#e8f3fe 60%,#dbecfd)}.stadium-light{position:absolute;top:-30vh;width:60vw;height:130vh;background:linear-gradient(180deg,#fffffff2,#bae6fd40 55%,#fff0 85%);filter:blur(18px);opacity:.75;will-change:transform}.sl-left{left:-18vw;clip-path:polygon(30% 0,45% 0,100% 100%,0 100%);transform-origin:38% 0;animation:lightSweepL 9s ease-in-out infinite alternate}.sl-right{right:-18vw;clip-path:polygon(55% 0,70% 0,100% 100%,0 100%);transform-origin:62% 0;animation:lightSweepR 11s ease-in-out infinite alternate}@keyframes lightSweepL{0%{transform:rotate(-14deg)}to{transform:rotate(6deg)}}@keyframes lightSweepR{0%{transform:rotate(14deg)}to{transform:rotate(-6deg)}}.sport-icon{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);opacity:.32;filter:drop-shadow(0 6px 10px rgba(15,23,42,.08));animation:sportFloat var(--dur) ease-in-out var(--delay) infinite alternate;will-change:transform}@keyframes sportFloat{0%{transform:translate(0) rotate(-10deg)}50%{transform:translate(10px,-22px) rotate(6deg)}to{transform:translate(-6px,8px) rotate(14deg)}}.speed-streaks span{position:absolute;top:var(--top);left:-30vw;width:var(--w);height:3px;border-radius:999px;background:linear-gradient(90deg,#38bdf800,#38bdf88c,#fff0);animation:streak var(--dur) cubic-bezier(.5,0,.3,1) var(--delay) infinite}@keyframes streak{0%{transform:translate(0);opacity:0}10%{opacity:1}60%{transform:translate(150vw);opacity:0}to{transform:translate(150vw);opacity:0}}.running-track{position:absolute;left:0;right:0;bottom:0;width:100%;height:24vh;min-height:140px}.track-surface{fill:#2563eb29}.track-line{fill:none;stroke:#fffffff2;stroke-width:2.5;vector-effect:non-scaling-stroke}.track-runners{position:absolute;left:0;right:0;bottom:0;height:24vh;min-height:140px}.track-runner-figure{position:absolute;left:0;top:0;transform-origin:50% 100%;will-change:transform;filter:drop-shadow(0 3px 2px rgba(15,23,42,.18))}.runner-svg{width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.runner-svg .r-head{fill:currentColor;stroke:none}.runner-svg .r-body{stroke-width:5}.runner-svg .r-arm-back,.runner-svg .r-leg-back{opacity:.55}.r-limb{transform-box:view-box}.r-leg{transform-origin:18px 30px;animation:legSwing .5s ease-in-out infinite alternate}.r-arm{transform-origin:23px 16px;animation:armSwing .5s ease-in-out infinite alternate}.r-leg-back,.r-arm-front{animation-direction:alternate-reverse}@keyframes legSwing{0%{transform:rotate(-38deg)}to{transform:rotate(42deg)}}@keyframes armSwing{0%{transform:rotate(45deg)}to{transform:rotate(-50deg)}}@media(max-width:640px){.sport-icon{opacity:.25;transform-origin:center}.running-track,.track-runners{height:18vh;min-height:110px}}@media(prefers-reduced-motion:reduce){.stadium-light,.sport-icon,.speed-streaks span,.r-limb{animation:none}.speed-streaks{display:none}}#attendance-question-view .reply-simple{gap:22px;padding-top:24px;cursor:pointer}#attendance-question-view .reply-simple .reply-headline{font-size:2.6rem}.reply-grad-yes{background-image:linear-gradient(90deg,#0ea5e9,#1d4ed8,#4f46e5,#0ea5e9)}.event-ticket{--notch: 12px;--accent-a: #2563eb;--accent-b: #6366f1;display:flex;width:min(500px,100%);text-align:left;filter:drop-shadow(0 10px 18px rgba(15,23,42,.1)) drop-shadow(0 1px 2px rgba(15,23,42,.1))}.event-ticket-no{--accent-a: #db2777;--accent-b: #f97316}.et-main{flex:1;min-width:0;background:#fff;border-radius:20px 0 0 20px;padding-bottom:20px;-webkit-mask:radial-gradient(circle var(--notch) at 100% 0,#0000 98%,#000) top / 100% 51% no-repeat,radial-gradient(circle var(--notch) at 100% 100%,#0000 98%,#000) bottom / 100% 51% no-repeat;mask:radial-gradient(circle var(--notch) at 100% 0,#0000 98%,#000) top / 100% 51% no-repeat,radial-gradient(circle var(--notch) at 100% 100%,#0000 98%,#000) bottom / 100% 51% no-repeat}.et-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 22px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent-a) 10%,#fff),color-mix(in srgb,var(--accent-b) 6%,#fff));border-bottom:1px solid color-mix(in srgb,var(--accent-a) 14%,#fff)}.et-brand{font-size:.68rem;font-weight:800;letter-spacing:.14em;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.et-tag{flex-shrink:0;font-size:.66rem;font-weight:800;letter-spacing:.1em;color:#fff;padding:4px 10px;border-radius:999px;background:linear-gradient(90deg,var(--accent-a),var(--accent-b))}.et-label{display:block;font-size:.68rem;font-weight:800;letter-spacing:.14em;color:#94a3b8}.et-venue{display:flex;flex-direction:column;gap:2px;padding:18px 22px 16px}.et-venue-main{font-family:"Fredoka",var(--font-display);font-size:2rem;font-weight:700;line-height:1.1;background:linear-gradient(90deg,var(--accent-a),var(--accent-b));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.et-venue-sub{font-size:.98rem;font-weight:600;color:#334155}.et-row{display:grid;grid-template-columns:auto 1fr;gap:26px;margin:0 22px;padding-top:14px;border-top:1px solid #eef2f7}.et-field{display:flex;flex-direction:column;gap:3px;min-width:0}.et-value{font-family:"Fredoka",var(--font-display);font-size:1.2rem;font-weight:600;color:#0f172a;line-height:1.25}.et-stub{position:relative;width:132px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px 12px;text-align:center;color:#fff;border-radius:0 20px 20px 0;background:linear-gradient(160deg,var(--accent-a),var(--accent-b));-webkit-mask:radial-gradient(circle var(--notch) at 0 0,#0000 98%,#000) top / 100% 51% no-repeat,radial-gradient(circle var(--notch) at 0 100%,#0000 98%,#000) bottom / 100% 51% no-repeat;mask:radial-gradient(circle var(--notch) at 0 0,#0000 98%,#000) top / 100% 51% no-repeat,radial-gradient(circle var(--notch) at 0 100%,#0000 98%,#000) bottom / 100% 51% no-repeat}.et-stub:before{content:"";position:absolute;left:0;top:calc(var(--notch) + 6px);bottom:calc(var(--notch) + 6px);border-left:2px dashed rgba(255,255,255,.7)}.et-stub .et-label{color:#ffffffbf}.et-player{font-family:"Fredoka",var(--font-display);font-size:1.35rem;font-weight:700;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis}.et-barcode{width:78px;height:34px;margin-top:4px;border-radius:3px;background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 4px,#fff 4px 5px,transparent 5px 8px,#fff 8px 11px,transparent 11px 12px,#fff 12px 13px,transparent 13px 16px);opacity:.9}.et-admit{font-size:.6rem;font-weight:800;letter-spacing:.18em;color:#ffffffd9}.reply-timer{width:min(180px,50%);height:4px;border-radius:999px;background:#0f172a14;overflow:hidden}.reply-timer span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0ea5e9,#6366f1);transform:scaleX(0);transform-origin:left}#checkin-reply-no .reply-timer span{background:linear-gradient(90deg,#db2777,#f97316)}.reply-container-seamless.active .reply-timer span{animation:replyTimer 4.6s linear .2s forwards}@keyframes replyTimer{to{transform:scaleX(1)}}@media(max-width:640px){#attendance-question-view .reply-simple .reply-headline{font-size:2rem}.event-ticket{--notch: 10px}.et-header{padding:10px 16px}.et-brand{font-size:.6rem;letter-spacing:.1em}.et-venue{padding:14px 16px 12px}.et-venue-main{font-size:1.55rem}.et-venue-sub{font-size:.88rem}.et-row{margin:0 16px;gap:16px;grid-template-columns:1fr}.et-value{font-size:1.05rem}.et-stub{width:96px;padding:14px 8px}.et-player{font-size:1.1rem}.et-barcode{width:60px;height:28px}.et-admit{font-size:.52rem;letter-spacing:.12em}}@media(prefers-reduced-motion:reduce){.reply-container-seamless.active .reply-timer span{animation:none;transform:scaleX(1)}}.et-value{white-space:nowrap;font-size:1.12rem}.et-row{gap:22px}@media(max-width:640px){.et-brand{display:none}.et-header{justify-content:flex-start}.et-value{white-space:normal;font-size:1.05rem}}#dashboard-view{--d-blue: #2563eb;--d-indigo: #4f46e5;--d-ink: #0f172a;--d-soft: #f4f7fc;--d-line: #e7ecf3;background:var(--d-soft);min-height:100vh}#dashboard-view .top-nav{background:#ffffffeb;backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--d-line)}#dashboard-view .nav-container{gap:12px}#dashboard-view .nav-right{gap:10px;min-width:0}#dashboard-view .custom-select-box{background:var(--d-soft);border:1px solid var(--d-line);border-radius:12px;min-width:0}#dashboard-view .custom-select-box select{max-width:240px;text-overflow:ellipsis}#dashboard-view .user-pill{background:#fff;border:1px solid var(--d-line)}#dashboard-view .logout-btn{border-radius:12px}#dashboard-view .dashboard-main{padding:28px 20px 56px}#dashboard-view .dashboard-container{display:flex;flex-direction:column;gap:22px}#dashboard-view .dashboard-container>*{margin:0}#dashboard-view .hero-v2{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:30px 34px;border:none;border-radius:28px;color:#fff;background:radial-gradient(circle at 88% 20%,#ffffff2e 0,#fff0 38%),radial-gradient(circle at 10% 110%,#38bdf873 0,#38bdf800 45%),linear-gradient(120deg,#1d4ed8,#4f46e5 55%,#7c3aed);box-shadow:0 18px 40px -16px #4f46e58c}#dashboard-view .hero-v2:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.14;background:radial-gradient(circle at 78% 50%,transparent 92px,#fff 93px,#fff 95px,transparent 96px),linear-gradient(90deg,transparent calc(78% - 1px),#fff calc(78% - 1px),#fff calc(78% + 1px),transparent calc(78% + 1px)),radial-gradient(circle at 0% 50%,transparent 150px,#fff 151px,#fff 153px,transparent 154px)}#dashboard-view .hero-v2:after{display:none}#dashboard-view .hero-v2>*{position:relative}#dashboard-view .hero-main{display:flex;flex-direction:column;gap:18px;min-width:0}#dashboard-view .hero-child{display:flex;align-items:center;gap:16px;min-width:0}#dashboard-view .hero-avatar{width:64px;height:64px;flex-shrink:0;border-radius:20px;display:grid;place-items:center;font-family:"Fredoka",var(--font-display);font-size:1.8rem;font-weight:700;color:#1d4ed8;background:linear-gradient(160deg,#fff,#dbeafe);box-shadow:0 8px 18px -6px #0f172a59,inset 0 -3px #2563eb26}#dashboard-view .hero-child-text{display:flex;flex-direction:column;gap:4px;min-width:0}#dashboard-view .hero-hello{font-size:.95rem;font-weight:600;color:#ffffffd9}#dashboard-view .hero-v2 .welcome-heading{font-family:"Fredoka",var(--font-display);font-size:2.2rem;font-weight:700;line-height:1.1;color:#fff;margin:0}#dashboard-view .hero-v2 .highlight-text{color:#fff;background:none;-webkit-text-fill-color:#fff}#dashboard-view .hero-v2 .child-badge-pill{align-self:flex-start;margin-top:4px;background:#ffffff29;border:1px solid rgba(255,255,255,.25);color:#fff}#dashboard-view .hero-v2 .indicator-glow{background:#4ade80;box-shadow:0 0 0 3px #4ade804d}#dashboard-view .hero-meta{display:flex;flex-wrap:wrap;gap:10px 18px}#dashboard-view .hero-meta-item{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:#ffffffeb}#dashboard-view .hero-meta-item svg{opacity:.8;flex-shrink:0}#dashboard-view .hero-v2 .banner-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}#dashboard-view .hero-v2 .banner-actions button{border-radius:14px;padding:11px 16px;font-size:.88rem;font-weight:700;border:1px solid rgba(255,255,255,.28);background:#ffffff24;color:#fff;box-shadow:none;transition:background .15s,transform .15s}#dashboard-view .hero-v2 .banner-actions button:hover{background:#ffffff3d;transform:translateY(-1px)}#dashboard-view .hero-v2 #btn-reopen-checkin{background:#fff;color:#1d4ed8;border-color:#fff;box-shadow:0 8px 18px -8px #0f172a80}#dashboard-view .hero-v2 #btn-reopen-checkin:hover{background:#eff6ff}#dashboard-view .hero-ring{position:relative;width:190px;height:190px;flex-shrink:0;border-radius:50%;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff2e}#dashboard-view .hero-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}#dashboard-view .hr-track{fill:none;stroke:#ffffff2e;stroke-width:10}#dashboard-view .hr-fill{fill:none;stroke:#fff;stroke-width:10;stroke-linecap:round;stroke-dasharray:0 100;transition:stroke-dasharray 1s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 0 6px rgba(255,255,255,.5))}#dashboard-view .hero-ring.is-low .hr-fill{stroke:#fbbf24}#dashboard-view .hero-ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#dashboard-view .hero-ring-num{font-family:"Fredoka",var(--font-display);font-size:3.4rem;font-weight:700;line-height:1}#dashboard-view .hero-ring-label{font-size:.85rem;font-weight:700;letter-spacing:.02em}#dashboard-view .hero-ring-sub{margin-top:4px;font-size:.74rem;color:#ffffffbf}#dashboard-view .metrics-grid{gap:16px}#dashboard-view .stat-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--d-line);border-radius:20px;padding:20px;gap:14px;box-shadow:0 1px 2px #0f172a0a,0 8px 20px -14px #0f172a33;transition:transform .2s,box-shadow .2s}#dashboard-view .stat-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--tile, #2563eb)}#dashboard-view .stat-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px -16px #0f172a47}#dashboard-view .metric-taken{--tile: linear-gradient(90deg, #10b981, #34d399)}#dashboard-view .metric-left{--tile: linear-gradient(90deg, #f59e0b, #fbbf24)}#dashboard-view .metric-total{--tile: linear-gradient(90deg, #2563eb, #60a5fa)}#dashboard-view .metric-punctuality{--tile: linear-gradient(90deg, #7c3aed, #a78bfa)}#dashboard-view .stat-card.highlight-stat{background:#fff;border-color:var(--d-line);box-shadow:0 1px 2px #0f172a0a,0 8px 20px -14px #0f172a33}#dashboard-view .stat-icon-wrap{width:42px;height:42px;border-radius:14px}#dashboard-view .stat-value{font-family:"Fredoka",var(--font-display);font-size:2.5rem;font-weight:700;line-height:1}#dashboard-view .stat-label{font-size:.86rem;font-weight:600;color:#64748b;margin-top:4px}#dashboard-view .stat-pill-status,#dashboard-view .stat-package-name{font-size:.68rem;letter-spacing:.06em}#dashboard-view .progress-bar-container{height:8px;background:#eef2f7;border-radius:999px}#dashboard-view .progress-bar-fill{border-radius:999px}#dashboard-view .expiry-info,#dashboard-view .stat-meta-note{background:var(--d-soft);border:none;border-radius:12px}#dashboard-view .next-class-spotlight{background:#fff;border:1px solid var(--d-line);border-radius:24px;padding:0;overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 10px 26px -18px #0f172a40}#dashboard-view .spotlight-header{padding:22px 26px;margin:0;background:linear-gradient(90deg,#eff6ff,#f5f3ff);border-bottom:1px solid var(--d-line)}#dashboard-view .spotlight-heading{font-family:"Fredoka",var(--font-display);font-size:1.55rem;font-weight:700;color:var(--d-ink)}#dashboard-view .class-time-tag{background:#fff;border:1px solid #dbeafe;color:#1d4ed8;font-weight:700;border-radius:14px;box-shadow:0 4px 12px -6px #2563eb59}#dashboard-view .spotlight-body{padding:22px 26px 26px;gap:20px}#dashboard-view .spotlight-info-grid{background:none;border:none;padding:0;gap:14px}#dashboard-view .info-block{background:var(--d-soft);border-radius:16px;padding:14px 16px}#dashboard-view .info-label{font-size:.68rem;letter-spacing:.1em}#dashboard-view .info-val{font-size:.98rem}#dashboard-view .availability-action-box{background:#fff;border:1px dashed #c7d2fe;border-radius:18px}#dashboard-view .avail-btn{border-radius:14px;font-weight:700}#dashboard-view .dashboard-two-col{gap:22px}#dashboard-view .col-card,#dashboard-view .coach-notes-section{background:#fff;border:1px solid var(--d-line);border-radius:24px;box-shadow:0 1px 2px #0f172a0a,0 10px 26px -20px #0f172a40}#dashboard-view .card-header{border-bottom:1px solid var(--d-line)}#dashboard-view .card-header h3{font-family:"Fredoka",var(--font-display);font-size:1.25rem;font-weight:700}#dashboard-view .session-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;background:#fff;border:1px solid var(--d-line);border-radius:16px;padding:14px 16px;transition:border-color .15s,box-shadow .15s,transform .15s}#dashboard-view .session-item:hover{background:#fff;border-color:#c7d2fe;box-shadow:0 8px 18px -12px #4f46e559;transform:translateY(-1px)}#dashboard-view .session-left,#dashboard-view .session-details{min-width:0}#dashboard-view .date-box{background:linear-gradient(160deg,#2563eb,#4f46e5);border:none;color:#fff;border-radius:14px;box-shadow:0 6px 14px -8px #2563ebb3}#dashboard-view .date-box-month,#dashboard-view .date-box-day{color:#fff}#dashboard-view .session-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}#dashboard-view .tag-status{white-space:nowrap;border-radius:999px}#dashboard-view .btn-toggle-avail{border-radius:10px}#dashboard-view .coach-notes-card{background:none;border:none;padding:0}#dashboard-view .coach-feedback-text{position:relative;margin-top:14px;padding:18px 20px;border:none;border-radius:4px 18px 18px;background:linear-gradient(135deg,#eff6ff,#f5f3ff);color:#1e293b;font-style:normal;font-size:1rem;line-height:1.6}#dashboard-view .portal-footer{background:transparent;border-top:1px solid var(--d-line)}@media(max-width:900px){#dashboard-view .hero-v2{grid-template-columns:minmax(0,1fr);padding:26px}#dashboard-view .hero-ring{grid-row:1;justify-self:center;width:160px;height:160px}#dashboard-view .hero-ring-num{font-size:2.8rem}}@media(max-width:640px){#dashboard-view .nav-container{padding:10px 14px}#dashboard-view .brand-name-group{display:none}#dashboard-view .nav-right{flex:1;justify-content:flex-end}#dashboard-view .child-picker-wrapper{flex:1;min-width:0}#dashboard-view .custom-select-box{width:100%}#dashboard-view .custom-select-box select{max-width:none;width:100%;min-width:0}#dashboard-view .user-info,#dashboard-view .logout-text{display:none}#dashboard-view .user-pill{padding:3px}#dashboard-view .logout-btn{padding:8px}#dashboard-view .dashboard-main{padding:16px 14px 40px}#dashboard-view .dashboard-container{gap:16px}#dashboard-view .hero-v2{padding:22px 18px;border-radius:24px;gap:18px}#dashboard-view .hero-avatar{width:52px;height:52px;font-size:1.5rem;border-radius:16px}#dashboard-view .hero-v2 .welcome-heading{font-size:1.6rem}#dashboard-view .hero-v2 .banner-actions{display:grid;grid-template-columns:1fr 1fr}#dashboard-view .hero-v2 #btn-reopen-checkin{grid-column:1 / -1}#dashboard-view .hero-v2 .banner-actions button{justify-content:center;padding:11px 10px;font-size:.82rem}#dashboard-view .metrics-grid{grid-template-columns:1fr 1fr;gap:12px}#dashboard-view .stat-card{padding:16px 14px}#dashboard-view .stat-value{font-size:2rem}#dashboard-view .stat-pill-status,#dashboard-view .stat-package-name{display:none}#dashboard-view .stat-footer-breakdown{flex-wrap:wrap;gap:6px 10px}#dashboard-view .progress-meta{flex-wrap:wrap;gap:4px}#dashboard-view .spotlight-header{padding:18px;flex-direction:column;align-items:flex-start;gap:12px}#dashboard-view .spotlight-heading{font-size:1.3rem}#dashboard-view .spotlight-body{padding:18px}#dashboard-view .spotlight-info-grid{grid-template-columns:1fr 1fr;gap:10px}#dashboard-view .info-block{padding:12px;min-width:0}#dashboard-view .info-val{font-size:.9rem;overflow-wrap:anywhere}#dashboard-view .availability-action-box{padding:16px}#dashboard-view .action-button-group{display:grid;grid-template-columns:1fr;width:100%}#dashboard-view .col-card,#dashboard-view .coach-notes-section{border-radius:20px;padding:18px 16px}#dashboard-view .card-header{flex-wrap:wrap;gap:10px}#dashboard-view .session-item{grid-template-columns:minmax(0,1fr);padding:12px}#dashboard-view .session-right{justify-content:flex-start}#dashboard-view .session-title{font-size:.92rem}#dashboard-view .coach-profile-row{flex-wrap:wrap;gap:10px}#dashboard-view .coach-meta{min-width:0;flex:1}#dashboard-view .note-date{width:100%}}@media(prefers-reduced-motion:reduce){#dashboard-view .hr-fill{transition:none}#dashboard-view .stat-card:hover,#dashboard-view .session-item:hover{transform:none}}#dashboard-view .hero-v2:before{opacity:.12;background:radial-gradient(circle at 0% 50%,transparent 150px,#fff 151px,#fff 153px,transparent 154px)}#greeting-splash-view{cursor:pointer}.splash-pro{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;color:#fff;background:linear-gradient(150deg,#0b1437,#13246b 45%,#2b2a9b)}.sp-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sp-glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:spGlow 14s ease-in-out infinite alternate}.sp-glow-1{width:520px;height:520px;left:-160px;top:-160px;background:#2563eb}.sp-glow-2{width:460px;height:460px;right:-140px;bottom:-160px;background:#7c3aed;animation-delay:-5s}.sp-glow-3{width:300px;height:300px;left:55%;top:18%;background:#0ea5e9;opacity:.3;animation-delay:-9s}@keyframes spGlow{0%{transform:translate(0) scale(1)}to{transform:translate(40px,30px) scale(1.12)}}.sp-court{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:none;stroke:#ffffff12;stroke-width:2}.sp-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 32px}.sp-brand{display:flex;align-items:center;gap:12px}.sp-logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0ea5e9,#6366f1);box-shadow:0 6px 16px -6px #0ea5e9b3}.sp-brand-text{display:flex;flex-direction:column;line-height:1.1}.sp-brand-name{font-family:var(--font-display);font-weight:800;font-size:1.05rem;letter-spacing:.1em}.sp-brand-sub{font-size:.66rem;font-weight:700;letter-spacing:.22em;color:#fff9}.sp-date{font-size:.85rem;font-weight:600;color:#fffc;padding:8px 14px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);white-space:nowrap}.sp-center{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:20px 20px 40px}.sp-avatar-ring{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;padding:4px;background:conic-gradient(from 200deg,#38bdf8,#818cf8,#f472b6,#fbbf24,#38bdf8);box-shadow:0 12px 36px -10px #818cf8cc;margin-bottom:6px}#greeting-splash-view .splash-avatar{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;font-family:"Fredoka",var(--font-display);font-size:2rem;font-weight:700;color:#fff;background:linear-gradient(160deg,#1e3a8a,#312e81);border:3px solid #0f1b4d;box-shadow:none}.sp-greet{font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#93c5fd;background:none;border:none;padding:0}#greeting-splash-view .splash-heading{font-size:clamp(2.3rem,6vw,3.6rem);margin:0;min-height:1.2em}#greeting-splash-view .tw{--tw-gradient: linear-gradient(90deg, #7dd3fc 0%, #a5b4fc 25%, #f9a8d4 50%, #fde68a 72%, #86efac 88%, #7dd3fc 100%)}#greeting-splash-view .tw-char.caret:after{background:linear-gradient(180deg,#a5b4fc,#f9a8d4)}#greeting-splash-view .splash-sub{font-size:1.05rem;color:#ffffffb8;max-width:460px}#greeting-splash-view.active .sp-avatar-ring.splash-reveal{animation-delay:.05s}#greeting-splash-view.active .sp-greet.splash-reveal{animation-delay:.2s}#greeting-splash-view.active .splash-sub.splash-reveal{animation-delay:1.1s}.sp-kids{width:min(460px,100%);display:flex;flex-direction:column;gap:10px;margin-top:14px}.sp-kid{display:flex;align-items:center;gap:14px;padding:14px 16px;text-align:left;border-radius:18px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 30px -18px #0009;opacity:0;transform:translateY(12px)}#greeting-splash-view.active .sp-kid{animation:spKidIn .6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(1.3s + var(--i, 0) * .15s)}@keyframes spKidIn{to{opacity:1;transform:none}}.sp-kid-avatar{width:42px;height:42px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;font-family:"Fredoka",var(--font-display);font-weight:700;font-size:1.15rem;color:#1e3a8a;background:linear-gradient(160deg,#fff,#dbeafe)}.sp-kid-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sp-kid-name{font-size:1rem;font-weight:700}.sp-kid-next{font-size:.8rem;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-kid-left{flex-shrink:0;display:flex;flex-direction:column;align-items:center;min-width:54px;padding:6px 10px;border-radius:12px;background:#ffffff1f;line-height:1.1}.sp-kid-left b{font-family:"Fredoka",var(--font-display);font-size:1.3rem}.sp-kid-left small{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3}.sp-kid-left.is-low{background:#fbbf2438;color:#fde68a}.sp-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 20px 24px;font-size:.78rem;color:#ffffff80}.sp-dot{width:4px;height:4px;border-radius:50%;background:#fff6}@media(max-width:640px){.sp-top{padding:16px 18px}.sp-logo{width:36px;height:36px}.sp-brand-name{font-size:.95rem}.sp-date{font-size:.74rem;padding:6px 10px}.sp-avatar-ring{width:88px;height:88px}#greeting-splash-view .splash-avatar{font-size:1.7rem}#greeting-splash-view .splash-sub{font-size:.95rem}.sp-kid{padding:12px 14px}.sp-foot{flex-direction:column;gap:4px}.sp-dot{display:none}}@media(prefers-reduced-motion:reduce){.sp-glow{animation:none}.sp-kid{opacity:1;transform:none}#greeting-splash-view.active .sp-kid{animation:none}}@media(max-width:640px){.sp-kid-next{white-space:normal}}.splash-pro{color:#0f172a;background:radial-gradient(ellipse at 50% 45%,#fff,#fff0 60%),linear-gradient(180deg,#fff,#f6f9ff)}.sp-glow{filter:blur(90px);opacity:.35}.sp-glow-1{background:#bfdbfe}.sp-glow-2{background:#ddd6fe}.sp-glow-3{background:#bae6fd;opacity:.3}.sp-court{stroke:#2563eb29;stroke-width:2.5}.sp-brand-name{color:#0f172a}.sp-brand-sub{color:#64748b}.sp-date{color:#334155;background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 12px -6px #0f172a26}.sp-avatar-ring{box-shadow:0 14px 34px -12px #6366f18c}#greeting-splash-view .splash-avatar{color:#fff;background:linear-gradient(160deg,#2563eb,#4f46e5);border:3px solid #ffffff}.sp-greet{color:#2563eb}#greeting-splash-view .tw{--tw-gradient: linear-gradient(90deg, #0284c7 0%, #4f46e5 25%, #c026d3 50%, #ea580c 72%, #059669 88%, #0284c7 100%)}#greeting-splash-view .tw-char.caret:after{background:linear-gradient(180deg,#4f46e5,#c026d3)}#greeting-splash-view .splash-sub{color:#475569}.sp-kid{background:#ffffffeb;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0f172a0a,0 12px 28px -16px #1e40af59;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sp-kid-avatar{color:#fff;background:linear-gradient(160deg,#2563eb,#4f46e5)}.sp-kid-name{color:#0f172a}.sp-kid-next{color:#64748b}.sp-kid-left{background:#eff6ff;color:#1d4ed8}.sp-kid-left small{color:#64748b}.sp-kid-left.is-low{background:#fef3c7;color:#b45309}.sp-foot{color:#94a3b8}.sp-dot{background:#cbd5e1}#attendance-question-view .reply-care{max-width:560px;margin:0 auto;gap:16px;text-align:center}.care-heart{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff1f6,#fde2ec 60%,#fbcfe0);box-shadow:0 10px 24px -10px #db277780}.care-heart svg{width:36px;height:36px;fill:#ec4899;animation:careBeat 1.6s ease-in-out .8s infinite}@keyframes careBeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}}.care-message{font-size:1.15rem;line-height:1.6;color:#334155;max-width:480px}.care-strong{font-weight:700;color:#db2777}.care-message #reply-no-coach{font-weight:700;color:#0f172a}.care-lookforward{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:1.02rem;color:#475569}.care-next{font-family:"Fredoka",var(--font-display);font-size:1.45rem;font-weight:700;background:linear-gradient(90deg,#7c3aed,#db2777,#f97316);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#checkin-reply-no.active .reply-timer span{animation-duration:6.6s}@media(max-width:640px){.care-heart{width:64px;height:64px}.care-heart svg{width:30px;height:30px}.care-message{font-size:1.02rem}.care-next{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.care-heart svg{animation:none}}#attendance-question-view .reply-care{position:relative;gap:12px;padding:24px 20px;max-width:520px}#attendance-question-view .reply-care:after{content:"";position:absolute;top:-30px;right:-60px;bottom:-30px;left:-60px;z-index:-1;border-radius:50%;background:radial-gradient(ellipse at center,#fffffff5,#ffffffd9 45%,#fff0 72%);pointer-events:none}#attendance-question-view .reply-care{isolation:isolate}#attendance-question-view .reply-care .reply-headline{font-size:2.6rem;line-height:1.12;margin-top:4px}.care-line{font-family:"Fredoka",var(--font-display);font-size:1.35rem;font-weight:600;line-height:1.3;color:#db2777;text-wrap:balance}.care-coach{font-size:.98rem;font-weight:500;color:#64748b;text-wrap:balance}.care-coach #reply-no-coach{font-weight:700;color:#334155}.care-next-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:10px}.care-next-label{font-size:.72rem;font-weight:800;letter-spacing:.16em;color:#94a3b8}.care-next{font-family:"Fredoka",var(--font-display);font-size:1.7rem;font-weight:700;line-height:1.15;white-space:nowrap;background:linear-gradient(90deg,#7c3aed,#db2777,#f97316);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:640px){#attendance-question-view .reply-care{padding:20px 8px;gap:10px}#attendance-question-view .reply-care .reply-headline{font-size:2.05rem}.care-line{font-size:1.15rem}.care-coach{font-size:.9rem}.care-next{font-size:1.35rem}}@media(max-width:330px){#attendance-question-view .reply-care .reply-headline{font-size:1.8rem}.care-next{font-size:1.2rem}}#attendance-question-view .attendance-center-container{overflow-x:clip}@media(max-width:640px){#attendance-question-view .reply-care:after{top:-20px;right:-16px;bottom:-20px;left:-16px}}#dashboard-view .hero-avatar.has-photo{padding:3px;overflow:hidden;background:#fff}#dashboard-view .hero-avatar img{width:100%;height:100%;object-fit:cover;border-radius:17px;display:block}.register-cta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin-bottom:18px;padding:14px 16px;border-radius:14px;border:1.5px dashed #a5b4fc;background:#f8f9ff;color:#475569;font-size:.92rem;text-decoration:none;transition:background .15s,border-color .15s}.register-cta strong{color:#4f46e5}.register-cta:hover{background:#eef2ff;border-color:#6366f1}#login-view .lg-stage{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);align-items:center;gap:48px;padding:40px clamp(20px,6vw,96px);background:radial-gradient(ellipse at 15% 85%,#f9731647,#f9731600 45%),radial-gradient(ellipse at 90% 10%,#22d3ee40,#22d3ee00 45%),linear-gradient(135deg,#0b1437,#1e3a8a 45%,#4c1d95)}#login-view .lg-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lg-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:lgGlow 12s ease-in-out infinite alternate}.lg-glow-orange{width:420px;height:420px;left:-120px;bottom:-140px;background:#f97316;opacity:.35}.lg-glow-cyan{width:380px;height:380px;right:-100px;top:-120px;background:#06b6d4;opacity:.35;animation-delay:-4s}.lg-glow-violet{width:360px;height:360px;left:40%;top:30%;background:#7c3aed;opacity:.3;animation-delay:-8s}@keyframes lgGlow{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-20px) scale(1.1)}}.lg-court{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:none;stroke:#ffffff14;stroke-width:3}.lg-ball{position:absolute;width:340px;height:340px;left:-90px;bottom:-110px;opacity:.9;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35));animation:lgSpin 28s linear infinite}@keyframes lgSpin{to{transform:rotate(360deg)}}.lg-skate{position:absolute;right:4%;top:7%;width:190px;height:190px;color:#ffffff38;transform:rotate(-8deg);animation:lgGlide 6s ease-in-out infinite alternate}.lg-skate svg{width:100%;height:100%}@keyframes lgGlide{0%{transform:rotate(-8deg) translate(0)}to{transform:rotate(-8deg) translate(-18px)}}.lg-speed{position:absolute;height:4px;border-radius:999px;background:linear-gradient(90deg,#22d3ee00,#22d3eeb3);right:92%;animation:lgSpeed 1.8s ease-in-out infinite}.lg-speed-1{top:40%;width:120px}.lg-speed-2{top:55%;width:170px;animation-delay:-.6s}.lg-speed-3{top:70%;width:90px;animation-delay:-1.2s}@keyframes lgSpeed{0%,to{opacity:.25;transform:translate(0)}50%{opacity:1;transform:translate(-14px)}}.lg-dot{position:absolute;border-radius:50%;background:#ffffff59;animation:lgFloat 8s ease-in-out infinite alternate}.lg-dot-1{width:10px;height:10px;left:30%;top:18%}.lg-dot-2{width:6px;height:6px;left:52%;top:78%;animation-delay:-3s;background:#fdba7499}.lg-dot-3{width:8px;height:8px;left:12%;top:40%;animation-delay:-5s;background:#67e8f999}@keyframes lgFloat{0%{transform:translateY(0)}to{transform:translateY(-24px)}}#login-view .lg-hero{position:relative;z-index:1;color:#fff;display:flex;flex-direction:column;gap:48px;align-self:stretch;justify-content:space-between;padding:8px 0 120px}.lg-brand{display:flex;align-items:center;gap:12px}.lg-logo{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#f97316,#db2777);box-shadow:0 10px 22px -8px #f97316b3}.lg-brand-text{display:flex;flex-direction:column;line-height:1.1}.lg-brand-text strong{font-family:"Outfit",var(--font-sans);font-weight:800;letter-spacing:.12em;font-size:1.15rem}.lg-brand-text small{font-size:.68rem;font-weight:700;letter-spacing:.24em;color:#ffffffa6}.lg-hero-copy{max-width:520px}.lg-kicker{display:inline-block;font-size:.74rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#67e8f9;margin-bottom:14px}.lg-headline{font-family:"Fredoka",var(--font-display);font-size:clamp(2.8rem,5.4vw,4.6rem);font-weight:700;line-height:1.02;letter-spacing:-.01em;color:#fff}.lg-headline span{background:linear-gradient(90deg,#fdba74,#f472b6,#67e8f9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lg-tagline{margin-top:18px;font-size:1.08rem;line-height:1.6;color:#fffc;max-width:440px}.lg-sport-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.lg-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 12px;border-radius:999px;font-weight:700;font-size:.9rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lg-chip svg{width:20px;height:20px}.lg-chip-ball svg{color:#fdba74}.lg-chip-skate svg{color:#67e8f9}#login-view .login-container{position:relative;z-index:1;min-height:0;padding:0}#login-view .login-card{max-width:480px;padding:36px 34px 30px;border:1px solid rgba(255,255,255,.6);border-radius:28px;background:#fffffff7;box-shadow:0 40px 80px -30px #020617b3,0 0 0 6px #ffffff0f;-webkit-backdrop-filter:none;backdrop-filter:none}#login-view .login-card:before{height:5px;background:linear-gradient(90deg,#f97316,#db2777,#6366f1,#06b6d4)}#login-view .brand-header{text-align:left;margin-bottom:20px}#login-view .login-title{font-family:"Fredoka",var(--font-display);font-size:1.9rem;font-weight:700;margin-bottom:4px}#login-view .login-subtitle{font-size:.95rem;margin:0}#login-view .quick-demo-box{background:#f8fafc;border:1px solid #eef2f7;border-radius:16px;padding:12px;margin-bottom:22px}#login-view .quick-demo-label{font-size:.7rem;letter-spacing:.08em;margin-bottom:8px;color:#6366f1}#login-view .demo-btn{flex-direction:column;align-items:flex-start;gap:3px;padding:9px 10px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;text-align:left}#login-view .demo-btn:hover{border-color:#a5b4fc;background:#f8f9ff}#login-view .demo-name{font-size:.8rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#login-view .demo-tag{font-size:.68rem;background:none;padding:0;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#login-view .input-wrapper input{border-radius:14px;border:1.5px solid #e2e8f0;background:#fff;padding-top:13px;padding-bottom:13px}#login-view .input-wrapper input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f124}#login-view .submit-btn{border-radius:16px;padding:15px 20px;font-size:1.02rem;font-weight:800;background:linear-gradient(135deg,#f97316,#db2777,#6366f1);background-size:160% 100%;box-shadow:0 16px 30px -14px #db2777cc;transition:background-position .4s,transform .15s,box-shadow .15s}#login-view .submit-btn:hover{background-position:100% 0;transform:translateY(-1px)}#login-view .login-footer{margin-top:22px;padding-top:18px}@media(max-width:980px){#login-view .lg-stage{grid-template-columns:minmax(0,1fr);gap:26px;padding:24px 16px 40px;align-items:start}#login-view .lg-hero{gap:22px;padding:0}.lg-headline{font-size:2.6rem}.lg-tagline{font-size:.98rem;margin-top:10px}.lg-sport-chips{margin-top:16px}#login-view .login-container{justify-content:center}#login-view .login-card{margin:0 auto}.lg-ball{width:220px;height:220px;left:auto;right:-70px;bottom:auto;top:140px;opacity:.55}.lg-skate{width:120px;height:120px;top:2%;right:2%}}@media(max-width:480px){#login-view .lg-stage{padding:20px 14px 32px}.lg-headline{font-size:2.2rem}.lg-tagline{display:none}#login-view .login-card{padding:28px 20px 24px;border-radius:24px}#login-view .login-title{font-size:1.6rem}#login-view .quick-demo-buttons{grid-template-columns:minmax(0,1fr)}#login-view .demo-btn{flex-direction:row;justify-content:space-between;align-items:center}.lg-ball{width:170px;height:170px;top:110px;right:-60px}.lg-skate{display:none}}@media(prefers-reduced-motion:reduce){.lg-glow,.lg-ball,.lg-skate,.lg-speed,.lg-dot{animation:none}}@media(min-width:981px){.lg-skate{right:auto;left:36%;top:12%;width:170px;height:170px}}@media(max-width:980px){.lg-skate{left:auto}}#login-view .lg-stage{background:radial-gradient(ellipse at 85% 10%,#93c5fd8c,#93c5fd00 45%),radial-gradient(ellipse at 10% 90%,#60a5fa59,#60a5fa00 50%),linear-gradient(160deg,#fff,#eff6ff 45%,#dbeafe)}.lg-glow-orange{background:#60a5fa;opacity:.35}.lg-glow-cyan{background:#93c5fd;opacity:.45}.lg-glow-violet{background:#bfdbfe;opacity:.5}.lg-court{stroke:#2563eb21}.lg-ball{opacity:.95;filter:drop-shadow(0 26px 34px rgba(30,64,175,.35))}.lg-skate{color:#2563eb47}.lg-speed{background:linear-gradient(90deg,#3b82f600,#3b82f6bf)}.lg-dot{background:#3b82f659}.lg-dot-2{background:#2563eb73}.lg-dot-3{background:#93c5fde6}.lg-waves{position:absolute;left:0;right:0;bottom:0;width:100%;height:34vh;min-height:160px}.lg-wave-back{fill:#3b82f624}.lg-wave-front{fill:#2563eb1f}#login-view .lg-hero{color:#0f172a}.lg-logo{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 22px -8px #2563eb99;color:#fff}.lg-brand-text strong{color:#0f172a}.lg-brand-text small{color:#64748b}.lg-kicker{color:#2563eb}.lg-headline{color:#0f172a}.lg-headline span{background:linear-gradient(90deg,#1d4ed8,#3b82f6,#0ea5e9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lg-tagline{color:#475569}.lg-chip{color:#1e3a8a;background:#ffffffd9;border:1px solid #bfdbfe;box-shadow:0 6px 14px -8px #2563eb66}.lg-chip-ball svg,.lg-chip-skate svg{color:#2563eb}#login-view .login-card{background:#fff;border:1px solid #dbeafe;box-shadow:0 36px 70px -30px #1e40af73,0 0 0 6px #fff9}#login-view .login-card:before{background:linear-gradient(90deg,#1d4ed8,#3b82f6,#93c5fd)}#login-view .quick-demo-label{color:#2563eb}#login-view .demo-btn:hover{border-color:#93c5fd;background:#eff6ff}#login-view .input-wrapper input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626}#login-view .submit-btn{background:linear-gradient(135deg,#1d4ed8,#2563eb,#0ea5e9);background-size:160% 100%;box-shadow:0 16px 30px -14px #2563ebcc}#login-view .register-cta{border-color:#93c5fd;background:#eff6ff}#login-view .register-cta:hover{background:#dbeafe;border-color:#3b82f6}#login-view .lg-stage{background:#fff}#login-view .login-card{border:1px solid #e2e8f0;box-shadow:0 1px 2px #0f172a0a,0 20px 44px -24px #1e40af59}#login-view .login-card:before{background:#2563eb}#login-view .submit-btn{background:#2563eb;background-size:auto}#login-view .submit-btn:hover{background:#1d4ed8}.lg-headline span{background:none;-webkit-text-fill-color:#2563eb;color:#2563eb}.lg-chip{background:#eff6ff;border-color:#dbeafe;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}#login-view .quick-demo-box{background:#f8fafc}#login-view .lg-stage{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:32px 16px;background:#f4f7fc}#login-view .login-container{width:100%;max-width:440px}#login-view .login-card{max-width:440px;padding:32px 30px 26px;border-radius:24px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 1px 2px #0f172a0a,0 18px 40px -24px #1e40af59}#login-view .login-card:before{display:none}.pl-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.pl-logo{width:44px;height:44px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;color:#fff;background:#2563eb}.pl-brand-text{display:flex;flex-direction:column;line-height:1.25}.pl-brand-text strong{font-size:.98rem;font-weight:800;color:#0f172a}.pl-brand-text small{font-size:.8rem;font-weight:600;color:#2563eb}#login-view .brand-header{text-align:left;margin-bottom:22px}#login-view .login-title{font-family:var(--font-display);font-size:1.6rem;font-weight:800;letter-spacing:-.02em;color:#0f172a;margin-bottom:4px}#login-view .login-subtitle{font-size:.92rem;color:#64748b;margin:0}#login-view .login-form{gap:16px}#login-view .form-group label,#login-view .label-with-link label{font-size:.84rem;font-weight:600;color:#334155}#login-view .input-wrapper input{border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;font-size:.98rem;padding-top:12px;padding-bottom:12px}#login-view .input-wrapper input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}#login-view .submit-btn{border-radius:12px;padding:14px 18px;font-size:1rem;font-weight:700;background:#2563eb;box-shadow:0 10px 22px -12px #2563ebcc}#login-view .submit-btn:hover{background:#1d4ed8;transform:none}#login-view .quick-demo-box{margin:22px 0 0;padding:0;border:none;background:none}#login-view .quick-demo-label{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:.74rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#94a3b8}#login-view .quick-demo-label:before,#login-view .quick-demo-label:after{content:"";flex:1;height:1px;background:#e2e8f0}#login-view .quick-demo-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#login-view .demo-btn{flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:9px 6px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;text-align:center}#login-view .demo-btn:hover{background:#eff6ff;border-color:#93c5fd;transform:none}#login-view .demo-name{font-size:.8rem;font-weight:700;color:#0f172a;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#login-view .demo-tag{font-size:.68rem;color:#64748b;background:none;padding:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#login-view .login-footer{margin-top:22px;padding-top:18px;border-top:1px solid #eef2f7}#login-view .register-cta{margin-bottom:14px;padding:12px;border:none;border-radius:12px;background:#eff6ff;font-size:.9rem}#login-view .register-cta:hover{background:#dbeafe}#login-view .register-cta strong{color:#1d4ed8}@media(max-width:480px){#login-view .lg-stage{align-items:flex-start;padding:20px 12px}#login-view .login-card{padding:26px 20px 22px;border-radius:20px}.pl-brand{margin-bottom:22px}#login-view .login-title{font-size:1.45rem}#login-view .demo-tag{display:none}}.pl-stage{position:relative;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:40px 16px;overflow:hidden;isolation:isolate;background:linear-gradient(155deg,#1e3a8a,#1d4ed8 38%,#3b82f6 72%,#93c5fd)}.pl-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.pl-court{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:#ffffff29}.pl-glow{position:absolute;border-radius:50%;filter:blur(70px)}.pl-glow-1{width:520px;height:520px;top:-180px;right:-120px;background:#93c5fd8c}.pl-glow-2{width:460px;height:460px;bottom:-200px;left:-140px;background:#ffffff47}.pl-float{position:absolute;color:#ffffff8c;animation:plFloat 7s ease-in-out infinite}.pl-ball{width:74px;top:12%;left:9%}.pl-skate{width:70px;bottom:13%;right:9%;animation-delay:-2.4s}.pl-whistle{width:54px;top:16%;right:15%;animation-delay:-4.6s}@keyframes plFloat{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-16px) rotate(6deg)}}.pl-card{width:100%;max-width:400px;padding:30px 28px 24px;border-radius:26px;background:#fff;box-shadow:0 2px 4px #0f172a0f,0 40px 80px -30px #0f172a8c;animation:plRise .6s cubic-bezier(.16,1,.3,1) both}@keyframes plRise{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}.pl-card .pl-brand{margin-bottom:24px}.pl-title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;letter-spacing:-.02em;color:#0f172a;margin:0 0 6px}.pl-sub{font-size:.92rem;line-height:1.5;color:#64748b;margin:0 0 22px}.pl-form{display:flex;flex-direction:column;gap:16px}.pl-field{display:flex;flex-direction:column;gap:7px;cursor:text}.pl-label{font-size:.84rem;font-weight:700;color:#334155}.pl-input{display:flex;align-items:center;gap:10px;padding:0 14px;border:1.5px solid #e2e8f0;border-radius:14px;background:#f8fafc;color:#94a3b8;transition:border-color .15s,box-shadow .15s,background .15s}.pl-input svg{flex-shrink:0}.pl-input:focus-within{border-color:#2563eb;background:#fff;color:#2563eb;box-shadow:0 0 0 4px #2563eb24}.pl-input input{flex:1;min-width:0;padding:14px 0;border:0;outline:0;background:transparent;font-size:1rem;font-weight:600;color:#0f172a}.pl-input input::placeholder{font-weight:500;color:#94a3b8}#login-code{text-transform:uppercase;letter-spacing:.05em}#login-code::placeholder{text-transform:none;letter-spacing:0}.pl-error{margin:-4px 0 0;padding:10px 12px;border-radius:12px;background:#fff1f2;color:#be123c;font-size:.85rem;font-weight:600;line-height:1.4}.pl-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:4px;padding:15px 18px;border:0;border-radius:14px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:1.02rem;font-weight:700;cursor:pointer;box-shadow:0 14px 26px -14px #2563ebe6;transition:transform .15s,box-shadow .15s}.pl-submit:hover{transform:translateY(-1px);box-shadow:0 18px 30px -14px #2563ebf2}.pl-submit:focus-visible{outline:3px solid rgba(37,99,235,.45);outline-offset:3px}.pl-help{margin:18px 0 0;text-align:center;font-size:.84rem;line-height:1.5;color:#64748b}.pl-staff{margin:18px 0 0;padding-top:16px;border-top:1px solid #eef2f7;text-align:center;font-size:.8rem;color:#94a3b8}.pl-staff a{color:#2563eb;font-weight:700;text-decoration:none}.pl-staff a:hover{text-decoration:underline}@media(max-width:520px){.pl-stage{place-items:start center;padding:56px 14px 32px}.pl-card{padding:26px 20px 20px;border-radius:22px}.pl-title{font-size:1.55rem}.pl-ball{width:52px;top:2.5%;left:6%}.pl-whistle{width:40px;top:3%;right:8%}.pl-skate{width:54px;bottom:4%;right:7%}}@media(prefers-reduced-motion:reduce){.pl-float,.pl-card{animation:none}}#dashboard-view{position:relative;isolation:isolate;background:radial-gradient(900px 420px at 88% -6%,rgba(59,130,246,.2),transparent 62%),radial-gradient(760px 420px at -8% 18%,rgba(37,99,235,.1),transparent 60%),linear-gradient(180deg,#eaf2ff,#f5f9ff 34%,#fff 78%)}#dashboard-view:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.75;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800' fill='none' stroke='%23c7dbfa' stroke-width='2'%3E%3Ccircle cx='1200' cy='420' r='120'/%3E%3Crect x='940' y='290' width='260' height='260'/%3E%3Ccircle cx='940' cy='420' r='76'/%3E%3Cpath d='M1200 130 H1110 A290 290 0 0 0 1110 710 H1200'/%3E%3Ccircle cx='-20' cy='820' r='300'/%3E%3Ccircle cx='-20' cy='820' r='230' stroke-dasharray='12 14'/%3E%3Ccircle cx='-20' cy='820' r='160'/%3E%3C/svg%3E") center / cover no-repeat}#dashboard-view:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(37,99,235,.08) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 70%);mask-image:linear-gradient(180deg,#000 0%,transparent 70%)}#dashboard-view .portal-footer{background:transparent}#dashboard-view #attendance-history-container{max-height:470px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.pl-card{max-width:410px;padding:0;overflow:hidden;border-radius:28px;box-shadow:0 2px 6px #0f172a14,0 46px 90px -34px #0f172a99}.pl-top{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 24px 30px;color:#fff;overflow:hidden;background:radial-gradient(260px 160px at 85% 0%,rgba(147,197,253,.55),transparent 70%),linear-gradient(140deg,#1e40af,#2563eb 55%,#3b82f6)}.pl-top:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-38px;height:60px;border-radius:50%;background:#fff}.pl-top-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:#ffffff2e}.pl-top-ball,.pl-top-skate{position:absolute;color:#ffffff73;animation:plFloat 6.5s ease-in-out infinite}.pl-top-ball{width:38px;top:18px;left:22px}.pl-top-skate{width:38px;top:22px;right:22px;animation-delay:-3s}.pl-top-logo{position:relative;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin-bottom:12px;color:#2563eb;background:#fff;box-shadow:0 12px 24px -10px #0f172a80}.pl-top-name{position:relative;font-family:var(--font-display);font-size:1.15rem;font-weight:800;letter-spacing:-.01em}.pl-top-tag{position:relative;margin-top:6px;padding:3px 12px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:#ffffff2e;border:1px solid rgba(255,255,255,.3)}.pl-sports{position:relative;display:flex;gap:8px;margin-top:14px}.pl-sports span{padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:700;color:#1e3a8a;background:#fff;box-shadow:0 6px 14px -8px #0f172a80}.pl-body{position:relative;padding:18px 28px 22px}.pl-title{font-family:"Fredoka",var(--font-display);font-size:2rem;font-weight:700;letter-spacing:0;text-align:center;color:#0f172a;margin:0 0 22px}.pl-title span{background:linear-gradient(90deg,#2563eb,#7c3aed 55%,#db2777);-webkit-background-clip:text;background-clip:text;color:transparent}.pl-form{gap:14px}.pl-label{font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#64748b}.pl-input{gap:12px;padding:6px 14px 6px 6px;border:2px solid #e8eef8;border-radius:16px;background:#f6f9ff}.pl-input:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 5px #3b82f624}.pl-ico{width:40px;height:40px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;color:#fff}.pl-ico-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 8px 16px -8px #2563ebcc}.pl-ico-violet{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 8px 16px -8px #6d28d9cc}.pl-input input{padding:10px 0;font-size:1.05rem;font-weight:700}.pl-submit{position:relative;justify-content:space-between;overflow:hidden;margin-top:6px;padding:8px 8px 8px 22px;border-radius:18px;font-size:1.08rem;font-weight:800;letter-spacing:.01em;background:linear-gradient(120deg,#1d4ed8,#2563eb 45%,#4f46e5);box-shadow:0 18px 30px -16px #2563ebf2}.pl-submit:before{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-20deg);animation:plShine 3.2s ease-in-out infinite}@keyframes plShine{0%,55%{left:-60%}to{left:130%}}.pl-submit-arrow{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#ffffff2e;transition:transform .2s}.pl-submit:hover .pl-submit-arrow{transform:translate(3px)}.pl-staff{margin-top:18px;padding-top:14px;font-size:.78rem}@media(max-width:520px){.pl-card{padding:0;border-radius:24px}.pl-top{padding:24px 18px 28px}.pl-body{padding:16px 20px 20px}.pl-title{font-size:1.8rem;margin-bottom:18px}}@media(prefers-reduced-motion:reduce){.pl-top-ball,.pl-top-skate,.pl-submit:before{animation:none}}@media(max-width:520px){.pl-float{display:none}}#dashboard-view .child-picker-wrapper{position:relative}.cp-native{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.cp-btn{display:flex;align-items:center;gap:10px;max-width:300px;padding:5px 12px 5px 5px;border-radius:999px;border:1.5px solid #dbe6f7;background:#fff;color:#0f172a;cursor:pointer;text-align:left;box-shadow:0 6px 16px -12px #1e40af99;transition:border-color .15s,box-shadow .15s}.cp-btn:hover{border-color:#93c5fd;box-shadow:0 10px 22px -14px #1e40afb3}.cp-btn:focus-visible{outline:3px solid rgba(37,99,235,.4);outline-offset:2px}.cp-btn.is-single{cursor:default;padding-right:16px}.cp-btn.is-single .cp-chev{display:none}.cp-av,.cp-item-av{width:36px;height:36px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;overflow:hidden;font-family:var(--font-display);font-weight:800;font-size:.95rem;color:#fff}.cp-av img,.cp-item-av img{width:100%;height:100%;object-fit:cover}.cp-basketball{background:linear-gradient(135deg,#fb923c,#ea580c)}.cp-skating{background:linear-gradient(135deg,#818cf8,#4f46e5)}.cp-text{display:flex;flex-direction:column;min-width:0;line-height:1.2}.cp-text strong{font-size:.9rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-text small{font-size:.74rem;font-weight:600;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-chev{flex-shrink:0;margin-left:2px;color:#2563eb;transition:transform .2s}.child-picker-wrapper.is-open .cp-chev{transform:rotate(180deg)}.child-picker-wrapper.is-open .cp-btn{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626}.cp-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:60;width:290px;padding:8px;border-radius:20px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 24px 50px -18px #0f172a59;animation:cpPop .18s cubic-bezier(.16,1,.3,1);transform-origin:top right}.cp-menu[hidden]{display:none}@keyframes cpPop{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}.cp-menu-title{margin:4px 10px 6px;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8}.cp-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:0;border-radius:14px;background:transparent;color:#0f172a;text-align:left;cursor:pointer;transition:background .15s}.cp-item+.cp-item{margin-top:2px}.cp-item:hover{background:#f1f5ff}.cp-item:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:-2px}.cp-item-av{width:42px;height:42px;font-size:1.05rem}.cp-item-text{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.25}.cp-item-text strong{font-size:.95rem;font-weight:800}.cp-item-text small{font-size:.78rem;color:#64748b;font-weight:600}.cp-check{width:24px;height:24px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;border:2px solid #e2e8f0;color:transparent}.cp-item.is-current{background:#eff6ff}.cp-item.is-current .cp-check{border-color:transparent;background:#2563eb;color:#fff}@media(max-width:640px){#dashboard-view .child-picker-wrapper{flex:1;min-width:0}.cp-btn{max-width:none;width:100%}.cp-menu{left:0;right:auto;width:min(320px,calc(100vw - 32px));transform-origin:top left}}#dashboard-view{--db-ink: #0f1b3d;--db-navy: #0b2a6f;--db-blue: #2563eb;--db-sky: #eef4ff;--db-line: #e3ebf8;--db-muted: #5b6b8c;--db-mint: #12b76a;--db-score: #ffb547;--db-display: "Fredoka", "Plus Jakarta Sans", sans-serif}.db-main{padding-bottom:48px;color:var(--db-ink)}.db-hero{position:relative;overflow:hidden;color:#fff;padding:42px 20px 104px;background:radial-gradient(640px 300px at 12% -10%,rgba(96,165,250,.55),transparent 70%),linear-gradient(160deg,#0b2a6f,#123a9c 55%,#1d4ed8)}.db-hero-court{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:#ffffff1f}.db-hero-inner{position:relative;max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.db-kid{display:flex;align-items:center;gap:24px;min-width:0}.db-photo{width:108px;height:108px;flex-shrink:0;border-radius:32px;display:grid;place-items:center;overflow:hidden;rotate:-3deg;font-family:var(--db-display);font-size:3rem;font-weight:700;color:#fff;border:4px solid #fff;box-shadow:0 20px 34px -16px #02081eb3}.db-photo.is-skating{background:linear-gradient(135deg,#818cf8,#4f46e5)}.db-photo.is-basketball{background:linear-gradient(135deg,#fb923c,#ea580c)}.db-photo img{width:100%;height:100%;object-fit:cover}.db-kid-text{min-width:0}.db-hello{margin:0;font-size:.95rem;font-weight:600;color:#ffffffb8}.db-name{margin:2px 0 6px;font-family:var(--db-display);font-size:clamp(2.1rem,4.2vw,3.1rem);font-weight:700;line-height:1.05;letter-spacing:0;color:#fff}.db-sport{margin:0 0 14px;font-size:1.05rem;font-weight:700;color:#bfdbfe}.db-facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.92rem;color:#ffffffeb}.db-facts li{display:flex;align-items:center;gap:8px}.db-facts svg{flex-shrink:0;opacity:.7}.db-score{flex-shrink:0;min-width:200px;padding:18px 28px 16px;border-radius:24px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#061638;border:2px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 6px #ffffff08,0 26px 44px -22px #000000b3}.db-score-num{font-family:var(--db-display);font-size:5.2rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--db-score);text-shadow:0 0 26px rgba(255,159,64,.45)}.db-score-label{margin-top:6px;font-size:1.02rem;font-weight:800}.db-score-sub{margin-top:2px;font-size:.8rem;color:#fff9}.db-score.is-low .db-score-num{color:#ff7b7b;text-shadow:0 0 26px rgba(255,99,99,.45)}.db-wrap{position:relative;max-width:1120px;margin:-68px auto 0;padding:0 20px;display:flex;flex-direction:column;gap:20px}.db-card{background:#fff;border:1px solid var(--db-line);border-radius:22px;padding:24px;box-shadow:0 1px 2px #0f1b3d0a,0 18px 36px -30px #0f1b3d80}.db-h2{margin:0;font-family:var(--db-display);font-size:1.35rem;font-weight:600;letter-spacing:0;color:var(--db-ink)}.db-muted{margin:2px 0 0;font-size:.88rem;color:var(--db-muted)}.db-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.db-count{padding:4px 11px;border-radius:999px;background:var(--db-sky);color:var(--db-blue);font-size:.8rem;font-weight:700;white-space:nowrap}.db-empty{margin:14px 0 0;color:var(--db-muted);font-size:.9rem;list-style:none}.db-punch{padding:26px 28px 22px;border-radius:26px;box-shadow:0 2px 4px #0f1b3d0d,0 30px 50px -34px #0b2a6f99}.db-punch-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.db-topup{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:11px 18px;border:0;border-radius:14px;background:var(--db-blue);color:#fff;font-size:.92rem;font-weight:700;cursor:pointer;box-shadow:0 12px 22px -14px #2563ebe6;transition:background .15s}.db-topup:hover{background:#1d4ed8}.db-topup:focus-visible{outline:3px solid rgba(37,99,235,.4);outline-offset:3px}.db-pending{margin:14px 0 0;padding:10px 14px;border-radius:12px;background:#fff7e6;color:#8a4b00;font-size:.86rem;font-weight:600}.db-slots{--slots: 16;display:grid;grid-template-columns:repeat(var(--slots),minmax(0,1fr));gap:10px;margin:22px 0 20px}.db-slots[hidden]{display:none}.db-slot{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:2px dashed #c8d6ee;background:#f8fbff;color:#9aaccc;font-size:.74rem;font-weight:700}.db-slot.is-used{border:0;color:#fff;background:linear-gradient(140deg,#34d399,var(--db-mint));box-shadow:0 8px 14px -8px #12b76ae6}.db-slot svg{width:55%;height:55%}.db-slots.is-filling .db-slot.is-used{animation:dbPunch .42s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--i) * 45ms)}@keyframes dbPunch{0%{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}.db-validity{margin:22px 0 20px}.db-validity-bar{height:14px;border-radius:999px;background:#eef3fb;overflow:hidden}.db-validity-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#60a5fa,var(--db-blue))}.db-tally{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding-top:16px;border-top:1px solid var(--db-line)}.db-tally div{padding:0 16px;border-left:1px solid var(--db-line)}.db-tally div:first-child{padding-left:0;border-left:0}.db-tally dt{font-size:.8rem;font-weight:600;color:var(--db-muted)}.db-tally dd{margin:2px 0 0;font-family:var(--db-display);font-size:1.55rem;font-weight:600;color:var(--db-ink)}.db-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.db-timeline{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}.db-next{position:relative;display:flex;align-items:center;gap:16px}.db-next:not(:last-child):after{content:"";position:absolute;left:28px;top:62px;height:14px;width:2px;background:var(--db-line)}.db-date{width:58px;height:60px;flex-shrink:0;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--db-sky);color:var(--db-blue);line-height:1}.db-date b{font-family:var(--db-display);font-size:1.5rem;font-weight:700}.db-date small{margin-top:3px;font-size:.74rem;font-weight:700}.db-next.is-first .db-date{background:var(--db-blue);color:#fff;box-shadow:0 12px 20px -12px #2563ebe6}.db-next-text{display:flex;flex-direction:column;min-width:0;line-height:1.35}.db-next-tag{font-style:normal;font-size:.78rem;font-weight:800;color:var(--db-blue)}.db-next-text strong{font-size:.98rem;font-weight:700}.db-next-text small{font-size:.84rem;color:var(--db-muted)}.db-log{margin-top:14px;max-height:420px;overflow-y:auto;padding-right:6px;scrollbar-width:thin}.db-month+.db-month{margin-top:16px}.db-month-name{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-family:inherit;font-size:.9rem;font-weight:800;letter-spacing:0;color:var(--db-ink)}.db-month-name span{padding:1px 8px;border-radius:999px;background:#e7f8ef;color:#0b8a50;font-size:.76rem}.db-month ul{list-style:none;margin:0;padding:0}.db-month li{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px dashed var(--db-line)}.db-month li:last-child{border-bottom:0}.db-day{width:46px;height:46px;flex-shrink:0;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;background:#e7f8ef;color:#0b8a50}.db-day b{font-family:var(--db-display);font-size:1.15rem;font-weight:700}.db-day small{margin-top:2px;font-size:.66rem;font-weight:700}.db-log-text{display:flex;flex-direction:column;min-width:0;line-height:1.35}.db-log-text strong{font-size:.93rem;font-weight:700}.db-log-text small{font-size:.82rem;color:var(--db-muted)}.db-coach-who{display:flex;align-items:center;gap:14px}.db-coach-av{width:52px;height:52px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-family:var(--db-display);font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#3b82f6,#1e40af)}.db-coach-name{margin:0;font-family:var(--db-display);font-size:1.2rem;font-weight:600;letter-spacing:0;color:var(--db-ink)}.db-bubble{position:relative;margin:16px 0 0;padding:18px 22px;border-radius:20px;background:var(--db-sky);color:var(--db-ink);font-size:1.02rem;line-height:1.65;max-width:72ch}.db-bubble:before{content:"";position:absolute;top:-9px;left:20px;width:18px;height:18px;background:var(--db-sky);transform:rotate(45deg);border-radius:3px}@media(max-width:860px){.db-cols{grid-template-columns:minmax(0,1fr)}}@media(max-width:720px){.db-hero{padding:26px 16px 92px}.db-hero-inner{flex-direction:column;align-items:stretch;gap:22px}.db-kid{gap:16px;align-items:flex-start}.db-photo{width:78px;height:78px;border-radius:24px;font-size:2.2rem;border-width:3px}.db-name{font-size:2rem}.db-sport{margin-bottom:10px}.db-facts{flex-direction:column;gap:6px;font-size:.88rem}.db-score{min-width:0;display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:center;text-align:left;padding:14px 20px}.db-score-num{grid-row:span 2;font-size:3.6rem}.db-score-label{margin-top:0;align-self:end}.db-score-sub{align-self:start}.db-wrap{margin-top:-62px;padding:0 14px;gap:16px}.db-card{padding:18px;border-radius:20px}.db-punch{padding:20px 18px 18px;border-radius:22px}.db-punch-head{flex-direction:column;align-items:stretch;gap:12px}.db-topup{justify-content:center}.db-slots{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:18px 0 16px}.db-tally{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}.db-tally div:nth-child(3){padding-left:0;border-left:0}.db-log{max-height:360px}}@media(prefers-reduced-motion:reduce){.db-slots.is-filling .db-slot.is-used{animation:none}}.db-next{align-items:flex-start}.db-next:not(:last-child):after{top:64px;height:12px}.db-next-text{padding-top:6px}.db-tally small{display:block;margin-top:2px;font-size:.78rem;color:var(--db-muted);line-height:1.3}.db-tally dt{color:var(--db-ink);font-weight:700}#dashboard-view .db-frozen{background:#e0f2fe;color:#075985}.pl-prefix{flex-shrink:0;padding-right:10px;margin-right:2px;border-right:1.5px solid #e2e8f0;font-weight:700;color:#0f172a;line-height:1.2}