.login-page{background:var(--gradient-primary);box-sizing:border-box;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.login-page>.login-card{margin-top:auto}.auth-footer{text-align:center;margin-top:auto;padding:1.5rem 0 .5rem}.auth-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem .5rem;display:flex}.auth-footer-link{color:#fff9;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:.2rem .3rem;font-size:.8rem;transition:color .2s;display:inline-flex}.auth-footer-link:hover{color:#ffffffe6}.auth-footer-separator{color:#ffffff4d;font-size:.75rem}.auth-footer-social{justify-content:center;gap:1rem;margin-top:.5rem;display:flex}.auth-footer-social-link{color:#ffffff80;align-items:center;transition:color .2s,transform .2s;display:inline-flex}.auth-footer-social-link:hover{color:#ffffffe6;transform:scale(1.1)}.login-card{background:var(--color-bg-secondary);box-sizing:border-box;width:100%;max-width:400px;box-shadow:var(--shadow-lg);text-align:center;border-radius:20px;padding:40px;transition:background-color .3s;animation:.4s ease-out fadeInUp}@media (min-width:768px){.login-card{max-width:450px;padding:50px}}@media (min-width:1024px){.login-card{max-width:500px;padding:60px}}.login-logo{margin-bottom:20px}.login-logo img{max-width:200px;height:auto}.login-logo-light{margin:0 auto;display:block}.login-logo-dark,[data-theme=dark] .login-logo-light{display:none}[data-theme=dark] .login-logo-dark{margin:0 auto;display:block}.login-card h1{color:var(--color-text-primary);margin:0 0 10px;font-size:1.8rem}.login-card p{color:var(--color-text-secondary);margin:0 0 30px}.back-btn{color:var(--color-accent);cursor:pointer;background:0 0;border:none;margin-bottom:20px;font-size:1rem;display:block}.back-btn:hover{text-decoration:underline}.child-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:15px;margin-bottom:30px;display:grid}.child-button{background:var(--color-bg-tertiary);cursor:pointer;border:2px solid #0000;border-radius:15px;flex-direction:column;align-items:center;padding:20px;transition:all .2s;animation:.3s ease-out backwards scaleIn;display:flex}.child-button:first-child{animation-delay:.1s}.child-button:nth-child(2){animation-delay:.15s}.child-button:nth-child(3){animation-delay:.2s}.child-button:nth-child(4){animation-delay:.25s}.child-button:hover{border-color:var(--color-accent);box-shadow:var(--shadow-accent);transform:translateY(-3px)}.child-button:active{transform:translateY(-1px)}.login-child-avatar{background:var(--gradient-primary);width:112px;height:112px;color:var(--color-text-on-accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;font-size:2.8rem;font-weight:700;display:flex}.login-child-avatar.login-child-avatar-image{object-fit:cover;border:3px solid var(--color-accent)}.child-name{color:var(--color-text-primary);font-weight:500}.passcode-dots{justify-content:center;gap:15px;margin:30px 0;display:flex}.dot{background:var(--color-border);border-radius:50%;width:20px;height:20px;transition:all .2s}.dot.filled{background:var(--color-accent);animation:.3s ease-out pulse;transform:scale(1.2)}.numpad{grid-template-columns:repeat(3,1fr);gap:10px;max-width:280px;margin:0 auto;display:grid}@media (min-width:768px){.numpad{gap:15px;max-width:320px}}.numpad-key{background:var(--color-bg-tertiary);width:70px;height:70px;color:var(--color-text-primary);cursor:pointer;border:none;border-radius:50%;margin:0 auto;font-size:1.5rem;font-weight:500;transition:all .1s}@media (min-width:768px){.numpad-key{width:80px;height:80px;font-size:1.7rem}}.numpad-key:hover:not(.empty){background:var(--color-bg-hover)}.numpad-key:active:not(.empty){background:var(--color-accent);color:var(--color-text-on-accent);transform:scale(.95)}.numpad-key.empty{cursor:default;background:0 0}.input-field{border:2px solid var(--color-border);box-sizing:border-box;background:var(--color-bg-secondary);width:100%;color:var(--color-text-primary);border-radius:10px;margin-bottom:15px;padding:15px;font-size:1rem;transition:border-color .2s,background-color .3s}.input-field:focus{border-color:var(--color-accent);outline:none}.password-input-wrapper{width:100%;position:relative}.password-input-wrapper .input-field{padding-right:48px}.password-toggle{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-75%)}.password-toggle:hover{color:var(--color-accent)}.password-toggle:focus{color:var(--color-accent);outline:none}.btn{cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:10px;padding:15px;font-size:1rem;font-weight:600;transition:all .2s}.btn.primary{background:var(--gradient-primary);color:var(--color-text-on-accent)}.btn.primary:hover{box-shadow:var(--shadow-accent);transform:translateY(-2px)}.btn.secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn.secondary:hover{background:var(--color-bg-hover)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn.primary:disabled:hover{box-shadow:none;transform:none}.passkey-login-btn{justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:1.1rem;display:flex}.btn.link svg{vertical-align:middle}.error{color:var(--color-error);background:var(--color-error-bg);border-radius:8px;margin:15px 0;padding:10px 15px;font-size:.9rem;animation:.4s ease-in-out shake}.hint{color:var(--color-text-muted);margin:20px 0;font-size:.9rem}.loading-spinner{justify-content:center;margin:30px 0;display:flex}.spinner{border:4px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{border-top-color:var(--color-accent);opacity:.7;animation:none}}.back-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}.child-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-color:var(--color-accent)}.numpad-key:focus-visible:not(.empty){outline:2px solid var(--color-accent);outline-offset:2px}.input-field:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn.link{color:var(--color-accent);background:0 0;padding:10px;font-weight:500}.btn.link:hover{box-shadow:none;text-decoration:underline;transform:none}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-bg-secondary);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border-radius:16px;padding:30px;animation:.3s ease-out slideUp;position:relative}.modal-content h2{color:var(--color-text-primary);margin:0 0 10px;font-size:1.4rem}.modal-content p{color:var(--color-text-secondary);margin:0 0 20px;font-size:.95rem;line-height:1.5}.modal-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.8rem;line-height:1;transition:color .2s;position:absolute;top:15px;right:15px}.modal-close:hover{color:var(--color-text-primary)}.success-message{text-align:center}.success-message p{color:var(--color-success);background:var(--color-success-bg);border-radius:8px;margin-bottom:20px;padding:15px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.password-requirements{text-align:left;margin:.5rem 0 1rem;padding:0;font-size:.85rem;list-style:none}.password-requirements li{align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.password-requirements li.met{color:var(--color-success)}.password-requirements li.unmet{color:var(--color-text-secondary)}.reconnect-options{flex-direction:column;gap:16px;margin-top:20px;display:flex}.reconnect-btn{justify-content:center;align-items:center;gap:12px;padding:16px 24px;font-size:1rem;display:flex}.reconnect-btn.qr-btn{background:var(--gradient-primary);color:var(--color-text-on-accent)}.reconnect-btn.qr-btn:hover{box-shadow:var(--shadow-accent);transform:translateY(-2px)}.reconnect-divider{align-items:center;margin:8px 0;display:flex}.reconnect-divider:before,.reconnect-divider:after{content:"";border-bottom:1px solid var(--color-border);flex:1}.reconnect-divider span{color:var(--color-text-muted);padding:0 16px;font-size:.85rem}.pin-input-section{background:var(--color-bg-tertiary);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.pin-input-section .pin-label{color:var(--color-text-secondary);align-items:center;gap:8px;margin-bottom:4px;font-size:.9rem;display:flex}.pin-input-section .pin-input{text-align:center;letter-spacing:.3em;padding:12px;font-family:monospace;font-size:1.5rem}.pin-input-section .pin-error{color:var(--color-error);text-align:center;margin:0;font-size:.85rem}.pin-input-section .btn{margin-top:4px}.qr-modal{max-width:350px;padding:0;overflow:hidden}.qr-modal .qr-scanner{border-radius:16px}
/*# sourceMappingURL=dcd0edc30e1b064c.css.map*/