*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.home{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#e8e8e8}.home-header{text-align:center;margin-bottom:3rem}.home-title{font-size:3.5rem;font-weight:800;background:linear-gradient(90deg,#e94560,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-subtitle{font-size:1.25rem;color:#a0a0a0;margin-top:.5rem}.btn-login{padding:1rem 3rem;font-size:1.25rem;font-weight:600;background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 24px #e9456066}.login-choice-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.login-choice-card{background:#1a1a2e;border-radius:16px;padding:2rem;max-width:400px;box-shadow:0 20px 60px #00000080}.login-choice-card h2{margin:0 0 1.5rem;font-size:1.25rem;text-align:center}.login-buttons{display:flex;flex-direction:column;gap:1rem}.btn-choice{padding:1rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:transform .2s,opacity .2s}.btn-choice:hover{transform:scale(1.02)}.btn-kids{background:#0f3460;color:#e8e8e8;border:2px solid #e94560}.btn-admin{background:#e94560;color:#fff}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.login-card{background:#1a1a2e;border-radius:16px;padding:2.5rem;width:100%;max-width:400px;box-shadow:0 20px 60px #00000080}.login-card h1{margin:0 0 .5rem;color:#e8e8e8;font-size:1.5rem}.login-hint{color:#a0a0a0;font-size:.9rem;margin-bottom:1.5rem}.kid-buttons{display:flex;flex-direction:column;gap:1rem}.btn-choice.btn-kid{padding:1rem 1.5rem;font-size:1.1rem;font-weight:600;background:#0f3460;color:#e8e8e8;border:2px solid #e94560;border-radius:10px;cursor:pointer}.btn-choice.btn-kid:hover{background:#1a4a7a}.login-card form{display:flex;flex-direction:column;gap:1.25rem}.login-card label{display:flex;flex-direction:column;gap:.5rem;color:silver;font-size:.9rem}.login-card input{padding:.75rem 1rem;border-radius:8px;border:2px solid #2a2a4e;background:#0f0f1a;color:#e8e8e8;font-size:1rem}.login-card input:focus{outline:none;border-color:#e94560}.login-error{color:#ff6b6b;font-size:.9rem;margin:0}.btn-submit{padding:.875rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff;border:none;border-radius:10px;cursor:pointer;margin-top:.5rem}.btn-submit:hover{opacity:.9}.btn-back{margin-top:1.5rem;padding:.5rem 0;background:none;border:none;color:#a0a0a0;cursor:pointer;font-size:.95rem}.btn-back:hover{color:#e8e8e8}.admin{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#e8e8e8}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #2a2a4e}.admin-header h1{margin:0;font-size:1.5rem}.admin-actions{display:flex;align-items:center;gap:1rem}.admin-user{color:#a0a0a0}.admin-loading,.admin-error{padding:1rem 2rem;text-align:center}.admin-error{color:#ff6b6b}.admin-main{max-width:800px;margin:0 auto;padding:2rem}.admin-section{margin-bottom:3rem}.admin-section h2{margin:0 0 .5rem;font-size:1.25rem}.section-desc{color:#a0a0a0;font-size:.9rem;margin-bottom:1.5rem}.points-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.points-card{background:#0f0f1a;border-radius:12px;padding:1.5rem;border:2px solid #2a2a4e}.points-card h3{margin:0 0 .5rem;font-size:1.1rem}.points-value{font-size:1.5rem;font-weight:700;color:#e94560;margin:0 0 1rem}.points-input-wrap{display:flex;flex-direction:column;gap:.25rem}.points-error{font-size:.8rem;color:#ff6b6b}.points-input{display:flex;gap:.5rem}.points-input input{flex:1;padding:.5rem;border-radius:8px;border:2px solid #2a2a4e;background:#1a1a2e;color:#e8e8e8}.points-input button{padding:.5rem 1rem;background:#e94560;color:#fff;border:none;border-radius:8px;cursor:pointer}.points-input button.btn-minus{background:#2a2a4e}.points-input button.btn-minus:hover{background:#3a3a5e}.add-reward{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem}.add-reward-checkbox{display:flex;align-items:center;gap:.5rem;color:#a0a0a0;font-size:.9rem}.add-reward-file{font-size:.85rem;color:#a0a0a0}.add-reward-preview{font-size:.85rem;color:#22c55e}.add-reward input[type=text]{flex:2;padding:.75rem;border-radius:8px;border:2px solid #2a2a4e;background:#0f0f1a;color:#e8e8e8}.add-reward input[type=number]{width:100px;padding:.75rem;border-radius:8px;border:2px solid #2a2a4e;background:#0f0f1a;color:#e8e8e8}.add-reward button{padding:.75rem 1.25rem;background:#e94560;color:#fff;border:none;border-radius:8px;cursor:pointer}.rewards-list{list-style:none;padding:0;margin:0}.reward-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#0f0f1a;border-radius:8px;margin-bottom:.5rem;border:2px solid #2a2a4e}.reward-thumb{width:40px;height:40px;object-fit:cover;border-radius:8px}.reward-name{flex:1;min-width:0}.reward-tag{font-size:.75rem;background:#2a2a4e;padding:.2rem .5rem;border-radius:4px}.reward-status{font-size:.85rem;color:#a0a0a0;max-width:200px;overflow:hidden;text-overflow:ellipsis}.reward-cost{color:#e94560;font-weight:600}.btn-delete{width:32px;height:32px;border-radius:50%;background:#2a2a4e;color:#e8e8e8;border:none;cursor:pointer;font-size:1.25rem;line-height:1}.btn-delete:hover{background:#e94560}.battlepass{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#e8e8e8}.bp-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #2a2a4e}.bp-header h1{margin:0;font-size:1.5rem}.bp-user{display:flex;align-items:center;gap:1rem}.bp-points{font-size:1.25rem;font-weight:700;color:#e94560}.bp-name{color:#a0a0a0}.bp-loading{padding:2rem;text-align:center}.bp-error{padding:1rem 2rem;color:#ff6b6b}.btn-logout{padding:.5rem 1rem;background:#2a2a4e;color:#e8e8e8;border:none;border-radius:8px;cursor:pointer}.btn-logout:hover{background:#3a3a5e}.bp-main{max-width:900px;margin:0 auto;padding:2rem}.bp-main h2{margin:0 0 .5rem;font-size:1.5rem}.bp-desc{color:#a0a0a0;margin-bottom:2rem}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.reward-card{background:#0f0f1a;border-radius:16px;padding:1.5rem;border:2px solid #2a2a4e;text-align:center;transition:border-color .2s,transform .2s}.reward-card.can-afford{border-color:#e94560;box-shadow:0 0 20px #e9456033}.reward-card.unlocked{border-color:#22c55e;background:linear-gradient(135deg,#0f0f1a,#0d2818)}.reward-icon,.reward-image{width:56px;height:56px;margin:0 auto 1rem;border-radius:50%;object-fit:cover}.reward-icon{background:#2a2a4e;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#a0a0a0}.reward-group-tag{display:block;font-size:.75rem;color:#a0a0a0;margin-bottom:.25rem}.reward-card.unlocked .reward-icon{background:#22c55e;color:#fff}.reward-card.can-afford:not(.unlocked) .reward-icon{background:#e94560;color:#fff}.reward-card h3{margin:0 0 .5rem;font-size:1.1rem}.reward-card .reward-cost{color:#a0a0a0;font-size:.9rem;margin:0 0 1rem}.btn-unlock{padding:.5rem 1.25rem;background:#e94560;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.btn-unlock:hover{opacity:.9}.status-badge{display:inline-block;padding:.4rem .8rem;border-radius:8px;font-size:.85rem;font-weight:600}.status-badge:not(.locked){background:#22c55e;color:#fff}.status-badge.locked{background:#2a2a4e;color:#a0a0a0}.gate-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999}.gate-popup{background:#1a1a2e;border-radius:16px;padding:2.5rem;max-width:400px;box-shadow:0 20px 60px #00000080;border:2px solid #2a2a4e}.gate-text{color:#e8e8e8;font-size:1.1rem;line-height:1.5;margin:0 0 1.5rem}.gate-popup form{display:flex;flex-direction:column;gap:1rem}.gate-input{padding:.875rem 1rem;font-size:1.5rem;letter-spacing:.5em;text-align:center;border-radius:10px;border:2px solid #2a2a4e;background:#0f0f1a;color:#e8e8e8}.gate-input:focus{outline:none;border-color:#e94560}.gate-error{color:#ff6b6b;font-size:.9rem;margin:0}.gate-btn{padding:.875rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff;border:none;border-radius:10px;cursor:pointer}.gate-btn:hover{opacity:.9}