.toast{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:9999;transform:translate(120%);transition:transform .3s ease;max-width:400px;font-size:.9375rem}.toast-show{transform:translate(0)}.toast-success{background:#ecfdf5;border:1px solid #10b981;color:#065f46}.toast-error{background:#fef2f2;border:1px solid #ef4444;color:#991b1b}.toast-warning{background:#fffbeb;border:1px solid #f59e0b;color:#92400e}.toast-info{background:#eff6ff;border:1px solid #3b82f6;color:#1e40af}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.toast-success .toast-icon{background:#10b981;color:#fff}.toast-error .toast-icon{background:#ef4444;color:#fff}.toast-warning .toast-icon{background:#f59e0b;color:#fff}.toast-info .toast-icon{background:#3b82f6;color:#fff}.toast-message{flex:1;font-weight:500;line-height:1.4}.toast-close{background:none;border:none;font-size:20px;cursor:pointer;opacity:.5;padding:0;line-height:1;transition:opacity .2s}.toast-close:hover{opacity:1}.toast-success .toast-close{color:#065f46}.toast-error .toast-close{color:#991b1b}.toast-warning .toast-close{color:#92400e}.toast-info .toast-close{color:#1e40af}@media(max-width:768px){.toast{left:12px;right:12px;max-width:none;transform:translateY(-120%)}.toast-show{transform:translateY(0)}}@media(max-width:480px){.toast{top:12px;left:8px;right:8px;padding:12px 14px;font-size:14px;gap:10px}.toast-close{font-size:22px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative;overflow:hidden}.loading-screen:before,.loading-screen:after{content:"";position:absolute;border-radius:50%;opacity:.1;animation:float 6s ease-in-out infinite}.loading-screen:before{width:300px;height:300px;background:linear-gradient(135deg,#0052a1,#667eea);top:-100px;right:-100px;animation-delay:0s}.loading-screen:after{width:200px;height:200px;background:linear-gradient(135deg,#ffcb10,#f59e0b);bottom:-50px;left:-50px;animation-delay:3s}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.05)}}.loading-screen__content{display:flex;flex-direction:column;align-items:center;gap:24px;z-index:1;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-screen__logo-container{position:relative;display:flex;align-items:center;justify-content:center}.loading-screen__ring{position:absolute;width:140px;height:140px;border-radius:50%;border:3px solid transparent;border-top-color:var(--loading-primary, #0052A1);border-right-color:var(--loading-accent, #FFCB10);animation:spin 1.5s linear infinite}.loading-screen__ring--outer{width:160px;height:160px;border-width:2px;opacity:.5;animation:spin 2s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen__logo-wrapper{width:120px;height:120px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0052a126,0 8px 40px #0052a11a;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 4px 20px #0052a126,0 8px 40px #0052a11a}50%{transform:scale(1.02);box-shadow:0 6px 30px #0052a133,0 12px 50px #0052a126}}.loading-screen__logo{width:80px;height:80px;object-fit:contain}.loading-screen__text{display:flex;flex-direction:column;align-items:center;gap:8px}.loading-screen__brand{font-size:24px;font-weight:700;color:#0052a1;letter-spacing:.5px;margin:0}.loading-screen__message{font-size:16px;font-weight:500;color:#64748b;display:flex;align-items:center;gap:2px}.loading-screen__dots{display:inline-flex;gap:4px;margin-left:4px}.loading-screen__dot{width:6px;height:6px;background-color:var(--loading-accent, #FFCB10);border-radius:50%;animation:bounce 1.4s ease-in-out infinite}.loading-screen__dot:nth-child(1){animation-delay:0s}.loading-screen__dot:nth-child(2){animation-delay:.2s}.loading-screen__dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-8px);opacity:1}}.loading-screen__progress{width:200px;height:4px;background-color:#e2e8f0;border-radius:2px;overflow:hidden;margin-top:8px}.loading-screen__progress-bar{height:100%;background:linear-gradient(90deg,var(--loading-primary, #0052A1),var(--loading-accent, #FFCB10));border-radius:2px;animation:progress 1.5s ease-in-out infinite}@keyframes progress{0%{width:0%;margin-left:0%}50%{width:60%;margin-left:20%}to{width:0%;margin-left:100%}}.loading-screen--admin{--loading-primary: #0052A1;--loading-accent: #FFCB10}.loading-screen--parent{--loading-primary: #0052A1;--loading-accent: #10b981}.loading-screen--therapist{--loading-primary: #0052A1;--loading-accent: #FFCB10}.loading-screen--teacher{--loading-primary: #0052A1;--loading-accent: #f59e0b}.loading-screen--fullpage{min-height:100vh;position:fixed;inset:0;z-index:9999}.loading-screen--inline{min-height:400px;background:transparent}.loading-screen--inline:before,.loading-screen--inline:after{display:none}.loading-screen--inline .loading-screen__logo-wrapper{width:80px;height:80px}.loading-screen--inline .loading-screen__logo{width:50px;height:50px}.loading-screen--inline .loading-screen__ring{width:100px;height:100px}.loading-screen--inline .loading-screen__ring--outer{width:120px;height:120px}.loading-screen--inline .loading-screen__brand{font-size:18px}.loading-screen--inline .loading-screen__message{font-size:14px}.loading-screen--content{min-height:calc(100vh - 40px);flex:1;background:#f8fafc;border-radius:0}.loading-screen--content:before,.loading-screen--content:after{display:none}.loading-screen--content .loading-screen__logo-wrapper{width:100px;height:100px}.loading-screen--content .loading-screen__logo{width:65px;height:65px}.loading-screen--content .loading-screen__ring{width:120px;height:120px}.loading-screen--content .loading-screen__ring--outer{width:140px;height:140px}.loading-screen--content .loading-screen__brand{font-size:20px}.loading-screen--content .loading-screen__message{font-size:15px}.loading-screen--compact{min-height:200px;background:transparent;gap:16px}.loading-screen--compact:before,.loading-screen--compact:after{display:none}.loading-screen--compact .loading-screen__content{gap:16px}.loading-screen--compact .loading-screen__logo-wrapper{width:60px;height:60px}.loading-screen--compact .loading-screen__logo{width:40px;height:40px}.loading-screen--compact .loading-screen__ring{width:80px;height:80px;border-width:2px}.loading-screen--compact .loading-screen__ring--outer{width:96px;height:96px}.loading-screen--compact .loading-screen__brand{display:none}.loading-screen--compact .loading-screen__message{font-size:13px}@media(max-width:480px){.loading-screen__logo-wrapper{width:100px;height:100px}.loading-screen__logo{width:65px;height:65px}.loading-screen__ring{width:120px;height:120px}.loading-screen__ring--outer{width:140px;height:140px}.loading-screen__brand{font-size:20px}.loading-screen__message{font-size:14px}.loading-screen:before{width:200px;height:200px;top:-80px;right:-80px}.loading-screen:after{width:150px;height:150px;bottom:-40px;left:-40px}}.loading-screen--minimal .loading-screen__ring,.loading-screen--minimal .loading-screen__ring--outer{display:none}.loading-screen--minimal .loading-screen__logo-wrapper{animation:gentlePulse 2.5s ease-in-out infinite}@keyframes gentlePulse{0%,to{opacity:1}50%{opacity:.7}}.loading-screen--static .loading-screen__ring,.loading-screen--static .loading-screen__ring--outer,.loading-screen--static .loading-screen__logo-wrapper,.loading-screen--static .loading-screen__dot,.loading-screen--static .loading-screen__progress-bar{animation:none}.loading-screen--static .loading-screen__dot{opacity:1}@media(prefers-color-scheme:dark){.loading-screen--auto-dark{background:linear-gradient(135deg,#1e293b,#0f172a)}.loading-screen--auto-dark .loading-screen__brand{color:#f1f5f9}.loading-screen--auto-dark .loading-screen__message{color:#94a3b8}.loading-screen--auto-dark .loading-screen__logo-wrapper{background:#1e293b;box-shadow:0 4px 20px #0000004d,0 8px 40px #0003}.loading-screen--auto-dark .loading-screen__progress{background-color:#334155}}.offline-indicator{position:fixed;top:0;left:0;right:0;z-index:10000;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;animation:slideDown .3s ease-out}.offline-indicator.offline{background:#fef3c7;color:#92400e;border-bottom:2px solid #f59e0b}.offline-indicator.online{background:#d1fae5;color:#065f46;border-bottom:2px solid #10b981;animation:slideDown .3s ease-out,fadeOut .5s ease-in 2.5s forwards}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}