.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}@media(max-width:767px){select{font-size:16px;min-height:44px;padding:10px 32px 10px 12px;border:1.5px solid #d1d5db;border-radius:10px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#1f2937;transition:border-color .2s ease,box-shadow .2s ease}select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e226}select:active{border-color:#4a90e2}}.desc-modal-overlay{position:fixed;inset:0;background:#0f172a80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:descFadeIn .22s ease}@keyframes descFadeIn{0%{opacity:0}to{opacity:1}}.desc-modal{background:#fff;border-radius:18px;width:100%;max-width:520px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 80px #0003,0 0 0 1px #0000000f;animation:descPopIn .32s cubic-bezier(.16,1,.3,1);position:relative}@keyframes descPopIn{0%{transform:scale(.95) translateY(14px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.desc-modal-accent{height:4px;background:linear-gradient(90deg,#0052a1,#2196f3,#64b5f6);flex-shrink:0}.desc-modal-header{display:flex;align-items:center;padding:20px 24px 16px;gap:14px;border-bottom:1px solid #f0f2f5;background:#fff}.desc-modal-icon{width:40px;height:40px;min-width:40px;border-radius:10px;background:linear-gradient(135deg,#ebf4ff,#dbeafe);display:flex;align-items:center;justify-content:center;color:#0052a1;flex-shrink:0}.desc-modal-title-group{flex:1;min-width:0}.desc-modal-label{display:block;font-size:11px!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.06em;color:#0052a1!important;margin-bottom:2px;text-shadow:none!important}.desc-modal-header h3{font-size:17px!important;font-weight:700!important;color:#111827!important;margin:0;letter-spacing:-.01em;line-height:1.3;text-shadow:none!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desc-modal-close{background:#f3f4f6;border:none;width:34px;height:34px;min-width:34px;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.desc-modal-close:hover{background:#e5e7eb;color:#111827;transform:scale(1.08)}.desc-modal-body{padding:24px 28px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}.desc-modal-overlay .desc-modal .desc-modal-body p,.desc-modal-overlay .desc-modal-body p{font-size:16px!important;line-height:1.8!important;color:#1f2937!important;margin:0!important;word-break:break-word;font-weight:400!important;background:#f8fafc!important;padding:20px 22px!important;border-radius:12px!important;border-left:3px solid #0052A1!important;border-right:none!important;letter-spacing:.01em;white-space:pre-wrap;text-shadow:none!important;opacity:1!important}.desc-modal-footer{padding:14px 24px 18px;border-top:1px solid #f0f2f5;display:flex;justify-content:flex-end;background:#fafbfc}.desc-modal-done{background:#0052a1;color:#fff;border:none;padding:9px 28px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.desc-modal-done:hover{background:#003d7a;transform:translateY(-1px);box-shadow:0 4px 12px #0052a140}@media(min-width:769px){.desc-modal-overlay{padding:40px}.desc-modal{max-width:560px;max-height:70vh;border-radius:20px}.desc-modal-header{padding:22px 30px 18px}.desc-modal-header h3{font-size:19px!important}.desc-modal-body{padding:26px 30px}.desc-modal-overlay .desc-modal .desc-modal-body p,.desc-modal-overlay .desc-modal-body p{font-size:16.5px!important;line-height:1.85!important;padding:22px 26px!important}.desc-modal-footer{padding:16px 30px 20px}}@media(max-width:400px){.desc-modal-overlay{padding:12px}.desc-modal{border-radius:14px;max-height:85vh}.desc-modal-header{padding:16px 18px 14px;gap:10px}.desc-modal-icon{width:36px;height:36px;min-width:36px;border-radius:8px}.desc-modal-header h3{font-size:16px!important}.desc-modal-body{padding:18px}.desc-modal-overlay .desc-modal .desc-modal-body p,.desc-modal-overlay .desc-modal-body p{font-size:15px!important;line-height:1.75!important;padding:16px 18px!important}.desc-modal-footer{padding:12px 18px 16px}}