@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Baloo+2:wght@500;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F4F1FB;--surface: #fff;--border: #EDE9FE;--text: #1F0F4F;--text2: #7C6BAC;--primary: #7C3AED;--primary-dark: #4C1D95;--primary-light: #A78BFA;--accent: #FBBF24;--pink: #EC4899;--green: #10B981;--red: #EF4444;--blue: #3B82F6;--radius: 18px;--shadow: 0 4px 20px rgba(76,29,149,.08);--shadow-lg: 0 10px 40px rgba(76,29,149,.18);--grad: linear-gradient(135deg, #7C3AED 0%, #4C1D95 100%);--grad-soft: linear-gradient(135deg, #A78BFA 0%, #7C3AED 100%)}body{font-family:Nunito,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column;max-width:430px;margin:0 auto;position:relative;background:var(--bg)}.login-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:48px 24px 24px;background:var(--grad);position:relative;overflow:hidden}.login-screen:before{content:"";position:absolute;top:-100px;right:-80px;width:280px;height:280px;background:#fbbf241a;border-radius:50%}.login-screen:after{content:"";position:absolute;bottom:-80px;left:-80px;width:240px;height:240px;background:#ec48991a;border-radius:50%}.brand{position:relative;z-index:1;text-align:center;margin-bottom:28px}.brand-mascot{font-size:64px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.25));margin-bottom:6px}.brand-name{font-family:"Baloo 2",cursive;font-size:38px;font-weight:800;color:#fff;letter-spacing:-1px;line-height:1}.brand-name span{color:var(--accent)}.brand-tag{font-size:13px;color:#ffffffbf;margin-top:6px;font-weight:600}.login-card{background:#ffffff1a;border:1.5px solid rgba(255,255,255,.2);border-radius:24px;padding:18px;width:100%;position:relative;z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-section-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:#fff9;margin-bottom:12px;text-align:center}.profiles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.profile-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff1a;border:2px solid transparent;border-radius:16px;padding:12px 6px;cursor:pointer;transition:all .2s}.profile-btn:hover{background:#fff3;border-color:#ffffff4d}.profile-emoji{font-size:32px}.profile-name{font-size:12px;font-weight:800;color:#fff}.profile-role{font-size:9.5px;color:#ffffffa6;font-weight:700}.profile-divider{font-size:10px;color:#ffffff73;text-align:center;margin:14px 0 8px;font-weight:700;letter-spacing:1px}.pin-wrap{position:relative;z-index:1;width:100%;max-width:300px;margin-top:10px}.pin-display{display:flex;gap:14px;justify-content:center;margin-bottom:18px}.pin-dot{width:14px;height:14px;border-radius:50%;border:2.5px solid rgba(255,255,255,.45);transition:all .15s}.pin-dot.filled{background:var(--accent);border-color:var(--accent);transform:scale(1.15)}.pin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pin-key{background:#ffffff1a;border:1px solid rgba(255,255,255,.14);border-radius:14px;height:52px;font-size:20px;font-weight:800;color:#fff;cursor:pointer;transition:background .15s;font-family:Nunito,sans-serif}.pin-key:hover{background:#fff3}.pin-key:active{transform:scale(.95)}.pin-error{color:#fca5a5;font-size:12px;font-weight:700;text-align:center;margin-top:10px}.pin-hint{font-size:11px;color:#ffffff80;text-align:center;margin-top:8px}.btn-back-login{background:none;border:1.5px solid rgba(255,255,255,.3);border-radius:12px;color:#ffffffd9;font-size:12px;font-weight:700;padding:8px 18px;cursor:pointer;margin-top:14px}.login-input{width:100%;padding:12px 14px;border-radius:12px;border:1.5px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff;font-size:14px;font-weight:600;font-family:Nunito,sans-serif;outline:none}.login-input::placeholder{color:#ffffff80}.login-input:focus{border-color:var(--accent)}.login-btn{width:100%;background:var(--accent);color:var(--text);border:none;border-radius:12px;padding:12px;font-family:"Baloo 2",cursive;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #fbbf2459;transition:transform .2s}.login-btn:hover{transform:translateY(-1px)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-link{background:none;border:none;color:#ffffffb3;font-size:12px;font-weight:700;cursor:pointer;margin-top:10px;text-decoration:underline}.header{background:var(--grad);padding:16px 18px 22px;position:relative;overflow:hidden;border-radius:0 0 24px 24px}.header:before{content:"";position:absolute;top:-50px;right:-40px;width:140px;height:140px;background:#fbbf241a;border-radius:50%}.header-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.greet-row{display:flex;align-items:center;gap:10px}.greet-text .greet-hi{font-family:"Baloo 2",cursive;font-size:19px;font-weight:800;color:#fff;line-height:1.1}.greet-text .greet-sub{font-size:11px;color:#ffffffb3;font-weight:600;margin-top:1px}.header-actions{display:flex;gap:6px;position:relative;z-index:1}.icon-btn{background:#ffffff26;border:none;border-radius:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:#fff;position:relative}.icon-btn:hover{background:#ffffff40}.header-btn{background:#ffffff26;border:none;border-radius:12px;padding:6px 8px;min-width:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:#fff;position:relative;gap:1px}.header-btn:hover{background:#ffffff40}.header-btn-label{font-size:9px;font-weight:700;letter-spacing:.3px}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;background:var(--red);color:#fff;border-radius:10px;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 5px;border:1.5px solid var(--primary-dark)}.day-selector{display:flex;gap:6px;margin-top:12px;overflow-x:auto;scrollbar-width:none;position:relative;z-index:1}.day-selector::-webkit-scrollbar{display:none}.day-btn{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;background:#ffffff1f;border:2px solid transparent;border-radius:14px;padding:6px 11px;cursor:pointer;color:#ffffffbf;font-family:Nunito,sans-serif;transition:all .2s}.day-btn.active{background:var(--accent);border-color:#fff;color:#1f0f4f}.day-btn .day-name{font-size:10px;font-weight:800;text-transform:uppercase}.day-btn .day-num{font-size:16px;font-weight:900;margin-top:1px}.content{flex:1;overflow-y:auto;padding:16px 16px 90px}.content::-webkit-scrollbar{width:4px}.content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.loader-full{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);flex-direction:column;gap:16px}.spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.dash-card{background:var(--surface);border-radius:var(--radius);padding:14px;border:1.5px solid var(--border);box-shadow:var(--shadow);position:relative;overflow:hidden}.dash-card.purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#c4b5fd}.dash-card.pink{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border-color:#f9a8d4}.dash-card.gold{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.dash-num{font-family:"Baloo 2",cursive;font-size:32px;font-weight:800;line-height:1}.dash-num.purple{color:var(--primary-dark)}.dash-num.pink{color:#9d174d}.dash-num.gold{color:#92400e}.dash-lbl{font-size:11px;font-weight:700;color:var(--text2);margin-top:4px;line-height:1.3}.dash-card.gold .trophy{font-size:48px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.15))}.section-title{font-size:12px;font-weight:800;color:var(--text2);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.kids-section-title{font-family:"Baloo 2",cursive;font-size:16px;font-weight:800;margin-bottom:10px;display:flex;align-items:center;gap:6px}.kid-row{display:flex;align-items:center;gap:12px;background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:10px 12px;margin-bottom:8px;cursor:pointer;transition:all .2s}.kid-row:hover{border-color:var(--primary-light);transform:translate(3px)}.kid-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.kid-info{flex:1;min-width:0}.kid-name{font-family:"Baloo 2",cursive;font-size:15px;font-weight:800}.kid-level{font-size:11px;color:var(--text2);font-weight:700}.kid-arrow{color:var(--text2);font-size:18px}.child-card{background:var(--surface);border-radius:var(--radius);padding:14px;border:1.5px solid var(--border);box-shadow:var(--shadow);margin-bottom:12px}.child-card-head{display:flex;align-items:center;gap:12px}.child-card-avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.child-card-info{flex:1;min-width:0}.child-card-name{font-family:"Baloo 2",cursive;font-size:17px;font-weight:800}.child-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;color:var(--text2);margin-top:2px}.points-pill{display:inline-flex;align-items:center;gap:4px;background:#fef3c7;color:#92400e;border-radius:20px;padding:3px 8px;font-size:12px;font-weight:800}.role-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:20px;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.role-allow{background:#d1fae5;color:#065f46}.role-block{background:#fee2e2;color:#991b1b}.level-bar-wrap{margin-top:10px}.level-bar-label{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:var(--text2);margin-bottom:3px}.level-bar{height:7px;background:var(--border);border-radius:10px;overflow:hidden}.level-bar-fill{height:100%;background:var(--grad-soft);border-radius:10px;transition:width .5s}.stats-row{display:flex;gap:8px;margin-top:10px}.stat-mini{flex:1;background:var(--bg);border-radius:10px;padding:7px 4px;text-align:center}.stat-mini-val{font-size:17px;font-weight:900;font-family:"Baloo 2",cursive}.stat-mini-lbl{font-size:9.5px;color:var(--text2);font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin-top:1px}.pin-display-info{margin-top:8px;background:#f3e8ff;border:1px solid #DDD6FE;border-radius:10px;padding:6px 10px;font-size:11px;color:#5b21b6;font-weight:700;display:flex;align-items:center;justify-content:space-between}.task-item{display:flex;align-items:center;gap:10px;background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:10px 12px;margin-bottom:7px;transition:all .2s;cursor:pointer;position:relative}.task-item:hover{border-color:var(--primary-light)}.task-item.done{background:#f0fdf4;border-color:#86efac}.task-item.done .task-title{text-decoration:line-through;opacity:.55}.task-priority-bar{position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0}.task-icon{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;margin-left:6px}.task-details{flex:1;min-width:0}.task-title{font-weight:700;font-size:13.5px}.task-meta{font-size:10.5px;color:var(--text2);margin-top:2px;display:flex;gap:7px;flex-wrap:wrap}.task-pts{font-size:10px;font-weight:800;color:#92400e;background:#fef3c7;border-radius:10px;padding:2px 6px;flex-shrink:0}.task-check{width:26px;height:26px;border-radius:50%;border:2.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;transition:all .2s}.task-check.checked{background:var(--green);border-color:var(--green);color:#fff}.child-filter{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.filter-chip{display:flex;align-items:center;gap:4px;border:1.5px solid var(--border);border-radius:18px;padding:4px 11px;font-size:11.5px;font-weight:800;cursor:pointer;background:#fff;transition:all .2s;color:var(--text)}.filter-chip.active{border-color:transparent;color:#fff}.points-banner{background:var(--grad);color:#fff;border-radius:var(--radius);padding:18px;display:flex;align-items:center;gap:14px;margin-bottom:14px;position:relative;overflow:hidden}.points-banner:after{content:"⭐";position:absolute;right:-10px;bottom:-15px;font-size:90px;opacity:.18}.points-banner-num{font-family:"Baloo 2",cursive;font-size:36px;font-weight:800;line-height:1}.points-banner-lbl{font-size:12px;opacity:.9;font-weight:700;margin-top:2px}.reward-card{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:12px;margin-bottom:8px}.reward-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#fef3c7,#fde68a);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.reward-info{flex:1;min-width:0}.reward-title{font-weight:800;font-size:14px}.reward-cost{font-size:11px;color:var(--text2);font-weight:700;margin-top:1px}.reward-btn{background:var(--grad);color:#fff;border:none;border-radius:10px;padding:7px 14px;font-size:12px;font-weight:800;cursor:pointer;font-family:Nunito,sans-serif;flex-shrink:0;transition:transform .2s}.reward-btn:hover:not(:disabled){transform:scale(1.05)}.reward-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.redemption-card{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:12px;margin-bottom:8px}.redemption-card.pending{border-color:#fcd34d;background:#fffbeb}.redemption-card.approved{border-color:#86efac;background:#f0fdf4}.redemption-card.denied{border-color:#fca5a5;background:#fef2f2;opacity:.7}.redemption-card.delivered{border-color:var(--primary-light);background:#f5f3ff}.redemption-actions{display:flex;gap:6px;margin-top:8px}.btn-mini{padding:6px 10px;border-radius:10px;font-size:11px;font-weight:800;border:none;cursor:pointer;font-family:Nunito,sans-serif}.btn-mini.approve{background:var(--green);color:#fff}.btn-mini.deny{background:var(--red);color:#fff}.btn-mini.deliver{background:var(--primary);color:#fff}.status-pill{font-size:10px;font-weight:800;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:#fef3c7;color:#92400e}.status-approved{background:#d1fae5;color:#065f46}.status-denied{background:#fee2e2;color:#991b1b}.status-delivered{background:#ddd6fe;color:#5b21b6}.fab{position:fixed;bottom:80px;left:50%;transform:translate(-50%);width:54px;height:54px;border-radius:50%;background:var(--grad);border:3px solid #fff;box-shadow:0 6px 20px #7c3aed73;cursor:pointer;font-size:28px;color:#fff;display:flex;align-items:center;justify-content:center;z-index:99;transition:transform .2s}.fab:hover{transform:translate(-50%) scale(1.08)}.bottom-nav{display:flex;background:#fff;border-top:1.5px solid var(--border);padding:6px 0 10px;position:fixed;bottom:0;left:0;right:0;max-width:430px;margin:0 auto;z-index:50}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;border:none;background:transparent;cursor:pointer;font-size:18px;padding:6px 0;color:var(--text2)}.nav-btn .nav-label{font-size:9.5px;font-weight:800;color:var(--text2);text-transform:uppercase;letter-spacing:.3px}.nav-btn.active,.nav-btn.active .nav-label{color:var(--primary)}.modal-bk{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f0f4f80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-end}.modal{background:#fff;border-radius:24px 24px 0 0;padding:18px;width:100%;max-width:430px;margin:0 auto;max-height:92vh;overflow-y:auto}.modal-handle{width:42px;height:4px;background:var(--border);border-radius:4px;margin:0 auto 16px}.modal-title{font-family:"Baloo 2",cursive;font-size:20px;font-weight:800;margin-bottom:14px}.form-group{margin-bottom:12px}.form-label{font-size:11px;font-weight:800;color:var(--text2);text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px;display:block}.form-input,.form-select{width:100%;border:1.5px solid var(--border);border-radius:12px;padding:10px 12px;font-family:Nunito,sans-serif;font-size:13.5px;color:var(--text);background:#fff;outline:none}.form-input:focus,.form-select:focus{border-color:var(--primary)}.form-textarea{min-height:60px;resize:vertical}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.emoji-btn{border:1.5px solid var(--border);border-radius:10px;height:38px;font-size:18px;cursor:pointer;background:#fff;transition:all .2s;display:flex;align-items:center;justify-content:center}.emoji-btn.selected{border-color:var(--primary);background:#f3e8ff}.color-grid{display:flex;gap:7px;flex-wrap:wrap}.color-btn{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer}.color-btn.selected{border-color:var(--text);transform:scale(1.12)}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.day-toggle{border:1.5px solid var(--border);border-radius:10px;padding:7px 0;font-size:10.5px;font-weight:800;cursor:pointer;background:#fff;text-align:center;transition:all .2s}.day-toggle.on{background:var(--primary);border-color:var(--primary);color:#fff}.priority-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.priority-btn{border:1.5px solid var(--border);border-radius:10px;padding:8px 4px;font-size:11.5px;font-weight:800;cursor:pointer;background:#fff;display:flex;flex-direction:column;align-items:center;gap:3px}.priority-btn.selected{border-color:transparent;color:#fff}.btn-primary{width:100%;padding:13px;background:var(--grad);border:none;border-radius:14px;color:#fff;font-family:"Baloo 2",cursive;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #7c3aed59;margin-top:6px}.btn-primary:hover{transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{width:100%;padding:11px;background:#fff;border:1.5px solid var(--border);border-radius:14px;color:var(--text);font-family:Nunito,sans-serif;font-size:13px;font-weight:800;cursor:pointer;margin-top:6px}.delete-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;border-radius:8px}.delete-btn:hover{background:#fee2e2}.empty{text-align:center;padding:40px 20px;color:var(--text2)}.empty-icon{font-size:48px;margin-bottom:10px}.empty-text{font-size:13px;font-weight:700}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:var(--text);color:#fff;padding:10px 18px;border-radius:18px;font-size:12.5px;font-weight:800;z-index:300;max-width:90%}.notif-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1.5px solid #FCD34D;border-radius:14px;padding:12px 14px;margin-bottom:14px;display:flex;align-items:center;gap:10px}.notif-banner .ico{font-size:22px}.notif-banner .txt{flex:1;font-size:12.5px;font-weight:700;color:#92400e;line-height:1.3}.notif-banner button{background:#92400e;color:#fff;border:none;border-radius:10px;padding:6px 12px;font-size:11px;font-weight:800;cursor:pointer;font-family:Nunito,sans-serif}.alert{padding:10px 14px;border-radius:12px;font-size:12.5px;font-weight:700;margin-bottom:12px}.alert.error{background:#fee2e2;border:1px solid #FCA5A5;color:#991b1b}.alert.warn{background:#fef3c7;border:1px solid #FCD34D;color:#92400e}