.splash{background:linear-gradient(120deg,#2b6cb0,#63b3ed);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;justify-content:center;overflow:hidden;position:relative;text-align:center}.content-splash,.splash{align-items:center;display:flex;flex-direction:column}.content-splash{animation:fadeInUp .8s ease-out;padding:20px}.image-splash{animation:float 3s ease-in-out infinite;margin-bottom:20px;width:220px}.title-splash{color:#fff;font-size:42px;font-weight:700;margin:10px 0 6px}.subtitle-splash{color:#f0f8ff;font-size:18px;margin-bottom:8px;white-space:nowrap}.cta-splash{color:#f2f9ff;font-size:16px;margin-bottom:20px}.cta-splash strong{color:#fff;font-weight:600}.start-button{background-color:#256dca;border:none;border-radius:25px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;font-size:16px;padding:12px 28px;transition:background-color .3s ease}.start-button:hover{background-color:#1e5aaf}.footer-splash{bottom:20px;color:#cfe9ff;font-size:13px;position:absolute;text-align:center;width:100%}@media (max-width:768px){.image-splash{width:160px}.title-splash{font-size:32px}.cta-splash,.start-button,.subtitle-splash{font-size:14px}.start-button{padding:10px 20px}}.auth-header{background-color:#fff;box-shadow:0 2px 6px #0000000f;padding:12px 0;position:fixed;top:0;width:100%;z-index:999}.auth-header-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 32px}.auth-header-logo{align-items:center;cursor:pointer;display:flex}.auth-header-logo-img{height:40px;margin-right:12px}.auth-header-title{color:#222;font-size:20px;font-weight:700;margin:0;text-align:left}.auth-header-subtitle{color:#555;font-size:13px;font-style:italic;margin:2px 0 0}.auth-header-buttons{display:flex}.auth-header-login-btn{background:linear-gradient(135deg,#3d8fef,#1a73e8);border:none;border-radius:8px;box-shadow:0 4px 12px #0062ff33;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .25s ease}.auth-header-login-btn:hover{background:linear-gradient(135deg,#1a73e8,#3d8fef);box-shadow:0 6px 14px #0062ff4d;transform:translateY(-2px)}.spinner{border:6px solid #f3f3f3;border-top-color:#1f77f4;height:48px;margin-bottom:12px;width:48px}.spinner-text{color:#444;font-size:16px}.login-page{align-items:center;background:linear-gradient(120deg,#2b6cb0,#63b3ed);display:flex;flex-direction:column;min-height:100vh;padding:0}.login-header{margin-bottom:20px;margin-top:100px;text-align:center}.login-header h1{color:#fff;font-size:36px;font-weight:700}.login-header p{color:#fff;margin-top:-10px}.login-container{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;padding:30px}.login-image img{height:auto;width:250px}.login-form{display:flex;flex-direction:column;justify-content:center;margin-left:30px;width:400px}.tab{font-weight:700}.form-group{margin-bottom:15px}.forgot-password{margin:5px 0}.forgot-password a{color:#007bff;text-decoration:none}.login-button{margin-top:10px;width:100%}.signup-link{display:flex;justify-content:center;margin-top:10px;text-align:center}.signup-link div{color:#007bff;cursor:pointer;padding-left:6px;text-decoration:none}.login-footer{color:#fff;font-size:18px;margin-top:20px;text-align:center}@media (max-width:768px){.login-page{margin-top:10px;padding:15px}.login-header{margin-top:50px}.login-header h1{font-size:28px}.login-container{flex-direction:column;max-width:400px;padding:20px;width:90%}.login-container .auth-tabs{align-items:center;gap:10px;margin:0}.login-image{display:flex;justify-content:center;margin-bottom:20px}.login-image img{width:180px}.login-form{margin-left:0;width:100%}.auth-tabs{gap:20px;justify-content:center;margin-left:0}.social-buttons{flex-direction:column}.social-btn{margin:3px 0}.login-footer{font-size:14px;margin-top:30px}}.notification-modal-overlay{align-items:center!important;background-color:#00000080!important;bottom:0!important;box-sizing:border-box!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;overflow:hidden!important;padding:0!important;pointer-events:auto!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999999999!important}.notification-modal{animation:modalFadeIn .3s ease-out!important;background:#fff!important;border-radius:12px!important;box-shadow:0 20px 60px #0003!important;box-sizing:border-box!important;margin:20px!important;max-width:400px!important;padding:24px!important;position:relative!important;transform:none!important;width:100%!important}@media screen and (max-width:768px){.notification-modal{width:80%!important}}.MuiDialog-paper{min-width:320px;padding:16px}.MuiDialogTitle-root{color:#3d8fef;text-align:center}.MuiDialogContent-root p{color:#333;margin:16px 0;text-align:center}.signup-page{margin-top:30px}.signup-header{margin-top:45px}.signup-image img{margin-top:60px}.signup-form{display:flex;flex-direction:column;justify-content:center;margin-left:30px;width:400px}.active{border-bottom:2px solid #007bff;color:#007bff}.role-selection{display:flex;justify-content:space-between;margin-bottom:20px}.role-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #ddd;border-radius:15px;cursor:pointer;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .3s ease;width:170px}.role-card img{background:#fff;border-radius:50%;box-shadow:0 4px 15px #0000001a;height:120px;margin-bottom:10px;object-fit:contain;padding:15px;transition:all .3s ease;width:120px}.role-card:hover img{box-shadow:0 6px 25px #007bff33;transform:scale(1.1)}.role-card p{color:#334155;font-size:16px;font-weight:600;margin:10px 0 5px}.role-card span{color:#64748b;font-size:12px;font-style:italic}.role-card.selected{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#007bff;box-shadow:0 8px 25px #007bff4d;transform:translateY(-3px)}.role-card.selected img{box-shadow:0 8px 30px #007bff66;transform:scale(1.15)}.role-card.selected p{color:#1565c0}.login-link{display:flex;justify-content:center}.login-link div{cursor:pointer;padding-left:6px}.signup-footer{margin-top:190px}@media (max-width:768px){.signup-page{margin-top:10px;padding:15px}.signup-page .auth-tabs{margin-left:0;margin-right:0}.signup-header{margin-bottom:15px;margin-top:50px}.signup-header h1{font-size:28px}.signup-header p{font-size:14px}.signup-container{flex-direction:column;max-width:400px;padding:20px;width:90%}.signup-image{display:flex;justify-content:center;margin-bottom:20px}.signup-image img{height:auto;margin-top:0;width:180px}.signup-form{margin-left:0;width:100%}.auth-tabs{gap:20px;justify-content:center;margin-left:0}.role-selection{align-items:center;flex-direction:column;gap:15px}.role-card{max-width:250px;padding:25px 20px;width:90%}.role-card img{height:100px;padding:12px;width:100px}.register-button{margin-top:15px}.login-link{flex-direction:column;gap:5px}.login-link div{padding-left:0}.signup-footer{box-sizing:border-box;font-size:14px;margin-top:40px;padding:0 15px}}.signup-page{background:linear-gradient(180deg,#8fe2fc,#3d8fef)}.social-buttons{gap:10px;justify-content:center}.signup-footer{margin-top:40px}.signup-page{align-items:center;background:linear-gradient(120deg,#2b6cb0,#63b3ed);display:flex;flex-direction:column;min-height:100vh;padding:20px}.signup-header{margin-bottom:20px;text-align:center}.signup-page .header{z-index:1000!important}.signup-header h1{color:#fff;font-size:36px;font-weight:700}.signup-header p{color:#fff;margin-top:-10px}.signup-container{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;padding:30px}.signup-image img{height:auto;width:250px}.form-container{display:flex;flex-direction:column;justify-content:center;margin-left:30px;width:400px}.auth-tabs{display:flex;gap:30px;margin-bottom:20px;margin-left:110px}.tab{background:none;border:none;color:#888;cursor:pointer;font-size:16px;padding:5px 10px}.tab.active{border-bottom:2px solid #007bff;color:#007bff}.dropzone{border:2px dashed #ddd;border-radius:5px;transition:border-color .3s}.register-button{margin-top:20px;width:100%}.social-login{margin:20px 0;text-align:center}.social-buttons{align-items:center;display:flex;justify-content:space-between}.social-btn{margin:5px;width:100%}.login-link{margin-top:10px;text-align:center}.login-link div{color:#007bff;text-decoration:none}.signup-footer{color:#fff;font-size:18px;margin-top:20px;text-align:center}.dropzone{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #e2e8f0;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dropzone:before{background:linear-gradient(135deg,#3b82f60d,#9333ea0d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.dropzone:hover:before{opacity:1}.dropzone:hover{border-color:#3b82f6;box-shadow:0 8px 25px #3b82f626}.dropzone p{color:#64748b;font-weight:500;position:relative;z-index:1}.dropzone:hover p{color:#3b82f6}.dropzone_teacher_signup{margin-bottom:0!important;width:auto!important}.max-files-info{color:#64748b;font-size:12px;font-style:italic;margin-bottom:20px;text-align:center}.preview-container{flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-top:12px;padding-bottom:4px;position:relative;z-index:1}.image-preview{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:80px;overflow:hidden;position:relative;transition:all .3s ease;width:80px}.image-preview:hover{border-color:#3b82f6;box-shadow:0 4px 15px #00000026;transform:scale(1.05)}.preview-image{transition:transform .3s ease}.image-preview .MuiIconButton-root{background:#ef4444!important;border:2px solid #fff;box-shadow:0 2px 6px #ef44444d;color:#fff!important;height:24px!important;min-width:24px!important;padding:0!important;position:absolute;right:-6px;top:-6px;transition:all .2s ease;width:24px!important;z-index:20!important}.image-preview .MuiIconButton-root:hover{background:#dc2626!important;box-shadow:0 3px 10px #ef444466;transform:scale(1.1)}.image-preview .MuiIconButton-root .MuiSvgIcon-root{font-size:14px}.error-border{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444!important}.error-border:before{background:linear-gradient(135deg,#ef44441a,#dc26261a);opacity:1}.error-border p{color:#ef4444!important;font-weight:600}.error-text{color:#ef4444;font-family:Inter,Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:500;margin:8px 14px 0}.dropzone-icon{color:#64748b!important;height:40px;margin:0 auto 8px;opacity:.7;transition:all .3s ease;width:40px}.dropzone:hover .dropzone-icon{color:#3b82f6!important;opacity:1;transform:scale(1.1)}.image-preview .MuiIconButton-root{border:1px solid #fff;height:20px!important;min-width:20px!important;right:-2px!important;top:-4px!important;width:20px!important}@media (max-width:768px){.signup-page{padding:10px}.signup-page .header{z-index:1000}.signup-header{margin-bottom:12px;margin-top:30px}.signup-header h1{font-size:24px}.signup-header p{font-size:13px}.signup-container{flex-direction:column;margin:0 auto;max-width:420px;padding:16px;width:95%}.signup-image{display:flex;justify-content:center;margin-bottom:16px}.signup-image img{height:auto;width:150px}.form-container{margin-left:0;width:100%}.signup-page .auth-tabs{gap:20px;justify-content:center;margin-bottom:16px;margin-left:0}.dropzone{border-radius:12px;margin-bottom:8px;padding:16px 12px}.dropzone p{font-size:13px;line-height:1.4}.dropzone-icon{height:32px;margin-bottom:6px;width:32px}.image-preview{border-radius:6px;height:80px!important;width:120px!important}.image-preview .MuiIconButton-root .MuiSvgIcon-root{font-size:12px}.preview-container{grid-gap:8px!important;align-items:start;display:grid!important;flex-wrap:nowrap!important;gap:8px!important;grid-template-columns:repeat(2,1fr)!important;justify-content:normal!important;justify-items:center;margin-top:8px;padding-bottom:4px}.max-files-info{font-size:10px;margin-bottom:12px}.social-buttons{flex-direction:column}.social-btn{margin:3px 0}.login-link{flex-direction:column;gap:5px;margin-top:12px}.login-link div{padding-left:0}.signup-footer{font-size:12px;margin-top:20px;padding:0 10px}.password-requirements{font-size:12px;margin:6px 0;padding:10px}.requirement{margin:2px 0;padding:1px 0}}.verify-code-page{align-items:center;background:linear-gradient(120deg,#2b6cb0,#63b3ed);display:flex;flex-direction:column;margin-top:40px;min-height:100vh;padding:20px}.verify-code-header{margin-bottom:20px;padding-top:20px;text-align:center}.verify-code-header h1{color:#fff;font-size:36px;font-weight:700}.verify-code-header p{color:#fff;margin-top:-10px}.verify-code-container{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;justify-content:center;padding:30px}.verify-code-image img{height:auto;width:250px}.verify-code-form{align-items:center;display:flex;flex-direction:column;margin-left:30px;max-width:350px;text-align:center}.verify-code-form h2{margin:10px 0}.code-inputs{display:flex;justify-content:space-between;margin:20px 0}.verify-button{margin-top:20px;width:100%}.resend-link{display:flex;gap:.2rem;margin-top:10px;text-align:center}.resend-link a{color:#007bff;text-decoration:none}.verify-code-footer{color:#fff;font-size:18px;margin-top:200px;text-align:center}@media (max-width:768px){.verify-code-page{margin-top:60px;padding:15px}.verify-code-header{margin-bottom:15px}.verify-code-header h1{font-size:28px}.verify-code-header p{font-size:14px}.verify-code-container{align-items:center;flex-direction:column;max-width:400px;padding:20px;width:90%}.verify-code-image{display:flex;justify-content:center;margin-bottom:20px}.verify-code-image img{height:auto;width:180px}.verify-code-form{margin-left:0;padding:0 10px;width:100%}.verify-code-form h2{font-size:22px}.verify-code-form p{font-size:14px}.code-inputs{gap:5px}.verify-button{margin-top:15px}.verify-code-footer{box-sizing:border-box;font-size:14px;margin-top:50px;padding:0 15px}}.navbar{align-items:center;background-color:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;min-height:70px;padding:16px 32px;position:sticky;top:0;width:100%;z-index:100}.navbar:before{color:#1f2937;content:"Admin Dashboard";font-size:20px;font-weight:700;letter-spacing:-.5px}.profile{align-items:center;background-color:#4285f4;border:none;border-radius:25px;cursor:pointer;display:flex;gap:10px;margin-left:auto;padding:10px 20px;transition:all .3s ease}.profile:hover{background-color:#3367d6;box-shadow:0 4px 12px #4285f44d;transform:translateY(-2px)}.profile img{background-color:#fff;border:2px solid #fff;border-radius:50%;height:28px;object-fit:cover;width:28px}.profile span{color:#fff;font-size:15px;font-weight:600;letter-spacing:.5px;text-transform:capitalize}.admin-sidebar-container{position:relative;z-index:1000}.admin-sidebar-container .admin-sidebar{background:#fff;border-right:1px solid #e5e7eb;box-shadow:4px 0 20px #00000014;display:flex;flex-direction:column;height:100vh;left:0;padding:0;position:fixed;top:0;width:260px;z-index:1000}.admin-sidebar-container .admin-content-wrapper{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:0;position:relative}.admin-sidebar-container .admin-logo-section{align-items:center;display:flex;flex-direction:column;margin-bottom:0;padding:20px 15px 15px;position:relative;text-align:center;width:100%;z-index:10}.admin-sidebar-container .admin-logo-sidebar{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:35px;margin-bottom:8px}.admin-sidebar-container .admin-logo-section h2{color:#1f2937;font-size:16px;font-weight:700;letter-spacing:-.5px;margin:0}.admin-sidebar-container .admin-menuTitle{background:#fff;color:#9ca3af;font-size:10px;font-weight:600;letter-spacing:1px;margin:0;padding:15px 20px 6px;position:relative;text-transform:uppercase;z-index:5}.admin-sidebar-container .admin-menu{background:#fff;list-style:none;margin:0;padding:0 0 12px;position:relative;z-index:5}.admin-sidebar-container .admin-menu-item{align-items:center;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;margin:3px 12px;padding:10px 16px;position:relative;transition:all .3s ease;z-index:5}.admin-sidebar-container .admin-menu-item:hover{background-color:#f3f4f6;box-shadow:0 2px 4px #0000000d;color:#374151;transform:none}.admin-sidebar-container .admin-menu-item.active{background-color:#3b82f6;box-shadow:0 4px 12px #3b82f640;color:#fff}.admin-sidebar-container .admin-menu-item.active:before{display:none}.admin-sidebar-container .admin-menuIcon{height:18px;margin-right:10px;opacity:.8;width:18px}.admin-sidebar-container .admin-menu-item .admin-menuIcon{filter:none}.admin-sidebar-container .admin-menu-item.active .admin-menuIcon{filter:brightness(0) invert(1);opacity:1}.admin-sidebar-container .admin-submenu{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;list-style:none;margin:0 12px;padding:0;position:relative;z-index:5}.admin-sidebar-container .admin-submenu-item{align-items:center;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;margin:2px 6px;padding:8px 12px;position:relative;transition:all .3s ease;z-index:5}.admin-sidebar-container .admin-submenu-item>div{align-items:center;display:flex;width:100%}.admin-sidebar-container .admin-submenu-item .admin-item-with-badge{align-items:center;display:flex;justify-content:space-between;width:100%}.admin-sidebar-container .admin-submenu-item:hover{background-color:#e5e7eb;color:#374151;transform:none}.admin-sidebar-container .admin-submenu-item.active{background-color:#dbeafe;color:#3b82f6;font-weight:500}.admin-sidebar-container .admin-dot{background-color:#9ca3af;border-radius:50%;display:inline-block;height:3px;margin-right:8px;width:3px}.admin-sidebar-container .admin-submenu-item.active .admin-dot{background-color:#3b82f6}.admin-sidebar-container .admin-badge{align-items:center;background:linear-gradient(45deg,#ff4757,#ff3742);border-radius:8px;box-shadow:0 1px 3px #ff475766;color:#fff;display:inline-flex;font-size:9px;font-weight:700;height:14px;justify-content:center;line-height:1;margin-left:8px;min-width:14px;padding:1px 5px}.admin-sidebar-container .admin-logout-section{background:#f9fafb;border-top:1px solid #e5e7eb;margin-top:auto;padding:0}.admin-sidebar-container .admin-logout-section div{align-items:center;border-radius:0;color:#6b7280;cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:center;padding:20px 25px;text-align:center;transition:all .3s ease}.admin-sidebar-container .admin-logout-section div:hover{background-color:#f3f4f6;color:#dc2626}.admin-sidebar-container .admin-logoutIcon{color:#6b7280;font-size:20px!important;margin-right:10px}.admin-sidebar-container .admin-logout-section div:hover .admin-logoutIcon{color:#dc2626}.admin-sidebar-container .admin-sidebar-overlay{display:none}.admin-sidebar-container .admin-sidebar-overlay.active{background-color:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:999}.admin-sidebar-container .admin-sidebar-toggle{display:none}.admin-sidebar-container .admin-menu-content{align-items:center;display:flex;flex:1 1;gap:10px;min-height:28px}.admin-sidebar-container .admin-menu-content img{height:18px;opacity:.8;width:18px}.admin-sidebar-container .admin-menu-item.active .admin-menu-content img{filter:brightness(0) invert(1);opacity:1}.admin-sidebar-container .admin-menu-content span{font-size:14px;font-weight:500;letter-spacing:-.1px}.admin-sidebar-container .admin-dropdown-icon{color:#9ca3af;font-size:16px!important;margin-left:auto!important;transition:transform .3s ease}.admin-sidebar-container .admin-menu-item.active .admin-dropdown-icon{color:#fff;transform:rotate(180deg)}@media (max-width:768px){.admin-sidebar-container .admin-sidebar{transform:translateX(-100%);transition:transform .3s ease-in-out;width:260px}.admin-sidebar-container .admin-sidebar.active{transform:translateX(0)}.admin-sidebar-container .admin-sidebar-toggle{align-items:center;background:#3b82f6;border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;height:44px;justify-content:center;left:15px;position:fixed;top:15px;transition:all .3s ease;width:44px;z-index:1001}.admin-sidebar-container .admin-sidebar-toggle:hover{box-shadow:0 6px 16px #3b82f666;transform:scale(1.05)}.admin-sidebar-container .admin-sidebar-toggle.active{background:#dc2626;left:205px}}.dashboard{background-color:#f5f6fa;display:flex;flex-direction:column;min-height:100vh;position:relative}.container-general-dashboard{margin-left:260px;padding:20px;transition:margin-left .3s ease}.stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px;margin-top:80px}.card{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:20px;text-align:center;transition:transform .2s ease-in-out,box-shadow .2s ease}.card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.card img{height:48px;margin-bottom:12px;object-fit:contain;width:48px}.card h3{color:#1f2937;font-size:24px;font-weight:700;margin:8px 0 4px}.card p{color:#6b7280;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.chart{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;min-height:400px;padding:24px}@media (max-width:768px){.container-general-dashboard{margin-left:0;padding:12px}.stats-container{gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px;margin-top:80px;padding:0}.card{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:120px;padding:16px;text-align:center;width:100%}.card img{height:36px;margin-bottom:8px;width:36px}.card-content{flex:1 1;text-align:center}.card h3{font-size:18px;margin:4px 0}.card p{font-size:13px;margin:0}.chart{box-sizing:border-box;margin:0 12px;min-height:300px;padding:16px;width:calc(100% - 24px)}}@media (max-width:480px){.container-general-dashboard{padding:8px}.stats-container{gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:16px;margin-top:80px}.card{gap:6px;min-height:100px;padding:12px;width:100%}.card img{height:32px;margin-bottom:6px;width:32px}.card h3{font-size:16px;margin:2px 0}.card p{font-size:11px;margin:0}.chart{box-sizing:border-box;margin:0 8px;min-height:250px;padding:12px;width:calc(100% - 16px)}}.tooltip{background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:10px}.profile-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #7b68ee1a;box-shadow:0 8px 32px #7b68ee1a,inset 0 1px 0 #fff9;display:flex;height:72px;isolation:isolate;justify-content:space-between;padding:16px 24px;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:9998}.profile-header:hover{box-shadow:0 12px 40px #7b68ee26,inset 0 1px 0 #fffc}.profile-header .logo-section{align-items:center;background:linear-gradient(135deg,#7b68ee1a,#9f7aea0d);border-radius:16px;cursor:pointer;display:flex;justify-content:flex-start;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px}.profile-header .logo-section:hover{background:linear-gradient(135deg,#7b68ee26,#9f7aea14);box-shadow:0 4px 20px #7b68ee33;transform:translateY(-1px)}.profile-header .logo-section .logo{border-radius:12px;height:40px;margin-right:12px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:40px}.profile-header .logo-section:hover .logo{transform:scale(1.05) rotate(5deg)}.profile-header .logo-section .title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d3748,#7b68ee 50%,#9f7aea);-webkit-background-clip:text;background-clip:text;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0}.nav{flex:1 1;justify-content:center;padding:0 32px}.nav,.nav-item{align-items:center;display:flex;gap:8px}.nav-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #7b68ee1a;border-radius:12px;color:#4a5568;cursor:pointer;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:15px;font-weight:500;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item:before{background:linear-gradient(90deg,#0000,#7b68ee1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-item:hover:before{left:100%}.nav-item:hover{background:#7b68ee1a;border-color:#7b68ee33;box-shadow:0 8px 25px #7b68ee26;color:#2d3748;transform:translateY(-2px)}.nav-item.selected{background:linear-gradient(135deg,#7b68ee,#9f7aea);border-color:#0000;box-shadow:0 4px 20px #7b68ee4d;color:#fff}.nav-item.selected:hover{box-shadow:0 8px 30px #7b68ee66;transform:translateY(-2px)}.nav-item.disabled{background:#7180961a;border-color:#71809633;color:#718096;cursor:not-allowed;opacity:.4}.nav-item.disabled:hover{background:#7180961a;box-shadow:none;transform:none}.nav-item .notification-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#e53e3e,#fc8181);border:2px solid #fff;border-radius:12px;box-shadow:0 2px 8px #e53e3e4d;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;position:absolute;right:-6px;top:-6px}.nav-dropdown{display:inline-block;position:relative}.dropdown-btn{background:linear-gradient(135deg,#7b68ee,#9f7aea);border:none;border-radius:12px;box-shadow:0 4px 15px #7b68ee4d;cursor:pointer;display:none;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dropdown-btn:hover{background:linear-gradient(135deg,#6b46c1,#8b5cf6);box-shadow:0 8px 25px #7b68ee66;transform:translateY(-2px)}.dropdown-btn:active{transform:translateY(0)}.dropdown-icon{display:flex;flex-direction:column;gap:4px}.bar{background-color:#fff;border-radius:2px;height:2px;transition:all .3s ease;width:20px}.nav-list{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #7b68ee33;border-radius:16px;box-shadow:0 20px 50px #7b68ee33,inset 0 1px 0 #fff9;left:0;opacity:0;overflow:hidden;position:absolute;top:60px;transform:translateX(-100%) translateY(-10px);transition:all .4s cubic-bezier(.34,1.56,.64,1);width:260px;z-index:1000}.nav-list.show{opacity:1;transform:translateX(0) translateY(0)}.nav-list .nav-item{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;color:#2d3748;cursor:pointer;display:flex;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:15px;font-weight:500;justify-content:space-between;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-list .nav-item:hover{background:linear-gradient(135deg,#7b68ee1a,#9f7aea0d);color:#7b68ee;padding-left:24px}.nav-list .nav-item:last-child{border-bottom:none}.nav-list .notification-badge{background:linear-gradient(135deg,#e53e3e,#fc8181);border:1px solid #ffffff80;border-radius:10px;box-shadow:0 2px 8px #e53e3e4d;color:#fff;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:4px 8px}.nav-list .notification-badge,.user-section{align-items:center;display:flex;position:relative}.user-section{gap:16px;justify-content:flex-end;width:200px;z-index:10000}.user-avatar{border:3px solid #7b68ee33!important;box-shadow:0 4px 15px #7b68ee33!important;cursor:pointer!important;height:44px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:44px!important}.user-avatar:hover{border-color:#7b68ee66!important;box-shadow:0 8px 25px #7b68ee4d!important;transform:scale(1.05)!important}.menu-container{margin-right:0;position:absolute;right:0;top:100%;z-index:10001}.menu{border:1px solid #7b68ee33!important;border-radius:16px!important;box-shadow:0 20px 50px #7b68ee33,inset 0 1px 0 #fff9!important;overflow:hidden!important;position:fixed!important;transform:translateZ(0)!important;will-change:transform!important;z-index:9999!important}.menu-item-profile{border-bottom:1px solid #7b68ee14!important;color:#2d3748!important;font-family:Inter,Segoe UI,system-ui,sans-serif!important;font-size:15px!important;font-weight:500!important;min-height:auto!important;min-width:200px!important;padding:16px 24px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.menu-item-profile:last-child{border-bottom:none!important}.menu-item:hover{background:linear-gradient(135deg,#7b68ee1a,#9f7aea0d)!important;color:#7b68ee!important;cursor:pointer;transform:translateX(4px)!important}.menu-item.selected{background:linear-gradient(135deg,#7b68ee,#9f7aea)!important;color:#fff!important}.error-placeholder,.loading-placeholder{animation:shimmer 1.5s infinite;background:#7180961a;border-radius:8px;color:#718096;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px;padding:8px 16px}@media (max-width:768px){.profile-header{align-items:center;flex-direction:row;height:64px;justify-content:space-between;padding:12px 16px}.profile-header .logo-section{background:linear-gradient(135deg,#7b68ee14,#9f7aea0a);flex:1 1;justify-content:center;margin:0 16px;padding:6px 12px;width:auto}.profile-header .logo-section .logo{height:32px;width:32px}.logo-section .title{font-size:18px;font-weight:700}.nav{display:none}.dropdown-btn{justify-content:center;padding:10px}.dropdown-btn,.nav-dropdown{align-items:center;display:flex}.nav-dropdown{position:relative;width:auto;z-index:99}.dropdown-icon .bar{height:2px;width:18px}.user-section{gap:12px;width:auto}.user-avatar{border-width:2px!important;height:36px!important;width:36px!important}.nav-list{left:16px;margin:0;padding:0;position:fixed;top:76px;width:280px}.nav-list .nav-item{font-size:15px;padding:16px 20px}.nav-list .notification-badge{font-size:11px;height:18px;min-width:18px}.menu-item-profile{font-size:14px!important;min-width:180px!important;padding:14px 20px!important}}@media (max-width:480px){.profile-header{height:60px;padding:10px 12px}.profile-header .logo-section{margin:0 8px;padding:4px 8px}.profile-header .logo-section .logo{height:28px;margin-right:8px;width:28px}.logo-section .title{font-size:16px}.dropdown-btn{padding:8px}.dropdown-icon .bar{width:16px}.user-avatar{height:32px!important;width:32px!important}.nav-list{left:12px;top:72px;width:260px}.nav-list .nav-item{font-size:14px;padding:14px 16px}.menu-item-profile{font-size:13px!important;min-width:160px!important;padding:12px 16px!important}}@media (prefers-color-scheme:dark){.profile-header{background:#1a202cf2;border-bottom-color:#7b68ee33}.profile-header .logo-section{background:linear-gradient(135deg,#7b68ee26,#9f7aea14)}.nav-item{background:#1a202c80;border-color:#7b68ee33;color:#e2e8f0}.nav-item:hover{background:#7b68ee33;color:#f7fafc}.nav-list{background:#1a202cf2;border-color:#7b68ee4d}.nav-list .nav-item{border-bottom-color:#7b68ee26;color:#e2e8f0}.menu{background:#1a202cf2!important;border-color:#7b68ee4d!important}.menu-item-profile{border-bottom-color:#7b68ee26!important;color:#e2e8f0!important}}.change-password-modal{align-items:center;animation:fadeIn .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea26,#764ba226 50%,#9333ea26);box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:20px;pointer-events:auto;position:fixed;top:0;width:100vw;z-index:99999}.change-password-modal:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 70%,#9333ea1a 0,#0000 50%),radial-gradient(circle at 50% 50%,#764ba20d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.change-password-modal-content{animation:modalSlideIn .5s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:2rem;box-shadow:0 25px 50px #0000001a,0 15px 35px #667eea33,inset 0 1px 0 #fffc;margin:0;max-height:90vh;overflow-y:auto;padding:2.5rem 2rem 2rem;position:relative;width:min(90%,420px)}.change-password-close{align-items:center;background:#7b68ee1a;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:2rem;font-weight:700;height:32px;justify-content:center;position:absolute;right:1.5rem;top:1rem;transition:all .3s ease;width:32px}.change-password-close:hover{background:#e53e3e1a;color:#e53e3e;transform:scale(1.1)}.change-password-modal-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:1.75rem;font-weight:700;margin-bottom:1rem;text-align:center}.change-password-modal-content p{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid #667eea1a;border-radius:1rem;color:#64748b;font-size:.95rem;line-height:1.6;margin-bottom:2rem;padding:1rem;text-align:center}.change-password-form-group{margin-bottom:1rem}.change-password-form-group .MuiTextField-root{width:100%}.change-password-form-group .MuiOutlinedInput-root{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:1rem;transition:all .3s ease}.change-password-form-group .MuiOutlinedInput-root:hover{background:#ffffffe6;box-shadow:0 4px 15px #667eea1a}.change-password-form-group .MuiOutlinedInput-root.Mui-focused{background:#fff;box-shadow:0 8px 25px #667eea26}.change-password-form-group .MuiInputLabel-root.Mui-focused{color:#667eea}.change-password-form-group .MuiOutlinedInput-notchedOutline{border-color:#667eea33}.change-password-form-group .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#667eea;border-width:2px}.change-password-form-group .MuiFormHelperText-root{font-size:.75rem!important;line-height:1.3!important;margin-left:.75rem!important;margin-top:.25rem!important}.change-password-form-group .MuiFormHelperText-root.Mui-error{color:#e53e3e!important}.change-password-error-message{animation:shake .3s ease;color:#e53e3e;font-size:.875rem;margin-bottom:1rem;margin-top:.5rem;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.change-password-forgot-link{border-radius:.5rem;color:#667eea;display:block;font-size:.875rem;margin:1.5rem 0;padding:.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.change-password-forgot-link:hover{background:#667eea0d;color:#764ba2;text-decoration:underline}.change-password-btn-confirm{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:1rem;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem 2rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%}.change-password-btn-confirm:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.change-password-btn-confirm:active{box-shadow:0 4px 15px #667eea4d;transform:translateY(0)}.change-password-btn-confirm:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);box-shadow:0 2px 8px #0000001a;cursor:not-allowed;transform:none}@media screen and (max-width:768px){.change-password-modal{align-items:center;padding:15px}.change-password-modal-content{border-radius:1.5rem;max-height:85vh;max-width:400px;padding:2rem 1.5rem 1.5rem;width:95%}.change-password-modal-content h3{font-size:1.5rem}.change-password-modal-content p{font-size:.875rem;padding:.75rem}.change-password-close{font-size:1.5rem;height:28px;right:1rem;top:.75rem;width:28px}.change-password-btn-confirm{font-size:1rem;padding:.875rem 1.5rem}}@media screen and (max-width:480px){.change-password-modal{padding:10px}.change-password-modal-content{max-height:90vh;padding:1.5rem 1rem 1rem;width:98%}.change-password-modal-content h3{font-size:1.25rem;margin-bottom:.75rem}.change-password-modal-content p{font-size:.8rem;margin-bottom:1.5rem;padding:.5rem}.change-password-form-group{margin-bottom:.75rem}.change-password-btn-confirm{font-size:.95rem;padding:.75rem 1.25rem}}.two-factor-auth-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.two-factor-auth-modal{animation:slideIn .3s ease-out;background:#fff;border:1px solid #0000001a;border-radius:12px;box-shadow:0 10px 25px #0003;margin:20px;max-width:400px;padding:32px 24px;text-align:center;width:100%}.two-factor-auth-message{color:#333;font-size:18px;font-weight:500;line-height:1.5;margin-bottom:32px;margin-top:0}.two-factor-auth-buttons{display:flex;gap:12px;justify-content:center}.two-factor-auth-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;min-width:80px;outline:none;overflow:hidden;padding:12px 24px;position:relative;transition:all .2s ease}.two-factor-auth-button:focus{box-shadow:0 0 0 3px #4299e14d}.two-factor-auth-button:active{transform:translateY(1px)}.two-factor-auth-button.confirm{background-color:#1fa2fa;color:#fff}.two-factor-auth-button.confirm:hover{background-color:#1890e8;box-shadow:0 4px 12px #1fa2fa4d;transform:translateY(-1px)}.two-factor-auth-button.cancel{background-color:#6b7280;color:#fff}.two-factor-auth-button.cancel:hover{background-color:#5b6370;box-shadow:0 4px 12px #6b72804d;transform:translateY(-1px)}@media (max-width:480px){.two-factor-auth-modal{margin:16px;padding:24px 20px}.two-factor-auth-message{font-size:16px;margin-bottom:24px}.two-factor-auth-buttons{flex-direction:column;gap:8px}.two-factor-auth-button{padding:14px 24px;width:100%}}.profile-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;margin:0;min-height:100vh;padding:0;position:relative}.profile-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.profile-loading-container{align-items:center;animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;gap:1rem;padding:2rem}.profile-spinner{border-top-color:#6366f1}.profile-loading-text{color:#555;font-size:1rem;font-weight:500;text-align:center}.profile-page:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60 30H50V0H10v30H0v30h60z' fill='%23fff' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.profile-cover-image{align-items:center;background:linear-gradient(135deg,#667eeae6,#764ba2e6 50%,#9333eae6);display:flex;height:350px;justify-content:center;position:relative;width:100%}.profile-cover-container,.profile-cover-image{overflow:visible!important}.profile-cover-image:before{animation:float 20s ease-in-out infinite;background-image:radial-gradient(circle at 25% 25%,#ffffff1a 2px,#0000 0),radial-gradient(circle at 75% 75%,#ffffff1a 2px,#0000 0),radial-gradient(circle at 25% 75%,#ffffff0d 1px,#0000 0),radial-gradient(circle at 75% 25%,#ffffff0d 1px,#0000 0);background-size:50px 50px,50px 50px,25px 25px,25px 25px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.profile-cover-image:after{background:linear-gradient(0deg,#ffffff26 0,#ffffff0d 50%,#0000);bottom:0;content:"";height:120px;left:0;position:absolute;right:0}@keyframes float{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-10px) translateX(5px)}50%{transform:translateY(0) translateX(-5px)}75%{transform:translateY(-5px) translateX(0)}}.profile-info{align-items:center;display:flex;flex-direction:column;margin-top:-90px;width:100%;z-index:1}.profile-info-text{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:2rem;box-shadow:0 30px 60px #00000026,0 15px 25px #0000001a,0 0 0 1px #ffffff80;overflow:hidden;padding-top:2rem;width:min(90%,800px)}.profile-info-text:before{animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2,#9333ea);content:"";height:4px;left:0;position:absolute;right:0;top:0}.profile-avatar{box-shadow:0 0 0 3px #667eea4d,0 15px 35px #0003,inset 0 0 20px #ffffff1a!important;height:140px!important;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important;width:140px!important}.profile-avatar:before{background:linear-gradient(135deg,#ffffff1a,#0000 50%,#ffffff0d);bottom:0;left:0;pointer-events:none;right:0;top:0}.profile-avatar:after{background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:all .6s ease;width:200%}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.fullname{background:linear-gradient(135deg,#1f2937,#374151,#1f2937);display:inline-block;font-size:2.2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1.5rem;text-transform:capitalize}.fullname:after{background:linear-gradient(90deg,#667eea,#764ba2);bottom:-8px;height:3px;width:60px}.bio{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid #667eea1a;border-radius:1rem;color:#64748b;font-family:Inter,Roboto,sans-serif;font-size:1.1rem;font-weight:400;line-height:1.6;margin:0 auto 2rem;padding:1.5rem;position:relative;width:100%}.button-field{align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.edit-button{background:#ffffffe6!important;border:2px solid #667eea!important;border-radius:1rem!important;box-shadow:0 4px 15px #667eea33!important;color:#667eea!important;height:56px;margin-bottom:0;min-width:56px!important;padding:0!important;text-transform:none!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important;width:56px!important}.edit-button:hover{background:#667eea!important;box-shadow:0 8px 25px #667eea4d!important;color:#fff!important;transform:translateY(-2px)!important}.edit-icon{display:block;height:20px;margin:0;padding:0;width:20px}.profile-button{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:0!important;border-radius:1rem!important;box-shadow:0 4px 15px #667eea4d!important;color:#fff!important;display:flex!important;font-family:Inter,Roboto,sans-serif!important;font-size:1.1rem!important;font-weight:600!important;height:56px;justify-content:center!important;line-height:1.2!important;margin:0!important;min-width:200px!important;padding:0 2rem!important;text-transform:none!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important}.profile-button:hover{box-shadow:0 8px 25px #667eea66!important;transform:translateY(-2px)!important}.profile-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:1.5rem;box-shadow:0 20px 40px #0000001a,0 5px 15px #0000000d;margin:2rem auto;overflow:hidden;padding:2rem;position:relative;width:min(95%,1200px);z-index:1}.profile-content:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0}.profile-content h2{align-items:center;border-bottom:2px solid #667eea1a;color:#1f2937;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin-bottom:2rem;margin-top:0;padding-bottom:1rem}.profile-content h2:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:1.5rem;width:4px}.profile-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem}.info-item{background:linear-gradient(135deg,#667eea08,#764ba208);border:1px solid #667eea1a;border-radius:.75rem;flex-direction:column;overflow:hidden;padding:1.2rem;position:relative;transition:all .3s ease}.info-item:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.info-item:hover{box-shadow:0 4px 15px #667eea1a;transform:translateY(-2px)}.info-item:hover:before{opacity:1}.info-label{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.info-value{color:#1f2937;font-size:1rem;font-weight:600;word-break:break-word}.status-indicator{border-radius:50%;display:inline-block;height:12px;margin-right:.5rem;width:12px}.status-indicator.online{background-color:#10b981;box-shadow:0 0 8px #10b98166}.status-indicator.offline{background-color:#ef4444;box-shadow:0 0 8px #ef444466}.status-indicator.active,.status-indicator.pending{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid #10b98133;border-radius:1rem;color:#10b981;height:auto;width:auto}.status-button,.status-indicator.active,.status-indicator.pending{align-items:center;display:inline-flex;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.status-button{border:1px solid #0000;border-radius:1.5rem;margin-right:.75rem;transition:all .3s ease}.status-button .status-dot{border-radius:50%;height:8px;margin-right:.5rem;width:8px}.status-button.online{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-color:#10b98133;color:#10b981}.status-button.online .status-dot{background-color:#10b981;box-shadow:0 0 4px #10b98166}.status-button.accepted{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border-color:#22c55e33;color:#22c55e}.status-button.accepted .status-dot{background-color:#22c55e;box-shadow:0 0 4px #22c55e66}.status-button.offline{background:linear-gradient(135deg,#ef44441a,#ef44440d);border-color:#ef444433;color:#ef4444}.status-button.offline .status-dot{background-color:#ef4444;box-shadow:0 0 4px #ef444466}.status-button.rejected{background:linear-gradient(135deg,#ef44441a,#ef44440d);border-color:#ef444433;color:#ef4444}.status-button.rejected .status-dot{background-color:#ef4444;box-shadow:0 0 4px #ef444466}.status-button.pending{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-color:#f59e0b33;color:#f59e0b}.status-button.pending .status-dot{background-color:#f59e0b;box-shadow:0 0 4px #f59e0b66}.image-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:flex-start;margin-top:1rem}.image-placeholder{border:2px solid #667eea1a;border-radius:1rem;box-shadow:0 4px 15px #0000000d;flex-shrink:0;height:200px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:300px}.image-placeholder:hover{border-color:#667eea4d;box-shadow:0 10px 30px #00000026;transform:translateY(-4px) scale(1.02)}.image-modal{border-radius:1rem;box-shadow:0 25px 50px #00000080;max-height:90vh;max-width:90vw;object-fit:contain;transition:all .3s ease;z-index:999}.my-profile-image-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:998}.status-button.offline{background-color:#ffcccb;color:red}.status-button.offline .status-dot{background-color:red}.status-button.rejected{background-color:#ffcccb;color:red}.status-button.rejected .status-dot{background-color:red}.status-button.pending{background-color:#fff3cd;color:orange}.status-button.pending .status-dot{background-color:orange}.rejection-reason{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef44440d,#ef444405);border:2px solid #ef44441a;border-radius:1.5rem;box-shadow:0 10px 25px #ef44441a;margin-top:2rem;padding:2rem}.rejection-reason h3{align-items:center;color:#dc2626;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:1rem;margin-top:0}.rejection-reason h3:before{content:"⚠️";font-size:1.5rem}.rejection-content{align-items:flex-start;display:flex;gap:1rem}.rejection-content i{color:#dc2626;filter:drop-shadow(0 2px 4px rgba(220,38,38,.2));font-size:1.5rem;margin-top:.25rem}.rejection-content p{color:#374151;font-size:1rem;font-weight:500;line-height:1.6;margin:0}.rejection-text{word-wrap:break-word;background:#ffffff80;border-left:4px solid #dc2626;border-radius:.75rem;padding:1rem;white-space:pre-wrap}.status-update-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f59e0b0d,#f59e0b05);border:2px solid #f59e0b33;border-radius:1.5rem;box-shadow:0 10px 25px #f59e0b1a;margin:2rem auto;padding:2rem;text-align:center}.status-change-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea33;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:500;margin:1rem auto;min-width:200px;padding:12px 24px;transition:all .2s ease}.status-change-button:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.status-change-button.resubmit-button{background:linear-gradient(135deg,#ff6b35,#f7931e);box-shadow:0 2px 8px #ff6b3533}.status-change-button.resubmit-button:hover{box-shadow:0 4px 12px #ff6b354d;transform:translateY(-1px)}.status-change-button:disabled{box-shadow:0 2px 8px #667eea1a!important;cursor:not-allowed;opacity:.6;pointer-events:none;transform:none!important}.status-change-button.resubmit-button:disabled{box-shadow:0 2px 8px #ff6b351a!important}.resubmit-button-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:1rem auto;padding:1.5rem;position:relative;text-align:center;width:min(95%,1200px);z-index:1}.resubmit-button-container.rejected-status{border:1px solid #ff6b3533}.resubmit-button-container .status-change-button{display:block;margin:0 auto}.dropzone-container{margin:1rem 0;padding:2rem}.dropzone{background:linear-gradient(135deg,#667eea05,#764ba205);border:3px dashed #667eea4d;border-radius:1.5rem;overflow:hidden;padding:3rem 2rem;position:relative}.dropzone:before{content:"📁";display:block;font-size:3rem;margin-bottom:1rem}.dropzone:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea99;box-shadow:0 10px 25px #667eea1a;transform:translateY(-2px)}.image-preview{border-radius:1rem;box-shadow:0 10px 25px #0000001a;max-height:400px;max-width:100%;object-fit:contain}@media screen and (max-width:768px){.profile-page{padding:0}.profile-cover-image{height:250px}.profile-info{margin-top:-70px}.profile-avatar{border:4px solid #fffffff2!important;height:120px!important;width:120px!important}.fullname{font-size:1.8rem;margin-bottom:1.25rem}.fullname:after{bottom:-6px;height:2px;width:50px}.bio{font-size:1rem;padding:1rem;width:100%}.button-field{flex-direction:column;gap:.75rem}.profile-button{min-width:100%!important}.profile-content{border-radius:1.25rem;margin:1.5rem auto;padding:1.5rem;width:95%}.profile-content h2{font-size:1.25rem}.profile-info-grid{gap:1rem;grid-template-columns:1fr}.image-container{align-items:center;flex-direction:column;gap:1rem}.image-placeholder{height:220px;max-width:400px;width:100%}.profile-content{overflow-x:hidden}.image-gallery{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:100%}.dropzone{padding:2rem 1rem}.dropzone:before{font-size:2rem}.image-modal{border-radius:.5rem;max-height:95vh;max-width:95vw}.my-profile-image-modal-overlay{padding:10px}.image-preview{max-height:300px;object-fit:contain;width:100%}}@media screen and (max-width:480px){.profile-cover-image{height:200px}.profile-info{margin-top:-60px}.profile-avatar{border:3px solid #fffffff2!important;height:100px!important;width:100px!important}.fullname{font-size:1.5rem}.fullname:after{height:2px;width:40px}.profile-content{margin:1rem auto;padding:1rem;width:95%}.edit-button{height:48px!important;width:48px!important}.image-placeholder{height:180px;width:100%}.image-modal{border-radius:.25rem;max-height:98vh;max-width:98vw}.my-profile-image-modal-overlay{padding:5px}.image-preview{max-height:250px}}.my-profile-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;min-height:100vh;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;z-index:9999}.my-profile-modal-container{animation:modalSlideIn .3s ease;background-color:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 20px 60px #00000026,0 8px 25px #0000001a;margin:auto;max-height:90vh;max-width:450px;overflow-y:auto;padding:2rem;position:relative;width:90%}@media screen and (max-width:768px){.my-profile-modal-overlay{padding:1rem}.my-profile-modal-container{max-width:400px;padding:1.5rem;width:95%}}@media screen and (max-width:480px){.my-profile-modal-overlay{padding:.5rem}.my-profile-modal-container{max-width:350px;padding:1rem;width:98%}}.modal-header{align-items:center;display:flex;justify-content:space-between}.my-profile-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:1.4rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:32px}.my-profile-close-button:hover{background:#f5f5f5;color:#666;transform:scale(1.1)}.my-profile-modal-body{margin-top:0;padding-top:.5rem}.profileModal.profile-cover-image{display:none}.profile-form{display:flex;flex-direction:column;gap:1rem;width:100%}.profile-form .form-group{display:flex;flex-direction:column;gap:.3rem}.profile-form .form-group label{color:#555;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.2rem;text-transform:uppercase}.profile-form .form-group input,.profile-form .form-group textarea{background-color:#fafbfc;border:1.5px solid #e8ecef;border-radius:10px;font-family:inherit;font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease}.profile-form .form-group input:focus,.profile-form .form-group textarea:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.profile-form .form-group textarea{min-height:70px;resize:vertical}.profile-form .form-actions{border-top:1px solid #f0f0f0;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.profile-form button{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;min-width:90px;padding:.7rem 1.5rem;transition:all .2s ease}.profile-form button.submit{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d;color:#fff}.profile-form button.submit:hover{background:linear-gradient(135deg,#5b5ff1,#7c3aed);box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.profile-form button.cancel{background-color:#fff;border:1.5px solid #e8ecef;color:#666}.profile-form button.cancel:hover{background-color:#f8f9fa;border-color:#d1d5db;color:#555}.character-count{color:#999;font-size:.75rem;margin-top:.2rem;text-align:right}.phone-input-container{align-items:center;background-color:#fafbfc;border:1.5px solid #e8ecef;border-radius:10px;display:flex;transition:all .2s ease}.phone-input-container:focus-within{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.phone-input-container .flag-dropdown,.phone-input-container input{background:#0000!important;border:none!important}.phone-input-container input{box-shadow:none!important}.profile-form .form-group input[type=date]{color:#666}.profile-form .form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.profile-form .form-group input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.react-tel-input{font-family:Roboto,sans-serif;font-size:15px;position:relative;width:100%}.react-tel-input :disabled{cursor:not-allowed}.react-tel-input .flag{background-image:url(data:image/png;base64,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);height:11px;width:16px}.react-tel-input .ad{background-position:-16px 0}.react-tel-input .ae{background-position:-32px 0}.react-tel-input .af{background-position:-48px 0}.react-tel-input .ag{background-position:-64px 0}.react-tel-input .ai{background-position:-80px 0}.react-tel-input .al{background-position:-96px 0}.react-tel-input .am{background-position:-112px 0}.react-tel-input .ao{background-position:-128px 0}.react-tel-input .ar{background-position:-144px 0}.react-tel-input .as{background-position:-160px 0}.react-tel-input .at{background-position:-176px 0}.react-tel-input .au{background-position:-192px 0}.react-tel-input .aw{background-position:-208px 0}.react-tel-input .az{background-position:-224px 0}.react-tel-input .ba{background-position:-240px 0}.react-tel-input .bb{background-position:0 -11px}.react-tel-input .bd{background-position:-16px -11px}.react-tel-input .be{background-position:-32px -11px}.react-tel-input .bf{background-position:-48px -11px}.react-tel-input .bg{background-position:-64px -11px}.react-tel-input .bh{background-position:-80px -11px}.react-tel-input .bi{background-position:-96px -11px}.react-tel-input .bj{background-position:-112px -11px}.react-tel-input .bm{background-position:-128px -11px}.react-tel-input .bn{background-position:-144px -11px}.react-tel-input .bo{background-position:-160px -11px}.react-tel-input .br{background-position:-176px -11px}.react-tel-input .bs{background-position:-192px -11px}.react-tel-input .bt{background-position:-208px -11px}.react-tel-input .bw{background-position:-224px -11px}.react-tel-input .by{background-position:-240px -11px}.react-tel-input .bz{background-position:0 -22px}.react-tel-input .ca{background-position:-16px -22px}.react-tel-input .cd{background-position:-32px -22px}.react-tel-input .cf{background-position:-48px -22px}.react-tel-input .cg{background-position:-64px -22px}.react-tel-input .ch{background-position:-80px -22px}.react-tel-input .ci{background-position:-96px -22px}.react-tel-input .ck{background-position:-112px -22px}.react-tel-input .cl{background-position:-128px -22px}.react-tel-input .cm{background-position:-144px -22px}.react-tel-input .cn{background-position:-160px -22px}.react-tel-input .co{background-position:-176px -22px}.react-tel-input .cr{background-position:-192px -22px}.react-tel-input .cu{background-position:-208px -22px}.react-tel-input .cv{background-position:-224px -22px}.react-tel-input .cw{background-position:-240px -22px}.react-tel-input .cy{background-position:0 -33px}.react-tel-input .cz{background-position:-16px -33px}.react-tel-input .de{background-position:-32px -33px}.react-tel-input .dj{background-position:-48px -33px}.react-tel-input .dk{background-position:-64px -33px}.react-tel-input .dm{background-position:-80px -33px}.react-tel-input .do{background-position:-96px -33px}.react-tel-input .dz{background-position:-112px -33px}.react-tel-input .ec{background-position:-128px -33px}.react-tel-input .ee{background-position:-144px -33px}.react-tel-input .eg{background-position:-160px -33px}.react-tel-input .er{background-position:-176px -33px}.react-tel-input .es{background-position:-192px -33px}.react-tel-input .et{background-position:-208px -33px}.react-tel-input .fi{background-position:-224px -33px}.react-tel-input .fj{background-position:-240px -33px}.react-tel-input .fk{background-position:0 -44px}.react-tel-input .fm{background-position:-16px -44px}.react-tel-input .fo{background-position:-32px -44px}.react-tel-input .bl,.react-tel-input .fr,.react-tel-input .mf{background-position:-48px -44px}.react-tel-input .ga{background-position:-64px -44px}.react-tel-input .gb{background-position:-80px -44px}.react-tel-input .gd{background-position:-96px -44px}.react-tel-input .ge{background-position:-112px -44px}.react-tel-input .gf{background-position:-128px -44px}.react-tel-input .gh{background-position:-144px -44px}.react-tel-input .gi{background-position:-160px -44px}.react-tel-input .gl{background-position:-176px -44px}.react-tel-input .gm{background-position:-192px -44px}.react-tel-input .gn{background-position:-208px -44px}.react-tel-input .gp{background-position:-224px -44px}.react-tel-input .gq{background-position:-240px -44px}.react-tel-input .gr{background-position:0 -55px}.react-tel-input .gt{background-position:-16px -55px}.react-tel-input .gu{background-position:-32px -55px}.react-tel-input .gw{background-position:-48px -55px}.react-tel-input .gy{background-position:-64px -55px}.react-tel-input .hk{background-position:-80px -55px}.react-tel-input .hn{background-position:-96px -55px}.react-tel-input .hr{background-position:-112px -55px}.react-tel-input .ht{background-position:-128px -55px}.react-tel-input .hu{background-position:-144px -55px}.react-tel-input .id{background-position:-160px -55px}.react-tel-input .ie{background-position:-176px -55px}.react-tel-input .il{background-position:-192px -55px}.react-tel-input .in{background-position:-208px -55px}.react-tel-input .io{background-position:-224px -55px}.react-tel-input .iq{background-position:-240px -55px}.react-tel-input .ir{background-position:0 -66px}.react-tel-input .is{background-position:-16px -66px}.react-tel-input .it{background-position:-32px -66px}.react-tel-input .je{background-position:-144px -154px}.react-tel-input .jm{background-position:-48px -66px}.react-tel-input .jo{background-position:-64px -66px}.react-tel-input .jp{background-position:-80px -66px}.react-tel-input .ke{background-position:-96px -66px}.react-tel-input .kg{background-position:-112px -66px}.react-tel-input .kh{background-position:-128px -66px}.react-tel-input .ki{background-position:-144px -66px}.react-tel-input .xk{background-position:-128px -154px}.react-tel-input .km{background-position:-160px -66px}.react-tel-input .kn{background-position:-176px -66px}.react-tel-input .kp{background-position:-192px -66px}.react-tel-input .kr{background-position:-208px -66px}.react-tel-input .kw{background-position:-224px -66px}.react-tel-input .ky{background-position:-240px -66px}.react-tel-input .kz{background-position:0 -77px}.react-tel-input .la{background-position:-16px -77px}.react-tel-input .lb{background-position:-32px -77px}.react-tel-input .lc{background-position:-48px -77px}.react-tel-input .li{background-position:-64px -77px}.react-tel-input .lk{background-position:-80px -77px}.react-tel-input .lr{background-position:-96px -77px}.react-tel-input .ls{background-position:-112px -77px}.react-tel-input .lt{background-position:-128px -77px}.react-tel-input .lu{background-position:-144px -77px}.react-tel-input .lv{background-position:-160px -77px}.react-tel-input .ly{background-position:-176px -77px}.react-tel-input .ma{background-position:-192px -77px}.react-tel-input .mc{background-position:-208px -77px}.react-tel-input .md{background-position:-224px -77px}.react-tel-input .me{background-position:-112px -154px;height:12px}.react-tel-input .mg{background-position:0 -88px}.react-tel-input .mh{background-position:-16px -88px}.react-tel-input .mk{background-position:-32px -88px}.react-tel-input .ml{background-position:-48px -88px}.react-tel-input .mm{background-position:-64px -88px}.react-tel-input .mn{background-position:-80px -88px}.react-tel-input .mo{background-position:-96px -88px}.react-tel-input .mp{background-position:-112px -88px}.react-tel-input .mq{background-position:-128px -88px}.react-tel-input .mr{background-position:-144px -88px}.react-tel-input .ms{background-position:-160px -88px}.react-tel-input .mt{background-position:-176px -88px}.react-tel-input .mu{background-position:-192px -88px}.react-tel-input .mv{background-position:-208px -88px}.react-tel-input .mw{background-position:-224px -88px}.react-tel-input .mx{background-position:-240px -88px}.react-tel-input .my{background-position:0 -99px}.react-tel-input .mz{background-position:-16px -99px}.react-tel-input .na{background-position:-32px -99px}.react-tel-input .nc{background-position:-48px -99px}.react-tel-input .ne{background-position:-64px -99px}.react-tel-input .nf{background-position:-80px -99px}.react-tel-input .ng{background-position:-96px -99px}.react-tel-input .ni{background-position:-112px -99px}.react-tel-input .bq,.react-tel-input .nl{background-position:-128px -99px}.react-tel-input .no{background-position:-144px -99px}.react-tel-input .np{background-position:-160px -99px}.react-tel-input .nr{background-position:-176px -99px}.react-tel-input .nu{background-position:-192px -99px}.react-tel-input .nz{background-position:-208px -99px}.react-tel-input .om{background-position:-224px -99px}.react-tel-input .pa{background-position:-240px -99px}.react-tel-input .pe{background-position:0 -110px}.react-tel-input .pf{background-position:-16px -110px}.react-tel-input .pg{background-position:-32px -110px}.react-tel-input .ph{background-position:-48px -110px}.react-tel-input .pk{background-position:-64px -110px}.react-tel-input .pl{background-position:-80px -110px}.react-tel-input .pm{background-position:-96px -110px}.react-tel-input .pr{background-position:-112px -110px}.react-tel-input .ps{background-position:-128px -110px}.react-tel-input .pt{background-position:-144px -110px}.react-tel-input .pw{background-position:-160px -110px}.react-tel-input .py{background-position:-176px -110px}.react-tel-input .qa{background-position:-192px -110px}.react-tel-input .re{background-position:-208px -110px}.react-tel-input .ro{background-position:-224px -110px}.react-tel-input .rs{background-position:-240px -110px}.react-tel-input .ru{background-position:0 -121px}.react-tel-input .rw{background-position:-16px -121px}.react-tel-input .sa{background-position:-32px -121px}.react-tel-input .sb{background-position:-48px -121px}.react-tel-input .sc{background-position:-64px -121px}.react-tel-input .sd{background-position:-80px -121px}.react-tel-input .se{background-position:-96px -121px}.react-tel-input .sg{background-position:-112px -121px}.react-tel-input .sh{background-position:-128px -121px}.react-tel-input .si{background-position:-144px -121px}.react-tel-input .sk{background-position:-160px -121px}.react-tel-input .sl{background-position:-176px -121px}.react-tel-input .sm{background-position:-192px -121px}.react-tel-input .sn{background-position:-208px -121px}.react-tel-input .so{background-position:-224px -121px}.react-tel-input .sr{background-position:-240px -121px}.react-tel-input .ss{background-position:0 -132px}.react-tel-input .st{background-position:-16px -132px}.react-tel-input .sv{background-position:-32px -132px}.react-tel-input .sx{background-position:-48px -132px}.react-tel-input .sy{background-position:-64px -132px}.react-tel-input .sz{background-position:-80px -132px}.react-tel-input .tc{background-position:-96px -132px}.react-tel-input .td{background-position:-112px -132px}.react-tel-input .tg{background-position:-128px -132px}.react-tel-input .th{background-position:-144px -132px}.react-tel-input .tj{background-position:-160px -132px}.react-tel-input .tk{background-position:-176px -132px}.react-tel-input .tl{background-position:-192px -132px}.react-tel-input .tm{background-position:-208px -132px}.react-tel-input .tn{background-position:-224px -132px}.react-tel-input .to{background-position:-240px -132px}.react-tel-input .tr{background-position:0 -143px}.react-tel-input .tt{background-position:-16px -143px}.react-tel-input .tv{background-position:-32px -143px}.react-tel-input .tw{background-position:-48px -143px}.react-tel-input .tz{background-position:-64px -143px}.react-tel-input .ua{background-position:-80px -143px}.react-tel-input .ug{background-position:-96px -143px}.react-tel-input .us{background-position:-112px -143px}.react-tel-input .uy{background-position:-128px -143px}.react-tel-input .uz{background-position:-144px -143px}.react-tel-input .va{background-position:-160px -143px}.react-tel-input .vc{background-position:-176px -143px}.react-tel-input .ve{background-position:-192px -143px}.react-tel-input .vg{background-position:-208px -143px}.react-tel-input .vi{background-position:-224px -143px}.react-tel-input .vn{background-position:-240px -143px}.react-tel-input .vu{background-position:0 -154px}.react-tel-input .wf{background-position:-16px -154px}.react-tel-input .ws{background-position:-32px -154px}.react-tel-input .ye{background-position:-48px -154px}.react-tel-input .za{background-position:-64px -154px}.react-tel-input .zm{background-position:-80px -154px}.react-tel-input .zw{background-position:-96px -154px}.react-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.react-tel-input .hide{display:none}.react-tel-input .v-hide{visibility:hidden}.react-tel-input .form-control{background:#fff;border:1px solid #cacaca;border-radius:5px;font-size:14px;height:35px;letter-spacing:.01rem;line-height:25px;margin-bottom:0!important;margin-left:0;margin-top:0!important;outline:none;padding-left:48px;position:relative;width:300px}.react-tel-input .form-control.invalid-number,.react-tel-input .form-control.invalid-number:focus{background-color:#faf0f0;border:1px solid #d79f9f;border-left-color:#cacaca}.react-tel-input .flag-dropdown{background-color:#f5f5f5;border:1px solid #cacaca;border-radius:3px 0 0 3px;bottom:0;padding:0;position:absolute;top:0}.react-tel-input .flag-dropdown:focus,.react-tel-input .flag-dropdown:hover{cursor:pointer}.react-tel-input .flag-dropdown.invalid-number{border-color:#d79f9f}.react-tel-input .flag-dropdown.open{z-index:2}.react-tel-input .flag-dropdown.open,.react-tel-input .flag-dropdown.open .selected-flag{background:#fff;border-radius:3px 0 0 0}.react-tel-input input[disabled]+.flag-dropdown:hover{cursor:default}.react-tel-input input[disabled]+.flag-dropdown:hover .selected-flag{background-color:initial}.react-tel-input .selected-flag{border-radius:3px 0 0 3px;height:100%;outline:none;padding:0 0 0 8px;position:relative;width:38px}.react-tel-input .selected-flag:focus,.react-tel-input .selected-flag:hover{background-color:#fff}.react-tel-input .selected-flag .flag{margin-top:-5px;position:absolute;top:50%}.react-tel-input .selected-flag .arrow{border-left:3px solid #0000;border-right:3px solid #0000;border-top:4px solid #555;height:0;left:20px;margin-top:-2px;position:relative;top:50%;width:0}.react-tel-input .selected-flag .arrow.up{border-bottom:4px solid #555;border-top:none}.react-tel-input .country-list{background-color:#fff;border-radius:0 0 3px 3px;box-shadow:1px 2px 10px #00000059;list-style:none;margin:10px 0 10px -1px;max-height:200px;outline:none;overflow-y:scroll;padding:0;position:absolute;width:300px;z-index:1}.react-tel-input .country-list .flag{display:inline-block}.react-tel-input .country-list .divider{border-bottom:1px solid #ccc;margin-bottom:5px;padding-bottom:5px}.react-tel-input .country-list .country{padding:7px 9px}.react-tel-input .country-list .country .dial-code{color:#6b6b6b}.react-tel-input .country-list .country.highlight,.react-tel-input .country-list .country:hover{background-color:#f1f1f1}.react-tel-input .country-list .flag{margin-right:7px;margin-top:2px}.react-tel-input .country-list .country-name{margin-right:6px}.react-tel-input .country-list .search{background-color:#fff;padding:10px 0 6px 10px;position:sticky;top:0}.react-tel-input .country-list .search-emoji{font-size:15px}.react-tel-input .country-list .search-box{border:1px solid #cacaca;border-radius:3px;font-size:15px;line-height:15px;margin-left:6px;outline:none;padding:3px 8px 5px}.react-tel-input .country-list .no-entries-message{opacity:.7;padding:7px 10px 11px}.react-tel-input .invalid-number-message{color:#de0000}.react-tel-input .invalid-number-message,.react-tel-input .special-label{background:#fff;font-size:13px;left:46px;padding:0 2px;position:absolute;top:-8px;z-index:1}.react-tel-input .special-label{display:none;white-space:nowrap}.avatar-modal-box{align-items:center;background-color:#fff;border-radius:8px;box-shadow:24px;display:flex;flex-direction:column;gap:16px;left:50%;outline:none;padding:16px;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.file-input{width:100%}.upload-button{align-self:flex-end}.upload-content{flex-direction:column;gap:16px;height:100%}.dropzone{height:200px}.dropzone,.preview-wrapper{width:100%}.no-previews .preview-wrapper{display:none}.profile-header-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4a90e20d,#50c87808 50%,#ff6b6b0d);border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a;margin:0;max-width:1200px;overflow:hidden;width:95%}@keyframes backgroundFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}.profile-cover-container{background:linear-gradient(135deg,#4a90e2cc,#50c87899 50%,#ff6b6bcc);border-radius:24px 24px 0 0;box-shadow:inset 0 -50px 100px #0003;height:400px;margin:0;overflow:hidden;position:relative;width:100%;z-index:1}.edit-cover-button{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 8px 25px #00000026,0 3px 10px #0000001a;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 18px;position:absolute;right:20px;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.edit-cover-button:hover{background:#fff;box-shadow:0 12px 35px #0003,0 5px 15px #00000026;color:#4a90e2;transform:translateY(-3px) scale(1.02)}.edit-cover-button svg{height:18px;transition:transform .3s ease;width:18px}.edit-cover-button:hover svg{transform:rotate(5deg) scale(1.1)}.profile-info{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:0 0 24px 24px;position:relative;z-index:3}.profile-info-text{align-items:center;display:flex;flex-direction:column;margin-top:-80px;position:relative;text-align:center;z-index:5}.profile-avatar-container{margin-bottom:25px;position:relative;z-index:10}.profile-avatar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:5px solid #fffffff2!important;box-shadow:0 20px 40px #0003,0 8px 20px #00000026,inset 0 1px 0 #fff6!important;cursor:pointer;height:160px!important;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)!important;width:160px!important}.profile-avatar:before{animation:borderRotate 3s linear infinite;background:linear-gradient(45deg,#4a90e2,#50c878,#ff6b6b,#4a90e2);border-radius:50%;bottom:-5px;content:"";left:-5px;opacity:0;position:absolute;right:-5px;top:-5px;transition:opacity .3s ease;z-index:-1}.profile-avatar:hover:before{opacity:.7}.profile-avatar:hover{box-shadow:0 30px 60px #00000040,0 15px 30px #0003,inset 0 1px 0 #ffffff80;transform:scale(1.05) translateY(-8px)}@keyframes borderRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.edit-avatar-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #4a90e24d;border-radius:50%;bottom:8px;box-shadow:0 4px 15px #0000001a;color:#4a90e2;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;position:absolute;right:8px;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px;z-index:15}.edit-avatar-button:hover{background:#4a90e2;box-shadow:0 6px 20px #4a90e266;color:#fff;transform:scale(1.15) rotate(15deg)}.fullname{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a90e2,#50c878 50%,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700;letter-spacing:-.5px;margin:15px 0 20px;position:relative;text-shadow:0 2px 4px #0000001a}.fullname:after{animation:pulse 2s ease-in-out infinite;background:linear-gradient(90deg,#4a90e2,#50c878,#ff6b6b);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.bio{color:#666;font-size:18px;font-style:italic;line-height:1.7;margin:25px 0 30px;max-width:600px;opacity:.9;text-align:center}.button-field{display:flex;justify-content:center;margin-top:20px;z-index:10}.edit-button{background:linear-gradient(135deg,#4a90e2,#357abd)!important;border:none!important;border-radius:12px!important;box-shadow:0 8px 25px #4a90e24d,0 3px 10px #4a90e233!important;color:#fff!important;font-size:14px!important;font-weight:600!important;letter-spacing:.5px!important;overflow:hidden;padding:12px 24px!important;position:relative;text-transform:uppercase!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.edit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.edit-button:hover:before{left:100%}.edit-button:hover{background:linear-gradient(135deg,#357abd,#4a90e2)!important;box-shadow:0 12px 35px #4a90e266,0 5px 15px #4a90e24d!important;transform:translateY(-3px) scale(1.02)!important}.edit-icon{filter:brightness(0) invert(1);height:16px;margin-right:8px;width:16px}.edit-profile-form-wrapper{margin:0 auto;max-width:400px;padding:0;width:100%}.edit-profile-form-header{margin-bottom:1.5rem;text-align:center}.edit-profile-form-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.edit-profile-form-header p{color:#666;font-size:.9rem;margin:0}.edit-profile-form{display:flex;flex-direction:column;gap:.1rem;width:100%}@keyframes gradientShift{0%,to{background:linear-gradient(90deg,#667eea,#764ba2,#9333ea)}50%{background:linear-gradient(90deg,#9333ea,#667eea,#764ba2)}}.edit-profile-form .form-group{display:flex;flex-direction:column;gap:.5rem}.edit-profile-form .form-group label{color:#333;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.edit-profile-form .form-group input,.edit-profile-form .form-group textarea{background:#fff;border:2px solid #e1e5e9;border-radius:8px;color:#333;font-family:inherit;font-size:1rem;outline:none;padding:.75rem;transition:border-color .2s ease}.edit-profile-form .form-group input:focus,.edit-profile-form .form-group textarea:focus{border-color:#4f80ff;box-shadow:0 0 0 3px #4f80ff1a}.edit-profile-form .form-group textarea{min-height:80px;resize:vertical}.edit-profile-form .form-group .edit-profile-char-count{color:#666;font-size:.75rem;margin-top:.25rem;text-align:right}.edit-profile-phone-wrapper{width:100%}.edit-profile-phone-container{width:100%!important}.edit-profile-phone-input{background:#fff!important;border:2px solid #e1e5e9!important;border-radius:8px!important;box-sizing:border-box!important;color:#333!important;font-size:1rem!important;padding:.75rem!important;transition:border-color .2s ease!important;width:100%!important}.edit-profile-phone-input:focus{background:#fff!important;border-color:#4f80ff!important;box-shadow:0 0 0 3px #4f80ff1a!important}.edit-profile-phone-flag{background:#fff!important;border:2px solid #e1e5e9!important;border-bottom-left-radius:8px!important;border-right:none!important;border-top-left-radius:8px!important}.edit-profile-form-actions{border-top:1px solid #e1e5e9;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.edit-profile-cancel,.edit-profile-submit{border:2px solid #0000;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;min-width:110px;padding:.75rem 1.5rem;transition:all .2s ease}.edit-profile-cancel span,.edit-profile-submit span{display:block}.edit-profile-cancel{background:#fff;border-color:#e1e5e9;color:#666}.edit-profile-cancel:hover{background:#f8f9fa;border-color:#ccc;color:#333}.edit-profile-submit{background:#4f80ff;border-color:#4f80ff;color:#fff}.edit-profile-submit:hover{background:#3d6ce6;border-color:#3d6ce6;box-shadow:0 4px 12px #4f80ff4d;transform:translateY(-1px)}@media screen and (max-width:768px){.edit-profile-form-wrapper{max-width:100%}.edit-profile-form-actions{flex-direction:column;gap:.75rem}.edit-profile-cancel,.edit-profile-submit{width:100%}}@media screen and (max-width:480px){.edit-profile-form{gap:.1rem}.edit-profile-form .form-group input,.edit-profile-form .form-group textarea{font-size:.9rem;padding:.625rem}}.my-profile-modal-box{background-color:initial;border-radius:0;box-shadow:none;left:50%;max-height:none;max-width:500px;outline:none;overflow:visible;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}@media (max-width:768px){.profile-header-container{border-radius:20px;margin:10px}.profile-cover-container{border-radius:20px 20px 0 0;height:280px}.profile-avatar{height:120px!important;width:120px!important}.profile-info-text{margin-top:-60px}.fullname{font-size:28px}.bio{font-size:16px;margin:20px 0 25px}.edit-cover-button{border-radius:10px;bottom:15px;font-size:13px;height:40px;padding:10px 14px;right:15px}.edit-cover-button svg{height:16px;width:16px}.edit-avatar-button{font-size:14px;height:32px;width:32px}}@media (max-width:480px){.profile-header-container{border-radius:16px;margin:0}.profile-cover-container{border-radius:16px 16px 0 0;height:220px}.profile-info{margin:0;padding:0;width:100%}.profile-avatar{border-width:3px!important;height:100px!important;width:100px!important}.profile-info-text{margin-top:-50px}.fullname{font-size:24px}.fullname:after{height:3px;width:60px}.bio{font-size:15px;margin:15px 0 20px}.edit-cover-button{border-radius:8px;bottom:12px;font-size:12px;padding:8px 12px;right:12px}.edit-cover-button svg{height:14px;width:14px}.edit-avatar-button{bottom:4px;font-size:12px;height:28px;right:4px;width:28px}.edit-button{border-radius:10px!important;font-size:13px!important;padding:10px 20px!important}}.edit-profile-form .form-group>:not(:last-child){margin-bottom:6px}.edit-profile-form .react-tel-input .form-control,.edit-profile-form input,.edit-profile-form textarea{height:40px}.edit-profile-form textarea{height:auto!important;min-height:80px}.edit-profile-form .react-tel-input .flag-dropdown{border:none}.edit-profile-form .react-tel-input .form-control{padding-left:48px!important}.button-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.edit-profile-cancel:disabled,.edit-profile-submit:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.edit-profile-submit:disabled:hover{box-shadow:none;transform:none}.avatar-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.avatar-loading-container{align-items:center;animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;gap:1rem;padding:2rem}.avatar-loading-text{color:#555;font-size:1rem;font-weight:500;text-align:center}.profile-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4a90e2;height:48px;width:48px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.edit-avatar-button:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.edit-avatar-button:disabled:hover{background:#fffffff2;box-shadow:0 4px 15px #0000001a;color:#4a90e2;transform:none}.degree-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.edit-images-button{background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:20px;padding:8px 16px;transition:background-color .3s}.edit-images-button:hover{background-color:#1565c0}.image-upload-form{background:#fff;border-radius:12px;padding:24px}.dropzone{background:#fafafa;border:2px dashed #e0e0e0;border-radius:12px}.dropzone:hover:not(.error){background:#f0f7ff;border-color:#2196f3}.dropzone p{color:#424242;font-size:16px;margin-bottom:8px}.dropzone small{color:#757575;font-size:14px}.dropzone.error{background:#fff5f5;border-color:#f44336}.error-message{background:#fff5f5;border-radius:6px;color:#f44336;margin-top:8px}.preview-container{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px;width:100%}.preview-wrapper{height:200px;transition:transform .3s ease;width:200px}.preview-wrapper:hover{transform:translateY(-4px)}.preview-image{flex:1 1;position:relative;text-align:center}.preview-image p{color:#666;font-size:14px;margin-bottom:8px}.image-placeholder{aspect-ratio:16/9;border-radius:4px;display:inline-block;height:auto;object-fit:contain;position:relative}.submit-images-button{background:linear-gradient(45deg,#2196f3,#1976d2);border:none;border-radius:8px;box-shadow:0 2px 8px #2196f34d;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:24px;padding:12px 24px;transition:all .3s ease;width:100%}.submit-images-button:hover:not(:disabled){box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.submit-images-button:disabled{background:#e0e0e0;box-shadow:none;cursor:not-allowed}.edit-button{align-items:center;background:none;border:none;border-radius:50%;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.edit-button:hover{background:#0000000d;color:#007bff;transform:scale(1.1)}.image-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;padding:20px}.section-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:8px}.section-header h3{flex:1 1;margin:0}.section-actions{align-items:center;display:flex;gap:12px}.image-count{color:#666;font-size:.875rem;font-weight:500}.add-image-btn{align-items:center;background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:4px;padding:6px 12px;transition:all .2s ease}.add-image-btn:hover{background:#45a049;transform:translateY(-1px)}.add-first-image-btn{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:8px 16px;transition:all .2s ease}.add-first-image-btn:hover{background:#1976d2}.remove-image-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:all .2s ease;width:20px}.image-wrapper:hover .remove-image-btn{opacity:1}.remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.remove-all-btn{background:#ff6b35;font-size:.875rem;margin-top:8px;padding:6px 12px}.remove-all-btn:hover{background:#e55a2e}.empty-state{border:2px dashed #ddd;border-radius:8px;color:#666;padding:2rem;text-align:center}.empty-state p{font-style:italic;margin-bottom:1rem}.dropzone.disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.dropzone.disabled:hover{border-color:#ccc}.modal-close-button{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:32px;z-index:1001}.modal-close-button:hover{background:#0003;color:#333;transform:scale(1.1)}.modal-close-button:active{transform:scale(.95)}.image-comparison{display:flex;gap:60px;margin-top:10px}.current-images,.preview-images{flex:1 1;text-align:center}.current-images p,.preview-images p{color:#333;font-size:16px;font-weight:600;margin-bottom:12px}.preview-images{background:#f8f9fa;border:2px dashed #007bff;border-radius:8px;padding:16px}.previews-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:8px}.image-placeholder{background:#fff;border:1px solid #e0e0e0;border-radius:8px;height:150px;object-fit:cover;transition:transform .2s;width:100%}.preview-container{background-color:#f8f9fa;border-radius:8px;padding:0}.remove-preview-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:12px;padding:8px 16px;transition:all .2s ease}.remove-preview-button:hover{background-color:#c82333;transform:translateY(-1px)}.remove-preview-button:active{transform:translateY(0)}.remove-image-button{z-index:1000}.images-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:16px;width:100%}.image-wrapper{border-radius:8px;overflow:hidden;position:relative;transition:transform .3s ease}.image-wrapper,.image-wrapper .remove-image-button{align-items:center;display:flex;justify-content:center}.image-wrapper .remove-image-button{background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 4px #00000026;color:#dc3545;cursor:pointer;font-size:18px;height:28px;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px;z-index:1000}.image-wrapper .remove-image-button:hover{background:#dc3545;color:#fff;transform:scale(1.1)}@media screen and (max-width:768px){.images-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0;padding:8px}.preview-container{flex-direction:column;gap:16px;margin-left:0;margin-right:0;margin-top:16px;overflow:hidden;padding:0}.image-comparison{box-sizing:border-box;flex-direction:column;gap:20px;margin:0;padding:8px}.current-images,.preview-images{box-sizing:border-box;margin:0;padding:0;width:100%}.previews-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:8px 0 0;padding:0}.preview-wrapper{height:150px;width:150px}.image-section{box-sizing:border-box;margin:0 0 16px;padding:12px}.section-header{align-items:flex-start;flex-direction:column;gap:12px;margin:0 0 12px}.section-actions{justify-content:space-between;margin:0;width:100%}.add-first-image-btn,.add-image-btn{font-size:.8rem;padding:8px 12px}.dropzone{box-sizing:border-box;margin:0;padding:16px 8px}.image-placeholder{box-sizing:border-box;height:auto;max-width:100%;min-height:120px}.preview-images{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-sizing:border-box;margin:0;padding:8px}.preview-images p{color:#333;font-size:1rem;font-weight:600;margin:0 0 12px}.image-wrapper{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;box-sizing:border-box;margin:0;min-height:120px;overflow:hidden}.image-wrapper img{display:block;height:120px;object-fit:cover;width:100%}}@media screen and (max-width:480px){.images-grid{gap:8px;grid-template-columns:repeat(2,1fr);margin:0;padding:4px}.preview-container{gap:8px;margin:8px 0 0;overflow:hidden;padding:0}.image-comparison{box-sizing:border-box;gap:12px;margin:0;padding:4px}.previews-grid{gap:6px;grid-template-columns:repeat(2,1fr);margin-top:8px}.preview-wrapper{height:120px;width:120px}.image-section{margin-bottom:12px;padding:12px}.section-header h3{font-size:1.1rem}.section-actions{align-items:stretch;flex-direction:column;gap:8px}.add-first-image-btn,.add-image-btn{justify-content:center;padding:10px 16px;width:100%}.image-count{font-size:.8rem;text-align:center}.dropzone{padding:20px 12px}.dropzone p{font-size:14px}.dropzone small{font-size:12px}.remove-image-btn{height:24px;right:2px;top:2px;width:24px}.image-wrapper .remove-image-button{font-size:16px;height:24px;right:4px;top:4px;width:24px}.image-wrapper{border-radius:6px;min-height:100px}.image-wrapper img{height:100px;object-fit:cover}.preview-images{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:0;padding:12px}.preview-images p{font-weight:700}.current-images p,.preview-images p{color:#495057;font-size:.95rem;margin-bottom:10px;text-align:center}.current-images p{font-weight:600}.remove-all-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;font-size:.85rem;font-weight:600;margin-top:12px;padding:8px;width:100%}}.remove-all-btn{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:16px;padding:10px 20px;transition:all .2s ease;width:100%}.remove-all-btn:hover{background-color:#c82333;transform:translateY(-1px)}.current-images,.image-comparison,.image-section,.preview-container,.preview-images,.previews-grid{box-sizing:border-box;overflow:hidden}.upload-content{align-items:center;display:flex;gap:24px;justify-content:center;min-height:300px;padding:24px}.preview-wrapper{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:120px;overflow:hidden;position:relative;width:120px}.preview-image{display:block;height:100%;object-fit:cover;width:100%}.remove-image-button{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 4px #00000026;color:#dc3545;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px;z-index:1}.remove-image-button:hover{background:#dc3545;color:#fff;transform:scale(1.1)}.dropzone{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;flex:0 0 300px;height:300px;padding:32px 24px;text-align:center;transition:all .3s ease}.dropzone p{color:#6c757d;font-size:14px;line-height:1.5;margin:0}.previews-grid{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(3,1fr);max-height:360px;max-width:400px;overflow-y:auto;padding:8px}.previews-grid::-webkit-scrollbar{width:6px}.previews-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.previews-grid::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.previews-grid::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.upload-content{flex-direction:column}.dropzone{flex:0 0 200px;width:100%}.previews-grid{grid-template-columns:repeat(2,1fr)}.preview-wrapper{height:120px;width:100%}}.upload-content.no-previews .dropzone{flex:0 0 400px;margin:0 auto}.modal-overlay{align-items:center!important;bottom:0!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}.modal-overlay,.update-modal{box-sizing:border-box!important}.update-modal{animation:slideInCenter .3s ease-out;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 20px 40px #0003,0 10px 20px #0000001a;margin:0 auto!important;max-width:500px;padding:2rem;position:relative!important;transform:none!important;transition:all .3s ease;width:90%}@keyframes slideInCenter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.update-modal.resubmit-modal{border:2px solid #ff6b354d;box-shadow:0 20px 40px #ff6b351a,0 10px 20px #0000001a;max-width:600px}.update-modal h2{color:#333;font-size:1.5rem;margin:0 0 16px}.update-modal .modal-message{color:#666;font-size:1rem;line-height:1.5;margin:0 0 24px}.resubmit-info{background:#fff8f0;border:1px solid #ffe4d1;border-radius:8px;margin:16px 0 24px;padding:16px}.info-item{align-items:center;color:#555;display:flex;font-size:.9rem;margin-bottom:12px}.info-item:last-child{margin-bottom:0}.info-icon{font-size:1.1rem;margin-right:12px;text-align:center;width:20px}.modal-buttons{gap:12px;justify-content:center}.cancel-button{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:.9rem;padding:10px 20px}.cancel-button:hover{background:#f5f5f5;border-color:#ccc}.confirm-button{background:#007bff!important;border-radius:6px;font-size:.9rem;margin:0;padding:10px 20px;transition:all .3s ease}.confirm-button:hover{background:#0056b3!important;transform:translateY(-1px)}.confirm-button.resubmit-confirm{background:#ff6b35!important}.confirm-button.resubmit-confirm:hover{background:#e55a2e!important}@media screen and (max-width:768px){.update-modal{border-radius:12px;margin:1rem;max-width:none;padding:1.5rem;width:95%}.update-modal h2{font-size:1.25rem;margin-bottom:12px}.update-modal .modal-message{font-size:.9rem;margin-bottom:20px}.resubmit-info{margin:12px 0 20px;padding:12px}.info-item{font-size:.85rem;margin-bottom:10px}.info-icon{font-size:1rem;margin-right:10px;width:18px}.modal-buttons{align-items:center;flex-direction:column;gap:10px}.cancel-button,.confirm-button{border-radius:8px;font-size:1rem;margin:0!important;padding:12px 20px;width:100%}}@media screen and (max-width:480px){.modal-overlay{padding:.5rem!important}.update-modal{border-radius:10px;padding:1.25rem;width:calc(100% - 1rem)}.update-modal h2{font-size:1.1rem;margin-bottom:10px}.update-modal .modal-message{font-size:.85rem;line-height:1.4;margin-bottom:16px}.resubmit-info{margin:10px 0 16px;padding:10px}.info-item{font-size:.8rem;margin-bottom:8px}.info-icon{font-size:.9rem;margin-right:8px;width:16px}.cancel-button,.confirm-button{font-size:.95rem;margin:0!important;padding:14px 20px}}.teacher-dashboard-container{background-color:#fcfcfc;height:100vh}.ea-90-o-course-card{background:linear-gradient(135deg,#6c63ff,#f5a623);border-radius:8px;color:#fff;margin:15px;padding:20px;text-align:center;transition:transform .3s;width:200px}.ea-90-o-course-card:hover{transform:scale(1.05)}.ea-90-o-course-title{font-size:1.2em;font-weight:700}.ea-90-o-course-subtitle{font-size:.9em;margin:10px 0}.ea-90-o-course-info{display:flex;justify-content:space-between}.free-label{background-color:red;border-radius:5px;color:#fff;margin-top:10px;padding:5px 10px}.course-description-wrap,.course-title-wrap{white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}.ea-90-course-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:1.5rem;box-shadow:0 12px 35px #0000001f,0 2px 10px #00000014;color:#1f2937;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:space-between;margin:0;overflow:hidden;padding:1.75rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:90%}.ea-90-course-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0}.ea-90-course-card:hover{border-color:#ffffff80;box-shadow:0 25px 50px #0000002e,0 8px 20px #0000001f;transform:translateY(-10px) scale(1.02)}.ea90-coursethumbnail{border-radius:1rem;height:10rem;object-fit:cover;transition:transform .3s ease;width:100%}.ea-90-course-card:hover .ea90-coursethumbnail{transform:scale(1.05)}.ea90-course-title{color:#1f2937;font-size:1.3rem;font-weight:700;line-height:1.6;max-height:3.2em;min-height:3.2em;word-break:break-word}.ea90-course-subtitle,.ea90-course-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-align:left;text-overflow:ellipsis}.ea90-course-subtitle{color:#64748b;font-size:.95rem;line-height:1.4;margin:.5rem 0;max-height:2.6em;min-height:2.6em}.ea90-course-info{align-items:center;border-top:1px solid #0000000d;color:#64748b;display:flex;font-size:.9rem;font-weight:500;height:3rem;justify-content:space-between;margin-top:auto;padding-top:1rem}.ea90-usericon{align-self:center;filter:opacity(.7);height:1.2rem;margin-left:5px;margin-right:.5rem;object-fit:cover;width:1.2rem}@media screen and (max-width:768px){.ea-90-course-card{border-radius:1.25rem;gap:.75rem;padding:1.25rem}.ea90-coursethumbnail{border-radius:.75rem;height:8rem}.ea90-course-title{font-size:1.2rem;max-height:2.8em;min-height:2.8em}.ea90-course-subtitle{font-size:.9rem;max-height:2.4em;min-height:2.4em}.ea90-course-info{font-size:.85rem;height:2.5rem}.ea90-usericon{height:1rem;width:1rem}}@media screen and (max-width:480px){.ea-90-course-card{gap:.5rem;padding:1rem}.ea90-coursethumbnail{height:7rem}.ea90-course-title{font-size:1.1rem;max-height:2.6em;min-height:2.6em}.ea90-course-subtitle{font-size:.85rem;max-height:2.2em;min-height:2.2em}}.course-container{margin:auto;padding:20px;text-align:center;width:80%}.my-courses{margin-bottom:20px}.no-courses{color:gray;font-size:1em;margin:20px 0}.divider{border:1px solid #d3d3d3;margin:20px 0}.global-course{display:flex;flex-wrap:wrap;justify-content:center}.free-courses-title,.my-courses-title{display:block;margin:10px 0;text-align:left;width:100%}.group-card{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:1rem;padding:1.25rem;transition:box-shadow .2s ease}.group-card:hover{box-shadow:0 4px 10px #0000000d}.group-avatar-container{background-color:#f3f4f6;border-radius:9999px;flex-shrink:0;height:64px;overflow:hidden;width:64px}.group-avatar{height:100%;object-fit:cover;width:100%}.group-meta{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.group-name{color:#111827;font-size:1rem;font-weight:600}.group-meta span{color:#6b7280;font-size:.85rem}.group-btn-container{display:flex;flex-direction:column;gap:.5rem}.btn{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.btn-request{background-color:#2563eb;color:#fff}.btn-request:hover{background-color:#1e40af}.btn-wait{background-color:#facc15;color:#1f2937}.btn-wait:hover{background-color:#eab308}.btn-access{background-color:#10b981;color:#fff}.btn-access:hover{background-color:#059669}.tsu-user-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;padding:1.25rem;transition:box-shadow .2s,transform .2s}.tsu-user-card:hover{box-shadow:0 4px 10px #0000000f;transform:translateY(-2px)}.tsu-user-avatar{background-color:#f3f4f6;border-radius:9999px;flex-shrink:0;height:80px;margin-right:1.5rem;overflow:hidden;width:80px}.tsu-user-avatar img{height:100%;object-fit:cover;width:100%}.tsu-user-info{display:flex;flex:1 1}.tsu-user-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.tsu-user-field{display:flex;flex-direction:column;gap:.25rem}.tsu-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.025em;margin:0;text-transform:uppercase}.tsu-value{color:#111827;font-size:.95rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;margin:0;max-width:100%;overflow-wrap:break-word;word-break:break-word}.tsu-value.email-value{font-size:.85rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:480px){.tsu-user-card{padding:1rem}.tsu-user-avatar{height:60px;width:60px}}.tsud-container-modern{background:linear-gradient(135deg,#f0fdf4,#fff 50%,#eff6ff);display:flex;flex-direction:column;min-height:100vh}.tsud-header-modern{background:#fff;border-bottom:1px solid #f1f5f9;box-shadow:0 1px 3px #0000001a;z-index:1000}.tsud-main-wrapper-modern{display:flex;flex:1 1;flex-direction:column}.tsud-back-section-modern{margin:0 auto;max-width:1280px;padding:1rem;width:100%}.tsud-back-btn-modern{align-items:center;background:#0000;border:none;border-radius:.75rem;color:#10b981;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.tsud-back-btn-modern:hover{background:#f0fdf4;transform:translateX(-2px)}.tsud-cover-section-modern{margin:0 auto;max-width:1280px;padding:0 1rem;position:relative;width:100%}.tsud-cover-modern{background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:1rem;height:20rem;overflow:hidden;position:relative}.tsud-cover-decoration-modern{background:#ffffff1a;border-radius:50%;filter:blur(3rem);height:8rem;left:2.5rem;position:absolute;top:2.5rem;width:8rem}.tsud-cover-decoration-2-modern{background:#ffffff0d;border-radius:50%;bottom:2.5rem;filter:blur(4rem);height:12rem;position:absolute;right:2.5rem;width:12rem}.tsud-profile-card-modern{animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff;border:1px solid #f3f4f680;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;margin-top:-5rem;padding:2rem;position:relative}.tsud-profile-content-modern{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.tsud-avatar-wrapper-modern{position:relative}.tsud-avatar-modern{border:4px solid #fff;border-radius:1.5rem;box-shadow:0 10px 25px #00000026;height:8rem;object-fit:cover;width:8rem}.tsud-status-indicator-modern{align-items:center;background:#10b981;border:4px solid #fff;border-radius:50%;bottom:-.5rem;display:flex;height:2rem;justify-content:center;position:absolute;right:-.5rem;width:2rem}.tsud-status-dot-modern{background:#fff;border-radius:50%;height:.75rem;width:.75rem}.tsud-basic-info-modern{flex:1 1;text-align:center}.tsud-name-modern{color:#111827;font-size:2rem;font-weight:700;margin:0 0 .5rem}.tsud-role-modern{color:#10b981;font-size:1.125rem;font-weight:500;margin:0 0 1rem}.tsud-bio-modern{background:#f9fafb;border-radius:1rem;margin:0 auto;max-width:24rem;padding:1rem}.tsud-bio-modern p{color:#6b7280;line-height:1.6;margin:0}.tsud-action-section-modern{display:flex;gap:.75rem}.tsud-message-btn-modern{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:1rem;box-shadow:0 10px 25px #3b82f640;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.tsud-message-btn-modern:hover{box-shadow:0 15px 35px #3b82f659;transform:translateY(-2px) scale(1.05)}.tsud-content-grid-modern{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 2fr 1fr;margin:2rem auto 0;max-width:1280px;padding:0 1rem 2rem}.tsud-left-sidebar-modern{display:flex;flex-direction:column}.tsud-about-card-modern{animation:fadeInUp .6s ease-out;background:#fff;border:1px solid #f1f5f9;border-radius:1.5rem;box-shadow:0 4px 6px #0000000d;padding:1.5rem}.tsud-about-title-modern{color:#111827;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.tsud-about-items-modern{display:flex;flex-direction:column;gap:.75rem}.tsud-info-item-modern{align-items:flex-start;background:#f9fafb;border:1px solid #0000;border-radius:1rem;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.tsud-info-item-modern:hover{background:#f3f4f6;border-color:#e5e7eb;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.tsud-info-icon-modern{align-items:center;border-radius:1rem;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.tsud-icon-blue-modern{background:#dbeafe;color:#2563eb}.tsud-icon-purple-modern{background:#e9d5ff;color:#7c3aed}.tsud-icon-green-modern{background:#d1fae5;color:#059669}.tsud-icon-orange-modern{background:#fed7aa;color:#ea580c}.tsud-icon-red-modern{background:#fecaca;color:#dc2626}.tsud-info-content-modern{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.tsud-info-label-modern{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.025em;margin:0;text-transform:uppercase}.tsud-info-value-modern{color:#111827;font-weight:500;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;margin:0;max-width:100%;overflow-wrap:break-word;word-break:break-word}.tsud-info-value-modern.email-value{font-size:.8rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tsud-main-content-modern{display:flex;flex-direction:column}.tsud-courses-card-modern{background:#fff;border:1px solid #f1f5f9;border-radius:1.5rem;box-shadow:0 4px 6px #0000000d;overflow:hidden}.tsud-no-content-modern{color:#6b7280;padding:3rem;text-align:center}.tsud-no-content-icon-modern{align-items:center;background:#f3f4f6;border-radius:50%;color:#9ca3af;display:flex;height:4rem;justify-content:center;margin:0 auto 1rem;width:4rem}.tsud-nav-modern{border-bottom:1px solid #f1f5f9;padding:1rem 1.5rem}.tsud-nav-item-modern{align-items:center;background:none;border:none;border-radius:.75rem;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.tsud-nav-item-modern:hover{background:#f9fafb;color:#111827}.tsud-nav-active-modern{background:#d1fae5;color:#065f46}.tsud-tabs-card-modern{background:#fff;border:1px solid #f1f5f9;border-radius:1.5rem;box-shadow:0 4px 6px #0000000d;overflow:hidden}.tsud-courses-content-modern{padding:1.5rem}.tsud-courses-grid-modern{grid-gap:1.5rem;display:grid;gap:1.5rem}.tsud-course-card-modern{animation:fadeInUp .6s ease-out;cursor:pointer;transition:all .3s ease}.tsud-course-card-modern:hover{transform:translateY(-2px) scale(1.02)}.tsud-course-inner-modern{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:1.5rem;box-shadow:0 4px 6px #0000000d;display:flex;overflow:hidden;transition:all .3s ease}.tsud-course-card-modern:hover .tsud-course-inner-modern{box-shadow:0 10px 25px #00000026}.tsud-course-image-modern{flex-shrink:0;height:8rem;width:12rem}.tsud-course-img-modern{height:100%;object-fit:cover;width:100%}.tsud-course-info-modern{flex:1 1;padding:1.5rem}.tsud-course-title-modern{color:#111827;font-size:1.125rem;font-weight:700;margin:0 0 .5rem;transition:color .2s ease}.tsud-course-card-modern:hover .tsud-course-title-modern{color:#10b981}.tsud-course-description-modern{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;line-height:1.5;margin:0 0 1rem;overflow:hidden}.tsud-course-meta-modern{justify-content:space-between}.tsud-course-meta-modern,.tsud-course-stats-modern{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.tsud-course-stat-modern{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.25rem}.tsud-course-date-modern{color:#10b981;font-size:.875rem;font-weight:500}.tsud-no-courses-modern{color:#6b7280;padding:3rem;text-align:center}.tsud-no-courses-icon-modern{align-items:center;background:#f3f4f6;border-radius:50%;color:#9ca3af;display:flex;height:4rem;justify-content:center;margin:0 auto 1rem;width:4rem}.tsud-no-courses-modern p{font-size:1.125rem;margin:0}.tsud-right-sidebar-modern{display:flex;flex-direction:column}.tsud-suggestions-card-modern{animation:fadeInUp .6s ease-out;background:#fff;border:1px solid #f1f5f9;border-radius:1.5rem;box-shadow:0 4px 6px #0000000d;padding:1.5rem}.tsud-suggestions-title-modern{color:#111827;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.tsud-suggestions-list-modern{display:flex;flex-direction:column;gap:1rem}.tsud-suggestion-item-modern{align-items:center;background:#0000;border-radius:1rem;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.tsud-suggestion-item-modern:hover{background:#f9fafb;transform:translateX(2px)}.tsud-suggestion-avatar-modern{border:2px solid #f1f5f9;border-radius:1rem;height:3rem;object-fit:cover;transition:all .2s ease;width:3rem}.tsud-suggestion-item-modern:hover .tsud-suggestion-avatar-modern{border-color:#bbf7d0}.tsud-suggestion-info-modern{flex:1 1;min-width:0}.tsud-suggestion-name-modern{color:#111827;font-size:.875rem;font-weight:500;margin:0 0 .25rem;transition:color .2s ease}.tsud-suggestion-item-modern:hover .tsud-suggestion-name-modern{color:#10b981}.tsud-suggestion-email-modern{color:#6b7280;font-size:.75rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:1024px){.tsud-content-grid-modern{gap:1.5rem;grid-template-columns:1fr 2fr}.tsud-right-sidebar-modern{display:none}}@media screen and (max-width:768px){.tsud-content-grid-modern{gap:1.5rem;grid-template-columns:1fr}.tsud-avatar-modern{height:6rem;width:6rem}.tsud-cover-modern{height:12rem}.tsud-profile-card-modern{margin-top:-3rem;padding:1.5rem}.tsud-name-modern{font-size:1.5rem}.tsud-course-inner-modern{flex-direction:column}.tsud-course-image-modern{height:10rem;width:100%}.tsud-course-meta-modern{align-items:flex-start;flex-direction:column;gap:.5rem}}@media screen and (max-width:480px){.tsud-back-section-modern,.tsud-cover-section-modern{padding:0 .75rem;width:calc(100% - 1.5rem)}.tsud-content-grid-modern{margin:2rem 0 0}.tsud-about-card-modern,.tsud-course-info-modern,.tsud-courses-content-modern,.tsud-profile-card-modern,.tsud-suggestions-card-modern{padding:1rem}.tsud-info-item-modern{padding:.5rem}.tsud-info-icon-modern{height:2rem;width:2rem}.tsud-course-stats-modern{align-items:flex-start;flex-direction:column;gap:.5rem}}.tsud-courses-content-modern::-webkit-scrollbar,.tsud-suggestions-list-modern::-webkit-scrollbar{width:4px}.tsud-courses-content-modern::-webkit-scrollbar-track,.tsud-suggestions-list-modern::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.tsud-courses-content-modern::-webkit-scrollbar-thumb,.tsud-suggestions-list-modern::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.tsud-courses-content-modern::-webkit-scrollbar-thumb:hover,.tsud-suggestions-list-modern::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tsud-back-btn-modern:focus,.tsud-course-card-modern:focus,.tsud-message-btn-modern:focus,.tsud-nav-item-modern:focus,.tsud-suggestion-item-modern:focus{outline:2px solid #10b981;outline-offset:2px}.tsud-loading-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%}.tsud-error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;color:#dc2626}.tsud-error-message,.tsud-success-message{font-size:.875rem;margin:1rem 0;padding:1rem}.tsud-success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.75rem;color:#166534}.su-container{background-color:#f9fafb;min-height:100vh}.su-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 0 #0000000d;display:flex;height:64px;padding:0 1.5rem}.su-header-title{color:#1f2937;font-size:1.25rem;font-weight:600}.su-content{display:flex;flex-direction:row;gap:2rem;margin:0 auto;max-width:1280px;padding:2rem}.su-sidebar{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;flex-shrink:0;padding:1.5rem;width:260px}.su-main{display:flex;flex:1 1;flex-direction:column;gap:1.5rem}.su-sidebar-title{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.su-type-button{align-items:center;background-color:initial;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:.75rem 1rem;transition:.2s ease;width:100%}.su-type-button:hover{background-color:#f3f4f6}.su-type-button.active-teacher{background-color:#2563eb;color:#fff}.su-type-button.active-student{background-color:#16a34a;color:#fff}.su-type-button.active-group{background-color:#ea580c;color:#fff}.su-search-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;position:relative}.su-search-input{border:1px solid #d1d5db;border-radius:8px;font-size:1rem;padding:10px 16px 10px 40px;transition:.2s ease;width:calc(100% - 56px)}.su-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33;outline:none}.su-search-icon{color:#9ca3af;left:2rem;position:absolute;top:50%;transform:translateY(-50%)}.su-error{background-color:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#b91c1c;font-size:.875rem;margin-top:.75rem;padding:.5rem .75rem}.su-spinner{display:flex;justify-content:center;padding:2rem}.su-results-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.su-results-header{border-bottom:1px solid #e5e7eb;color:#111827;font-size:1.125rem;font-weight:600;padding:1.5rem}.su-users-list{grid-gap:1rem;display:grid;gap:1rem;padding:1.5rem}.su-groups-list{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.su-empty{color:#6b7280;padding:3rem 1rem;text-align:center}.lazy-sentinel{height:1px}.lazy-spinner{display:flex;justify-content:center;margin-top:1rem}@media screen and (max-width:768px){.su-content{flex-direction:column}.su-sidebar{margin-bottom:1.5rem;width:calc(100% - 50px)}.su-type-button{width:100%}}.admin-teacher-detail-box{display:flex;flex-direction:column;gap:20px;margin-bottom:24px;width:100%}.admin-teacher-detail-path{align-items:center;display:flex;gap:4px}.admin-teacher-detail-path p{color:#ababab;font-size:14px;font-weight:600;margin:0}.admin-teacher-detail-header{align-items:center;display:flex;justify-content:space-between;width:100%}.admin-teacher-detail-title{color:#333;font-size:24px;font-weight:700;margin:0}.admin-teacher-detail-title-buttons{align-items:center;display:flex;gap:12px}.admin-teacher-detail-title-button-green,.admin-teacher-detail-title-button-red{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;min-width:80px;padding:8px 16px;transition:all .2s ease}.admin-teacher-detail-title-button-red{background-color:#dc3545;color:#fff}.admin-teacher-detail-title-button-red:hover{background-color:#c82333;transform:translateY(-1px)}.admin-teacher-detail-title-button-green{background-color:#28a745;color:#fff}.admin-teacher-detail-title-button-green:hover{background-color:#218838;transform:translateY(-1px)}.admin-teacher-detail-tabs-container{align-self:flex-start;border-bottom:2px solid #e9ecef;display:flex;gap:0}.admin-teacher-detail-tab{border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.admin-teacher-detail-tab:hover{background-color:#f8f9fa;color:#495057}.admin-teacher-detail-tab-active{background-color:initial!important;border-bottom-color:#007bff!important;color:#007bff!important}@media (max-width:768px){.admin-teacher-detail-header{align-items:flex-start;flex-direction:column;gap:16px}.admin-teacher-detail-title{font-size:20px}.admin-teacher-detail-title-buttons{justify-content:flex-end;width:100%}.admin-teacher-detail-tabs-container{overflow-x:auto;width:100%}.admin-teacher-detail-tab{font-size:13px;padding:10px 16px}}@media (max-width:480px){.admin-teacher-detail-path{flex-wrap:wrap}.admin-teacher-detail-title-button-green,.admin-teacher-detail-title-button-red{font-size:13px;min-width:70px;padding:6px 12px}}.confirm-modal-overlay{align-items:center!important;background-color:#00000080!important;bottom:0!important;box-sizing:border-box!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;overflow:hidden!important;padding:0!important;pointer-events:auto!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:99999!important}.confirm-modal{animation:modalFadeIn .3s ease-out!important;background:#fff!important;border-radius:12px!important;box-shadow:0 20px 60px #0003!important;box-sizing:border-box!important;margin:20px!important;max-width:400px!important;padding:24px!important;position:relative!important;transform:none!important;width:100%!important}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-overlay{background-color:#00000080}.modal-content{max-width:400px;padding:24px;width:90%}.modal-content h2{color:#333;font-size:24px;font-weight:600;margin-bottom:16px}.modal-content p{color:#666;font-size:16px;margin-bottom:16px}.modal-content textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;height:100px;margin-bottom:16px;padding:12px;resize:none;width:100%}.modal-content textarea.error{border-color:#d32f2f}.modal-buttons{display:flex;justify-content:flex-end;margin-top:24px}.modal-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s,transform .1s}.confirm-button{background-color:#d32f2f;color:#fff;margin-right:0!important}.confirm-button:hover{background-color:#b71c1c}.confirm-button:active{transform:scale(.98)}.cancel-button{background-color:#5a5a5a!important}.cancel-button:hover{background-color:#bdbdbd}.cancel-button:active{transform:scale(.98)}.title-button-red{align-items:center;background:#d95f59;background:var(--alias-brand,#d95f59);border:none;border-radius:12px;border-radius:var(--corner-12x,12px);display:flex;font-size:18px;gap:8px;gap:var(--space-8x,8px);justify-content:center;max-height:40px;max-height:var(--size-40x,40px);min-width:80px;min-width:var(--size-80x,80px);padding:0 16px;padding:var(--space-0x,0) var(--space-16x,16px);transition:background .5s,color .5s,border-bottom .5s;width:88px}.title-button-red,.title-button-red:hover{border-bottom:2px solid #522258;color:#522258}.title-button-red:hover{background:#f2c4c2;background:var(--alias-brand-hover,#f2c4c2);cursor:pointer}.error-message{align-items:center;background-color:#fdecea;border-radius:4px;color:#d32f2f;display:flex;padding:8px 12px}.error-message:before{content:"⚠️";margin-right:8px}.admin-teacher-dashboard-container,.admin-teacher-dashboard-content{background-color:#f5f6fa;display:flex;height:100vh;overflow:hidden}.admin-teacher-dashboard-content{flex:1 1;flex-direction:column;margin-left:260px;padding:0}.admin-teacher-dashboard-error-message{background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-weight:500;margin:20px;padding:20px;text-align:center}@media (max-width:768px){.admin-teacher-dashboard-container{flex-direction:column;height:100vh}.admin-teacher-dashboard-content{height:calc(100vh - 60px);margin-left:0;overflow-y:auto;padding:10px}.admin-teacher-dashboard-error-message{font-size:14px;margin:10px;padding:15px}}.admin-teacher-detail-main{background-color:#f5f9ff;display:flex;min-height:100vh}.admin-teacher-detail-content{background-color:#f5f9ff;flex:1 1;margin-left:290px;min-height:calc(100vh - 40px);padding:20px;width:100%}.admin-teacher-detail-info-section{display:flex;flex-direction:column;gap:20px}.admin-teacher-detail-courses-section,.general-info-section{display:flex;flex-direction:column}.general-info-section{align-items:flex-end;justify-content:center;margin-left:10px;padding:16px 0;padding:var(--space-16x,16px) var(--space-0x,0)}.general-info-box{align-items:flex-start;align-self:stretch;background:#fff;background:var(--alias-theme,#fff);border:1px solid #e3e4e6;border-radius:12px;border-radius:var(--corner-12x,12px);display:flex;flex-direction:column;padding-top:12px;width:100%}.general-info-box-header{border-bottom:1px solid #e3e4e6;font-size:16px;font-weight:700;padding-bottom:12px;padding-left:10px}.general-info-box-body,.general-info-box-header{background-color:#fff;box-sizing:border-box;color:#181719;color:var(--alias-primary-on-theme,#181719);font-style:normal;line-height:24px;text-align:left;width:100%}.general-info-box-body{flex-direction:column;font-size:14px;font-weight:600;gap:20px;gap:var(--space-20x,20px);margin-bottom:12px;padding:20px;padding:var(--space-20x,20px)}.general-info-box-body,.general-info-box-content{align-items:flex-start;align-self:stretch;display:flex}.general-info-box-content{align-content:flex-start;flex-wrap:wrap;gap:16px 32px;gap:16px var(--space-16x,32px)}.general-info-box-content-item{align-items:flex-start;display:flex;flex-direction:column;gap:4px;gap:var(--space-4x,4px);width:332px}.box-content-item-label-sub{color:#5e5d64;color:var(--alias-secondary-on-theme,#5e5d64);font-size:14px;font-weight:400;line-height:20px}.box-content-item-label-main,.box-content-item-label-sub{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-style:normal}.box-content-item-label-main{color:#181719;color:var(--alias-primary-on-theme,#181719);font-size:16px;font-weight:500;line-height:24px}.box-content-item-badge-green{background:#25a55e33;color:#25a55e}.box-content-item-badge-green,.box-content-item-badge-orange{align-items:flex-start;border-radius:16px;display:flex;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-style:normal;font-weight:400;gap:6px;gap:var(--space-6x,6px);justify-content:center;line-height:18px;padding:2px 6px;padding:var(--space-2x,2px) var(--space-6x,6px);text-align:center}.box-content-item-badge-orange{background:#ff8c2f80;color:#ff8c2f}.box-content-item-badge-red{align-items:flex-start;align-items:center;background:#d95f5933;border-radius:16px;color:#d95f59;display:flex;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-style:normal;font-weight:400;gap:6px;gap:var(--space-6x,6px);justify-content:center;line-height:18px;padding:2px 6px;padding:var(--space-2x,2px) var(--space-6x,6px);text-align:center}.box-content-item-image-holder{align-items:flex-start;align-self:stretch;background:#e3e4e6;border-radius:6px;display:flex;flex:0 0 240px;gap:4px;gap:var(--space-4x,4px);height:130px;justify-content:center;margin-bottom:8px;margin-right:8px;width:240px}.image-placeholder{cursor:pointer}.image-modal,.image-placeholder{transition:transform .3s ease-in-out}.image-modal{left:50%;max-height:80%;max-width:80%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.modal-overlay{height:100vh;width:100vw;z-index:9999}.modal{background-color:#00000080;display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal-content{background-color:#fff;border:1px solid #888;box-shadow:0 4px 6px #0000001a;margin:15% auto;width:30%}.btn-confirm{background-color:green}.btn-cancel,.btn-confirm{border:none;color:#fff;cursor:pointer;margin:10px;padding:10px 20px}.btn-cancel{background-color:red}.box-content-rejection-reason{color:#dc3545;font-weight:500}@media (max-width:1024px){.admin-teacher-detail-title{font-size:20px;line-height:28px}.admin-teacher-detail-title-buttons{gap:12px}.admin-teacher-detail-title-button-green,.admin-teacher-detail-title-button-red{font-size:14px;padding:8px 12px;width:75px}}@media (max-width:768px){.admin-teacher-detail-main{flex-direction:column}.admin-teacher-detail-content{margin-left:0;padding:12px;width:100%}.admin-teacher-detail-info-section{gap:15px}.admin-teacher-detail-title{align-items:flex-start;flex-direction:column;font-size:18px;gap:15px;line-height:24px}.admin-teacher-detail-title-buttons{gap:10px;justify-content:flex-start;width:100%}.admin-teacher-detail-title-button-green,.admin-teacher-detail-title-button-red{flex:1 1;font-size:13px;max-width:120px;min-width:70px;padding:8px 16px;width:auto}}@media (max-width:480px){.admin-teacher-detail-content{padding:8px}.admin-teacher-detail-title{font-size:16px;line-height:22px}.admin-teacher-detail-title-buttons{flex-direction:column;gap:8px;width:100%}.admin-teacher-detail-title-button-green,.admin-teacher-detail-title-button-red{font-size:14px;max-width:none;min-height:40px;padding:10px 20px;width:100%}.admin-teacher-detail-info-section{gap:12px}}@media screen and (max-width:768px){.teacher-main{margin-left:0!important}.box-content-item-label-main{justify-content:center;margin-bottom:20px}.teacher-main .path{margin-left:50px}}.course-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;margin-right:10px;padding:4px 8px}.course-status-badge .course-status-dot{border-radius:50%;height:8px;margin-right:8px;width:8px}.course-status-badge.public{background-color:#e8f5e9;color:#4caf50}.course-status-badge.public .course-status-dot{background-color:#4caf50}.course-status-badge.private{background-color:#fff3cd;color:orange}.course-status-badge.private .course-status-dot{background-color:orange}.course-list-item{align-items:center;background:#fff;border:1px solid #e3e4e6;border-radius:12px;display:flex;flex-direction:row;margin-bottom:16px;overflow:hidden;transition:transform .2s ease-in-out;width:100%}.course-list-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.course-list-item .course-image{align-items:center;display:flex;flex-shrink:0;height:130px;justify-content:center;margin-left:20px;margin-right:20px;width:240px}.course-list-item .course-image img{border-radius:10px;height:100%;object-fit:cover;width:100%}.course-list-item .course-info{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:0;padding:20px}.course-list-item .course-title{color:#181719;font-size:18px;font-weight:600;margin:0}.course-list-item .course-description{color:#5e5d64;font-size:14px;margin:0}.course-list-item .course-details{display:flex;flex-wrap:wrap;gap:12px}.course-date,.course-teacher{color:#181719;font-size:14px;font-weight:500;margin-right:12px}@media (max-width:1024px){.course-list-item{align-items:center;flex-direction:column}.course-list-item .course-image{height:100%;margin:20px 0 0;width:90%}.course-list-item .course-info{align-items:center;padding:20px;text-align:center;width:100%}}@media (max-width:768px){.course-list-item{align-items:center;flex-direction:column}.course-list-item .course-image{height:160px;margin:0;object-fit:cover;width:100%}.course-list-item .course-info{align-items:flex-start;gap:25px;padding:20px;text-align:left;width:100%}.course-list-item .course-info .course-title{text-align:left}.course-list-item .course-details{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.course-list-item .course-details>.course-status-badge{margin-right:auto;order:0}.course-list-item .course-details>.course-teacher{margin-left:auto;order:1}.course-list-item .course-details>.course-date{order:2}.course-list-item .course-details>.course-date:nth-of-type(2){order:3}.course-list-item .course-details>.course-status-badge,.course-list-item .course-details>.course-teacher{flex:0 0 auto}.course-list-item .course-details>.course-date{flex:0 0 100%}.course-list-item .course-details>.course-date:nth-child(3){border-top:1px solid #e3e4e6;margin-top:8px;padding-top:8px}.course-date,.course-teacher{color:#181719;font-size:14px;font-weight:500;margin-right:12px}}.courses-grid-view{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px}.course-grid-card{background:#fff;border:1px solid #e3e4e6;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease}.course-grid-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-5px)}.course-grid-image{flex-shrink:0;height:160px;width:100%}.course-grid-image img{height:100%;object-fit:cover;width:100%}.course-grid-info{align-items:flex-start;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:16px}.course-grid-title{color:#181719;font-size:18px;font-weight:600;margin:0 0 8px}.course-grid-description,.course-grid-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;height:2.8em;line-height:1.4;overflow:hidden;text-overflow:ellipsis;width:100%}.course-grid-description{color:#5e5d64;font-size:14px;margin:0 0 16px}.course-grid-footer{display:flex;flex-direction:column;gap:12px;width:100%}.course-grid-status-row{align-items:center;display:flex;gap:8px;width:100%}.course-grid-card .course-grid-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;margin-right:12px;padding:4px 8px}.course-grid-card .course-grid-status-badge .course-grid-status-dot{border-radius:50%;height:8px;margin-right:8px;width:8px}.course-grid-card .course-grid-status-badge.public{background-color:#e8f5e9;color:#4caf50}.course-grid-card .course-grid-status-badge.public .course-grid-status-dot{background-color:#4caf50}.course-grid-card .course-grid-status-badge.private{background-color:#fff3cd;color:orange}.course-grid-card .course-grid-status-badge.private .course-grid-status-dot{background-color:orange}.course-grid-teacher{color:#181719;font-size:14px;font-weight:500}.course-grid-dates{display:flex;flex-wrap:wrap;gap:12px}.course-date{color:#74747d;font-size:13px}:root{--admin-course-primary-color:#3d8fef;--admin-course-border-color:#e0e4e7;--admin-course-text-color:#2c3e50;--admin-course-text-muted:#6b7280;--admin-course-hover-bg:#f8f9ff;--admin-course-shadow:0 2px 4px #0000000d;--admin-course-shadow-hover:0 2px 8px #3d8fef1a;--admin-course-focus-ring:0 0 0 3px #3d8fef1a}.admin-course-list{background-color:#fff;display:flex;flex-direction:column;margin-right:0!important;min-height:calc(100vh - 40px);padding:20px}.admin-course-container .admin-course-list{padding-left:4rem;padding-right:4rem}.admin-course-topbar{gap:10px;margin-bottom:20px}.admin-course-filter-container,.admin-course-search-container{align-items:center;background-color:#fff;border:1px solid #e0e4e7;border:1px solid var(--admin-course-border-color);border-radius:12px;box-shadow:0 2px 4px #0000000d;box-shadow:var(--admin-course-shadow);display:flex;padding:10px 14px;transition:all .3s ease}.admin-course-filter-container:hover,.admin-course-search-container:hover{border-color:#3d8fef;border-color:var(--admin-course-primary-color);box-shadow:0 2px 8px #3d8fef1a;box-shadow:var(--admin-course-shadow-hover)}.admin-course-filter-container:focus-within,.admin-course-search-container:focus-within{border-color:#3d8fef;border-color:var(--admin-course-primary-color);box-shadow:0 0 0 3px #3d8fef1a;box-shadow:var(--admin-course-focus-ring)}.admin-course-search-input{border:none;color:#2c3e50;flex:1 1;font-size:15px;font-weight:400;outline:none}.admin-course-search-input::placeholder{color:#9ca3af;font-weight:400}.admin-course-filter-container{cursor:pointer;min-width:140px}.admin-course-filter-select{background:#0000;border:none;color:#2c3e50;cursor:pointer;font-size:15px;font-weight:500;min-width:80px;outline:none;padding-right:20px}.admin-course-filter-select:hover{color:#3d8fef}.admin-course-filter-button{align-items:center;display:flex;gap:8px;width:100%}.admin-course-filter-icon{color:#6b7280;font-size:20px!important;transition:color .3s ease}.admin-course-filter-container:hover .admin-course-filter-icon{color:#3d8fef}.admin-course-view-mode-container{align-items:center;background-color:#fff;border:1px solid #e0e4e7;border:1px solid var(--admin-course-border-color);border-radius:12px;box-shadow:0 2px 4px #0000000d;box-shadow:var(--admin-course-shadow);cursor:pointer;display:flex;padding:10px 14px;position:relative;transition:all .3s ease}.admin-course-view-mode-container:hover{background-color:#f8f9ff;background-color:var(--admin-course-hover-bg);border-color:#3d8fef;border-color:var(--admin-course-primary-color);box-shadow:0 2px 8px #3d8fef1a;box-shadow:var(--admin-course-shadow-hover)}.admin-course-view-mode-container:focus-within{border-color:#3d8fef;border-color:var(--admin-course-primary-color);box-shadow:0 0 0 3px #3d8fef1a;box-shadow:var(--admin-course-focus-ring)}.admin-course-view-mode-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0000;border:none;color:#2c3e50;color:var(--admin-course-text-color);cursor:pointer;font-size:15px;font-weight:500;outline:none;padding-right:25px;width:100%}.admin-course-view-mode-select:focus,.admin-course-view-mode-select:hover{color:#3d8fef;color:var(--admin-course-primary-color)}.admin-course-view-mode-select:focus{outline:none}.admin-course-view-mode-container:after{color:#6b7280;color:var(--admin-course-text-muted);content:"⚏";font-size:14px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .3s ease}.admin-course-view-mode-container:hover:after{color:#3d8fef;color:var(--admin-course-primary-color);transform:translateY(-50%) scale(1.1)}.admin-course-view-mode-select option{background-color:#fff;border:none;color:#2c3e50;color:var(--admin-course-text-color);font-size:14px;font-weight:500;padding:10px 14px}.admin-course-view-mode-select option:hover{background-color:#f8f9fa}.admin-course-view-mode-select option:checked{background-color:#3d8fef;background-color:var(--admin-course-primary-color);color:#fff;font-weight:600}.admin-course-view-mode-container.active{background-color:#f8f9ff;background-color:var(--admin-course-hover-bg);border-color:#3d8fef;border-color:var(--admin-course-primary-color)}.admin-course-view-mode-container.active:after{color:#3d8fef;color:var(--admin-course-primary-color);transform:translateY(-50%) rotate(180deg)}.admin-course-view-mode-container.open:after{transform:translateY(-50%) rotate(180deg)}.admin-course-view-mode-container.loading{opacity:.6;pointer-events:none}.admin-course-view-mode-container.loading:after{animation:spin 1s linear infinite;content:"⟳"}.admin-course-filter-select option{background-color:#fff;color:#2c3e50;font-size:14px;font-weight:500;padding:8px 12px}.admin-course-filter-select option:hover{background-color:#f8f9fa}.admin-course-filter-select option:checked{background-color:#3d8fef;color:#fff}.admin-course-filter-select:focus{outline:none}.admin-course-filter-container:focus-within{border-color:#3d8fef;box-shadow:0 0 0 3px #3d8fef1a}.admin-course-filter-container.filtering{background-color:#f8f9ff;border-color:#3d8fef}.admin-course-filter-container.filtering .admin-course-filter-icon{animation:pulse 1.5s infinite;color:#3d8fef}.admin-course-topbar{align-items:stretch;display:flex;gap:12px;margin-bottom:24px}.admin-course-search-container{flex:2 1;min-width:200px}.admin-course-filter-container{flex:0 0 160px}.admin-course-view-mode-container{flex:0 0 140px}.admin-course-table-content{min-height:400px;position:relative}.admin-course-list-loading-container{align-items:center;background-color:#ffffffe6;border-radius:8px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0}.admin-course-table{border-collapse:collapse;width:100%}.admin-course-table td,.admin-course-table th{border-bottom:1px solid #e2e6ea;padding:12px;text-align:left}.admin-course-pagination-controls{align-items:center;border-top:1px solid #e3e4e6;display:flex;flex-direction:column;overflow-x:auto;padding:12px;width:auto}.admin-course-pagination-buttons{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;max-width:100%;overflow-x:auto}.admin-course-index{color:#5e5d64;font-weight:500;padding:12px}.admin-course-pagination-buttons button{font-size:14px;min-width:32px;padding:4px 8px}.admin-course-pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.admin-course-pagination-controls button.active{background-color:#3d8fef;border-color:#3d8fef;color:#fff}.admin-course-pagination-controls button:hover:not(:disabled){background-color:#f5f5f5}.admin-course-pagination-controls button.active:hover{background-color:#3d8fef}.admin-course-courses-grid{display:flex;flex-direction:column;gap:16px;padding:16px}.admin-course-course-card{background:#fff;border:1px solid #e3e4e6;border-radius:12px;display:flex;overflow:hidden}.admin-course-course-info{flex:1 1;padding:16px}.admin-course-course-title{color:#181719;font-size:18px;font-weight:600;margin:0 0 8px}.admin-course-course-description{-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;word-wrap:break-word;color:#5e5d64;display:-webkit-box;font-size:14px;-webkit-hyphens:none;hyphens:none;margin:0 0 16px;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;width:100%;word-break:break-word}.admin-course-course-details{align-items:center;display:flex;gap:16px}.admin-course-course-date,.admin-course-course-teacher{color:#74747d;font-size:14px}.admin-course-view-toggle{background:#fff;border:1px solid #74747d;border-radius:12px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.admin-course-view-toggle.active{background:#3d8fef;border-color:#3d8fef;color:#fff}.admin-course-courses-grid-view{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px}.admin-course-course-grid-card{background:#fff;border:1px solid #e3e4e6;border-radius:12px;overflow:hidden;transition:transform .3s ease}.admin-course-course-grid-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-5px)}.admin-course-course-grid-image{height:160px;width:100%}.admin-course-course-grid-image img{height:100%;object-fit:cover;width:100%}.admin-course-course-grid-info{padding:16px}.admin-course-course-grid-title{color:#181719;font-size:18px;font-weight:600;margin-bottom:8px}.admin-course-course-grid-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#5e5d64;display:-webkit-box;font-size:14px;margin-bottom:16px;overflow:hidden}.admin-course-course-grid-footer{display:flex;flex-direction:column;gap:12px}.admin-course-course-grid-status-row{align-items:center;display:flex;justify-content:space-between}.admin-course-course-grid-dates{border-top:1px solid #e3e4e6;display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:12px}.admin-course-course-grid-teacher{color:#74747d;font-size:14px}.admin-course-course-date{color:#74747d;font-size:13px}.admin-course-no-results{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.admin-course-no-results p{font-size:16px;margin:0}.admin-course-popup{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-course-popup-content{background:#fff;border-radius:8px;margin:20px;max-width:400px;padding:20px;text-align:center}.admin-course-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3d8fef;height:40px;margin-bottom:16px;width:40px}.admin-course-loading-text{color:#666;font-size:16px;margin:0}@media (max-width:768px){.admin-course-header{padding:1rem 2rem;text-align:center}.admin-course-container{margin-left:0}.admin-course-list{margin-left:0!important;margin-right:0!important;padding-left:1rem!important;padding-right:1rem!important}.admin-course-topbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.admin-course-search-container{flex:1 0 100%;margin-bottom:10px;max-width:100%!important;width:100%}.admin-course-filter-container,.admin-course-view-mode-container{flex:1 1;min-width:120px}.admin-course-filter-container{margin-right:10px}.admin-course-filter-container,.admin-course-search-container,.admin-course-view-mode-container{font-size:14px;padding:8px 12px}.admin-course-filter-select{font-size:14px;min-width:70px}.admin-course-filter-icon{font-size:18px!important}.admin-course-filter-button{gap:6px}}@media (max-width:1024px) and (min-width:769px){.admin-course-topbar{gap:15px}.admin-course-filter-container{flex:0 0 180px}.admin-course-view-mode-container{flex:0 0 160px}.admin-course-view-mode-container:after{font-size:13px}.admin-course-view-mode-select{font-size:14px}}@media (max-width:480px){.admin-course-header{padding:1rem!important}.admin-course-list{padding:10px!important}.admin-course-topbar{gap:8px;margin-bottom:15px}.admin-course-filter-container,.admin-course-search-container,.admin-course-view-mode-container{font-size:13px;padding:6px 10px}.admin-course-filter-container,.admin-course-view-mode-container{min-width:100px}.admin-course-filter-container{margin-right:8px}.admin-course-filter-select{font-size:13px;min-width:60px;padding-right:15px}.admin-course-view-mode-select{font-size:13px;padding-right:20px}.admin-course-view-mode-container:after{font-size:11px;right:8px}.admin-course-filter-icon{font-size:16px!important}.admin-course-filter-button{gap:4px}.admin-course-topbar.stacked .admin-course-filter-container,.admin-course-topbar.stacked .admin-course-view-mode-container{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:0}.admin-course-filter-icon{display:none}.admin-course-filter-select,.admin-course-view-mode-select{line-height:1.4;min-height:36px}}@media (max-width:768px) and (orientation:landscape){.admin-course-topbar{gap:12px}.admin-course-search-container{flex:1 0 60%}.admin-course-filter-container,.admin-course-view-mode-container{flex-basis:calc(20% - 6px);flex-grow:1;flex-shrink:0;min-width:90px}.admin-course-filter-icon{display:inline-block;font-size:16px!important}.admin-course-view-mode-select{font-size:14px}.admin-course-view-mode-container:after{font-size:12px}}@media (min-width:1440px){.admin-course-topbar{gap:20px;margin-bottom:30px}.admin-course-filter-container{flex:0 0 200px}.admin-course-view-mode-container{flex:0 0 180px}.admin-course-filter-container,.admin-course-search-container,.admin-course-view-mode-container{padding:12px 16px}.admin-course-view-mode-select{font-size:16px}.admin-course-view-mode-container:after{font-size:15px;right:14px}}.course-dashboard-container{height:auto;padding:2rem 0 4rem}.course-dashboard-headpart{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:1200px;padding:2rem 0;position:relative;z-index:1}.course-dashboard-headpart-infobox{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:1.5rem;box-shadow:0 20px 40px #0000001a,0 1px 3px #0000000d;display:flex;flex:1 1;flex-direction:row;justify-content:space-between;max-width:350px;min-width:280px;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.course-dashboard-headpart-infobox:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.course-dashboard-headpart-infobox:hover{box-shadow:0 30px 60px #00000026,0 5px 15px #0000001a;transform:translateY(-8px) scale(1.02)}.course-dashboard-headpart-infobox-text{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1;margin-bottom:.5rem}.stat-label{color:#64748b;font-size:1.2rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.icon-wrapper{align-items:center;border-radius:20px;display:flex;height:80px;justify-content:center;overflow:hidden;position:relative;width:80px}.icon-wrapper:before{border-radius:20px;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.icon-wrapper img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:48px;object-fit:contain;transition:transform .3s ease;width:48px}.course-dashboard-headpart-infobox:hover .icon-wrapper img{transform:scale(1.1) rotate(5deg)}.blue-bg{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.yellow-bg{background:linear-gradient(135deg,#fff8e1,#ffecb3)}.green-bg{background:linear-gradient(135deg,#e0f7fa,#b2ebf2)}.my-courses-course-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:1200px;padding:0 2rem;position:relative;z-index:1}.my-courses-course-toolbar-search{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #fff3;border-radius:1rem;box-shadow:0 4px 16px #0000000d;display:flex;flex:1 1;max-width:40rem;padding:1rem 1.25rem;transition:all .3s ease}.my-courses-course-toolbar-search:focus-within{border-color:#fffc;box-shadow:0 8px 25px #0000001a,0 0 0 4px #ffffff1a;transform:translateY(-2px)}.my-courses-course-toolbar-box-icon{color:#64748b;font-size:1.25rem;margin-right:.75rem;transition:transform .2s ease}.my-courses-course-toolbar-search:focus-within .my-courses-course-toolbar-box-icon{color:#667eea;transform:scale(1.1)}.my-courses-course-toolbar-search-input{background:#0000;border:none;color:#1f2937;flex:1 1;font-size:1rem;font-weight:500;height:2rem;outline:none}.my-courses-course-toolbar-search-input::placeholder{color:#94a3b8;font-weight:400}.my-courses-course-toolbar-buttons{display:flex;flex-wrap:wrap;gap:1rem}.my-courses-course-toolbar-blue-button,.my-courses-course-toolbar-white-button{align-items:center;border:none;border-radius:1rem;box-shadow:0 4px 16px #00000014;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.my-courses-course-toolbar-blue-button:before,.my-courses-course-toolbar-white-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.my-courses-course-toolbar-blue-button:hover:before,.my-courses-course-toolbar-white-button:hover:before{left:100%}.my-courses-course-toolbar-white-button{background:#fffffff2;border:2px solid #667eea4d;color:#667eea}.my-courses-course-toolbar-white-button:hover{background:#fff;border-color:#667eea;box-shadow:0 8px 25px #667eea33;color:#5a67d8;transform:translateY(-2px)}.my-courses-course-toolbar-blue-button{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b98140;color:#fff}.my-courses-course-toolbar-blue-button:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.ea90-course-list{margin:0 auto;max-width:1200px;padding:0 2rem 1rem;position:relative;z-index:1}.my-courses{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:center;justify-items:center;margin-bottom:4rem;padding:1rem 0}.my-courses-title{color:#fffffff2;font-size:1.75rem;font-weight:700;grid-column:1/-1;letter-spacing:.1em;margin:2rem 0 1rem;padding-left:1rem;position:relative;text-transform:uppercase}.my-courses-title:before{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:2px;content:"";height:2rem;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.my-courses-no-courses{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:1rem;color:#ffffffb3;font-size:1.1rem;grid-column:1/-1;margin:3rem 0;padding:2rem;text-align:center}.pagination-container{gap:.5rem;margin:2rem 0}.pagination-button,.pagination-container{align-items:center;display:flex;justify-content:center}.pagination-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:.75rem;color:#667eea;cursor:pointer;font-weight:600;min-width:45px;padding:.75rem 1rem;transition:all .3s ease}.pagination-button:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.pagination-button.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.pagination-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.pagination-button:disabled:hover{box-shadow:none;transform:none}.three-dots{font-weight:500}.pagination-info,.three-dots{color:#fffc;font-size:.9rem;margin:0 1rem;text-align:center}.spinner-container{background:linear-gradient(135deg,#667eea,#764ba2);height:100vh}.spinner{border:4px solid #ffffff4d;border-top-color:#fff;height:60px;margin-bottom:1.5rem;width:60px}.spinner-text{color:#ffffffe6;font-size:1.1rem;font-weight:500;letter-spacing:.5px}.course-dashboard-container>*{animation:fadeInUp .6s ease-out}.course-dashboard-headpart{animation-delay:.1s}.my-courses-course-toolbar{animation-delay:.2s}.ea90-course-list:nth-child(3){animation-delay:.3s}.ea90-course-list:nth-child(4){animation-delay:.4s}@media screen and (max-width:1024px){.course-dashboard-headpart{gap:1.5rem;padding:1.5rem}.course-dashboard-headpart-infobox{min-width:260px;padding:1.5rem}.stat-number{font-size:3rem}.my-courses{gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));justify-content:center;justify-items:center}.pagination-container{flex-wrap:wrap;gap:.25rem}.pagination-button{font-size:.9rem;min-width:40px;padding:.5rem .75rem}}@media screen and (max-width:768px){.course-dashboard-container{padding:1rem 0}.course-dashboard-headpart{flex-direction:column;gap:1rem;padding:1rem 0}.course-dashboard-headpart-infobox{max-width:100%;min-width:auto;padding:1.5rem;width:80%}.stat-number{font-size:2.5rem}.stat-label{font-size:1rem}.icon-wrapper{height:64px;width:64px}.icon-wrapper img{height:40px;width:40px}.my-courses-course-toolbar{flex-direction:column;gap:1rem;margin:0 0 2rem;padding:0 1rem}.my-courses-course-toolbar-search{max-width:none;width:calc(100% - 3rem + 4px)}.my-courses-course-toolbar-buttons{justify-content:center;width:100%}.my-courses-course-toolbar-blue-button,.my-courses-course-toolbar-white-button{font-size:1rem;padding:.75rem;width:calc(50% - 2rem - 16px)}.ea90-course-list{padding:0 1rem 1rem}.my-courses{gap:1.5rem;grid-template-columns:1fr;justify-content:center;justify-items:center}.my-courses-title{font-size:1.5rem;margin:1.5rem 0 .5rem}.pagination-container{margin:1.5rem 0}.pagination-info{margin-bottom:1rem;order:-1;text-align:center}}.container{border:0;position:relative}.newCourse-header{position:relative;z-index:100}.newCourse-container{display:flex;font-family:Inter,Segoe UI,Roboto,sans-serif;gap:0;margin:0;padding:0;width:100%}.newCourse-container,.newCourse-main{box-sizing:border-box;min-height:calc(100vh - 60px)}.newCourse-main{background:#0000;height:auto;overflow-x:hidden;padding:20px 28px 28px;position:relative;width:85%;z-index:1}.newCourse-title{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;box-sizing:border-box;margin:0 0 24px;overflow:hidden;padding:24px;position:relative}.newCourse-title:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.newCourse-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:32px;font-weight:700;line-height:1.2;margin:0}.newCourse-image-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;box-sizing:border-box;display:block;margin:0 0 24px;overflow:hidden;padding:24px;position:relative;width:100%}.newCourse-image-container:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.newCourse-lesson-background{border:none;border-radius:20px;box-shadow:0 15px 35px #00000026;box-sizing:border-box;height:250px;margin:0 0 16px;max-width:400px;object-fit:cover;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.newCourse-lesson-background:hover{box-shadow:0 25px 50px #0003;transform:translateY(-5px) scale(1.02)}.change-image-button{align-items:center;box-sizing:border-box;margin:0}.btn-change-image{background:#10b981;box-shadow:0 4px 16px #10b9814d;display:flex;overflow:hidden;position:relative}.btn-change-image:hover{background:#059669;box-shadow:0 6px 20px #10b98166}.newCourse-form-group{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;box-sizing:border-box;margin:0 0 24px;overflow:hidden;padding:24px;position:relative}.newCourse-form-group:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.newCourse-label{color:#374151;display:block;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;margin:0 0 12px}.required-mark{font-weight:700}.newCourse-input,.newCourse-select,.newCourse-textarea{background:#fffc;border:2px solid #ff8a0033;border-radius:12px;box-sizing:border-box;color:#374151;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;outline:none;padding:16px 20px;transition:all .3s ease;width:100%}.newCourse-input:focus,.newCourse-select:focus,.newCourse-textarea:focus{background:#fffffff2;border-color:#ff8a00;box-shadow:0 0 0 3px #ff8a001a}.newCourse-textarea{line-height:1.5;min-height:120px;resize:vertical}.newCourse-char-count-wrap{box-sizing:border-box;display:flex;justify-content:flex-end;margin:8px 0 0}.newCourse-char-count{color:#6b7280;font-size:14px;font-weight:500}.newCourse-sub-header{background:#0000;justify-content:space-between;margin:0 0 20px;width:100%;z-index:10}.newCourse-breadcrumb,.newCourse-sub-header{align-items:center;box-sizing:border-box;display:flex}.newCourse-breadcrumb{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#ffffffe6;font-weight:500;gap:8px;padding:16px 24px;transition:all .3s ease}.newCourse-breadcrumb span{color:#ffffffe6}.newCourse-breadcrumb span:last-child{color:#fbbf24;font-weight:600}.newCourse-breadcrumb:hover{background:#ffffff26;transform:translateY(-1px)}.newCourse-breadcrumb-link{color:#ffffffe6;cursor:pointer;font-weight:500;transition:all .3s ease}.newCourse-breadcrumb-link:hover{color:#fff;cursor:pointer;text-decoration:underline}.newCourse-actions{box-sizing:border-box;display:flex;gap:12px;justify-content:flex-start}.newCourse-edit-btn{align-items:center;background:#3b82f6;border:none;border-radius:12px;box-shadow:0 4px 16px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.newCourse-edit-btn:hover{background:#2563eb;box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.newCourse-edit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.newCourse-delete-btn{align-items:center;background:#ef4444;border:none;border-radius:12px;box-shadow:0 4px 16px #ef44444d;color:#fff;cursor:pointer;display:flex;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.newCourse-delete-btn:hover{background:#dc2626;box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.newCourse-description-wrap,.newCourse-title-wrap{word-wrap:break-word;white-space:pre-wrap}@media screen and (max-width:1024px) and (min-width:769px){.newCourse-actions{gap:10px;justify-content:flex-start}.newCourse-delete-btn,.newCourse-edit-btn{font-size:15px;padding:10px 20px}}@media screen and (max-width:768px){.container,.newCourse-container{flex-direction:column}.newCourse-container{gap:0;min-height:auto;padding:0}.newCourse-main{margin-left:0;max-height:none;padding:16px 20px 20px;width:100%}.newCourse-sub-header{align-items:stretch;flex-direction:column;gap:12px;margin:20px 0 16px;padding:0 4px}.newCourse-breadcrumb{font-size:14px;padding:12px 16px}.newCourse-actions{flex-wrap:wrap;gap:8px;justify-content:flex-start;width:100%}.newCourse-delete-btn,.newCourse-edit-btn{flex:0 0 auto;font-size:14px;justify-content:center;min-width:100px;padding:10px 20px;text-align:center}.newCourse-title h2{font-size:24px;margin-top:0}.newCourse-form-group,.newCourse-image-container{margin:0 0 16px;padding:16px}.newCourse-image-container{text-align:center}.newCourse-image-container .change-image-button{margin-top:-20px}.change-image-button .btn-change-image{margin-left:0}.newCourse-lesson-background{height:200px;margin-bottom:0;max-width:300px;width:100%}.newCourse-input,.newCourse-textarea{font-size:16px;padding:12px 16px}.newCourse-textarea{min-height:100px}.newCourse-description-wrap,.newCourse-title-wrap{width:100%}}@media screen and (max-width:480px){.newCourse-main{padding:12px 16px 16px}.newCourse-title h2{font-size:20px}.newCourse-lesson-background{height:150px;max-width:250px}.newCourse-delete-btn,.newCourse-edit-btn{font-size:13px;gap:4px;min-width:80px;padding:8px 16px}.newCourse-actions{gap:6px;justify-content:flex-start}}body{padding:0}body,html{background:linear-gradient(135deg,#667eea,#764ba2)!important;min-height:100vh}.course-dashboard-container{background:linear-gradient(135deg,#667eea,#764ba2);border:0;font-family:Inter,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;padding:0;position:relative;width:100%}.course-header{align-items:flex-start;background:#fffffff2;border:1px solid #ffffff4d;box-shadow:0 20px 40px #0000001a,0 1px 3px #0000000d;flex-direction:column;gap:20px;margin:24px;padding:32px;z-index:1}.course-header:before{background:linear-gradient(90deg,#667eea,#764ba2);height:4px}.course-actions-above-image{align-items:center;box-sizing:border-box;margin:0 0 16px}.action-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 16px #00000014;cursor:pointer;display:flex;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.action-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-btn:hover:before{left:100%}.edit-btn{background:#3b82f6;border:none;box-shadow:0 2px 8px #3b82f64d;color:#fff}.edit-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.publish-btn{background:#10b981;border:none;box-shadow:0 2px 8px #10b9814d;color:#fff}.publish-btn:hover{background:#059669;box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.private-btn{background:#6b7280;border:none;box-shadow:0 2px 8px #6b72804d;color:#fff;font-weight:600}.private-btn:hover{background:#4b5563;box-shadow:0 4px 12px #6b728066;transform:translateY(-2px)}.delete-btn{background:#ef4444;border:none;box-shadow:0 2px 8px #ef44444d;color:#fff}.delete-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.course-breadcrumb-link{color:#ffffffe6;cursor:pointer;font-weight:500;transition:all .3s ease}.course-breadcrumb-link:hover{color:#fff;cursor:pointer;text-decoration:underline}.cc-button-blue{background:#8b5cf6}.cc-button-redborder{border:1px solid #ef4444;color:#ef4444}.confirm-button.cancel{background-color:#6b7280}.confirm-button.confirm{background-color:#ef4444}.create-lesson-form{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 8px #0000001a;padding:2rem;text-align:center;width:50%}.create-lesson-form h2{font-size:1.5rem;margin-bottom:1.5rem}.create-lesson-form input,.create-lesson-form textarea{border:1px solid #ccc;border-radius:.25rem;margin-bottom:1rem;padding:.5rem}.create-lesson-form textarea{height:10rem;resize:none}.confirm-button-confirm{background:#8b5cf6;border-radius:.75rem;margin-right:1rem}.confirm-button-cancel,.confirm-button-confirm{align-items:center;display:flex;gap:0;height:2rem;justify-content:center;min-width:6rem;padding:.5rem;width:6rem}.confirm-button-cancel{border:1px solid #8b5cf6;border-radius:.75rem;color:#8b5cf6}.course-content-wrapper{display:flex;flex-direction:row;height:calc(100vh - 72px);width:100%}.course-content-wrapper,.course-main-content{background:#0000;box-sizing:border-box;z-index:1}.course-main-content{overflow-x:hidden;padding:20px 28px 28px;position:relative;width:85%}.course-breadcrumb{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-sizing:border-box;color:#ffffffe6;font-weight:500;margin:0 0 20px;padding:16px 24px}.course-breadcrumb span:last-child{color:#fbbf24;font-weight:600}.course-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;box-sizing:border-box;display:flex;flex-wrap:wrap;margin:0;max-width:100%;overflow:hidden;padding:24px;position:relative}.course-header:before{background:linear-gradient(135deg,#ff8a0008,#e52e7108);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.course-cover-image{border:none;border-radius:20px;box-shadow:0 15px 35px #00000026;box-sizing:border-box;margin:0 0 20px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.course-cover-image:hover{box-shadow:0 25px 50px #0003;transform:translateY(-5px) scale(1.02)}.course-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;box-sizing:border-box;color:#2d3748;font-size:32px;font-weight:700;line-height:1.2;margin:0 0 12px}.course-description{-webkit-line-clamp:unset!important;line-clamp:none!important;-webkit-box-orient:unset!important;background:#fffc;border-left:4px solid #ff8a00;border-radius:12px;box-shadow:0 2px 10px #0000000d;box-sizing:border-box;color:#4a5568;display:block!important;font-size:16px;height:auto!important;line-height:1.6;margin:0;max-height:none!important;overflow:visible!important;padding:16px;text-overflow:clip!important;white-space:pre-wrap!important;word-break:break-word}.course-description-wrap,.course-title-wrap{word-wrap:break-word;overflow:visible!important;overflow:initial!important;white-space:pre-wrap}.modal-overlay{animation:fadeIn .3s ease}.modal-content{animation:modalIn .3s ease forwards;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 25px 50px #00000040;padding:32px;transform:scale(.9);width:500px}.modal-content input,.modal-content textarea{background:#ffffffe6;border:2px solid #ff8a0033;border-radius:12px;font-size:16px;margin:12px 0;padding:12px 16px;transition:all .3s ease;width:100%}.modal-content input:focus,.modal-content textarea:focus{background:#fff;border-color:#ff8a00;box-shadow:0 0 0 3px #ff8a001a;outline:none}.action-btn.save-btn,.btn-save,.submit-btn{background:#10b981;border:none;border-radius:12px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.action-btn.save-btn:hover,.btn-save:hover,.submit-btn:hover{background:#059669;box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.action-btn.edit-btn,.btn-edit,.edit-button{background:#3b82f6;border:none;border-radius:12px;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.action-btn.edit-btn:hover,.btn-edit:hover,.edit-button:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.action-btn.delete-btn,.btn-delete,.delete-button{background:#ef4444;border:none;border-radius:12px;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.action-btn.delete-btn:hover,.btn-delete:hover,.delete-button:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.delete-button:disabled{background:#6b7280;box-shadow:0 2px 8px #6b728033;cursor:not-allowed;transform:none}.action-btn.cancel-btn,.btn-cancel,.cancel-button{background:#6b7280;border:none;border-radius:12px;box-shadow:0 2px 8px #6b72804d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.action-btn.cancel-btn:hover,.btn-cancel:hover,.cancel-button:hover{background:#4b5563;box-shadow:0 4px 12px #6b728066;transform:translateY(-2px)}.action-btn.publish-btn,.btn-publish,.publish-button{background:#10b981;border:none;border-radius:12px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.action-btn.publish-btn:hover,.btn-publish:hover,.publish-button:hover{background:#059669;box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.action-btn.private-btn,.btn-private,.private-button{background:#6b7280;border:none;border-radius:12px;box-shadow:0 2px 8px #6b72804d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.action-btn.private-btn:hover,.btn-private:hover,.private-button:hover{background:#4b5563;box-shadow:0 4px 12px #6b728066;transform:translateY(-2px)}.course-actions-above-image{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.edit-button{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;padding:8px 16px}.course-info-wrapper{word-wrap:break-word;flex:1 1 100%;max-width:100%;overflow-wrap:break-word}.course-lessons-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #ffffff4d;border-radius:15px;height:calc(100vh - 200px);margin-top:20px;overflow-y:auto;padding:0 20px 20px 0}.course-lessons-container::-webkit-scrollbar{width:8px}.course-lessons-container::-webkit-scrollbar-track{background:#f1f1f14d;border-radius:10px}.course-lessons-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff8a00,#e52e71);border:2px solid #ffffff4d;border-radius:10px}.course-lessons-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#e67800,#d91a5b)}@media screen and (max-width:768px){.course-dashboard-container{overflow-x:hidden;width:100%}.course-content-wrapper{box-sizing:border-box;display:flex;flex-direction:column;height:auto;margin:0;padding:0;width:100%}.course-main-content{box-sizing:border-box;margin:0;overflow-x:hidden;padding:12px;width:100%}.course-breadcrumb{box-sizing:border-box;margin:0 0 12px;padding:12px 16px}.course-header{box-sizing:border-box;margin:0;padding:12px}.course-actions-above-image{grid-gap:8px;display:grid;flex-wrap:wrap;gap:6px;grid-template-columns:1fr 1fr;margin:0 0 12px;padding:0}.course-actions-above-image .action-btn:nth-child(3){grid-column:1/-1}.action-btn{box-sizing:border-box;font-size:11px;font-weight:600;margin:0;min-width:0;overflow:hidden;padding:10px 8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.course-cover-image{box-sizing:border-box;height:auto;margin:0 0 12px;max-width:100%;padding:0;width:100%}.course-info-wrapper{box-sizing:border-box;margin:0;padding:8px 0;width:100%}.course-title{font-size:22px;line-height:1.3;margin:0 0 8px;padding:0}.course-description,.course-title{word-wrap:break-word;overflow-wrap:break-word}.course-description{background:#fffc;border-left:3px solid #ff8a00;border-radius:8px;font-size:16px;line-height:1.5;margin:0;padding:12px}.course-lessons-container{box-sizing:border-box;margin:12px 0 0;padding:12px}}.loading-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;font-family:Inter,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh}.loading-screen p{animation:pulse 2s infinite;font-size:1.5rem;font-weight:600;margin-top:2rem}.course-cover-image{border-radius:16px;box-shadow:0 10px 30px #0003;height:250px;max-width:400px;object-fit:cover;transition:transform .3s ease;width:100%}.course-cover-image:hover{transform:scale(1.02)}.course-info-wrapper{margin-top:24px}.course-info-wrapper .course-title{font-size:2.5rem;margin-bottom:16px}.course-info-wrapper .course-description{color:#64748b;font-size:1.1rem;line-height:1.6;max-width:800px}.modal-overlay{background:#00000080;bottom:0;right:0}.modal-content{background:#fff;border-radius:8px;padding:20px;text-align:center}.modal-content h2{margin-top:0}.modal-content button{background:#3d8fef;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.course-sidebar{background:#fff;border-right:1px solid #e5e7eb;box-shadow:2px 0 10px #00000014;padding:0;width:15%}.course-sidebar,.sidebar-menu{box-sizing:border-box;margin:0}.sidebar-menu{padding:24px 16px}.sidebar-logo{border-bottom:1px solid #e5e7eb;box-sizing:border-box;margin:0 0 24px;padding:20px 0 24px;text-align:center}.sidebar-logo h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:18px;font-weight:700;margin:0;padding:0}.sidebar-item{border:1px solid #0000;border-radius:12px;box-sizing:border-box;color:#6b7280;font-size:16px;font-weight:500;margin:0 0 6px;overflow:hidden;padding:14px 16px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.sidebar-item:before{background:#8b5cf6;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:3px}.sidebar-item:hover:before{transform:scaleY(1)}.sidebar-item:hover{background:#f8fafc;border-color:#e5e7eb;box-shadow:0 2px 8px #0000000f;color:#374151;transform:translateX(4px)}.sidebar-item.active{background:#f0f0ff;border-color:#e0e7ff;box-shadow:0 4px 12px #8b5cf626;color:#8b5cf6;font-weight:600;transform:translateX(6px)}.sidebar-item.active:before{transform:scaleY(1)}.sidebar-item svg{color:inherit;height:18px;width:18px}@media screen and (max-width:768px){.course-sidebar{background:#fff;border-bottom:1px solid #e5e7eb;border-right:none;box-shadow:0 2px 8px #0000000f;height:auto;margin:0;padding:0;position:relative;width:100%}.sidebar-menu{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;gap:8px;height:auto;justify-content:space-around;margin:0;overflow:visible;padding:12px 16px}.sidebar-logo{display:none}.sidebar-item{border-radius:8px;box-sizing:border-box;color:#6b7280;flex:1 1;font-size:14px;font-weight:600;justify-content:center;margin:0;min-width:0;overflow:hidden;padding:10px 8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.sidebar-item.active,.sidebar-item:hover{transform:none}.sidebar-item.active{background:#f0f0ff;border-color:#e0e7ff;color:#8b5cf6}.sidebar-item:before{display:none}}.course-contents{background:#0000;box-sizing:border-box;font-family:Inter,Segoe UI,Roboto,sans-serif;padding:20px 0 28px;width:100%}.contents-header{align-items:flex-start;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;margin:0 0 24px;overflow:hidden;padding:24px;position:relative}.contents-header:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.contents-header h2{align-self:flex-start;color:#8b5cf6;font-size:28px;font-weight:700;line-height:1.2;margin:0}.contents-header h2:before{color:#8b5cf6;content:"Course: ";font-weight:600}.content-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;width:100%}.action-button{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;gap:8px;letter-spacing:0;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.action-button:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.action-button.new-quiz{background:#10b981;box-shadow:0 4px 16px #10b9814d}.action-button.new-quiz:hover{background:#059669;box-shadow:0 6px 20px #10b98166}.action-button.new-grammar{background:#3b82f6;box-shadow:0 4px 16px #3b82f64d}.action-button.new-grammar:hover{background:#2563eb;box-shadow:0 6px 20px #3b82f666}.action-button.new-vocabulary{background:#8b5cf6;box-shadow:0 4px 16px #8b5cf64d}.action-button.new-vocabulary:hover{background:#7c3aed;box-shadow:0 6px 20px #8b5cf666}.lessons-list{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;min-height:200px;overflow:hidden;padding:24px;position:relative}.lessons-list:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.lesson-card{grid-gap:16px;align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid #8b5cf61a;border-radius:16px;box-shadow:0 8px 32px #8b5cf614,0 2px 8px #0000000a;box-sizing:border-box;cursor:pointer;display:grid;gap:16px;grid-template-columns:3% 10% 10% 30% 30% auto;overflow:hidden;padding:20px;position:relative;transition:all .3s ease;word-break:break-word}.lesson-card:hover{background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border:1px solid #8b5cf633;box-shadow:0 16px 48px #8b5cf626,0 4px 16px #00000014;transform:translateY(-3px)}.drag-handle{cursor:grab}.lesson-card.dragging{background:#f5f5f5;box-shadow:0 4px 8px #0000001a;cursor:grab;opacity:.9}.lesson-type{color:#6b7280;font-size:14px;font-weight:600;text-transform:capitalize;width:120px}.lesson-status{align-items:center;display:flex;justify-content:center}.status-badge-lesson{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:4px 8px;text-transform:uppercase}.status-badge-lesson.public{background-color:#d1fae5;border:1px solid #10b981;color:#065f46}.status-badge-lesson.private{background-color:#fee2e2;border:1px solid #ef4444;color:#991b1b}.status-circle{border-radius:50%;display:none;height:6px;width:6px}.status-circle.public{background-color:#10b981}.status-circle.private{background-color:#ef4444}.lesson-description,.lesson-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:normal}.lesson-actions{align-items:center;display:flex;flex-direction:row;gap:0;justify-content:center}.lesson-actions button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff6;border-radius:10px;box-shadow:0 2px 8px #0000000f;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .3s ease}.lesson-actions button:hover{background:#fffffffa;box-shadow:0 6px 20px #0000001f;transform:translateY(-2px)}.delete-lesson{color:#ef4444;font-weight:600}.delete-lesson:hover{background:#ef444414;color:#dc2626}.course-contents h2{word-wrap:break-word;white-space:normal;word-break:break-word}@media (max-width:1024px){.lesson-card{grid-template-columns:5% 10% 5% 50% auto;padding:18px}.lesson-description{display:none}.lesson-actions{flex-direction:column;gap:0}.lesson-actions button{font-size:14px;padding:6px 10px}.status-badge-lesson{display:none}.status-circle{display:block}}@media (max-width:768px){.course-contents{padding:16px 0 20px}.contents-header{align-items:flex-start;flex-direction:column;gap:16px;padding:20px}.contents-header h2{font-size:24px;text-align:left}.content-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.action-button{flex:1 1;font-size:13px;max-width:150px;min-width:120px;padding:10px 16px}.action-button.new-quiz:before{content:"+ Quiz"}.action-button.new-grammar:before{content:"+ Grammar"}.action-button.new-vocabulary:before{content:"+ Vocabulary"}.action-button.new-grammar,.action-button.new-quiz,.action-button.new-vocabulary{font-size:0}.action-button.new-grammar:before,.action-button.new-quiz:before,.action-button.new-vocabulary:before{font-size:13px}.lesson-card,.lessons-list{gap:12px;padding:16px}.lesson-card{grid-template-columns:5% 10% 5% 50% auto;height:auto}.lesson-description{display:none}.lesson-actions{flex-direction:column;gap:0}.lesson-actions button{font-size:13px;padding:6px 8px}.status-badge-lesson{display:none}.status-circle{display:block}}@media (max-width:480px){.course-contents{padding:12px 0 16px}.contents-header{padding:16px}.contents-header h2{font-size:20px}.action-button{font-size:12px;min-width:100px;padding:8px 12px}.action-button.new-quiz:before{content:"+ Quiz"}.action-button.new-grammar:before{content:"+ Grammar"}.action-button.new-vocabulary:before{content:"+ Vocabulary"}.action-button.new-grammar,.action-button.new-quiz,.action-button.new-vocabulary{font-size:0}.action-button.new-grammar:before,.action-button.new-quiz:before,.action-button.new-vocabulary:before{font-size:12px}.lesson-card,.lessons-list{gap:8px;padding:12px}.lesson-card{grid-template-columns:5% 20% 5% 50% auto}.lesson-actions button{font-size:12px;padding:5px 6px}.status-badge-lesson{display:none}.status-circle{display:block}}.confirm-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirm-modal{background:#fff;border-radius:12px;max-width:400px;position:relative;width:100%}.confirm-modal-close{color:#666;cursor:pointer;font-size:24px;position:absolute;right:24px;top:24px}.confirm-modal h2{font-size:24px;font-weight:600;margin-bottom:12px}.confirm-modal p{color:#666;margin-bottom:24px}.confirm-modal-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-modal-cancel,.confirm-modal-ok{border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:24px;padding:8px 24px;text-align:center}.confirm-modal-cancel{background:#fff;border:1px solid #666;color:#666}.confirm-modal-ok{background:#7b68ee;border:none;color:#fff;transition:all .2s ease}.confirm-modal-ok:disabled{background:#9ca3af;color:#6b7280;cursor:not-allowed;opacity:.6}.confirm-modal-cancel:hover{background:#f3f4f6}.confirm-modal-ok:hover:not(:disabled){background:#6850c7}@media screen and (max-width:768px){.confirm-modal{width:80%}}.edit-course-modal-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-course-modal-content{animation:modalIn .3s ease forwards;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:90%;overflow-y:auto;padding:32px;transform:scale(.9);width:500px}@keyframes modalIn{to{transform:scale(1)}}.edit-course-modal-content h2{font-size:24px;font-weight:600;margin:0 0 24px}.edit-course-modal-content{display:flex;flex-direction:column;gap:16px}.edit-course-form-field{display:flex;flex-direction:column;gap:8px;position:relative}.edit-course-form-field label{color:#666;font-size:14px;font-weight:500}.edit-course-form-field input,.edit-course-form-field textarea{border:1px solid #e0e0e0;border-radius:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;outline:none;padding:10px 12px;transition:border-color .3s ease}.edit-course-form-field input::placeholder,.edit-course-form-field textarea::placeholder{color:#999}.edit-course-image-upload-container{display:flex;gap:12px}.edit-course-image-upload{width:100%}.edit-course-image-upload input{padding-right:8px;width:calc(100% - 100px)}.edit-course-upload-button{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;height:38px;padding:8px 16px;width:90px}.edit-course-upload-button:hover{background:#1976d2}.modal-actions{align-items:center;gap:12px;margin-top:24px;width:100%}.modal-actions button:first-child{background:#fff;border:1px solid #7b68ee;border-radius:8px;color:#7b68ee;cursor:pointer;font-size:14px;font-weight:500;height:44px;padding:12px 20px;transition:all .3s ease}.modal-actions button:first-child:hover{background:#7b68ee1a}.modal-actions button:last-child{background:#7b68ee;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;height:44px;padding:12px 20px;transition:all .3s ease}.modal-actions button:last-child:hover{background:#6c5ce7}.edit-course-form-field input:focus,.edit-course-form-field textarea:focus{border-color:#2196f3}.edit-course-form-field input.error{border-color:#ff4d4f;padding-right:32px}.error-message{color:#ff4d4f;font-size:12px;margin-top:4px}.error-icon{background-repeat:no-repeat;background-size:contain;height:16px;position:absolute;right:8px;top:41px;width:16px}.newCourse-char-count{color:#666;font-size:12px}@media screen and (max-width:768px){.edit-course-form-field textarea{height:100px;overflow:scroll}.edit-course-image-upload input{width:calc(100% - 85px)}.upload-button{font-size:12px;padding:6px 8px;width:75px}.edit-course-modal-content{margin:5px;padding:10px}.modal-actions{align-items:center;flex-direction:column;gap:8px}.modal-actions button:first-child,.modal-actions button:last-child{height:44px;width:120px}}.monitor-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.monitor-hero{color:#fff;padding:60px 0 40px;text-align:center}.monitor-hero-content{margin:0 auto;max-width:800px;padding:0 20px}.monitor-hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f8fafc);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700;margin:0 0 16px;text-shadow:0 2px 4px #0000001a}.monitor-hero-description{font-size:20px;font-weight:400;line-height:1.6;margin:0;opacity:.9}.monitor-container{margin:0 auto;max-width:1200px;padding:0 20px 60px}.monitor-stats-section{margin-bottom:40px}.monitor-stats-grid{display:flex;justify-content:center;margin-bottom:20px}.monitor-stat-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;gap:20px;max-width:350px;min-width:280px;padding:32px 24px;transition:all .3s ease}.monitor-stat-card:hover{background:#fffffffa;box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.monitor-stat-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:16px;box-shadow:0 4px 12px #8b5cf64d;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.monitor-stat-content{flex:1 1}.monitor-stat-number{color:#1f2937;font-size:36px;font-weight:700;line-height:1;margin:0 0 4px}.monitor-stat-label{color:#6b7280;font-size:16px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.monitor-search-section{margin-bottom:40px}.monitor-search-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:24px}.monitor-search-wrapper{margin:0 auto;max-width:500px;position:relative}.monitor-search-icon{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.monitor-search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #8b5cf633;border-radius:16px;box-sizing:border-box;font-size:16px;font-weight:400;outline:none;padding:16px 16px 16px 52px;transition:all .3s ease;width:100%}.monitor-search-input:focus{background:#fffffff2;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a}.monitor-search-input::placeholder{color:#9ca3af;font-weight:400}.monitor-students-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:32px}.monitor-section-header{align-items:center;border-bottom:2px solid #8b5cf61a;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.monitor-section-title{color:#1f2937;font-size:24px;font-weight:700;margin:0}.monitor-section-count{background:#8b5cf61a;border-radius:8px;color:#8b5cf6;font-size:14px;font-weight:500;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.monitor-students-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.monitor-empty-state{color:#6b7280;padding:60px 20px;text-align:center}.monitor-empty-state svg{margin-bottom:16px}.monitor-empty-state h4{color:#fff;font-size:20px;font-weight:600;margin:0 0 8px}.monitor-empty-state p{color:#fff;font-size:16px;margin:0}@media (max-width:768px){.monitor-hero-title{font-size:36px}.monitor-hero-description{font-size:18px}.monitor-container{padding:0 16px 40px}.monitor-stats-grid{justify-content:center}.monitor-stat-card{max-width:300px;min-width:250px;padding:24px 20px}.monitor-stat-number{font-size:28px}.monitor-search-container{padding:20px}.monitor-students-section{padding:24px 20px}.monitor-section-header{align-items:flex-start;flex-direction:column;gap:12px}.monitor-students-grid{gap:16px;grid-template-columns:1fr}.monitor-section-title{font-size:20px}}.user-card{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 20px #0000000d;cursor:pointer;display:flex;gap:20px;padding:24px;transition:all .3s ease}.user-card:hover{background:#fffffff2;border-color:#8b5cf64d;box-shadow:0 8px 30px #8b5cf633;transform:translateY(-2px)}.user-card__avatar{border:3px solid #8b5cf633;border-radius:16px;flex-shrink:0;height:80px;object-fit:cover;transition:all .3s ease;width:80px}.user-card:hover .user-card__avatar{border-color:#8b5cf680;transform:scale(1.05)}.user-card__info{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:1fr 1fr;min-width:0}.user-card__basic__info,.user-card__long__info{display:flex;flex-direction:column;gap:12px;min-width:0}.user-card__info-line{display:flex;flex-direction:column;gap:4px;min-width:0}.user-card__info-title{color:#8b5cf6;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.user-card__info-subtitle{word-wrap:break-word;color:#1f2937;font-size:14px;font-weight:500;line-height:1.4;margin:0;overflow-wrap:break-word}.user-card__info-line:first-child .user-card__info-subtitle{color:#111827;font-size:16px;font-weight:600}.user-card__info-subtitle:empty:before,.user-card__info-subtitle[data-empty=true]:before{color:#9ca3af;content:"---";font-style:italic}@media screen and (max-width:768px){.user-card{gap:16px;padding:20px}.user-card__avatar{height:64px;width:64px}.user-card__info{display:flex;flex-direction:column;gap:16px}.user-card__basic__info .user-card__info-line:nth-child(3),.user-card__basic__info .user-card__info-line:nth-child(4),.user-card__long__info{display:none}.user-card__info-subtitle{font-size:13px}.user-card__info-line:first-child .user-card__info-subtitle{font-size:15px}}@media screen and (max-width:480px){.user-card{gap:12px;padding:16px}.user-card__avatar{height:56px;width:56px}.user-card__basic__info{gap:10px}}.teacherfilter{font-family:sans-serif;position:relative}.teacherfilter__container{align-items:center;display:flex;gap:10px}.teacherfilter__button{align-items:center;background-color:#3d8fef;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;padding:8px 12px;transition:background-color .3s ease}.teacherfilter__button:hover{background-color:#337acc}.teacherfilter__icon{margin-right:6px}.teacherfilter__tags-inline{display:flex;flex-wrap:wrap;gap:6px}.teacherfilter__tag{align-items:center;background-color:#f0f0f0;border:1px solid #ccc;border-radius:16px;display:flex;font-size:12px;padding:4px 8px}.teacherfilter__tag-remove{color:#dc3545;cursor:pointer;font-weight:700;margin-left:6px}.teacherfilter__dropdown{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #0000001a;left:0;padding:12px;position:absolute;top:calc(100% + 6px);width:220px;z-index:9999}.teacherfilter__option{align-items:center;display:flex;margin-bottom:8px}.teacherfilter__option:last-child{margin-bottom:0}.teacherfilter__option input[type=checkbox]{margin-right:6px}.teacherfilter__actions{display:flex;gap:6px;justify-content:end;margin-top:12px}.teacherfilter__apply,.teacherfilter__cancel{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 10px;transition:background-color .3s ease}.teacherfilter__apply{background-color:#28a745;color:#fff}.teacherfilter__apply:hover{background-color:#218838}.teacherfilter__cancel{background-color:#dc3545;color:#fff}.teacherfilter__cancel:hover{background-color:#c82333}.path{margin-left:10px}.teacher-list-container{background-color:#f8fafc;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin-left:0;min-height:100vh;padding:24px}.teacher-list-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.teacher-list-path{align-items:center;display:flex;font-size:14px;margin:0}.teacher-list-tabs-container{display:flex;gap:12px}.teacher-list-tab{background-color:initial;border-radius:8px;color:#64748b;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.teacher-list-tab-active{background-color:#3b82f6;color:#fff;font-weight:600}.teacher-list-topbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.teacher-list-search-container{align-items:center;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;display:flex;flex:1 1;max-width:400px;min-width:280px;padding:12px 16px;transition:all .2s ease}.teacher-list-search-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.teacher-list-search-icon{color:#64748b;font-size:20px;margin-right:12px}.teacher-list-search-input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:16px;outline:none}.teacher-list-search-input::placeholder{color:#94a3b8}.teacher-list-filter-wrapper{align-items:center;display:flex}.ea99-filter-container{cursor:pointer}.ea99-filter-button{align-items:center;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:12px 16px;transition:all .2s ease}.ea99-filter-button:hover{background-color:#f8fafc;border-color:#3b82f6}.ea99-filter-button p{color:#374151;padding-right:8px}.ea99-filter-select{background-color:#fff;border:1.5px solid #e2e8f0;color:#374151;cursor:pointer;padding:12px 16px;transition:all .2s ease}.ea99-filter-select:hover{border-color:#3b82f6}.ea99-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ea99-filter-select option{color:#374151;font-weight:500;padding:8px}.teacher-list-table-content{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex:1 1;flex-direction:column;min-height:400px;overflow:hidden}.teacher-list-table-wrapper{flex:1 1;overflow-y:auto;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.teacher-list-table-wrapper::-webkit-scrollbar{width:8px}.teacher-list-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.teacher-list-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.teacher-list-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.teacher-list-teacher-table{border-collapse:collapse;display:table;height:100%;table-layout:fixed;width:100%}.teacher-list-teacher-table thead{background-color:#f8fafc;display:table-header-group;position:sticky;top:0;z-index:10}.teacher-list-teacher-table tbody{display:table-row-group;height:100%}.teacher-list-teacher-table tbody tr,.teacher-list-teacher-table thead tr{display:table-row;width:100%}.teacher-list-teacher-table td,.teacher-list-teacher-table th{display:table-cell}.teacher-list-table-caption{background-color:#fff;border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:18px;font-weight:700;margin:0;padding:20px 24px;text-align:left}td,th{border-bottom:1px solid #f1f5f9;font-size:14px;padding:16px 12px;vertical-align:middle}th{background-color:#f8fafc;border-bottom:2px solid #e2e8f0;color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.teacher-list-id-cell,.teacher-list-id-column{max-width:80px;min-width:80px;text-align:center;width:80px}.teacher-list-username-cell,.teacher-list-username-column{color:#1e293b;font-weight:500;min-width:150px;width:20%}.teacher-list-email-cell,.teacher-list-email-column{min-width:200px;width:25%}.teacher-list-status-cell,.teacher-list-status-column{min-width:120px;text-align:center;width:120px}.teacher-list-view-cell,.teacher-list-view-column{max-width:100px;min-width:100px;text-align:center;width:100px}.teacher-list-email-cell span{color:#64748b;display:block;font-size:14px;overflow-wrap:break-word;word-break:break-word}.teacher-list-teacher-row{transition:background-color .2s ease}.teacher-list-teacher-row:hover{background-color:#f8fafc}.teacher-list-view-detail{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .2s ease}.teacher-list-view-detail:hover{background-color:#3b82f60a;border-color:#3b82f6;color:#3b82f6}.teacher-list-status-badge{border-radius:16px;display:inline-block;font-size:10px;font-weight:500;letter-spacing:.3px;min-width:60px;padding:4px 8px;text-align:center;text-transform:uppercase}.teacher-list-status-accepted{background-color:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.teacher-list-status-pending{background-color:#eab3081a;border:1px solid #eab30833;color:#eab308}.teacher-list-status-rejected{background-color:#ef44441a;border:1px solid #ef444433;color:#ef4444}.teacher-list-pagination-controls{align-items:center;background-color:#fff;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.teacher-list-index{color:#64748b;font-size:14px;font-weight:500}.teacher-list-pagination-buttons{align-items:center;display:flex;gap:4px}.teacher-list-pagination-controls button{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;transition:all .2s ease;width:36px}.teacher-list-pagination-controls button:hover:not(:disabled){background-color:#3b82f60a;border-color:#3b82f6;color:#3b82f6}.teacher-list-pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.teacher-list-pagination-controls button.teacher-list-active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}@media (min-width:1200px){.teacher-list-container{padding:32px}.teacher-list-search-container{max-width:450px}}@media (max-width:1024px){.teacher-list-id-cell,.teacher-list-id-column,.teacher-list-teacher-table td:nth-child(5),.teacher-list-teacher-table th:nth-child(5){display:none!important}.teacher-list-username-cell,.teacher-list-username-column{width:35%!important}.teacher-list-email-cell,.teacher-list-email-column{min-width:150px!important;width:35%!important}.teacher-list-status-cell,.teacher-list-status-column{width:18%!important}.teacher-list-view-cell,.teacher-list-view-column{min-width:70px!important;width:12%!important}.teacher-list-container{padding:20px}}@media (max-width:768px){.teacher-list-container{min-height:100vh;padding:16px}.teacher-list-header{gap:12px;margin-bottom:20px}.teacher-list-topbar{align-items:stretch;flex-direction:column;gap:12px}.teacher-list-search-container{max-width:none;min-width:0;min-width:auto;width:100%}.teacher-list-table-content{margin-top:16px;min-height:500px}.teacher-list-table-caption{font-size:16px;padding:16px 20px}td,th{font-size:13px;padding:12px 6px}.teacher-list-username-cell,.teacher-list-username-column{min-width:100px!important;width:25%!important}.teacher-list-email-cell,.teacher-list-email-column{min-width:120px!important;width:40%!important}.teacher-list-status-cell,.teacher-list-status-column{width:20%!important}.teacher-list-view-cell,.teacher-list-view-column{min-width:60px!important;width:15%!important}.teacher-list-email-cell span{font-size:13px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teacher-list-view-detail{font-size:11px;min-width:50px;padding:6px 8px}.teacher-list-status-badge{font-size:9px;min-width:50px;padding:3px 6px}.teacher-list-pagination-controls{align-items:center;flex-direction:column;gap:12px;padding:12px 16px}.teacher-list-pagination-buttons{gap:2px}.teacher-list-pagination-controls button{font-size:13px;height:32px;width:32px}}@media (max-width:480px){.teacher-list-container{padding:12px}.teacher-list-search-container{padding:10px 12px}.teacher-list-search-input{font-size:14px}.teacher-list-table-caption{font-size:15px;padding:12px 16px}td,th{font-size:12px!important;padding:10px 6px!important}.teacher-list-email-cell{min-width:100px!important}.teacher-list-email-cell span{font-size:12px;max-width:200px}.teacher-list-view-detail{padding:5px 8px}.teacher-list-status-badge{font-size:8px;min-width:45px;padding:2px 5px}.teacher-list-username-cell{font-size:12px}.teacher-list-pagination-controls button{font-size:12px;height:28px;width:28px}.teacher-list-index{font-size:13px}.teacher-list-view-detail{font-size:10px}}.admin-course-app{background-color:#f8f9fa;display:flex;min-height:100vh}.admin-course-main-content{background-color:#fff;flex:1 1;margin-left:260px;min-height:100vh}.admin-course-container{background-color:#fff;display:flex;flex-direction:column;min-height:calc(100vh - 40px)}.admin-course-header{background-color:#fff;border-bottom:1px solid #e9ecef;padding:2rem 4rem}.admin-course-header h1{color:#212529;font-size:2rem;font-weight:600;margin:0 0 .5rem}.admin-course-header p{color:#6c757d;font-size:1rem;margin:0}.admin-course-error-message{align-items:center;background-color:#f8f9fa;color:#dc3545;display:flex;font-size:1.2rem;font-weight:500;height:100vh;justify-content:center;padding:20px;text-align:center}@media (max-width:768px){.admin-course-main-content{margin-left:0}.admin-course-header{padding:1rem 2rem}.admin-course-header h1{font-size:1.5rem}}@media (max-width:480px){.admin-course-header{padding:1rem}.admin-course-header h1{font-size:1.25rem}}.custom-chat-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:600px;padding:20px}.custom-chat-header{margin-bottom:20px;text-align:center}.custom-chat-box{border:1px solid #ddd;border-radius:5px;margin-bottom:20px;max-height:400px;overflow-y:auto;padding:15px}.custom-message{display:flex;flex-direction:column;margin:15px 0}.message-bubble{border-radius:20px;margin:5px 0;max-width:70%;padding:10px 15px}.user-bubble{align-self:flex-end;background-color:#0084ff;border-radius:20px 20px 5px 20px;color:#fff}.gpt-bubble{align-self:flex-start;background-color:#e9ecef;border-radius:20px 20px 20px 5px;color:#000}.button-group{align-self:flex-start;gap:5px;margin-top:5px}.custom-speak-button,.custom-stop-button{border-radius:15px;font-size:12px;padding:5px 10px}.custom-input{border:1px solid #ccc;border-radius:5px;flex:1 1;margin-right:10px;padding:10px}.custom-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px}.custom-button:hover{background-color:#0056b3}.custom-stop-button{background-color:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:10px;padding:10px}.custom-stop-button:hover{background-color:#e53935}.custom-speak-button{background-color:blue;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:10px;padding:10px}.custom-speak-button:hover{background-color:#e53935}.custom-mic-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:10px;padding:10px}.custom-mic-button:disabled{background-color:#9e9e9e}.custom-message .markdown-content{line-height:1.6;padding:10px}.custom-message .markdown-content code{background-color:#f4f4f4;border-radius:4px;padding:2px 4px}.custom-message .markdown-content pre{background-color:#f4f4f4;border-radius:4px;overflow-x:auto;padding:10px}.custom-message hr{display:none}.enter-email-container{align-items:center;background-color:#fff;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:400px;min-height:100vh;padding:20px;text-align:center}.enter-email-back-button{align-self:flex-start;background:#f0f0f0;border:none;border-radius:50%;cursor:pointer;height:30px;margin-bottom:20px;width:30px}.enter-email-title{color:#333;font-size:24px;font-weight:700;margin:0}.enter-email-subtitle{color:#777;font-size:14px;margin-bottom:20px}.enter-email-form{display:flex;flex-direction:column;gap:10px;width:100%}.enter-email-label{color:#333;font-size:14px;text-align:left}.enter-email-input{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px;transition:border-color .3s}.enter-email-input:focus{border-color:#007bff;outline:none}.enter-email-button{background-color:blue;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s}.enter-email-button:disabled{background-color:#ccc;cursor:not-allowed}.enter-email-button:hover:enabled{background-color:#5b63f9}.enter-email-message{color:#28a745;font-size:14px;margin-top:15px}.input-password-container{align-items:center;background-color:#fff;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:400px;min-height:100vh;padding:20px;text-align:center}.input-password-back-button{align-self:flex-start;background:#f0f0f0;border:none;border-radius:50%;cursor:pointer;height:30px;margin-bottom:20px;width:30px}.input-password-title{color:#333;font-size:24px;font-weight:700;margin:0}.input-password-subtitle{color:#777;font-size:14px;margin-bottom:20px}.input-password-form{display:flex;flex-direction:column;gap:10px;width:100%}.input-password-label{color:#333;font-size:14px;text-align:left}.input-password-field{align-items:center;display:flex;position:relative}.input-password-input{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px;transition:border-color .3s;width:100%}.input-password-input:focus{border-color:#007bff;outline:none}.input-password-toggle{background:none;border:none;color:#777;cursor:pointer;font-size:16px;position:absolute;right:10px}.input-password-button{background-color:blue;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s}.input-password-button:disabled{background-color:#ccc;cursor:not-allowed}.input-password-button:hover:enabled{background-color:#5b63f9}.input-password-message{color:#28a745;font-size:14px;margin-top:15px}.password-requirements{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;margin:8px 0;padding:12px;text-align:left}.requirement{align-items:center;display:flex;margin:4px 0;padding:2px 0;transition:all .2s ease}.requirement.valid{color:#16a34a;font-weight:500}.requirement.invalid{color:#dc2626}.requirement.valid:before{background:#16a34a}.requirement.invalid:before,.requirement.valid:before{border-radius:50%;content:"";height:4px;margin-right:8px;width:4px}.requirement.invalid:before{background:#dc2626}@media screen and (max-width:768px){.input-password-container{width:90%}.password-requirements{font-size:12px;margin:6px 0;padding:10px}.requirement{margin:2px 0;padding:1px 0}}.course-dashboard-container{background-color:#fcfcfc;height:100vh}.course-headerinfo{align-items:flex-start;background:#fff;box-shadow:0 2px 2px 0 #00000040;display:flex;flex-shrink:0;height:27.375rem;width:100%}.course-headerinfo-title{font-size:2.5rem;font-weight:500;margin-left:2.5rem;margin-top:2.5rem}.course-headerinfo-description{font-size:1.5rem;margin-left:2.5rem;margin-right:2.5rem;margin-top:1.5rem}.course-headerinfo-toolbar{display:flex;justify-content:left;margin-left:2.5rem;margin-right:2.5rem;margin-top:1.5rem}.course-headerinfo-button-group{display:flex;justify-content:flex-start;margin-top:1rem}.course-headerinfo-img{background-color:bisque;border-radius:.625rem;height:24rem;margin-left:2rem;margin-top:2rem;object-fit:cover;width:28rem}.cc-course-info{display:flex;flex-direction:column;justify-content:flex-start;margin-left:2.5rem;width:100%}.cc-course-info-header{align-items:center;display:flex;justify-content:space-between;width:100%}.cc-course-info-title{font-family:var(--sds-typography-title-hero-font-family);font-size:3.5rem;font-weight:600;margin-top:2.5rem}.cc-course-info-description{font-family:Roboto,sans-serif;font-size:1.25rem;margin-bottom:1.5rem;margin-right:20rem;margin-top:1.5rem;text-align:justify}.ea90-1-course-toolbar{display:flex;justify-content:left;margin:1.5rem 2rem 1rem}.ea90-lesson-list{margin-left:2rem;margin-right:2rem;margin-top:2rem}.lesson-list-title{font-size:2rem;font-weight:600;margin-bottom:1rem}.no-lessons{color:#888;font-size:1.25rem}.create-course-form{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 8px #0000001a;left:50%;padding:2rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:50%;z-index:1000}.create-course-form h2{font-size:1.5rem;margin-bottom:1.5rem}.create-course-form input,.create-course-form textarea{border:1px solid #ccc;border-radius:.25rem;margin-bottom:1rem;padding:.5rem;width:100%}.create-course-form textarea{height:10rem;resize:none}.form-buttons{gap:1rem;justify-content:center}.create-lesson-form{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 25px 50px #00000040;left:50%;max-height:90vh;max-width:90%;overflow-y:auto;padding:32px;position:fixed;top:50%;transform:translate(-50%,-50%);width:500px;z-index:1000}.create-lesson-form h2{color:#333;font-size:24px;font-weight:600;margin:0 0 24px}.create-lesson-form input,.create-lesson-form textarea{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;margin-bottom:8px;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.create-lesson-form input:focus,.create-lesson-form textarea:focus{background:#fff;border-color:#7b68ee;box-shadow:0 0 0 3px #7b68ee1a}.create-lesson-form textarea{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:120px;line-height:1.5;resize:vertical}.form-buttons{margin-top:24px}.image-upload-container{display:flex;flex-direction:column;gap:8px;margin-bottom:1rem}.image-url-input{border:1px solid #e0e0e0;border-radius:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;outline:none;padding:12px 16px;transition:border-color .3s ease;width:100%}.upload-button-separate{align-self:flex-start;background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background-color .3s ease}.upload-button-separate:hover{background:#1976d2}.char-count{margin-top:-8px}.confirm-button-confirm{background:#3d8fef;padding:12px 20px;width:100px}.confirm-button-confirm:hover{background:#2196f3}.confirm-button-cancel{border:1px solid #3d8fef;color:#3d8fef;padding:12px 20px;width:100px}.confirm-button-cancel:hover{background:#3d8fef1a}.lesson-dashboard-container{background-color:#fcfcfc;height:100vh}.lesson-headerinfo{align-items:flex-start;background:#fff;box-shadow:0 2px 2px 0 #00000040;display:flex;flex-shrink:0;height:27.375rem;width:100%}.lesson-headerinfo-title{font-size:2.5rem;font-weight:500;margin-left:2.5rem;margin-top:2.5rem}.lesson-headerinfo-description{font-size:1.5rem;margin-left:2.5rem;margin-right:2.5rem;margin-top:1.5rem}.lesson-headerinfo-toolbar{display:flex;justify-content:left;margin-left:2.5rem;margin-right:2.5rem;margin-top:1.5rem}.lesson-headerinfo-button-group{display:flex;justify-content:flex-start;margin-top:1rem}.lesson-headerinfo-img{background-color:bisque;border-radius:.625rem;height:24rem;margin-left:2rem;margin-top:2rem;object-fit:cover;width:28rem}.cc-lesson-info{display:flex;flex-direction:column;justify-content:flex-start;margin-left:2.5rem;width:100%}.cc-lesson-info-header{align-items:center;display:flex;justify-content:space-between;width:100%}.cc-lesson-info-title{font-family:var(--sds-typography-title-hero-font-family);font-size:3.5rem;font-weight:600;margin-top:2.5rem}.cc-lesson-info-description{font-family:Roboto,sans-serif;font-size:1.25rem;margin-bottom:1.5rem;margin-right:20rem;margin-top:1.5rem;text-align:justify}.cc-button-group{display:flex;justify-content:flex-end;margin-left:auto;margin-right:2rem;margin-top:2.5rem}.cc-button-blue{background:#3d8fef;border:none;border-radius:.75rem;color:#fff;margin-right:1rem}.cc-button-blue,.cc-button-redborder{align-items:center;cursor:pointer;display:flex;gap:0;height:1.2rem;justify-content:center;min-width:6rem;padding:.5rem;width:6rem}.cc-button-redborder{background:#fff;border:1px solid red;border-radius:.75rem;color:red}.confirm-dialog{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 8px #0000001a;left:50%;padding:2rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.confirm-dialog p{font-size:1.25rem;margin-bottom:1.5rem}.confirm-button{border:none;border-radius:.25rem;cursor:pointer;margin:0 .5rem;padding:.5rem 1rem}.confirm-button.cancel{background-color:#ccc;color:#fff}.confirm-button.confirm{background-color:red;color:#fff}.overlay{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.edit-lesson-form{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 25px 50px #00000040;left:50%;max-height:90vh;max-width:90%;overflow-y:auto;padding:32px;position:fixed;top:50%;transform:translate(-50%,-50%);width:500px;z-index:1000}.edit-lesson-form h2{color:#333;font-size:24px;font-weight:600;margin:0 0 24px}.edit-lesson-form input,.edit-lesson-form textarea{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;margin-bottom:8px;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.edit-lesson-form input:focus,.edit-lesson-form textarea:focus{background:#fff;border-color:#7b68ee;box-shadow:0 0 0 3px #7b68ee1a}.edit-lesson-form textarea{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:120px;line-height:1.5;resize:vertical}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;position:relative}.form-field label{color:#666;font-size:14px;font-weight:500}.char-count{font-size:11px;margin-bottom:8px;margin-top:4px}.image-upload-field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;position:relative}.image-input-container{align-items:center;display:flex;position:relative}.image-input{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;outline:none;padding:12px 16px;transition:all .3s ease;width:calc(100% - 100px)}.image-input:focus{background:#fff;border-color:#7b68ee;box-shadow:0 0 0 3px #7b68ee1a}.upload-btn{background:#7b68ee;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;position:absolute;right:4px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:90px}.upload-btn:hover{background:#6c5ce7;transform:translateY(-50%) scale(1.02)}.form-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.confirm-button-confirm{background:#7b68ee;border:none;border-radius:8px;box-shadow:0 2px 4px #7b68ee4d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:12px 24px;transition:all .3s ease}.confirm-button-confirm:hover{background:#6c5ce7;box-shadow:0 4px 8px #7b68ee66;transform:translateY(-1px)}.confirm-button-cancel{background:#fff;border:1px solid #7b68ee;border-radius:8px;color:#7b68ee;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:12px 24px;transition:all .3s ease}.confirm-button-cancel:hover{background:#7b68ee1a;box-shadow:0 2px 4px #7b68ee33;transform:translateY(-1px)}  @media screen and(max-width: 768px){.create-course-form,.create-lesson-form,.edit-lesson-form{border-radius:16px;padding:24px;width:95%}.create-lesson-form h2,.edit-lesson-form h2{font-size:20px;margin-bottom:20px}.create-course-form textarea,.create-lesson-form textarea,.edit-lesson-form textarea{font-size:16px;height:100px}.form-buttons{align-items:stretch;flex-direction:column;gap:12px;margin-top:24px}.confirm-button-cancel,.confirm-button-confirm{padding:14px 20px;width:100%}.char-count{font-size:10px}.image-input{font-size:16px;width:calc(100% - 85px)}.upload-btn{font-size:12px;padding:6px 8px;width:75px}.cc-course-info-description,.cc-lesson-info-description{font-size:1rem;margin-right:2rem}.cc-course-info-title,.cc-lesson-info-title{font-size:2.5rem}.course-headerinfo-img,.lesson-headerinfo-img{height:16rem;margin-left:1rem;width:20rem}}@media (prefers-color-scheme:dark){.wmde-markdown,.wmde-markdown-var{--color-prettylights-syntax-comment:#8b949e;--color-prettylights-syntax-constant:#79c0ff;--color-prettylights-syntax-entity:#d2a8ff;--color-prettylights-syntax-storage-modifier-import:#c9d1d9;--color-prettylights-syntax-entity-tag:#7ee787;--color-prettylights-syntax-keyword:#ff7b72;--color-prettylights-syntax-string:#a5d6ff;--color-prettylights-syntax-variable:#ffa657;--color-prettylights-syntax-brackethighlighter-unmatched:#f85149;--color-prettylights-syntax-invalid-illegal-text:#f0f6fc;--color-prettylights-syntax-invalid-illegal-bg:#8e1519;--color-prettylights-syntax-carriage-return-text:#f0f6fc;--color-prettylights-syntax-carriage-return-bg:#b62324;--color-prettylights-syntax-string-regexp:#7ee787;--color-prettylights-syntax-markup-list:#f2cc60;--color-prettylights-syntax-markup-heading:#1f6feb;--color-prettylights-syntax-markup-italic:#c9d1d9;--color-prettylights-syntax-markup-bold:#c9d1d9;--color-prettylights-syntax-markup-deleted-text:#ffdcd7;--color-prettylights-syntax-markup-deleted-bg:#67060c;--color-prettylights-syntax-markup-inserted-text:#aff5b4;--color-prettylights-syntax-markup-inserted-bg:#033a16;--color-prettylights-syntax-markup-changed-text:#ffdfb6;--color-prettylights-syntax-markup-changed-bg:#5a1e02;--color-prettylights-syntax-markup-ignored-text:#c9d1d9;--color-prettylights-syntax-markup-ignored-bg:#1158c7;--color-prettylights-syntax-meta-diff-range:#d2a8ff;--color-prettylights-syntax-brackethighlighter-angle:#8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark:#484f58;--color-prettylights-syntax-constant-other-reference-link:#a5d6ff;--color-fg-default:#c9d1d9;--color-fg-muted:#8b949e;--color-fg-subtle:#484f58;--color-canvas-default:#0d1117;--color-canvas-subtle:#161b22;--color-border-default:#30363d;--color-border-muted:#21262d;--color-neutral-muted:#6e768166;--color-accent-fg:#58a6ff;--color-accent-emphasis:#1f6feb;--color-attention-subtle:#bb800926;--color-danger-fg:#f85149;--color-danger-emphasis:#da3633;--color-attention-fg:#d29922;--color-attention-emphasis:#9e6a03;--color-done-fg:#a371f7;--color-done-emphasis:#8957e5;--color-success-fg:#3fb950;--color-success-emphasis:#238636;--color-copied-active-bg:#2e9b33;color-scheme:dark}}@media (prefers-color-scheme:light){.wmde-markdown,.wmde-markdown-var{--color-prettylights-syntax-comment:#6e7781;--color-prettylights-syntax-constant:#0550ae;--color-prettylights-syntax-entity:#8250df;--color-prettylights-syntax-storage-modifier-import:#24292f;--color-prettylights-syntax-entity-tag:#116329;--color-prettylights-syntax-keyword:#cf222e;--color-prettylights-syntax-string:#0a3069;--color-prettylights-syntax-variable:#953800;--color-prettylights-syntax-brackethighlighter-unmatched:#82071e;--color-prettylights-syntax-invalid-illegal-text:#f6f8fa;--color-prettylights-syntax-invalid-illegal-bg:#82071e;--color-prettylights-syntax-carriage-return-text:#f6f8fa;--color-prettylights-syntax-carriage-return-bg:#cf222e;--color-prettylights-syntax-string-regexp:#116329;--color-prettylights-syntax-markup-list:#3b2300;--color-prettylights-syntax-markup-heading:#0550ae;--color-prettylights-syntax-markup-italic:#24292f;--color-prettylights-syntax-markup-bold:#24292f;--color-prettylights-syntax-markup-deleted-text:#82071e;--color-prettylights-syntax-markup-deleted-bg:#ffebe9;--color-prettylights-syntax-markup-inserted-text:#116329;--color-prettylights-syntax-markup-inserted-bg:#dafbe1;--color-prettylights-syntax-markup-changed-text:#953800;--color-prettylights-syntax-markup-changed-bg:#ffd8b5;--color-prettylights-syntax-markup-ignored-text:#eaeef2;--color-prettylights-syntax-markup-ignored-bg:#0550ae;--color-prettylights-syntax-meta-diff-range:#8250df;--color-prettylights-syntax-brackethighlighter-angle:#57606a;--color-prettylights-syntax-sublimelinter-gutter-mark:#8c959f;--color-prettylights-syntax-constant-other-reference-link:#0a3069;--color-fg-default:#24292f;--color-fg-muted:#57606a;--color-fg-subtle:#6e7781;--color-canvas-default:#fff;--color-canvas-subtle:#f6f8fa;--color-border-default:#d0d7de;--color-border-muted:#d8dee4;--color-neutral-muted:#afb8c133;--color-accent-fg:#0969da;--color-accent-emphasis:#0969da;--color-attention-subtle:#fff8c5;--color-danger-fg:#d1242f;--color-danger-emphasis:#cf222e;--color-attention-fg:#9a6700;--color-attention-emphasis:#9a6700;--color-done-fg:#8250df;--color-done-emphasis:#8250df;--color-success-fg:#1a7f37;--color-success-emphasis:#1f883d;--color-copied-active-bg:#2e9b33;color-scheme:light}}.wmde-markdown-var[data-color-mode*=dark],.wmde-markdown[data-color-mode*=dark],[data-color-mode*=dark] .wmde-markdown,[data-color-mode*=dark] .wmde-markdown-var,body[data-color-mode*=dark]{--color-prettylights-syntax-comment:#8b949e;--color-prettylights-syntax-constant:#79c0ff;--color-prettylights-syntax-entity:#d2a8ff;--color-prettylights-syntax-storage-modifier-import:#c9d1d9;--color-prettylights-syntax-entity-tag:#7ee787;--color-prettylights-syntax-keyword:#ff7b72;--color-prettylights-syntax-string:#a5d6ff;--color-prettylights-syntax-variable:#ffa657;--color-prettylights-syntax-brackethighlighter-unmatched:#f85149;--color-prettylights-syntax-invalid-illegal-text:#f0f6fc;--color-prettylights-syntax-invalid-illegal-bg:#8e1519;--color-prettylights-syntax-carriage-return-text:#f0f6fc;--color-prettylights-syntax-carriage-return-bg:#b62324;--color-prettylights-syntax-string-regexp:#7ee787;--color-prettylights-syntax-markup-list:#f2cc60;--color-prettylights-syntax-markup-heading:#1f6feb;--color-prettylights-syntax-markup-italic:#c9d1d9;--color-prettylights-syntax-markup-bold:#c9d1d9;--color-prettylights-syntax-markup-deleted-text:#ffdcd7;--color-prettylights-syntax-markup-deleted-bg:#67060c;--color-prettylights-syntax-markup-inserted-text:#aff5b4;--color-prettylights-syntax-markup-inserted-bg:#033a16;--color-prettylights-syntax-markup-changed-text:#ffdfb6;--color-prettylights-syntax-markup-changed-bg:#5a1e02;--color-prettylights-syntax-markup-ignored-text:#c9d1d9;--color-prettylights-syntax-markup-ignored-bg:#1158c7;--color-prettylights-syntax-meta-diff-range:#d2a8ff;--color-prettylights-syntax-brackethighlighter-angle:#8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark:#484f58;--color-prettylights-syntax-constant-other-reference-link:#a5d6ff;--color-fg-default:#c9d1d9;--color-fg-muted:#8b949e;--color-fg-subtle:#484f58;--color-canvas-default:#0d1117;--color-canvas-subtle:#161b22;--color-border-default:#30363d;--color-border-muted:#21262d;--color-neutral-muted:#6e768166;--color-accent-fg:#58a6ff;--color-accent-emphasis:#1f6feb;--color-attention-subtle:#bb800926;--color-danger-fg:#f85149;color-scheme:dark}.wmde-markdown-var[data-color-mode*=light],.wmde-markdown[data-color-mode*=light],[data-color-mode*=light] .wmde-markdown,[data-color-mode*=light] .wmde-markdown-var,body[data-color-mode*=light]{--color-prettylights-syntax-comment:#6e7781;--color-prettylights-syntax-constant:#0550ae;--color-prettylights-syntax-entity:#8250df;--color-prettylights-syntax-storage-modifier-import:#24292f;--color-prettylights-syntax-entity-tag:#116329;--color-prettylights-syntax-keyword:#cf222e;--color-prettylights-syntax-string:#0a3069;--color-prettylights-syntax-variable:#953800;--color-prettylights-syntax-brackethighlighter-unmatched:#82071e;--color-prettylights-syntax-invalid-illegal-text:#f6f8fa;--color-prettylights-syntax-invalid-illegal-bg:#82071e;--color-prettylights-syntax-carriage-return-text:#f6f8fa;--color-prettylights-syntax-carriage-return-bg:#cf222e;--color-prettylights-syntax-string-regexp:#116329;--color-prettylights-syntax-markup-list:#3b2300;--color-prettylights-syntax-markup-heading:#0550ae;--color-prettylights-syntax-markup-italic:#24292f;--color-prettylights-syntax-markup-bold:#24292f;--color-prettylights-syntax-markup-deleted-text:#82071e;--color-prettylights-syntax-markup-deleted-bg:#ffebe9;--color-prettylights-syntax-markup-inserted-text:#116329;--color-prettylights-syntax-markup-inserted-bg:#dafbe1;--color-prettylights-syntax-markup-changed-text:#953800;--color-prettylights-syntax-markup-changed-bg:#ffd8b5;--color-prettylights-syntax-markup-ignored-text:#eaeef2;--color-prettylights-syntax-markup-ignored-bg:#0550ae;--color-prettylights-syntax-meta-diff-range:#8250df;--color-prettylights-syntax-brackethighlighter-angle:#57606a;--color-prettylights-syntax-sublimelinter-gutter-mark:#8c959f;--color-prettylights-syntax-constant-other-reference-link:#0a3069;--color-fg-default:#24292f;--color-fg-muted:#57606a;--color-fg-subtle:#6e7781;--color-canvas-default:#fff;--color-canvas-subtle:#f6f8fa;--color-border-default:#d0d7de;--color-border-muted:#d8dee4;--color-neutral-muted:#afb8c133;--color-accent-fg:#0969da;--color-accent-emphasis:#0969da;--color-attention-subtle:#fff8c5;--color-danger-fg:#cf222e;color-scheme:light}.wmde-markdown{-webkit-text-size-adjust:100%;word-wrap:break-word;background-color:var(--color-canvas-default);color:var(--color-fg-default);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:16px;line-height:1.5}.wmde-markdown details,.wmde-markdown figcaption,.wmde-markdown figure{display:block}.wmde-markdown summary{display:list-item}.wmde-markdown [hidden]{display:none!important}.wmde-markdown a{background-color:initial;color:var(--color-accent-fg);text-decoration:none}.wmde-markdown a:active,.wmde-markdown a:hover{outline-width:0}.wmde-markdown abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.wmde-markdown b,.wmde-markdown strong{font-weight:600}.wmde-markdown dfn{font-style:italic}.wmde-markdown h1{border-bottom:1px solid var(--color-border-muted);font-size:2em;font-weight:600;margin:.67em 0;padding-bottom:.3em}.wmde-markdown mark{background-color:var(--color-attention-subtle);color:var(--color-text-primary)}.wmde-markdown small{font-size:90%}.wmde-markdown sub,.wmde-markdown sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}.wmde-markdown sub{bottom:-.25em}.wmde-markdown sup{top:-.5em}.wmde-markdown img{background-color:var(--color-canvas-default);border-style:none;box-sizing:initial;display:inline-block;max-width:100%}.wmde-markdown code,.wmde-markdown kbd,.wmde-markdown pre,.wmde-markdown samp{font-family:monospace,monospace;font-size:1em}.wmde-markdown figure{margin:1em 40px}.wmde-markdown hr{background:#0000;background-color:var(--color-border-default);border:0;border-bottom:1px solid var(--color-border-muted);box-sizing:initial;height:.25em;margin:24px 0;overflow:hidden;padding:0}.wmde-markdown input{font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible}.wmde-markdown [type=button],.wmde-markdown [type=reset],.wmde-markdown [type=submit]{-webkit-appearance:button}.wmde-markdown [type=button]::-moz-focus-inner,.wmde-markdown [type=reset]::-moz-focus-inner,.wmde-markdown [type=submit]::-moz-focus-inner{border-style:none;padding:0}.wmde-markdown [type=button]:-moz-focusring,.wmde-markdown [type=reset]:-moz-focusring,.wmde-markdown [type=submit]:-moz-focusring{outline:1px dotted ButtonText}.wmde-markdown [type=checkbox],.wmde-markdown [type=radio]{box-sizing:border-box;padding:0}.wmde-markdown [type=number]::-webkit-inner-spin-button,.wmde-markdown [type=number]::-webkit-outer-spin-button{height:auto}.wmde-markdown [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.wmde-markdown [type=search]::-webkit-search-cancel-button,.wmde-markdown [type=search]::-webkit-search-decoration{-webkit-appearance:none}.wmde-markdown ::-webkit-input-placeholder{color:inherit;opacity:.54}.wmde-markdown ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.wmde-markdown a:hover{text-decoration:underline}.wmde-markdown hr:after,.wmde-markdown hr:before{content:"";display:table}.wmde-markdown hr:after{clear:both}.wmde-markdown table{border-collapse:collapse;border-spacing:0;display:block;max-width:100%;width:max-content}.wmde-markdown td,.wmde-markdown th{padding:0}.wmde-markdown details summary{cursor:pointer}.wmde-markdown details:not([open])>:not(summary){display:none!important}.wmde-markdown kbd{background-color:var(--color-canvas-subtle);border-bottom-color:var(--color-neutral-muted);border:1px solid var(--color-neutral-muted);border-radius:6px;box-shadow:inset 0 -1px 0 var(--color-neutral-muted);color:var(--color-fg-default);display:inline-block;font:11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;line-height:10px;padding:3px 5px;vertical-align:middle}.wmde-markdown h1,.wmde-markdown h2,.wmde-markdown h3,.wmde-markdown h4,.wmde-markdown h5,.wmde-markdown h6{font-weight:600;line-height:1.25;margin-bottom:16px;margin-top:24px}.wmde-markdown h2{border-bottom:1px solid var(--color-border-muted);font-size:1.5em;font-weight:600;padding-bottom:.3em}.wmde-markdown h3{font-size:1.25em;font-weight:600}.wmde-markdown h4{font-size:1em;font-weight:600}.wmde-markdown h5{font-size:.875em;font-weight:600}.wmde-markdown h6{color:var(--color-fg-muted);font-size:.85em;font-weight:600}.wmde-markdown p{margin-bottom:10px;margin-top:0}.wmde-markdown blockquote{border-left:.25em solid var(--color-border-default);color:var(--color-fg-muted);margin:0;padding:0 1em}.wmde-markdown ol,.wmde-markdown ul{margin-bottom:0;margin-top:0;padding-left:2em}.wmde-markdown ol ol,.wmde-markdown ul ol{list-style-type:lower-roman}.wmde-markdown ol ol ol,.wmde-markdown ol ul ol,.wmde-markdown ul ol ol,.wmde-markdown ul ul ol{list-style-type:lower-alpha}.wmde-markdown dd{margin-left:0}.wmde-markdown code,.wmde-markdown pre,.wmde-markdown tt{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.wmde-markdown pre{word-wrap:normal;margin-bottom:0;margin-top:0}.wmde-markdown .octicon{fill:currentColor;display:inline-block;overflow:visible!important;vertical-align:text-bottom}.wmde-markdown ::placeholder{color:var(--color-fg-subtle);opacity:1}.wmde-markdown input::-webkit-inner-spin-button,.wmde-markdown input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.wmde-markdown [data-catalyst]{display:block}.wmde-markdown:after,.wmde-markdown:before{content:"";display:table}.wmde-markdown:after{clear:both}.wmde-markdown>:first-child{margin-top:0!important}.wmde-markdown>:last-child{margin-bottom:0!important}.wmde-markdown a:not([href]){color:inherit;text-decoration:none}.wmde-markdown .absent{color:var(--color-danger-fg)}.wmde-markdown a.anchor{float:left;line-height:1;margin-left:-20px;padding-right:4px}.wmde-markdown .anchor:focus{outline:none}.wmde-markdown blockquote,.wmde-markdown details,.wmde-markdown dl,.wmde-markdown ol,.wmde-markdown p,.wmde-markdown pre,.wmde-markdown table,.wmde-markdown ul{margin-bottom:16px;margin-top:0}.wmde-markdown blockquote>:first-child{margin-top:0}.wmde-markdown blockquote>:last-child{margin-bottom:0}.wmde-markdown sup>a:before{content:"["}.wmde-markdown sup>a:after{content:"]"}.wmde-markdown h1 .octicon-link,.wmde-markdown h2 .octicon-link,.wmde-markdown h3 .octicon-link,.wmde-markdown h4 .octicon-link,.wmde-markdown h5 .octicon-link,.wmde-markdown h6 .octicon-link{color:var(--color-fg-default);vertical-align:middle;visibility:hidden}.wmde-markdown h1:hover .anchor,.wmde-markdown h2:hover .anchor,.wmde-markdown h3:hover .anchor,.wmde-markdown h4:hover .anchor,.wmde-markdown h5:hover .anchor,.wmde-markdown h6:hover .anchor{text-decoration:none}.wmde-markdown h1:hover .anchor .octicon-link,.wmde-markdown h2:hover .anchor .octicon-link,.wmde-markdown h3:hover .anchor .octicon-link,.wmde-markdown h4:hover .anchor .octicon-link,.wmde-markdown h5:hover .anchor .octicon-link,.wmde-markdown h6:hover .anchor .octicon-link{visibility:visible}.wmde-markdown h1 code,.wmde-markdown h1 tt,.wmde-markdown h2 code,.wmde-markdown h2 tt,.wmde-markdown h3 code,.wmde-markdown h3 tt,.wmde-markdown h4 code,.wmde-markdown h4 tt,.wmde-markdown h5 code,.wmde-markdown h5 tt,.wmde-markdown h6 code,.wmde-markdown h6 tt{font-size:inherit;padding:0 .2em}.wmde-markdown ol.no-list,.wmde-markdown ul.no-list{list-style-type:none;padding:0}.wmde-markdown ol[type="1"]{list-style-type:decimal}.wmde-markdown ol[type=a]{list-style-type:lower-alpha}.wmde-markdown ol[type=i]{list-style-type:lower-roman}.wmde-markdown div>ol:not([type]){list-style-type:decimal}.wmde-markdown ol ol,.wmde-markdown ol ul,.wmde-markdown ul ol,.wmde-markdown ul ul{margin-bottom:0;margin-top:0}.wmde-markdown li>p{margin-top:16px}.wmde-markdown li+li{margin-top:.25em}.wmde-markdown dl{padding:0}.wmde-markdown dl dt{font-size:1em;font-style:italic;font-weight:600;margin-top:16px;padding:0}.wmde-markdown dl dd{margin-bottom:16px;padding:0 16px}.wmde-markdown table th{font-weight:600}.wmde-markdown table td,.wmde-markdown table th{border:1px solid var(--color-border-default);padding:6px 13px}.wmde-markdown table tr{background-color:var(--color-canvas-default);border-top:1px solid var(--color-border-muted)}.wmde-markdown table tr:nth-child(2n){background-color:var(--color-canvas-subtle)}.wmde-markdown table img{background-color:initial}.wmde-markdown img[align=right]{padding-left:20px}.wmde-markdown img[align=left]{padding-right:20px}.wmde-markdown .emoji{background-color:initial;max-width:none;vertical-align:text-top}.wmde-markdown span.frame{display:block;overflow:hidden}.wmde-markdown span.frame>span{border:1px solid var(--color-border-default);display:block;float:left;margin:13px 0 0;overflow:hidden;padding:7px;width:auto}.wmde-markdown span.frame span img{display:block;float:left}.wmde-markdown span.frame span span{clear:both;color:var(--color-fg-default);display:block;padding:5px 0 0}.wmde-markdown span.align-center{clear:both;display:block;overflow:hidden}.wmde-markdown span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.wmde-markdown span.align-center span img{margin:0 auto;text-align:center}.wmde-markdown span.align-right{clear:both;display:block;overflow:hidden}.wmde-markdown span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.wmde-markdown span.align-right span img{margin:0;text-align:right}.wmde-markdown span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.wmde-markdown span.float-left span{margin:13px 0 0}.wmde-markdown span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.wmde-markdown span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.wmde-markdown code,.wmde-markdown tt{background-color:var(--color-neutral-muted);border-radius:6px;font-size:85%;margin:0;padding:.2em .4em}.wmde-markdown code br,.wmde-markdown tt br{display:none}.wmde-markdown del code{text-decoration:inherit}.wmde-markdown pre code{font-size:100%}.wmde-markdown pre>code{background:#0000;border:0;margin:0;padding:0;white-space:pre;word-break:normal}.wmde-markdown pre{background-color:var(--color-canvas-subtle);border-radius:6px;font-size:85%;line-height:1.45}.wmde-markdown pre code,.wmde-markdown pre tt{word-wrap:normal;background-color:initial;border:0;display:inline;line-height:inherit;margin:0;max-width:auto;overflow:visible;padding:0}.wmde-markdown pre>code{display:block;overflow:auto;padding:16px}.wmde-markdown pre>code::-webkit-scrollbar{background:#0000;height:8px;width:8px}.wmde-markdown pre>code::-webkit-scrollbar-thumb{background:var(--color-fg-muted);border-radius:10px}.wmde-markdown .csv-data td,.wmde-markdown .csv-data th{font-size:12px;line-height:1;overflow:hidden;padding:5px;text-align:left;white-space:nowrap}.wmde-markdown .csv-data .blob-num{background:var(--color-canvas-default);border:0;padding:10px 8px 9px;text-align:right}.wmde-markdown .csv-data tr{border-top:0}.wmde-markdown .csv-data th{background:var(--color-canvas-subtle);border-top:0;font-weight:600}.wmde-markdown .footnotes{border-top:1px solid var(--color-border-default);color:var(--color-fg-muted);font-size:12px}.wmde-markdown .footnotes ol{padding-left:16px}.wmde-markdown .footnotes li{position:relative}.wmde-markdown .footnotes li:target:before{border:2px solid var(--color-accent-emphasis);border-radius:6px;bottom:-8px;content:"";left:-24px;pointer-events:none;position:absolute;right:-8px;top:-8px}.wmde-markdown .footnotes li:target{color:var(--color-fg-default)}.wmde-markdown .footnotes .data-footnote-backref g-emoji{font-family:monospace}.wmde-markdown .task-list-item{list-style-type:none}.wmde-markdown .task-list-item label{font-weight:400}.wmde-markdown .task-list-item.enabled label{cursor:pointer}.wmde-markdown .task-list-item+.wmde-markdown .task-list-item{margin-top:3px}.wmde-markdown .task-list-item .handle{display:none}.wmde-markdown .contains-task-list input[type=checkbox],.wmde-markdown .task-list-item-checkbox{margin:0 .2em .25em -1.6em;vertical-align:middle}.wmde-markdown .contains-task-list:dir(rtl) .task-list-item-checkbox,.wmde-markdown .contains-task-list:dir(rtl) input[type=checkbox]{margin:0 -1.6em .25em .2em}.wmde-markdown ::-webkit-calendar-picker-indicator{filter:invert(50%)}.wmde-markdown pre{position:relative}.wmde-markdown pre .copied{background:var(--color-border-default);border-radius:5px;color:var(--color-fg-default);cursor:pointer;display:flex;font-size:12px;padding:6px;position:absolute;right:6px;top:6px;transition:all .3s;visibility:hidden}.wmde-markdown pre .copied .octicon-copy{display:block}.wmde-markdown pre .copied .octicon-check{display:none}.wmde-markdown pre:hover .copied{visibility:visible}.wmde-markdown pre:hover .copied:hover{background:var(--color-prettylights-syntax-entity-tag);color:var(--color-canvas-default)}.wmde-markdown pre .copied.active,.wmde-markdown pre:hover .copied:active{background:var(--color-copied-active-bg);color:var(--color-canvas-default)}.wmde-markdown pre .active .octicon-copy{display:none}.wmde-markdown pre .active .octicon-check{display:block}.wmde-markdown .markdown-alert{border-left:.25em solid var(--borderColor-default,var(--color-border-default));color:inherit;margin-bottom:16px;padding:.5rem 1em}.wmde-markdown .markdown-alert>:last-child{margin-bottom:0!important}.wmde-markdown .markdown-alert .markdown-alert-title{align-items:center;display:flex;font-size:14px;font-weight:500;line-height:1}.wmde-markdown .markdown-alert .markdown-alert-title svg.octicon{margin-right:8px!important;margin-right:var(--base-size-8,8px)!important}.wmde-markdown .markdown-alert.markdown-alert-note{border-left-color:var(--borderColor-accent-emphasis,var(--color-accent-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-note .markdown-alert-title{color:var(--color-accent-fg);color:var(--fgColor-accent,var(--color-accent-fg))}.wmde-markdown .markdown-alert.markdown-alert-tip{border-left-color:var(--borderColor-success-emphasis,var(--color-success-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-tip .markdown-alert-title{color:var(--color-success-fg);color:var(--fgColor-success,var(--color-success-fg))}.wmde-markdown .markdown-alert.markdown-alert-important{border-left-color:var(--borderColor-done-emphasis,var(--color-done-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-important .markdown-alert-title{color:var(--color-done-fg);color:var(--fgColor-done,var(--color-done-fg))}.wmde-markdown .markdown-alert.markdown-alert-warning{border-left-color:var(--borderColor-attention-emphasis,var(--color-attention-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-warning .markdown-alert-title{color:var(--color-attention-fg);color:var(--fgColor-attention,var(--color-attention-fg))}.wmde-markdown .markdown-alert.markdown-alert-caution{border-left-color:var(--borderColor-danger-emphasis,var(--color-danger-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-caution .markdown-alert-title{color:var(--color-danger-fg);color:var(--fgColor-danger,var(--color-danger-fg))}.wmde-markdown .highlight-line{background-color:var(--color-neutral-muted)}.wmde-markdown .code-line.line-number:before{color:var(--color-fg-subtle);content:attr(line);display:inline-block;margin-right:16px;text-align:right;white-space:nowrap;width:1rem}.wmde-markdown .token.cdata,.wmde-markdown .token.comment,.wmde-markdown .token.doctype,.wmde-markdown .token.prolog{color:var(--color-prettylights-syntax-comment)}.wmde-markdown .token.namespace{opacity:.7}.wmde-markdown .token.constant,.wmde-markdown .token.deleted,.wmde-markdown .token.property,.wmde-markdown .token.selector,.wmde-markdown .token.symbol,.wmde-markdown .token.tag{color:var(--color-prettylights-syntax-entity-tag)}.wmde-markdown .token.maybe-class-name{color:var(--color-prettylights-syntax-variable)}.wmde-markdown .token.attr-name,.wmde-markdown .token.boolean,.wmde-markdown .token.builtin,.wmde-markdown .token.char,.wmde-markdown .token.number,.wmde-markdown .token.operator,.wmde-markdown .token.property-access,.wmde-markdown .token.selector .token.class,.wmde-markdown .token.string{color:var(--color-prettylights-syntax-constant)}.wmde-markdown .token.deleted{color:var(--color-prettylights-syntax-markup-deleted-text)}.wmde-markdown .code-line .token.deleted{background-color:var(--color-prettylights-syntax-markup-deleted-bg)}.wmde-markdown .token.inserted{color:var(--color-prettylights-syntax-markup-inserted-text)}.wmde-markdown .code-line .token.inserted{background-color:var(--color-prettylights-syntax-markup-inserted-bg)}.wmde-markdown .token.variable{color:var(--color-prettylights-syntax-constant)}.wmde-markdown .language-css .token.string,.wmde-markdown .style .token.string,.wmde-markdown .token.atrule,.wmde-markdown .token.attr-value,.wmde-markdown .token.class-name,.wmde-markdown .token.color,.wmde-markdown .token.entity,.wmde-markdown .token.function,.wmde-markdown .token.url{color:var(--color-prettylights-syntax-string)}.wmde-markdown .token.important,.wmde-markdown .token.keyword,.wmde-markdown .token.regex,.wmde-markdown .token.rule{color:var(--color-prettylights-syntax-keyword)}.wmde-markdown .token.coord{color:var(--color-prettylights-syntax-meta-diff-range)}.wmde-markdown .token.bold,.wmde-markdown .token.important{font-weight:700}.wmde-markdown .token.italic{font-style:italic}.wmde-markdown .token.entity{cursor:help}.w-md-editor-area{border-radius:5px;overflow:auto}.w-md-editor-text{font-feature-settings:"liga","clig";box-sizing:border-box;font-size:14px!important;font-variant-ligatures:common-ligatures;line-height:18px!important;margin:0;min-height:100%;overflow-wrap:break-word;padding:10px;position:relative;text-align:left;white-space:pre-wrap;word-break:keep-all}.w-md-editor-text-input,.w-md-editor-text-pre,.w-md-editor-text>.w-md-editor-text-pre{font-feature-settings:inherit;background:none;border:0;box-sizing:inherit;display:inherit;font-family:inherit;font-family:var(--md-editor-font-family)!important;font-size:inherit;font-style:inherit;font-variant-ligatures:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;overflow-wrap:inherit;padding:0;tab-size:inherit;text-indent:inherit;text-rendering:inherit;text-transform:inherit;white-space:inherit;word-break:inherit;word-break:normal}.w-md-editor-text-pre{background-color:initial!important;margin:0!important;pointer-events:none;position:relative}.w-md-editor-text-pre>code{font-family:var(--md-editor-font-family)!important;font-size:14px!important;line-height:18px!important;padding:0!important}.w-md-editor-text-input{-webkit-font-smoothing:antialiased;-webkit-text-fill-color:#0000;color:inherit;height:100%;left:0;outline:0;overflow:hidden;padding:inherit;position:absolute;resize:none;top:0;width:100%}.w-md-editor-text-input:empty{-webkit-text-fill-color:inherit!important}.w-md-editor-text-input,.w-md-editor-text-pre{word-wrap:pre;white-space:pre-wrap;word-break:break-word}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.w-md-editor-text-input{color:#0000!important}.w-md-editor-text-input::selection{background-color:#accef7!important;color:#0000!important}}.w-md-editor-text-pre .punctuation{color:#8b949e!important;color:var(--color-prettylights-syntax-comment,#8b949e)!important}.w-md-editor-text-pre .token.content,.w-md-editor-text-pre .token.url{color:#0550ae!important;color:var(--color-prettylights-syntax-constant,#0550ae)!important}.w-md-editor-text-pre .token.title.important{color:#24292f;color:var(--color-prettylights-syntax-markup-bold,#24292f)}.w-md-editor-text-pre .token.code-block .function{color:#8250df;color:var(--color-prettylights-syntax-entity,#8250df)}.w-md-editor-text-pre .token.bold{font-weight:inherit!important}.w-md-editor-text-pre .token.title{font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important}.w-md-editor-text-pre .token.code.keyword{color:#0550ae!important;color:var(--color-prettylights-syntax-constant,#0550ae)!important}.w-md-editor-text-pre .token.strike,.w-md-editor-text-pre .token.strike .content{color:#82071e!important;color:var(--color-prettylights-syntax-markup-deleted-text,#82071e)!important}.w-md-editor-toolbar-child{background-color:var(--md-editor-background-color);border-radius:3px;box-shadow:0 0 0 1px var(--md-editor-box-shadow-color),0 0 0 var(--md-editor-box-shadow-color),0 1px 1px var(--md-editor-box-shadow-color);display:none;position:absolute;z-index:1}.w-md-editor-toolbar-child.active{display:block}.w-md-editor-toolbar-child .w-md-editor-toolbar{border-bottom:0;border-radius:3px;padding:3px}.w-md-editor-toolbar-child .w-md-editor-toolbar ul>li{display:block}.w-md-editor-toolbar-child .w-md-editor-toolbar ul>li button{box-sizing:border-box;height:auto;margin:0;padding:3px 4px 2px;width:-webkit-fill-available}.w-md-editor-toolbar{align-items:center;background-color:var(--md-editor-background-color);border-bottom:1px solid var(--md-editor-box-shadow-color);border-radius:3px 3px 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;padding:3px;-webkit-user-select:none;user-select:none}.w-md-editor-toolbar.bottom{border-bottom:0;border-radius:0 0 3px 3px;border-top:1px solid var(--md-editor-box-shadow-color)}.w-md-editor-toolbar li,.w-md-editor-toolbar ul{line-height:normal;list-style:none;margin:0;padding:0}.w-md-editor-toolbar li{display:inline-block;font-size:14px}.w-md-editor-toolbar li+li{margin:0}.w-md-editor-toolbar li>button{background:none;border:none;border-radius:2px;color:var(--color-fg-default);cursor:pointer;font-weight:400;height:20px;line-height:14px;margin:0 1px;outline:none;overflow:visible;padding:4px;text-transform:none;transition:all .3s;white-space:nowrap}.w-md-editor-toolbar li>button:focus,.w-md-editor-toolbar li>button:hover{background-color:var(--color-neutral-muted);color:var(--color-accent-fg)}.w-md-editor-toolbar li>button:active{background-color:var(--color-neutral-muted);color:var(--color-danger-fg)}.w-md-editor-toolbar li>button:disabled{color:var(--md-editor-box-shadow-color);cursor:not-allowed}.w-md-editor-toolbar li>button:disabled:hover{background-color:initial;color:var(--md-editor-box-shadow-color)}.w-md-editor-toolbar li.active>button{background-color:var(--color-neutral-muted);color:var(--color-accent-fg)}.w-md-editor-toolbar-divider{background-color:var(--md-editor-box-shadow-color);height:14px;margin:-3px 3px 0!important;vertical-align:middle;width:1px}.w-md-editor-bar{border-radius:0 0 3px 0;bottom:0;cursor:s-resize;height:10px;margin-right:0;margin-top:-11px;position:absolute;right:0;-webkit-user-select:none;user-select:none;width:14px;z-index:3}.w-md-editor-bar svg{display:block;margin:0 auto}.w-md-editor{--md-editor-font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;--md-editor-background-color:var(--color-canvas-default,#fff);--md-editor-box-shadow-color:var(--color-border-default,#d0d7de);background-color:var(--md-editor-background-color);border-radius:3px;box-shadow:0 0 0 1px var(--md-editor-box-shadow-color),0 0 0 var(--md-editor-box-shadow-color),0 1px 1px var(--md-editor-box-shadow-color);color:var(--color-fg-default);display:flex;flex-direction:column;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding-bottom:1px;position:relative;text-align:left}.w-md-editor.w-md-editor-rtl{direction:rtl!important;text-align:right!important}.w-md-editor.w-md-editor-rtl .w-md-editor-preview{box-shadow:inset -1px 0 0 0 var(--md-editor-box-shadow-color);left:0;right:auto!important;text-align:right!important}.w-md-editor.w-md-editor-rtl .w-md-editor-text{text-align:right!important}.w-md-editor-toolbar{height:fit-content}.w-md-editor-content{border-radius:0 0 3px 0;height:100%;overflow:auto;position:relative}.w-md-editor .copied{display:none!important}.w-md-editor-input{height:100%;width:50%}.w-md-editor-text-pre>code{white-space:pre-wrap!important;word-break:break-word!important}.w-md-editor-preview{border-radius:0 0 5px 0;bottom:0;box-shadow:inset 1px 0 0 0 var(--md-editor-box-shadow-color);box-sizing:border-box;display:flex;flex-direction:column;overflow:auto;padding:10px 20px;position:absolute;right:0;top:0;width:50%}.w-md-editor-preview .anchor{display:none}.w-md-editor-preview .contains-task-list li.task-list-item{list-style:none}.w-md-editor-show-preview .w-md-editor-input{background-color:var(--md-editor-background-color);overflow:hidden;width:0}.w-md-editor-show-preview .w-md-editor-preview{box-shadow:inset 0 0 0 0;width:100%}.w-md-editor-show-edit .w-md-editor-input{width:100%}.w-md-editor-show-edit .w-md-editor-preview{padding:0;width:0}.w-md-editor-fullscreen{bottom:0;height:100%!important;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:99999}.w-md-editor-fullscreen .w-md-editor-content{height:100%}.container{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:Inter,Segoe UI,Roboto,sans-serif;min-height:100vh}.newGrammarLesson-header{position:fixed;top:0;width:100%;z-index:1000}.newGrammarLesson-image-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;box-sizing:border-box;margin-bottom:24px;overflow:hidden;padding:24px;position:relative;width:100%}.newGrammarLesson-image-container:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.newGrammarLesson-lesson-background{border-radius:16px;box-shadow:0 8px 25px #00000026;height:240px;max-width:460px;object-fit:cover;width:100%}.grammar-lesson-content-title,.grammar-lesson-title{color:#333}.grammar-lesson-form-group{margin-bottom:20px}.grammar-lesson-label{display:block;font-weight:700;margin-bottom:5px}.grammar-lesson-input,.grammar-lesson-select,.grammar-lesson-textarea{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px;width:100%}.grammar-lesson-textarea{height:100px;resize:vertical}.grammar-lesson-markdown-content{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;padding:10px}.grammar-lesson-action-buttons{display:flex;gap:10px;margin-top:20px}.grammar-lesson-delete-button,.grammar-lesson-edit-button,.grammar-lesson-save-button{border:none;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.grammar-lesson-edit-button{background-color:#4caf50}.grammar-lesson-delete-button{background-color:#f44336}.grammar-lesson-save-button{background-color:#008cba}.grammar-lesson-sidebar{background-color:#f8f9fa;border-right:1px solid #e9ecef;height:100vh;left:0;padding-top:80px;position:fixed;top:0;width:250px}.sidebar-menu{padding:20px}.sidebar-item{align-items:center;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px 16px}.sidebar-item:hover{background-color:#e9ecef}.sidebar-item.active{background-color:#e7f1ff;color:#3d8fef}.sidebar-item svg{height:20px;width:20px}.newGrammarLesson-container{display:flex;font-family:Inter,Segoe UI,Roboto,sans-serif;min-height:calc(100vh - 80px);padding-top:80px;width:100%}.newGrammarLesson-sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:0 20px 20px 0;box-shadow:0 20px 40px #0000001a;margin:20px 0 20px 20px;padding:20px;width:280px}.newGrammarLesson-main{background:#0000;flex:1 1;margin:0 20px 20px 0;padding:0 40px 40px 20px}.newGrammarLesson-sub-header{align-items:center;background-color:#fff;display:flex;height:70px;justify-content:space-between;margin-bottom:0;width:80%;z-index:10}.newGrammarLesson-actions{display:flex;gap:10px}.newGrammarLesson-button{border:none;border-radius:4px;cursor:pointer;font-family:Arial,sans-serif;font-size:16px;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.newGrammarLesson-button-just-blue-border{background-color:initial;border:2px solid #007bff;color:#007bff;margin-left:50px}.newGrammarLesson-button-just-blue-border:hover{background-color:#007bff;color:#fff}.newGrammarLesson-button-just-purple-inside{background-color:#6f42c1;color:#fff}.newGrammarLesson-button-just-purple-inside:hover{background-color:#5a3ec8}.newGrammarLesson-button-just-purple-border{background-color:initial;border:2px solid #6f42c1;color:#6f42c1}.newGrammarLesson-button-just-purple-border:hover{background-color:#6f42c1;color:#fff}.newGrammarLesson-form-group{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;box-sizing:border-box;margin-bottom:24px;overflow:hidden;padding:24px;position:relative;width:100%}.newGrammarLesson-form-group:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.newGrammarLesson-label{color:#2d3748;display:block;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:700;margin-bottom:12px}.newGrammarLesson-input,.newGrammarLesson-textarea{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:2px solid #8b5cf633;border-radius:12px;box-sizing:border-box;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;padding:14px 16px;transition:all .3s ease;width:100%}.newGrammarLesson-input:focus,.newGrammarLesson-textarea:focus{background:#fffffff2;border-color:#8b5cf6;box-shadow:0 4px 20px #8b5cf626;outline:none}.newGrammarLesson-textarea{height:120px;min-height:80px;resize:vertical}.newGrammarLesson-content-title{color:#fff;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:700;margin:32px 0 16px;text-shadow:0 2px 4px #0000004d}.newGrammarLesson-editor{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden;position:relative;width:100%}.newGrammarLesson-editor:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.change-image-button{display:flex;justify-content:flex-start}.btn-change-image{align-items:center;box-shadow:0 4px 16px #667eea4d;display:inline-flex;font-family:Inter,Segoe UI,Roboto,sans-serif;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-change-image:hover{box-shadow:0 8px 25px #667eea80}.dropzone{border:2px dashed #ccc;border-radius:4px;cursor:pointer;flex-direction:column;justify-content:center;margin-bottom:20px;padding:20px}.dropzone,.image-preview{align-items:center;display:flex}.image-preview{margin-top:10px}.newGrammar-preview-image{margin-right:10px;object-fit:cover;width:100px}.newGrammar-breadcrumb{align-items:center;bottom:0;color:#666;display:flex;font-size:14px;gap:8px;position:relative}.newGrammar-breadcrumb span{color:#666}.newGrammar-breadcrumb span:last-child{color:#333;font-weight:500}.newGrammar-breadcrumb-link{color:#1976d2;cursor:pointer}.newGrammar-breadcrumb-link:hover{color:#1565c0;text-decoration:underline}.newGrammar-delete-btn,.newGrammar-edit-btn{border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.newGrammar-edit-btn{background-color:#fff;border:1px solid #1976d2;color:#1976d2}.newGrammar-edit-btn:hover{background-color:#1565c0;color:#fff}.newGrammar-delete-btn{background-color:#fff;border:1px solid #dc3545;color:#dc3545}.newGrammar-delete-btn:hover{background-color:#c82333;color:#fff}.newGrammarLesson-description{word-wrap:break-word;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}.text-count{display:flex;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:12px;justify-content:flex-end}@media screen and (max-width:768px){.newGrammarLesson-container{flex-direction:column;min-height:calc(100vh - 80px);padding-top:80px}.newGrammarLesson-sidebar{border-radius:20px;margin:16px;width:calc(100% - 32px)}.newGrammarLesson-main{margin:0 16px 20px;padding:0;width:calc(100% - 32px)}.newGrammarLesson-editor{width:100%}.newGrammarLesson-input,.newGrammarLesson-textarea{padding:12px 16px}.newGrammarLesson-lesson-background{max-width:none;width:100%}.newGrammarLesson-form-group{width:100%}.newGrammarLesson-image-container{align-items:center;display:flex;flex-direction:column;width:100%}.newGrammarLesson-content-title{font-size:20px;margin:24px 0 12px}.change-image-button{justify-content:center;margin-top:16px}}@media screen and (max-width:480px){.newGrammarLesson-main{margin:0 16px 16px;padding:0;width:calc(100% - 48px)}.newGrammarLesson-sidebar{margin:12px;padding:16px;width:calc(100% - 24px)}.lesson-header-header-container{margin:0 0 16px;padding:16px}.newGrammarLesson-content-title{font-size:18px;margin:20px 0 10px}}.notification-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.notification-modal{background:#fff;border-radius:12px;max-width:400px;padding:24px;position:relative;width:100%}.notification-modal-close{color:#666;cursor:pointer;font-size:24px;position:absolute;right:24px;top:24px}.notification-modal h2{font-size:24px;font-weight:600;margin-bottom:12px}.notification-modal p{color:#666;margin-bottom:24px}.notification-modal-actions{display:flex;justify-content:center}.notification-modal-ok{background:#7b68ee;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:24px;padding:8px 24px;text-align:center}.lesson-header-header-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;box-sizing:border-box;font-family:Inter,Segoe UI,Roboto,sans-serif;gap:20px;margin:0 0 24px;max-width:none!important;overflow:hidden;padding:24px;position:relative;width:100%}.lesson-header-header-container:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.lesson-header-header-breadcrumb{color:#64748b;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:14px;gap:8px}.breadcrumb-link{color:#8b5cf6;font-weight:500;transition:all .2s ease}.breadcrumb-link:hover{color:#7c3aed}.breadcrumb-separator{color:#94a3b8;font-weight:400}.lesson-header-header-tag{margin-top:0}.lesson-header-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:14px!important;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.lesson-header-header-main{gap:20px}.lesson-header-title{color:#2d3748;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:700;line-height:1.2}.lesson-header-title span:first-child{color:#8b5cf6;font-weight:600}.lesson-header-title span:last-child{color:#7c3aed;font-weight:700}.lesson-header-buttons{gap:12px;justify-content:flex-end;width:100%}.lesson-header-buttons button{border:none;border-radius:12px;box-shadow:0 4px 16px #0000001a;font-family:Inter,Segoe UI,Roboto,sans-serif;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.lesson-header-buttons button:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.btn-save{background:#10b981;box-shadow:0 4px 16px #10b9814d}.btn-save:hover{background:#059669;box-shadow:0 6px 20px #10b98166}.lesson-header-buttons .btn-cancel{background:#ef4444;box-shadow:0 4px 16px #ef44444d}.lesson-header-buttons .btn-cancel:hover{background:#dc2626;box-shadow:0 6px 20px #ef444466}.btn-delete{background:#ef44441a;border:2px solid #ef44444d;box-shadow:0 4px 16px #ef44441a;color:#ef4444}.btn-delete:hover{background:#ef444426;border-color:#dc262666;box-shadow:0 6px 20px #ef444433;color:#dc2626}.btn-edit,.btn-edit-icon{background:#3b82f61a;border:2px solid #3b82f64d;box-shadow:0 4px 16px #3b82f61a;color:#3b82f6}.btn-edit-icon:hover,.btn-edit:hover{background:#3b82f626;border-color:#2563eb66;box-shadow:0 6px 20px #3b82f633;color:#2563eb}.btn-cancel:disabled,.btn-delete:disabled,.btn-edit-icon:disabled,.btn-edit:disabled,.btn-save:disabled,.btn-toggle-publish:disabled{box-shadow:0 2px 8px #0000001a!important;cursor:not-allowed;opacity:.5;transform:none!important}.btn-toggle-publish{border-radius:12px;font-family:Inter,Segoe UI,Roboto,sans-serif;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-toggle-publish:hover{transform:translateY(-2px)}.btn-publish{background:#10b9811a;border:2px solid #10b9814d;box-shadow:0 4px 16px #10b9811a;color:#10b981}.btn-publish:hover{background:#10b98126;border-color:#05966966;box-shadow:0 6px 20px #10b98133}.btn-private{background:#6b72801a;border:2px solid #6b72804d;box-shadow:0 4px 16px #6b72801a;color:#6b7280}.btn-private:hover{background:#6b728026;border-color:#4b556366;box-shadow:0 6px 20px #6b728033}@media screen and (max-width:768px){.lesson-header-header-container{margin:0 0 20px;padding:20px}.lesson-header-header-main{align-items:flex-start;flex-direction:column;gap:16px}.lesson-header-title{font-size:20px}.lesson-header-buttons{gap:8px;justify-content:flex-start;width:100%}.lesson-header-buttons button{font-size:13px;padding:10px 18px}.lesson-header-tag{font-size:12px!important;padding:6px 12px}}.grammarLesson-container{background:linear-gradient(135deg,#667eea1a,#764ba21a 50%,#8b5cf61a);display:flex;font-family:Inter,Segoe UI,Roboto,sans-serif;min-height:calc(100vh - 80px);padding-top:80px;width:100%}.grammarLesson-title{word-wrap:break-word;font-size:32px;font-weight:700;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;margin:0 0 24px;max-width:100%;overflow-wrap:break-word;text-align:left;word-break:break-word}.grammarLesson-section-title,.grammarLesson-title{color:#8b5cf6;font-family:Inter,Segoe UI,Roboto,sans-serif}.grammarLesson-section-title{font-size:14px;font-weight:600;letter-spacing:.8px;margin:0 0 8px;text-transform:uppercase}.grammarLesson-description-section{margin-top:24px;text-align:left}.grammarLesson-main h2{word-wrap:break-word;border-bottom:none;color:#2d3748;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:600;margin:32px 0 16px;overflow-wrap:break-word;padding-bottom:0}.grammarLesson-header-newlesson{left:0;position:fixed;right:0;top:0;z-index:100}.grammarLesson-subheader{align-items:center;background-color:#fff;height:70px;justify-content:space-between;margin-bottom:10px;width:75%}.grammar-breadcrumb{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;margin-bottom:10px}.grammar-breadcrumb span{color:#666}.grammar-breadcrumb span:last-child{color:#333;font-weight:500}.grammar-breadcrumb-link{color:#1976d2;cursor:pointer}.grammar-breadcrumb-link:hover{color:#1565c0;text-decoration:underline}.grammar-breadcrumb span:last-child{color:#666;cursor:default}.grammarLesson-meta{color:#888;display:flex;font-size:14px;justify-content:space-between;margin-bottom:20px}.grammarLesson-content{color:#2d3748;display:flex;flex-direction:column;font-size:16px;gap:20px;line-height:1.6;width:100%}.grammarLesson-editContainer{margin-top:20px}.grammarLesson-textarea{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px;resize:vertical;width:100%}.grammarLesson-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-right:10px;padding:10px 20px;transition:background-color .3s ease}.grammarLesson-button:hover{background-color:#0056b3}.grammarLesson-button-secondary{background-color:#6c757d}.grammarLesson-button-secondary:hover{background-color:#5a6268}.grammarLesson-sidebar{padding:20px;width:10%}.grammarLesson-main{background:#0000;border:none;border-radius:0;box-shadow:none;flex:1 1;margin:0;max-width:calc(100% - 120px);overflow-y:auto;padding:0 32px 32px 20px}.grammarLesson-hero-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:32px;padding:20px}.grammarLesson-content-wrapper{align-items:center;background:#0000;border:none;border-radius:0;display:flex;justify-content:flex-start;margin-bottom:24px;padding:0}.grammarLesson-info{min-width:0;text-align:left;width:100%}.grammarLesson-subheader{align-items:flex-start;display:flex;flex-direction:column}.grammar-breadcrumb{display:none}.grammarLesson-header{display:flex;justify-content:flex-start;margin-bottom:24px;width:100%}.grammarLesson-image{border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 24px #0000001f;height:240px;object-fit:cover;transition:all .3s ease;width:460px}.grammarLesson-image:hover{box-shadow:0 12px 32px #00000029;transform:translateY(-2px)}.grammarLesson-description{word-wrap:break-word;background:#fffc;border-left:4px solid #8b5cf6;border-radius:12px;box-shadow:0 2px 10px #0000000d;box-sizing:border-box;color:#4a5568;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-hyphens:auto;hyphens:auto;line-height:1.6;margin:0;max-width:100%;overflow-wrap:break-word;padding:16px;text-align:left;word-break:break-word}.grammarLesson-description:hover{box-shadow:none;transform:none}.grammarLesson-description-wrap{word-wrap:break-word;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}.grammarLesson-content-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 12px 32px #0000001a;color:#2d3748;font-family:Inter,Segoe UI,Roboto,sans-serif;line-height:1.7;margin-bottom:20px;padding:32px;transition:all .3s ease}.grammarLesson-content-box:hover{box-shadow:0 16px 40px #00000026;transform:translateY(-2px)}.grammarLesson-content-box h1,.grammarLesson-content-box h2,.grammarLesson-content-box h3,.grammarLesson-content-box h4,.grammarLesson-content-box h5,.grammarLesson-content-box h6{color:#2d3748;font-family:Inter,Segoe UI,Roboto,sans-serif;margin-bottom:16px;margin-top:24px}.grammarLesson-content-box p{line-height:1.7;margin-bottom:16px}.grammarLesson-content-box ol,.grammarLesson-content-box ul{margin-bottom:16px;padding-left:24px}.grammarLesson-content-box li{line-height:1.6;margin-bottom:8px}.grammarLesson-content-box code{background:#8b5cf61a;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;padding:2px 6px}.grammarLesson-content-box pre{background:#8b5cf60d;border:1px solid #8b5cf61a;border-radius:12px;margin:16px 0;overflow-x:auto;padding:20px}.grammarLesson-content-box blockquote{background:#8b5cf60d;border-left:4px solid #8b5cf6;border-radius:0 8px 8px 0;margin:16px 0;padding:16px 0 16px 20px}.grammarLesson-actions{align-items:flex-start;display:flex;justify-content:flex-end;margin-bottom:10px}.grammarLesson-button-just-red-border{background-color:#fff;border:2px solid #dc3545;border-radius:4px;color:#dc3545;cursor:pointer;font-size:16px;font-weight:700;margin-right:10px;padding:10px 20px;transition:background-color .3s ease}.grammarLesson-button-just-red-border:hover{background-color:#dc3545;color:#fff}.grammarLesson-button-just-blue-border{background-color:#fff;border:2px solid #007bff;border-radius:4px;color:#007bff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.grammarLesson-button-just-blue-border:hover{background-color:#007bff;color:#fff}.grammarLesson-button-just-green-inside{align-items:center;background-color:#28a745;border:2px solid #28a745;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:700;justify-content:center;margin-right:10px;padding:8px 16px;transition:background-color .3s ease}.grammarLesson-button-just-green-inside:hover{background-color:#218838}.grammarLesson-button-just-grey-inside{align-items:center;background-color:#5d5c5c;border:2px solid #5d5c5c;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:700;justify-content:center;margin-right:10px;padding:8px 16px;transition:background-color .3s ease}.grammarLesson-button-just-grey-inside:hover{background-color:#313131}.grammarLesson-button-just-blue-inside{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 16px #8b5cf64d;color:#fff;cursor:pointer;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.grammarLesson-button-just-blue-inside:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 8px 24px #8b5cf666;transform:translateY(-2px)}.grammarLesson-button-just-purple-inside{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 16px #8b5cf64d;color:#fff;cursor:pointer;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;margin-right:10px;padding:12px 24px;transition:all .3s ease}.grammarLesson-button-just-purple-inside:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 8px 24px #8b5cf666;transform:translateY(-2px)}.grammarLesson-button-just-purple-border{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #8b5cf6;border-radius:12px;box-shadow:0 4px 16px #8b5cf61a;color:#8b5cf6;cursor:pointer;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;margin-right:10px;padding:12px 24px;transition:all .3s ease}.grammarLesson-button-just-purple-border:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 8px 24px #8b5cf64d;color:#fff;transform:translateY(-2px)}.grammarLesson-content-actions{align-items:center;display:flex;gap:12px}.grammarLesson-content-header{align-items:center;background:#0000;border:none;border-radius:0;border-top:2px solid #e2e8f0;box-shadow:none;display:flex;justify-content:space-between;margin:32px 0 24px;padding:20px 0}.grammarLesson-content-header h2{border-bottom:none;color:#fff;margin:0;padding-bottom:0}.grammarLesson-dialog-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.grammarLesson-dialog{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;font-family:Arial,sans-serif;font-size:16px;font-weight:400;max-width:90%;padding:40px;width:800px}.grammarLesson-dialog h2{font-size:20px;font-weight:700;margin-top:0}.grammarLesson-dialog label{display:block;font-size:16px;font-weight:400;margin-bottom:10px}.grammarLesson-dialog input,.grammarLesson-dialog textarea{border:1px solid #e1e1e1;border-radius:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;font-weight:400;margin-bottom:10px;margin-right:10px;margin-top:5px;padding:10px;width:calc(100% - 20px)}.grammarLesson-dialog textarea{height:200px;resize:vertical}.grammarLesson-dialog button{font-size:16px;font-weight:700;margin-right:10px}.grammarLesson-dialog img{display:block;height:auto;margin:10px auto;max-height:50%;max-width:100%;object-fit:cover;width:auto}@media screen and (max-width:768px){.grammarLesson-container{background:#0000;display:flex;flex-direction:column;gap:0;padding-top:80px}.grammarLesson-main{border-radius:12px;max-width:none;padding:16px;width:calc(100% - 32px)}.grammarLesson-content-wrapper{flex-direction:column;gap:20px;margin-bottom:24px;padding:20px}.grammarLesson-header{display:flex;justify-content:center;width:100%}.grammarLesson-image{height:180px;max-width:360px;width:100%}.grammarLesson-title{font-size:24px;text-align:left}.grammarLesson-section-title{font-size:12px}.grammarLesson-description{font-size:14px}.grammarLesson-description-section{margin-top:16px}.grammarLesson-sidebar{align-items:flex-start;padding-left:0;width:100%}.grammarLesson-main h2{font-size:20px;margin:24px 0 12px}.grammarLesson-content-box{border-radius:16px;font-size:16px;padding:20px}.grammarLesson-content-header{align-items:flex-start;flex-direction:column;gap:16px;margin:24px 0 16px;padding:16px 0}.grammarLesson-content-actions{flex-wrap:wrap;justify-content:center;width:100%}.grammarLesson-button-just-blue-border,.grammarLesson-button-just-blue-inside,.grammarLesson-button-just-green-inside,.grammarLesson-button-just-grey-inside,.grammarLesson-button-just-purple-border,.grammarLesson-button-just-purple-inside,.grammarLesson-button-just-red-border{font-size:14px;margin-bottom:10px;padding:10px 16px}}@media screen and (max-width:480px){.grammarLesson-main{border-radius:0;padding:16px}.grammarLesson-title{font-size:24px}.grammarLesson-content-wrapper{gap:20px;margin-bottom:24px}.grammarLesson-content-box,.grammarLesson-description{border-radius:16px;padding:16px}.grammarLesson-description{font-size:15px}.grammarLesson-content-header{margin:24px 0 12px;padding:12px 0}.grammarLesson-description-section{margin-top:20px}}.edit-lesson-modal-overlay{align-items:center;animation:fadeInOverlay .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#7b68ee1a;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeInOverlay{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1}}.edit-lesson-modal{animation:slideInModal .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #7b68ee33;border-radius:24px;box-shadow:0 25px 50px #7b68ee40,inset 0 1px 0 #fff9;max-height:90vh;max-width:600px;overflow-y:auto;padding:40px 36px;transform-origin:center;width:90%}@keyframes slideInModal{0%{opacity:0;transform:scale(.7) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}.edit-lesson-modal h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d3748,#7b68ee);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:24px;font-weight:700;margin:0 0 32px;text-align:center}.edit-lesson-modal-content{display:flex;flex-direction:column;gap:24px}.edit-lesson-modal-field{display:flex;flex-direction:column;position:relative}.edit-lesson-modal-field label{align-items:center;color:#4a5568;display:flex;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px;font-weight:600;gap:4px;margin-bottom:8px}.edit-lesson-required{color:#e53e3e;font-weight:700}.edit-lesson-description,.edit-lesson-title{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #7b68ee33;border-radius:12px;color:#2d3748;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.5;outline:none;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-lesson-description:focus,.edit-lesson-title:focus{background:#fffffff2;border-color:#7b68ee;box-shadow:0 0 0 3px #7b68ee1a,0 8px 25px #7b68ee26;transform:translateY(-1px)}.edit-lesson-description{font-family:Inter,Segoe UI,system-ui,sans-serif;min-height:120px;padding-right:16px!important;resize:vertical}.edit-lesson-char-count{color:#718096;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:12px;font-weight:500;margin-top:6px;text-align:right}.edit-lesson-image-upload-container{align-items:center;display:flex;flex-direction:row;gap:12px}.edit-lesson-image-upload-container input[type=text]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #7b68ee33;border-radius:12px;color:#2d3748;flex:1 1;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:15px;outline:none;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-lesson-image-upload-container input[type=text]:focus{background:#fffffff2;border-color:#7b68ee;box-shadow:0 0 0 3px #7b68ee1a,0 8px 25px #7b68ee26}.edit-lesson-image-upload{display:flex;flex-direction:column;gap:12px}.edit-lesson-image-upload input[type=text]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #7b68ee33;border-radius:12px;color:#2d3748;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:15px;margin-right:12px;outline:none;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 120px)}.edit-lesson-image-upload input[type=text]:focus{background:#fffffff2;border-color:#7b68ee;box-shadow:0 0 0 3px #7b68ee1a,0 8px 25px #7b68ee26}.edit-lesson-upload-button{align-items:center;background:linear-gradient(135deg,#7b68ee,#9f7aea);border:none;border-radius:12px;box-shadow:0 4px 15px #7b68ee4d;color:#fff;cursor:pointer;display:flex;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px;font-weight:600;height:48px;justify-content:center;max-width:100px;overflow:hidden;padding:14px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-lesson-upload-button:hover{background:linear-gradient(135deg,#6b46c1,#8b5cf6);box-shadow:0 8px 25px #7b68ee66;transform:translateY(-2px)}.edit-lesson-upload-button:active{box-shadow:0 4px 15px #7b68ee4d;transform:translateY(0)}.edit-lesson-upload-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.edit-lesson-upload-button:hover:before{left:100%}.edit-lesson-error{background:#fef2f2cc!important;border-color:#e53e3e!important;box-shadow:0 0 0 3px #e53e3e1a!important}.edit-lesson-error-icon{background:#e53e3e;border-radius:50%;height:16px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px}.edit-lesson-error-icon:before{color:#fff;content:"!";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.edit-lesson-error-message{align-items:center;color:#e53e3e;display:flex;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:12px;font-weight:500;gap:6px;margin-top:6px}.edit-lesson-modal-actions{border-top:1px solid #7b68ee1a;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.edit-lesson-modal-cancel,.edit-lesson-modal-save{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px;font-weight:600;height:44px;justify-content:center;min-width:100px;overflow:hidden;padding:0 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-lesson-modal-cancel{background:#7180961a;border-color:#71809633;color:#4a5568}.edit-lesson-modal-cancel:hover{background:#71809626;border-color:#7180964d;box-shadow:0 4px 12px #71809633;transform:translateY(-1px)}.edit-lesson-modal-save{background:linear-gradient(135deg,#7b68ee,#9f7aea);box-shadow:0 4px 15px #7b68ee4d;color:#fff}.edit-lesson-modal-save:hover{background:linear-gradient(135deg,#6b46c1,#8b5cf6);box-shadow:0 8px 25px #7b68ee66;transform:translateY(-2px)}.edit-lesson-modal-cancel:active,.edit-lesson-modal-save:active{transform:translateY(0)}.edit-lesson-modal-save:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.edit-lesson-modal-save:hover:before{left:100%}.edit-lesson-image-upload .edit-lesson-modal-field:last-child{align-items:center;display:flex;flex-direction:row;gap:12px}@media (max-width:768px){.edit-lesson-modal{border-radius:20px;margin:20px;padding:32px 24px;width:95%}.edit-lesson-modal h2{font-size:20px;margin-bottom:24px}.edit-lesson-modal-content{gap:20px}.edit-lesson-modal-cancel,.edit-lesson-modal-save{height:48px;width:100%}.edit-lesson-image-upload input[type=text]{width:calc(100% - 110px)}.edit-lesson-upload-button{font-size:13px;padding:14px 16px;width:90px}}@media (max-width:480px){.edit-lesson-modal{margin:10px;padding:24px 20px;width:98%}.edit-lesson-image-upload .edit-lesson-modal-field:last-child{align-items:stretch;flex-direction:column}.edit-lesson-image-upload input[type=text]{margin-right:0;width:100%}.edit-lesson-upload-button{width:100%}}.vocabulary-lesson-header{align-items:center;display:flex;justify-content:space-between;padding:0}.vocabulary-breadcrumb{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.vocabulary-breadcrumb-link{color:#1a73e8;cursor:pointer;text-decoration:none}.vocabulary-breadcrumb-link:hover{text-decoration:underline}.vocabulary-breadcrumb span:not(.vocabulary-breadcrumb-link){color:#666}.vocabulary-header-actions{display:flex;gap:10px}.vocabulary-lesson-delete-btn,.vocabulary-lesson-edit-btn{border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.vocabulary-lesson-edit-btn{background-color:#fff;border:1px solid #1976d2;color:#1976d2}.vocabulary-lesson-edit-btn:hover{background-color:#1565c0;color:#fff}.vocabulary-lesson-delete-btn{background-color:#fff;border:1px solid #dc3545;color:#dc3545}.vocabulary-lesson-delete-btn:hover{background-color:#c82333;color:#fff}.vocabulary-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.vocabulary-modal{background:#fff;border-radius:12px;max-height:90vh;max-width:90%;overflow-y:auto;padding:24px;width:500px}.vocabulary-modal h2{font-size:24px;font-weight:600;margin:0 0 24px}.vocabulary-modal-content{display:flex;flex-direction:column;gap:16px}.vocabulary-modal-field{display:flex;flex-direction:column;gap:8px;position:relative}.vocabulary-modal-field label{color:#666;font-size:14px;font-weight:500}.vocabulary-modal-field input{border:1px solid #e0e0e0;border-radius:8px;font-size:14px;outline:none;padding:8px 12px}.vocabulary-modal-field input::placeholder{color:#999}.vocabulary-modal-image-input{position:relative;width:100%}.vocabulary-modal-image-input input{width:auto}.vocabulary-modal-upload{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;height:26px;margin:0;padding:4px 12px;position:absolute;right:4px;top:41px;transform:translateY(-50%);width:auto}.vocabulary-modal-upload:hover{background:#1976d2}.vocabulary-modal-actions{display:flex;gap:12px;justify-content:space-between;margin-top:24px;width:100%}.vocabulary-modal-cancel{background:#fff;border:1px solid #7b68ee;border-radius:8px;color:#7b68ee;cursor:pointer;padding:8px 24px;transition:all .3s ease;width:150px}.vocabulary-modal-cancel:hover{background:#7b68ee1a}.vocabulary-modal-save{background:#7b68ee;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 24px;width:150px}.vocabulary-required{color:#ff4d4f;margin-left:4px}.vocabulary-modal-field input.vocabulary-error{border-color:#ff4d4f;padding-right:32px}.vocabulary-error-message{color:#ff4d4f;font-size:12px;margin-top:4px}.vocabulary-modal-field input.vocabulary-error+.vocabulary-error-icon{background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAUABQDAREAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD9Yv2/P29viH8YPiN4o+G/w58Uap4U+D3g/WL/AMPwReHdQudOuPH17pV1PZXviDW7+0NteXOj3VxHIdF0NpRpy2Udrf3ltLqThrb+eeM+MsdmeOxGAwOIqYbK8LVnRSoTlTljJ05OE69aceWUqUpJ+yo35ORRnKLqO8f9jPo0fRs4W4G4VyfivirJ8HnXHWe4DDZnUnmuFpYulw1h8bRp4jD5Zl+GrqrQo46jSlFY/MVB4p4iVfDUK0MJHlq/KWvaX8cP2SNd+FXibQ/iPceHdc+J3wq8GfHHw5f+A/EOuxtD4b8ef2j/AGdp3iiC90/S7a51fbpM8euaU0Ot6JNE8UP2/UYnlRPnK1PN+Gq2XYijjpUK2YZdhc3oTwdesrUMZz+zp4hThTjKr+7arU7VaTTS55ptL9oy3GeHnjblvGeUZjwrSzTLuEOM8+8PM1w3EmV5dJTzbhv6r9bxWT1KGJxlajgb42nLLsaqmX5hCcZz+rYWcYSl/Qx+yb/wUO+H3xY+Dul698Xdb0rwb8RNJ1G78NeJbWO3uI9P1q60+1sLqHxHpUEK3P2Wz1W01C3+0WkjJ9l1WDUoLdPsKWjv+28N8bYLMsrp1szq08LjqdSVDERUZKFWUIwkq9NLm5Y1IzjzRduWoqiiuRRb/wAvfGv6L3E3BXHeMy3gjAYzPeFsbhaGbZTWnVpSxWAo4qtiaNTKsbUqOl7avg6+Fq+yrxUvbYKphKlWX1iVaMf5iPij4F8Q/DL4jeNvAHiq2vLbX/CXiXVtF1Fb5XW4uJLS7kWHUNzjM8GqWxh1Kzu0LQ3tpdwXkEkkM8cjfz/mGDr5fjsXgsRGUa2Gr1KU+dPmk4ydp67qpG1SMlpOMlJNppn+vXB/EeWcXcK8P8TZNVoVcszvKcFmGFeHlF0qUa9CDnhrR0p1MHVVTCV6Ekp4evRqUKkY1Kcor1/9pjxX4o8Vf8M/f8JR4k+EXiT/AIRv9mT4U+FPDv8AwqTWNR1j+wfC+j/29/ZPhv4m/wBoXNx/Zfxd0v7Rcf8ACaaPY+Rp1j5+m/ZraLzX3enn+JxGI/sX6xXyyv7DIMuw1D+zas6vscPS9t7KhmHPKXs8zp80vrVKFoQvT5Yq7Ph/CTJcnyb/AIib/Y+U8cZV/avi7xnnWaf67YDC4H+0s4x39m/Xc24R+q0qX1zgjGeypf2Bj8R7TFYj2eL9tVnyRt7Z+zB+wd8Xf2ivhvcfEPwrLcaZof8Awk+qaFaNNrNto8eotplnpclzfWkV0ha6t1ubyXT2u4iYjdWFza5821lA9bh/g7Ms8wEsdh3KnR+sVKMb1Y0lP2cablOKl8UeaThzLTmhKO8Wfnvi/wDSR4I8LOK6XC+cwpYzMf7IweZV1TwNXHTwqxdfGRpYatOi7Uaro0IYpUZpT9jiaVa3JWg3+2//AAUC/ZF+DPxf8AeI/i54g0vUtH+IfgrQQ9r4l8MXVlpt5rdpFcW1vb6Z4mjutO1G31e0s0lb7FM0MOp2iAW9vqEdnm2P6zxpwzlWZ4KvmdanUpY7CUbxxGHlCnKtFSjGNPEKUJxqxin7jsqkV7sZqPun+fP0ZfHDj3gbiXKuCMsxmFx3C/EGZONbKc4o18XQy+vOlVq1cXlEqOKwtXA168oL29NVKmEryvVq4WVe1Vfh/wDsO/sy/Dn9oD40TeDvH9x4lbQNJ1W/3Wmi6naabJqdvpazXC2eoXTaZc3KwXggEF2+my6dd+TJIbS6tJvLmj/JeEcgwOdZq8LjZV/Y0qk/dpVI03UjTvLlnL2cpcsuW0nTcJWb5ZRdmv8AQv6RHi5xV4ZcA0894Zp5SszxuDw1q+YYSvi44SrjHTpOvhaKxdGi6tD2rqUI4uGKoc8Y+3o16fNTl/WB4U8KeHPA3hvRfCHhDRrHw94Z8O6fb6Vomi6bCILLT7C1QJDBCgyzHq800rST3E7yXFxLLPLJI39HYbDUMJQpYXDUoUMPQhGnSpU1aEIRVkkvxbd3Jtyk222f4t5znOa8RZrmGeZ5j8Tmeb5riquNzDH4uo6mIxWJrS5p1KktEukYU4KNOlTjGlShCnCMUP/Z);background-repeat:no-repeat;background-size:contain;content:"";height:16px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:16px}.vocabulary-modal-field input:focus{border-color:#2196f3}.vocabulary-modal-field input.vocabulary-error:focus{border-color:#ff4d4f}.vocabulary-item{align-items:flex-start;background:#f7fdfd;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:1rem;margin-bottom:20px;padding:20px}.vocabulary-item-image{border-radius:4px;height:120px;overflow:hidden;width:120px}.vocabulary-item-image img{height:100%;object-fit:cover;width:100%}.vocabulary-item-content{display:flex;flex:1 1;gap:30px}.vocabulary-left-column{flex:0 0 200px}.vocabulary-right-column{flex:1 1}.vocabulary-section{margin-bottom:5px}.vocabulary-label{color:#1976d2;font-weight:500;margin:0;min-width:100px}.vocabulary-value{color:#333;font-size:16px;line-height:1.4;margin:0}.vocabulary-label:first-child{margin-top:0}.vocabulary-right-column .vocabulary-section{margin-bottom:5px}.vocabulary-right-column .vocabulary-value{line-height:1.6}.vocabulary-label.example,.vocabulary-label.meaning,.vocabulary-label.transcription,.vocabulary-label.word{color:#1976d2}.vocabulary-edit-actions-item{align-self:center;display:flex;gap:8px;margin-left:auto}.vocabulary-action-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:.6;transition:opacity .3s;width:32px}.vocabulary-action-btn:hover{opacity:1}@media screen and (max-width:1078px){.vocabulary-item{flex-direction:row-reverse}.vocabulary-item-image{height:auto!important;margin-bottom:20px;margin-right:1rem!important;position:absolute;width:20%!important}.vocabulary-item-content{flex-direction:column;gap:0;width:80%}.vocabulary-left-column,.vocabulary-right-column{flex:1 1}}.newVocabLesson-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:Inter,Segoe UI,Roboto,sans-serif;min-height:100vh}.newVocabLesson-header{position:fixed;top:0;width:100%;z-index:1000}.newVocabLesson-container{display:flex;font-family:Inter,Segoe UI,Roboto,sans-serif;min-height:calc(100vh - 80px);padding-top:80px;width:100%}.newVocabLesson-main{background:#0000;flex:1 1;margin:0 20px 20px 0;padding:0 40px 40px 20px}.newVocabLesson-lesson-header{background:#0000;margin-bottom:32px;z-index:80}.newVocabLesson-hero-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:32px;overflow:hidden;padding:40px;position:relative}.newVocabLesson-hero-section:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.newVocabLesson-image-container{align-items:center;display:flex;justify-content:flex-start;margin-bottom:20px}.newVocabLesson-lesson-background{border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 24px #0000001f;height:240px;object-fit:cover;transition:all .3s ease;width:460px}.newVocabLesson-lesson-background:hover{box-shadow:0 12px 32px #00000029;transform:translateY(-2px)}.newVocabLesson-change-image-button{display:flex;justify-content:flex-start;margin-bottom:24px}.newVocabLesson-btn-change-image{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea40;color:#fff;cursor:pointer;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.newVocabLesson-btn-change-image:hover{box-shadow:0 6px 20px #667eea59;transform:translateY(-2px)}.newVocabLesson-info{min-width:0;text-align:left;width:100%}.newVocabLesson-title{word-wrap:break-word;color:#8b5cf6;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:32px;font-weight:700;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;margin:0 0 24px;max-width:100%;overflow-wrap:break-word;text-align:left;word-break:break-word}.newVocabLesson-description-section{margin-top:24px;text-align:left}.newVocabLesson-description{word-wrap:break-word;background:#fffc;border-left:4px solid #8b5cf6;border-radius:12px;box-shadow:0 2px 10px #0000000d;box-sizing:border-box;color:#4a5568;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-hyphens:auto;hyphens:auto;line-height:1.6;margin:0;max-width:100%;overflow-wrap:break-word;padding:16px;text-align:left;word-break:break-word}.newVocabLesson-form-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:32px;overflow:hidden;padding:40px;position:relative}.newVocabLesson-form-section:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.newVocabLesson-form{margin-bottom:40px}.newVocabLesson-form-group{font-family:Inter,sans-serif;margin-bottom:24px}.newVocabLesson-form-group label{color:#2d3748;display:block;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;margin-bottom:8px}.newVocabLesson-required-mark{color:#e53e3e;margin-left:4px}.newVocabLesson-input,.newVocabLesson-textarea{background:#ffffffe6;border:2px solid #8b5cf61a;border-radius:12px;box-sizing:border-box;color:#2d3748;font-family:Inter,sans-serif;font-size:16px;padding:16px;transition:all .3s ease;width:100%}.newVocabLesson-input:focus,.newVocabLesson-textarea:focus{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.newVocabLesson-textarea{line-height:1.6;min-height:120px;resize:vertical}.newVocabLesson-textarea::placeholder{color:#a0aec0;font-family:Inter,sans-serif}.newVocabLesson-text-count{color:#718096;font-family:Inter,sans-serif;font-size:14px;margin-top:8px;text-align:right}.newVocabLesson-content-section{margin-top:32px}.newVocabLesson-content-header{align-items:center;border-bottom:2px solid #8b5cf61a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 0}.newVocabLesson-section-title{color:#2d3748;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:700;margin:0}.newVocabLesson-add-vocabulary-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b98140;color:#fff;cursor:pointer;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.newVocabLesson-add-vocabulary-btn:hover{box-shadow:0 6px 20px #10b98159;transform:translateY(-2px)}.newVocabLesson-add-vocabulary-btn:disabled{box-shadow:0 4px 12px #10b98126;cursor:not-allowed;opacity:.6;transform:none}.newVocabLesson-items{display:flex;flex-direction:column;gap:20px}.new-vocabulary-lesson-container{font-family:Inter,Segoe UI,Roboto,sans-serif}.vocabulary-header-newlesson{background-color:initial;z-index:80}.new-vocabulary-lesson-form{margin:20px auto}.new-vocabulary-lesson-form h2{color:#2d3748;font-family:Inter,Segoe UI,Roboto,sans-serif;margin-bottom:20px;text-align:center}.new-vocabulary-lesson-form-group{font-family:Inter,sans-serif;margin-bottom:15px}.new-vocabulary-lesson-form-group label{color:#2d3748;display:block;font-family:Inter,Segoe UI,Roboto,sans-serif;font-weight:600;margin-bottom:5px}.new-vocabulary-lesson-form-group input,.new-vocabulary-lesson-form-group select,.new-vocabulary-lesson-form-group textarea{background:#ffffffe6;border:2px solid #8b5cf61a;border-radius:8px;box-sizing:border-box;color:#2d3748;font-family:Inter,sans-serif;font-size:16px;padding:12px;transition:all .3s ease;width:100%}.new-vocabulary-lesson-form-group input:focus,.new-vocabulary-lesson-form-group textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.new-vocabulary-lesson-form-group textarea{background:#ffffffe6;border:2px solid #8b5cf61a;border-radius:12px;color:#2d3748;font-family:Inter,sans-serif;font-size:16px;line-height:1.6;min-height:120px;padding:12px;resize:vertical;width:100%}.new-vocabulary-lesson-form-group textarea::placeholder{color:#a0aec0;font-family:Inter,sans-serif}.new-vocabulary-lesson-delete-btn,.new-vocabulary-lesson-edit-btn{border:none;border-radius:8px;cursor:pointer;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;margin-right:10px;padding:10px 20px;transition:all .3s ease}.new-vocabulary-lesson-edit-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.new-vocabulary-lesson-edit-btn:hover{box-shadow:0 4px 12px #10b98140;transform:translateY(-2px)}.new-vocabulary-lesson-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.new-vocabulary-lesson-delete-btn:hover{box-shadow:0 4px 12px #ef444440;transform:translateY(-2px)}.required-mark,.text-count{color:#718096;font-family:Inter,sans-serif;font-size:14px}.required-mark{color:#e53e3e}@media screen and (max-width:768px){.newVocabLesson-container{flex-direction:column;padding-top:80px}.newVocabLesson-main{margin:0;padding:20px}.newVocabLesson-form-section,.newVocabLesson-hero-section{padding:24px}.newVocabLesson-image-container{justify-content:center;margin-bottom:20px}.newVocabLesson-lesson-background{height:200px;max-width:360px;width:100%}.newVocabLesson-change-image-button{justify-content:center}.newVocabLesson-title{font-size:24px;text-align:left}.newVocabLesson-content-header{align-items:flex-start;flex-direction:column;gap:16px}.newVocabLesson-section-title{font-size:20px}.newVocabLesson-add-vocabulary-btn{align-self:flex-end}}@media screen and (max-width:480px){.newVocabLesson-main{padding:12px}.newVocabLesson-form-section,.newVocabLesson-hero-section{padding:16px}.newVocabLesson-title{font-size:20px}.newVocabLesson-section-title{font-size:18px}.newVocabLesson-input,.newVocabLesson-textarea{padding:12px}}.vocabLesson-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:Inter,Segoe UI,Roboto,sans-serif;min-height:100vh}.vocabLesson-header{position:fixed;top:0;width:100%;z-index:1000}.vocabLesson-container{display:flex;font-family:Inter,Segoe UI,Roboto,sans-serif;min-height:calc(100vh - 80px);padding-top:80px;width:100%}.vocabLesson-main{background:#0000;flex:1 1;margin:0 20px 20px 0;padding:0 40px 40px 20px}.vocabLesson-lesson-header{background:#0000;margin-bottom:32px;z-index:80}.vocabLesson-hero-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:32px;overflow:hidden;padding:40px;position:relative}.vocabLesson-hero-section:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.vocabLesson-image-container{align-items:center;display:flex;justify-content:flex-start;margin-bottom:24px}.vocabLesson-lesson-background{border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 24px #0000001f;height:240px;object-fit:cover;transition:all .3s ease;width:460px}.vocabLesson-lesson-background:hover{box-shadow:0 12px 32px #00000029;transform:translateY(-2px)}.vocabLesson-info{min-width:0;text-align:left;width:100%}.vocabLesson-title{word-wrap:break-word;color:#8b5cf6;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:32px;font-weight:700;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;margin:0 0 24px;max-width:100%;overflow-wrap:break-word;text-align:left;word-break:break-word}.vocabLesson-description-section{margin-top:24px;text-align:left}.vocabLesson-description{word-wrap:break-word;background:#fffc;border-left:4px solid #8b5cf6;border-radius:12px;box-shadow:0 2px 10px #0000000d;box-sizing:border-box;color:#4a5568;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-hyphens:auto;hyphens:auto;line-height:1.6;margin:0;max-width:100%;overflow-wrap:break-word;padding:16px;text-align:left;white-space:pre-wrap;word-break:break-word}.vocabLesson-content-section,.vocabLesson-edit-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:32px;overflow:hidden;padding:40px;position:relative}.vocabLesson-content-section:before,.vocabLesson-edit-section:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.vocabLesson-content-header,.vocabLesson-edit-header{align-items:center;border-bottom:2px solid #8b5cf61a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 0}.vocabLesson-section-title{color:#2d3748;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:700;margin:0}.vocabLesson-add-vocabulary-btn,.vocabLesson-edit-vocabulary-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b98140;color:#fff;cursor:pointer;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.vocabLesson-add-vocabulary-btn:hover,.vocabLesson-edit-vocabulary-btn:hover{box-shadow:0 6px 20px #10b98159;transform:translateY(-2px)}.vocabLesson-add-vocabulary-btn:disabled,.vocabLesson-edit-vocabulary-btn:disabled{box-shadow:0 4px 12px #10b98126;cursor:not-allowed;opacity:.6;transform:none}.vocabLesson-items{display:flex;flex-direction:column;gap:20px}.container{margin:0;padding:0;width:100%}.vocabulary-lesson-container{background-color:initial;margin-left:1rem;margin-right:1rem;width:70%}.vocabulary-lesson-background{border-radius:16px;box-shadow:0 8px 24px #0000001f}.vocabulary-lesson-title{color:#8b5cf6;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:32px;font-weight:700;margin-bottom:20px}.vocabulary-lesson-content{word-wrap:break-word;background:#fffc;border-left:4px solid #8b5cf6;border-radius:12px;box-shadow:0 2px 10px #0000000d;color:#4a5568;display:block;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-hyphens:auto;hyphens:auto;line-height:1.6;margin-bottom:30px;max-width:100%;overflow:visible;overflow-wrap:anywhere;padding:16px;white-space:pre-wrap}.vocabulary-items{display:flex;flex-direction:column;gap:20px;margin-top:20px}.vocabulary-actions{display:flex;gap:10px;margin-top:20px}.vocabulary-add-button,.vocabulary-cancel-button,.vocabulary-edit-button,.vocabulary-save-button{border:none;border-radius:12px;cursor:pointer;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.vocabulary-edit-cancel{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.vocabulary-edit-cancel:hover{box-shadow:0 4px 12px #ef444440;transform:translateY(-2px)}.vocabulary-edit-cancel:disabled{cursor:not-allowed;opacity:.6;transform:none}.vocabulary-action-buttons{border-bottom:2px solid #8b5cf61a;display:flex;justify-content:center;margin:32px 0;padding:20px 0}.vocabulary-edit-vocabulary-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea40;color:#fff;cursor:pointer;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.vocabulary-edit-vocabulary-button:hover{box-shadow:0 6px 20px #667eea59;transform:translateY(-2px)}.vocabulary-edit-container{background:#0000;margin-bottom:32px}.vocabulary-edit-header{align-items:center;border-bottom:2px solid #8b5cf61a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 0}.vocabulary-edit-header h2{color:#2d3748;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:700;margin:0}.vocabulary-edit-actions{display:flex;gap:12px}.vocabulary-edit-add,.vocabulary-edit-save{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b98140;color:#fff;cursor:pointer;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.vocabulary-edit-add:hover,.vocabulary-edit-save:hover{box-shadow:0 6px 20px #10b98159;transform:translateY(-2px)}.vocabulary-edit-add:disabled,.vocabulary-edit-save:disabled{cursor:not-allowed;opacity:.6;transform:none}@media screen and (max-width:768px){.vocabLesson-container{flex-direction:column;padding-top:80px}.vocabLesson-main{margin:0;padding:20px}.vocabLesson-content-section,.vocabLesson-edit-section,.vocabLesson-hero-section{padding:24px}.vocabLesson-image-container{justify-content:center;margin-bottom:20px}.vocabLesson-lesson-background{height:200px;max-width:360px;width:100%}.vocabLesson-title{font-size:24px;text-align:left}.vocabLesson-content-header,.vocabLesson-edit-header{align-items:flex-start;flex-direction:column;gap:16px}.vocabLesson-section-title{font-size:20px}.vocabLesson-add-vocabulary-btn,.vocabLesson-edit-vocabulary-btn{align-self:flex-end}.vocabulary-lesson-container{margin:0;padding:0 20px;width:100%}.vocabulary-action-buttons{margin:20px 0}}@media screen and (max-width:480px){.vocabLesson-main{padding:12px}.vocabLesson-content-section,.vocabLesson-edit-section,.vocabLesson-hero-section{padding:16px}.vocabLesson-title{font-size:20px}.vocabLesson-section-title{font-size:18px}}.editGrammarContent-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;height:100vh;margin:0 auto;padding:20px}.editGrammarContent-sidebar{border-right:1px solid #ddd;padding:20px;width:18%}.editGrammarContent-main{background-color:#fff;display:flex;flex-direction:column;height:98%;padding:20px;width:82%}.editGrammarContent-title{color:#333;font-size:45px;font-weight:700;margin-bottom:10px}.editGrammarContent-editor{align-items:center;display:flex;flex-direction:column;flex-grow:1;margin-top:20px;width:100%}.editGrammarContent-editor .w-md-editor{flex-grow:0.9}.editGrammarContent-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-right:10px;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.editGrammarContent-button:hover{background-color:#0056b3}.editGrammarContent-button-just-blue-border{background-color:#fff;border:2px solid #007bff;border-radius:4px;color:#007bff;cursor:pointer;font-size:16px;font-weight:700;margin-right:10px;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.editGrammarContent-button-just-blue-border:hover{background-color:#007bff;color:#fff}.editGrammarContent-button-just-purple-inside{background-color:#6f42c1;border:2px solid #6f42c1;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-right:10px;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.editGrammarContent-button-just-purple-inside:hover{background-color:#5a3ec8}.editGrammarContent-button-just-purple-border{background-color:#fff;border:2px solid #6f42c1;border-radius:4px;color:#6f42c1;cursor:pointer;font-size:16px;font-weight:700;margin-right:10px;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.editGrammarContent-button-just-purple-border:hover{background-color:#6f42c1;color:#fff}.editGrammarContent-meta{color:#888;display:flex;font-size:14px;justify-content:space-between;margin-bottom:20px}.editGrammarContent-header{justify-content:space-between;margin-bottom:10px}.editGrammarContent-actions,.editGrammarContent-header{align-items:center;display:flex}.editGrammarContent-dialog-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.editGrammarContent-description{word-wrap:break-word;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}@media screen and (max-width:768px){.editGrammarContent-container{flex-direction:column}.editGrammarContent-sidebar{border-bottom:1px solid #ddd;border-right:none;padding:0;width:100%}.editGrammarContent-main{padding:0;width:100%}.editGrammarContent-header{align-items:flex-start;flex-direction:column}.editGrammarContent-title{font-size:25px}.editGrammarContent-actions{align-items:flex-start}}@media screen and (max-width:480px){.editGrammarContent-container{width:80%}}.quizLesson-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:Inter,Segoe UI,Roboto,sans-serif;min-height:100vh}.quizLesson-header{position:fixed;top:0;width:100%;z-index:1000}.quizLesson-container{display:flex;font-family:Inter,Segoe UI,Roboto,sans-serif;min-height:calc(100vh - 80px);padding-top:80px;width:100%}.quizLesson-main{background:#0000;flex:1 1;margin:0 20px 20px 0;padding:0 40px 40px 20px}.quizLesson-hero-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:32px;overflow:hidden;padding:40px;position:relative}.quizLesson-hero-section:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.quizLesson-image-container{align-items:center;display:flex;justify-content:flex-start;margin-bottom:24px}.quizLesson-lesson-background{border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 24px #0000001f;height:240px;object-fit:cover;transition:all .3s ease;width:460px}.quizLesson-lesson-background:hover{box-shadow:0 12px 32px #00000029;transform:translateY(-2px)}.quizLesson-info{min-width:0;text-align:left;width:100%}.quizLesson-title{word-wrap:break-word;color:#8b5cf6;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:32px;font-weight:700;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;margin:0 0 24px;max-width:100%;overflow-wrap:break-word;text-align:left;word-break:break-word}.quizLesson-description-section{margin-top:24px;text-align:left}.quizLesson-description{word-wrap:break-word;background:#fffc;border-left:4px solid #8b5cf6;border-radius:12px;box-shadow:0 2px 10px #0000000d;box-sizing:border-box;color:#4a5568;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-hyphens:auto;hyphens:auto;line-height:1.6;margin:0;max-width:100%;overflow-wrap:break-word;padding:16px;text-align:left;word-break:break-word}.quizLesson-content-header{align-items:center;border-bottom:2px solid #ffffff4d;display:flex;justify-content:space-between;margin:32px 0 24px;padding:20px 0}.quizLesson-section-title{color:#fff;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:700;margin:0}.quizLesson-content-actions{display:flex;gap:12px}.quizLesson-add-question-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b98140;color:#fff;cursor:pointer;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.quizLesson-add-question-btn:hover{box-shadow:0 6px 20px #10b98159;transform:translateY(-2px)}.quizLesson-questions-container{display:flex;flex-direction:column;gap:20px}.quizLesson-question-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 25px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.quizLesson-question-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0}.quizLesson-question-card:hover{box-shadow:0 12px 35px #0000001f;transform:translateY(-4px)}.quizLesson-question-header{align-items:center;border-bottom:2px solid #8b5cf61a;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 0 16px}.quizLesson-question-header h3{color:#2d3748;flex:1 1;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:20px;font-weight:600;margin:0;padding-right:16px}.quizLesson-question-actions{display:flex;gap:8px}.quizLesson-action-btn{align-items:center;background:#8b5cf61a;border:none;border-radius:10px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.quizLesson-action-btn:hover{background:#8b5cf633;transform:translateY(-1px)}.quizLesson-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.quizLesson-action-btn img{height:18px;width:18px}.quizLesson-question-content{background:#8b5cf60d;border-left:4px solid #8b5cf6;border-radius:12px;color:#4a5568;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;margin-bottom:20px;padding:20px}.quizLesson-question-content img{border-radius:8px;display:block;height:auto;margin:12px auto;max-height:300px;max-width:100%;object-fit:contain}.quizLesson-options-container{display:flex;flex-direction:column;gap:12px}.quizLesson-option-item{align-items:center;background:#fffc;border:2px solid #8b5cf61a;border-radius:12px;display:flex;gap:16px;padding:16px 20px;transition:all .2s ease}.quizLesson-option-item:hover{background:#8b5cf60d;border-color:#8b5cf633}.quizLesson-option-letter{color:#8b5cf6;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:700;min-width:28px}.quizLesson-option-text{color:#4a5568;flex:1 1;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}.quizLesson-option-correct{min-width:28px;text-align:center}.quizLesson-correct-indicator{color:#10b981;font-size:20px;font-weight:700}@media screen and (max-width:768px){.quizLesson-container{flex-direction:column;padding-top:80px}.quizLesson-main{margin:0;padding:20px}.quizLesson-hero-section{padding:24px}.quizLesson-image-container{justify-content:center;margin-bottom:20px}.quizLesson-lesson-background{height:200px;max-width:360px;width:100%}.quizLesson-title{font-size:24px;text-align:left}.quizLesson-description{font-size:14px;padding:12px}.quizLesson-content-header{align-items:flex-start;flex-direction:column;gap:16px}.quizLesson-section-title{font-size:20px}.quizLesson-question-card{padding:20px}.quizLesson-question-header{align-items:flex-start;flex-direction:column;gap:12px}.quizLesson-question-actions{align-self:flex-end}.quizLesson-action-btn{height:36px;width:36px}.quizLesson-action-btn img{height:16px;width:16px}.quizLesson-option-item{padding:12px 16px}}@media screen and (max-width:480px){.quizLesson-main{padding:12px}.quizLesson-hero-section,.quizLesson-question-card{padding:16px}.quizLesson-title{font-size:20px}.quizLesson-section-title{font-size:18px}.quizLesson-question-content{padding:16px}}.quiz-lesson-error,.quiz-lesson-loading{color:#ff6b6b;font-size:16px;margin-top:20px;text-align:center}.quiz-actions{display:flex;gap:16px;margin-bottom:24px}.publish-quiz-btn{border-radius:4px;padding:8px 16px;transition:all .3s ease}.publish-quiz-btn:hover{opacity:.9}.create-question-btn{font-weight:500;padding:8px 24px;transition:background-color .2s ease}.create-question-btn:hover{background:#6c5ce7}.quiz-lesson-wrapper{padding:20px 40px}.quiz-lesson-navigation{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.quiz-back-btn{background:#fff;border:1px solid #7b68ee;border-radius:4px;color:#7b68ee;cursor:pointer;font-weight:500;padding:8px 24px}.quiz-lesson-breadcrumb{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.quiz-lesson-breadcrumb span{cursor:pointer}.quiz-action-buttons{display:flex;gap:12px}.quiz-edit-btn{background:#7b68ee}.quiz-delete-btn,.quiz-edit-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 24px}.quiz-delete-btn{background:#dc3545}.quiz-content{margin-top:10px;max-width:1200px}.quiz-title{word-wrap:break-word;color:#333;font-size:32px;font-weight:600;margin-bottom:24px;white-space:normal;word-break:break-word}.quiz-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.quiz-subtitle{color:#333;font-size:24px;font-weight:500;margin:0}.quiz-header-actions{display:flex;gap:16px;justify-content:flex-end;margin-bottom:16px}.publish-quiz-btn{background:#28a745}.create-question-btn,.publish-quiz-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;padding:10px 24px;transition:background-color .2s}.create-question-btn{background:#7b68ee}.quiz-divider{background:#e0e0e0;height:1px;margin:16px 0}.publish-quiz-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.7}.edit-lesson-btn{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px}.edit-lesson-btn:hover{background-color:#e0e0e0}.quiz-title-section{align-items:flex-start;display:flex;flex-direction:column;gap:10px;margin-bottom:20px;margin-top:20px}.quiz-title{color:#2c3e50;font-size:28px;margin:0}.quiz-edit-button{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#64748b;cursor:pointer;display:flex;font-size:14px;gap:6px;height:40px;margin-right:10px;padding:8px 12px;transition:all .2s ease;width:70px}.quiz-edit-button:hover{background-color:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d;color:#334155}.quiz-edit-button:active{background-color:#f1f5f9;transform:translateY(1px)}.quiz-edit-icon{font-size:16px;line-height:1}.quiz-edit-text{font-weight:500}.quiz-edit-button{animation:fadeIn .3s ease-out}.quiz-title-row{align-items:center;display:flex;justify-content:space-between;width:100%}.quiz-description{word-wrap:break-word;color:#666;font-size:18px;margin-top:8px;white-space:normal;word-break:break-word}@media (max-width:480px){.quiz-edit-button{padding:8px}}.quizLesson-dialog-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.ql-dialog{background:#fff;border-radius:8px;padding:20px;text-align:center;width:500px}.notification-message{margin-bottom:20px}.notification-actions{display:flex;justify-content:center}.notification-close-btn{background:#6200ea;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.quizLesson-dialog{background:#fff;border-radius:8px;padding:20px;text-align:center;width:500px}.quizLesson-dialog-message{font-weight:500;margin-bottom:20px}.quizLesson-dialog-actions{display:flex;justify-content:center}.quizLesson-dialog-close-btn{background:#6200ea;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.vocabulary-lesson-background{height:240px;object-fit:cover;width:460px}.quiz-image-container{display:flex;justify-content:space-between}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.quiz-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.quiz-modal{animation:fadeIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 16px #0003;max-height:90vh;max-width:90%;overflow-y:auto;padding:24px;width:800px}.quiz-modal h2{color:#333;font-size:24px;font-weight:600;margin:0 0 24px}.quiz-modal-content{display:flex;flex-direction:column;gap:15px}.quiz-modal-field{display:flex;flex-direction:column;gap:8px}.quiz-modal-field label{color:#333;font-weight:500}.quiz-modal-field select{background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;outline:none;padding:10px 14px;transition:border-color .3s ease,box-shadow .3s ease}.quiz-modal-field select:hover{border-color:#ccc}.quiz-modal-field select:focus{border-color:#7b68ee;box-shadow:0 0 6px #7b68ee80}.quiz-modal-field input{border:1px solid #e0e0e0;border-radius:8px;font-size:14px;margin:10px 15px 0 0;outline:none;padding:8px 0 8px 8px;transition:border-color .3s ease;width:100%}.quiz-modal-options{display:flex;flex-direction:column;gap:12px}.option-row{align-items:center;display:flex;gap:12px}.option-row input[type=text]{border:1px solid #ddd;border-radius:4px;flex:1 1;padding:8px}.add-option-btn{background:#7b68ee;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:12px;padding:8px;transition:background-color .3s ease}.add-option-btn:hover{background:#5f50c5}.quiz-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-btn,.save-btn{border-radius:4px;cursor:pointer;font-weight:500;padding:8px 24px}.cancel-btn{background:#fff;border:1px solid #7b68ee;color:#7b68ee}.cancel-btn:hover{background:#f3f1fe}.save-btn{background:#7b68ee;border:none;color:#fff}.save-btn:hover{background:#5f50c5}.remove-option-btn{background:none;border:none;color:#888;cursor:pointer;font-size:18px;transition:color .3s ease}.remove-option-btn:hover{color:#d80027}.ql-container{border:1px solid #ddd;border-radius:8px;min-height:200px}.quiz-modal-title-input{border:1px solid #e0e0e0;border-radius:8px;font-size:14px;outline:none;padding:8px 12px;transition:border-color .3s ease;width:100%}.quiz-modal-title-input:focus{border-color:#7b68ee}.required{color:#ff4d4f;margin-left:4px}.hide-characters-section p{display:flex;flex-wrap:wrap;gap:8px;line-height:1.5;margin-top:8px}.word{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 10px;transition:background-color .3s ease,color .3s ease,transform .2s ease}.word:hover{background-color:#f0f0f0;transform:scale(1.05)}.hidden-word{background-color:#fbe4e4;border:1px solid #d80027;border-radius:4px;color:#d80027;font-weight:700;padding:6px 10px}.hidden-word:hover{background-color:#f2bcbc}.correct-ans input,.preview-title-input{border:1px solid #e0e0e0;border-radius:8px;font-size:14px;margin:10px 15px 0 0;outline:none;padding:8px 0 8px 8px;transition:border-color .3s ease;width:100%}.char-underline{color:red;letter-spacing:2px;text-decoration:underline}@media screen and (max-width:768px){.quiz-modal{margin-left:.2rem;margin-right:.2rem;padding:10px}}.newQuizLesson-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:Inter,Segoe UI,Roboto,sans-serif;min-height:100vh}.newQuizLesson-header{position:fixed;top:0;width:100%;z-index:1000}.newQuizLesson-container{display:flex;font-family:Inter,Segoe UI,Roboto,sans-serif;min-height:calc(100vh - 80px);padding-top:80px;width:100%}.newQuizLesson-main{background:#0000;flex:1 1;margin:0 20px 20px 0;padding:0 40px 40px 20px}.newQuizLesson-image-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;box-sizing:border-box;margin-bottom:24px;overflow:hidden;padding:24px;position:relative;width:100%}.newQuizLesson-image-container:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.newQuizLesson-lesson-background{border-radius:16px;box-shadow:0 8px 25px #00000026;height:240px;max-width:460px;object-fit:cover;width:100%}.change-image-button{margin-top:16px;text-align:center}.btn-change-image{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-change-image:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.newQuizLesson-form-group{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;box-sizing:border-box;margin-bottom:24px;overflow:hidden;padding:24px;position:relative;width:100%}.newQuizLesson-form-group:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.newQuizLesson-label{color:#2d3748;display:block;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:700;margin-bottom:12px}.required-mark{color:#ef4444;margin-left:4px}.newQuizLesson-input,.newQuizLesson-textarea{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:2px solid #8b5cf633;border-radius:12px;box-sizing:border-box;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;padding:14px 16px;resize:none;transition:all .3s ease;width:100%}.newQuizLesson-input:focus,.newQuizLesson-textarea:focus{background:#fffffff2;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.newQuizLesson-textarea{min-height:120px;resize:vertical}.text-count{color:#64748b;font-size:14px;margin-top:8px;text-align:right}.newQuizLesson-content-title{color:#fffffff2;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:700;margin:32px 0 24px;text-align:left}.newQuizLesson-questions-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;box-sizing:border-box;overflow:hidden;padding:24px;position:relative;width:100%}.newQuizLesson-questions-container:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.newQuizLesson-edit-header{margin-bottom:24px;text-align:center}.newQuizLesson-add-question-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b98140;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.newQuizLesson-add-question-btn:hover{box-shadow:0 6px 20px #10b98159;transform:translateY(-2px)}.newQuizLesson-add-question-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.newQuizLesson-list-container{margin:0;max-width:100%;padding:0}.newQuizLesson-question-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 25px #00000014;margin-bottom:20px;padding:20px;transition:all .3s ease}.newQuizLesson-question-card:hover{box-shadow:0 12px 35px #0000001f;transform:translateY(-4px)}.newQuizLesson-question-header{align-items:center;border-bottom:2px solid #8b5cf61a;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 0}.newQuizLesson-question-header h3{color:#2d3748;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:18px;font-weight:600;margin:0}.newQuizLesson-question-actions{display:flex;gap:8px}.newQuizLesson-action-btn{align-items:center;background:#8b5cf61a;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.newQuizLesson-action-btn:hover{background:#8b5cf633;transform:translateY(-1px)}.newQuizLesson-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.newQuizLesson-action-btn img{height:16px;width:16px}.newQuizLesson-question-content{background:#8b5cf60d;border-left:4px solid #8b5cf6;border-radius:12px;color:#4a5568;font-size:16px;line-height:1.6;margin-bottom:16px;padding:16px}.newQuizLesson-question-content img{border-radius:8px;display:block;height:auto;margin:12px auto;max-height:300px;max-width:100%;object-fit:contain}.newQuizLesson-options-container{display:flex;flex-direction:column;gap:12px;padding:0 4px}.newQuizLesson-option-item{align-items:center;background:#fffc;border:2px solid #8b5cf61a;border-radius:12px;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.newQuizLesson-option-item:hover{background:#8b5cf60d;border-color:#8b5cf633}.newQuizLesson-option-letter{color:#8b5cf6;font-family:Inter,Segoe UI,Roboto,sans-serif;font-weight:600;min-width:24px}.newQuizLesson-option-text{color:#4a5568;flex:1 1;font-size:15px;line-height:1.5}.newQuizLesson-option-correct{min-width:24px;text-align:center}.newQuizLesson-correct-indicator{color:#10b981;font-size:18px;font-weight:700}@media screen and (max-width:768px){.newQuizLesson-container{flex-direction:column;padding-top:80px}.newQuizLesson-main{margin:0;padding:20px}.newQuizLesson-form-group,.newQuizLesson-image-container,.newQuizLesson-questions-container{padding:16px}.newQuizLesson-lesson-background{height:200px;max-width:100%}.newQuizLesson-question-header{align-items:flex-start;flex-direction:column;gap:12px}.newQuizLesson-question-actions{align-self:flex-end}.newQuizLesson-option-item{padding:10px 12px}}@media screen and (max-width:480px){.newQuizLesson-form-group,.newQuizLesson-image-container,.newQuizLesson-main,.newQuizLesson-questions-container{padding:12px}.newQuizLesson-question-card{padding:16px}.newQuizLesson-content-title{font-size:20px;margin:24px 0 16px}}.chat-sidebar{border-right:1px solid #8b5cf61a;display:flex!important;flex-direction:column!important;height:100%!important;max-height:100%;min-width:0;overflow:hidden;width:100%}.chat-sidebar-header{align-items:center;background:linear-gradient(135deg,#8b5cf608,#a855f705);border-bottom:1px solid #8b5cf61a;display:flex;flex-direction:column;flex-shrink:0;gap:16px;padding:20px}.chat-sidebar-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:22px;font-weight:700;margin:0;text-align:center}.chat-sidebar-controls{align-items:center;display:flex;flex-direction:column;gap:12px;width:100%}.chat-sidebar-create-group{background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:12px;box-shadow:0 2px 8px #8b5cf633;color:#fff;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:fit-content}.chat-sidebar-create-group:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.chat-sidebar-create-group:hover:before{left:100%}.chat-sidebar-create-group:hover{box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.chat-sidebar-create-group:active{transform:translateY(0)}.chat-sidebar-search{background:#fff;border:2px solid #8b5cf626;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:14px;max-width:100%;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.chat-sidebar-search:focus{background:#8b5cf605;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a;outline:none}.chat-sidebar-search::placeholder{color:#9ca3af;font-weight:400}.chat-sidebar-list{display:flex;flex:1 1;flex-direction:column;margin:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding:8px 0}.chat-sidebar-list::-webkit-scrollbar{width:6px}.chat-sidebar-list::-webkit-scrollbar-track{background:#0000}.chat-sidebar-list::-webkit-scrollbar-thumb{background:#8b5cf633;border-radius:3px}.chat-sidebar-list::-webkit-scrollbar-thumb:hover{background:#8b5cf64d}.chat-sidebar-item{align-items:center;border:1px solid #0000;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;margin:2px 8px;min-width:0;overflow:hidden;padding:50px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 16px)}.chat-sidebar-item:before{background:linear-gradient(135deg,#8b5cf6,#a855f7);content:"";height:100%;left:0;opacity:.1;position:absolute;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);width:0}.chat-sidebar-item:hover{background:#8b5cf60f;border-color:#8b5cf61a;transform:translateX(4px)}.chat-sidebar-item:hover:before{width:4px}.chat-sidebar-item.selected{background:#8b5cf61a;border-color:#8b5cf633;transform:translateX(4px)}.chat-sidebar-item.selected:before{opacity:1;width:4px}.chat-sidebar-item-image{border:2px solid #8b5cf633;border-radius:50%;flex-shrink:0;height:44px;margin-right:12px;margin-top:2px;object-fit:cover;transition:all .3s ease;width:44px}.chat-sidebar-item:hover .chat-sidebar-item-image{border-color:#8b5cf666;transform:scale(1.05)}.chat-sidebar-item-content{display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;min-width:0;overflow:hidden;width:100%}.chat-sidebar-item-name{color:#1f2937;font-size:15px;font-weight:600;line-height:1.4;margin-bottom:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-sidebar-item-last-message{color:#6b7280;font-size:13px;font-weight:400;max-width:100%}.chat-sidebar-item-last-message,.chat-sidebar-item-last-message.unseen{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;max-height:2.8em;overflow:hidden;word-break:break-word}.chat-sidebar-item-last-message.unseen{color:#374151;font-weight:600}.chat-sidebar-item-timestamp{color:#9ca3af;flex-shrink:0;font-size:11px;font-weight:400;line-height:1.3;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-sidebar-item-unseen{animation:pulse 2s infinite;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;box-shadow:0 0 8px #3b82f680;flex-shrink:0;height:8px;margin-left:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-sidebar-empty{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 20px;text-align:center}.chat-sidebar-empty h4{color:#374151;font-size:18px;font-weight:600;margin:16px 0 8px}.chat-sidebar-empty p{color:#9ca3af;font-size:14px;line-height:1.5;margin:0}@media screen and (max-width:768px){.chat-sidebar{min-width:0;width:100%}.chat-sidebar-header{gap:12px;padding:16px}.chat-sidebar-header h2{font-size:20px}.chat-sidebar-create-group{font-size:13px;padding:10px 20px;width:auto}.chat-sidebar-search{font-size:16px;padding:10px 14px}.chat-sidebar-item{align-items:flex-start;margin:2px;min-height:76px;padding:14px 10px;width:calc(100% - 4px)}.chat-sidebar-item-image{height:40px;margin-right:10px;margin-top:2px;width:40px}.chat-sidebar-item-name{font-size:14px}.chat-sidebar-item-last-message{font-size:12px}.chat-sidebar-item-last-message,.chat-sidebar-item-last-message.unseen{line-height:1.2;max-height:2.4em}.chat-sidebar-item-timestamp{font-size:10px}.chat-sidebar-item-unseen{height:6px;width:6px}}@media screen and (max-width:480px){.chat-sidebar-header{padding:12px}.chat-sidebar-item{align-items:flex-start;margin:1px;min-height:70px;padding:12px 8px;width:calc(100% - 2px)}.chat-sidebar-item-image{height:36px;margin-right:8px;margin-top:2px;width:36px}.chat-sidebar-item-name{font-size:13px}.chat-sidebar-item-last-message{font-size:11px}.chat-sidebar-item-last-message,.chat-sidebar-item-last-message.unseen{line-height:1.1;max-height:2.2em}.chat-sidebar-item-timestamp{font-size:9px}}@media (prefers-color-scheme:dark){.chat-sidebar{background:#1f2937;border-right-color:#8b5cf633}.chat-sidebar-header{background:linear-gradient(135deg,#8b5cf61a,#a855f70d);border-bottom-color:#8b5cf633}.chat-sidebar-search{background:#374151;border-color:#8b5cf64d;color:#f9fafb}.chat-sidebar-search:focus{background:#8b5cf61a}.chat-sidebar-item{border-color:#0000}.chat-sidebar-item:hover{background:#8b5cf61a;border-color:#8b5cf633}.chat-sidebar-item-name{color:#f9fafb}.chat-sidebar-item-last-message{color:#9ca3af}.chat-sidebar-item-last-message.unseen{color:#d1d5db}.chat-sidebar-empty h4{color:#f9fafb}}.group-creation-modal,.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.group-creation-modal-content{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #8b5cf61a;border-radius:20px;box-shadow:0 20px 40px #8b5cf633;display:flex;flex-direction:column;font-family:Inter,sans-serif;max-width:900px;min-width:600px;padding:32px;text-align:center;width:70%}.two-column-container{align-items:flex-start;display:flex;gap:20px;margin-top:20px}.left-column,.right-column{display:flex;flex:1 1;flex-direction:column}.column-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;background-clip:text;color:#374151;font-size:16px;font-weight:600;margin-bottom:12px;text-align:left}.group-creation-modal-content input{background:#ffffffe6;border:2px solid #8b5cf633;border-radius:12px;box-sizing:border-box;font-family:Inter,sans-serif;font-size:16px;margin-bottom:20px;outline:none;padding:16px 20px;transition:all .3s ease;width:100%}.group-creation-modal-content input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.group-creation-modal-content input::placeholder{color:#9ca3af}.search-results{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:2px solid #8b5cf61a;border-radius:12px;max-height:200px;min-height:60px;overflow-y:auto;padding:0}.search-result-item{align-items:center;border-bottom:1px solid #8b5cf61a;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;position:relative;transition:all .3s ease}.search-result-item:hover{background:linear-gradient(135deg,#8b5cf61a,#a855f71a)}.search-result-item.selected{animation:selectPulse .3s ease-out;background:linear-gradient(135deg,#8b5cf640,#a855f740);border:2px solid #8b5cf6;border-radius:12px;box-shadow:0 6px 20px #8b5cf666;margin:4px;padding:14px 18px;transform:translateX(6px)}.search-result-item.selected:before{align-items:center;animation:checkmarkAppear .3s ease-out;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:50%;box-shadow:0 4px 12px #8b5cf666;color:#fff;content:"✓";display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:28px}.search-result-item.selected .user-info{padding-right:50px}.search-result-item.selected:hover{background:linear-gradient(135deg,#8b5cf659,#a855f759);box-shadow:0 8px 24px #8b5cf680;transform:translateX(8px)}.search-result-item.disabled{background:#9ca3af1a;cursor:not-allowed;opacity:.5}.search-result-item.disabled:hover{background:#9ca3af1a;transform:none}.user-info{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:12px 16px;width:100%}.username{color:#1f2937;font-size:15px;font-weight:600}.role{color:#6b7280;font-size:13px;font-weight:500}.selected-members{background:#8b5cf605;border:1px solid #8b5cf61a;border-radius:12px;max-height:300px;min-height:60px;overflow-x:hidden;overflow-y:auto;padding:12px}.selected-members:empty:before{align-items:center;color:#9ca3af;content:"No members selected";display:flex;font-size:14px;font-style:italic;height:36px;justify-content:center}.selected-member-item{word-wrap:break-word;align-items:center;background:linear-gradient(135deg,#8b5cf61a,#a855f70d);border:1px solid #8b5cf633;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;overflow-wrap:break-word;padding:8px 12px;transition:all .3s ease}.selected-member-item:last-child{margin-bottom:0}.selected-member-item:hover{background:linear-gradient(135deg,#8b5cf626,#a855f71a);box-shadow:0 2px 8px #8b5cf633;transform:translateY(-1px)}.selected-member-item span{color:#374151;flex:1 1;font-size:14px;font-weight:500;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-members::-webkit-scrollbar{width:6px}.selected-members::-webkit-scrollbar-track{background:#8b5cf60d;border-radius:3px}.selected-members::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.selected-members::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.selected-member-item button{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;transition:all .3s ease;width:24px}.selected-member-item button:hover{background:#ef444433;transform:scale(1.1)}.group-creation-modal-content button{border:none;border-radius:12px;box-shadow:0 4px 12px #8b5cf64d;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin:8px;padding:14px 28px;transition:all .3s ease}.button-container{border-top:1px solid #8b5cf61a;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.create-button{background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:12px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin:0;padding:14px 28px;transition:all .3s ease}.create-button:hover{background:linear-gradient(135deg,#7c3aed,#9333ea);box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.create-button:active{transform:translateY(0)}.cancel-button{background:linear-gradient(135deg,#6b7280,#9ca3af);border:none;border-radius:12px;box-shadow:0 4px 12px #6b72804d;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin:0;padding:14px 28px;transition:all .3s ease}.cancel-button:hover{background:linear-gradient(135deg,#4b5563,#6b7280);box-shadow:0 6px 16px #6b728066;transform:translateY(-2px)}.cancel-button:active{transform:translateY(0)}.group-image-upload{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.group-image-preview{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#a855f71a);border:3px solid #8b5cf64d;border-radius:50%;color:#8b5cf6;cursor:pointer;display:flex;font-size:24px;height:80px;justify-content:center;margin-bottom:12px;object-fit:cover;transition:all .3s ease;width:80px}.group-image-preview:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d;transform:scale(1.05)}.group-image-preview img{border-radius:50%;height:100%;object-fit:cover;width:100%}.upload-button{background:linear-gradient(135deg,#8b5cf61a,#a855f71a)!important;border:2px solid #8b5cf64d!important;color:#8b5cf6!important;font-size:14px!important;margin:4px!important;padding:8px 16px!important}.upload-button:hover{background:linear-gradient(135deg,#8b5cf633,#a855f733)!important;border-color:#8b5cf6!important}.upload-progress{height:4px}.upload-error{color:#ef4444;font-size:12px;margin-top:4px;text-align:center}@media screen and (max-width:768px){.group-creation-modal-content{margin:10px;max-height:95vh;min-width:300px;overflow-y:auto;padding:20px;width:95%}.two-column-container{gap:12px;justify-content:center;margin-top:12px}.left-column,.right-column{display:flex;flex:1 1;flex-direction:column}.column-title{font-size:14px;margin-bottom:8px}.search-results,.selected-members{padding:0}.button-container{gap:8px;justify-content:center;margin-top:16px;padding-top:12px}.cancel-button,.create-button{font-size:14px;padding:12px 20px}.search-result-item{padding:6px 8px}.search-result-item.selected{animation:none;background:linear-gradient(135deg,#8b5cf64d,#a855f74d);border:1px solid #8b5cf6;border-radius:8px;box-shadow:none;margin:2px;padding:11px 15px;transform:none}.search-result-item.selected:before{display:none}.search-result-item.selected .user-info{padding-right:12px}.search-result-item.selected:hover{background:linear-gradient(135deg,#8b5cf666,#a855f766);box-shadow:none;transform:none}.user-info{align-items:flex-start;flex-direction:column;padding:8px 12px;text-align:left}.username{font-size:14px;margin-bottom:2px}.role{font-size:12px;margin-top:0}.selected-member-item{font-size:10px;margin-bottom:6px;padding:6px 10px}.selected-member-item span{font-size:13px;max-width:none}.selected-member-item button{font-size:5px;height:10px;width:10px}.group-creation-modal-content input{font-size:16px;margin-bottom:12px;padding:12px 16px}}@media screen and (max-width:480px){.group-creation-modal-content{border-radius:12px;margin:5px;max-height:98vh;min-width:280px;padding:16px;width:98%}.modal-title{font-size:20px;margin-bottom:16px}.column-title{font-size:13px;margin-bottom:6px}.search-results,.selected-members{padding:0}.button-container{gap:6px;justify-content:center;margin-top:12px;padding-top:8px}.cancel-button,.create-button{font-size:13px;padding:10px 16px}.search-result-item{padding:6px 8px}.search-result-item.selected{animation:none;background:linear-gradient(135deg,#8b5cf659,#a855f759);border:1px solid #8b5cf6;border-radius:6px;box-shadow:none;margin:1px;padding:9px 11px;transform:none}.search-result-item.selected:before{display:none}.search-result-item.selected .user-info{padding-right:8px}.search-result-item.selected:hover{background:linear-gradient(135deg,#8b5cf673,#a855f773);box-shadow:none;transform:none}.user-info{align-items:flex-start;flex-direction:column;padding:6px 8px;text-align:left}.username{font-size:13px;margin-bottom:1px}.role{font-size:11px;margin-top:0}.selected-member-item{margin-bottom:4px;padding:10px 8px}.selected-member-item span{font-size:12px}.selected-member-item button{font-size:5px;height:10px;width:10px}.group-creation-modal-content input{font-size:16px;margin-bottom:10px;padding:10px 14px}.two-column-container{gap:8px;margin-top:8px}}@media screen and (max-width:375px){.group-creation-modal-content{border-radius:0;height:100vh;margin:0;max-height:100vh;min-width:auto;padding:12px;width:100%}.modal-title{font-size:18px;margin-bottom:12px}.search-results,.selected-members{height:120px;max-height:120px}.column-title{font-size:12px;margin-bottom:4px}.search-result-item,.selected-member-item{padding:4px 6px}.search-result-item.selected{animation:none;background:linear-gradient(135deg,#8b5cf666,#a855f766);border:1px solid #8b5cf6;border-radius:4px;box-shadow:none;margin:1px;padding:3px 5px;transform:none}.search-result-item.selected:before{display:none}.search-result-item.selected .user-info{align-items:flex-start;flex-direction:column;padding-right:6px;text-align:left}.search-result-item.selected:hover{background:linear-gradient(135deg,#8b5cf680,#a855f780);box-shadow:none;transform:none}.username{font-size:12px;margin-bottom:1px}.role{font-size:10px;margin-top:0}.group-creation-modal-content input{margin-bottom:8px;padding:8px 12px}.button-container{gap:4px;justify-content:center;margin-top:8px;padding-top:6px}.cancel-button,.create-button{font-size:12px;padding:8px 12px}.two-column-container{gap:6px;margin-top:6px}}.chat-message{align-items:flex-start;display:flex;font-family:Inter,sans-serif;margin-bottom:16px;position:relative}.chat-message.mine{flex-direction:row-reverse;margin-left:auto}.chat-message.theirs{flex-direction:row;margin-right:auto}.message-menu{display:inline-block;margin-left:8px;opacity:0;position:relative;transition:opacity .3s ease}.chat-message:hover .message-menu{opacity:1}.menu-toggle{background:none;border:none;border-radius:4px;color:#888;cursor:pointer;font-size:20px;padding:2px 6px;transition:background .2s}.menu-toggle:hover{background:#f0f0f0;color:#333}.message-sender{color:#6b7280;font-size:.875rem;font-weight:600;margin-bottom:4px}.message-content{word-wrap:break-word;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:16px 16px 4px 16px;box-shadow:0 2px 8px #8b5cf633;color:#fff;max-width:500px;padding:12px 16px}.chat-message.theirs .message-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #8b5cf61a;border-radius:16px 16px 16px 4px;color:#1f2937;max-width:500px}.message-text{line-height:1.5;white-space:pre-wrap}.message-content img{border-radius:8px;height:auto;margin-top:8px;max-height:250px;max-width:300px;object-fit:cover;width:auto}.message-timestamp{color:#9ca3af;font-size:.75rem;margin-top:4px;text-align:right}.message-timestamp.mine{color:#fffc}.menu-options{background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;min-width:90px;padding:4px 0;position:absolute;right:0;top:28px;z-index:10}.menu-options button{background:none;border:none;border-radius:0;color:#333;cursor:pointer;font-size:15px;padding:8px 16px;text-align:left;transition:background .2s,color .2s}.menu-options button:hover{background:#f5f5f5;color:#1976d2}.menu-options button:last-child{color:#e53935}.message-edit-container{max-width:100%}.message-edit-input{background:#ffffffe6;border:2px solid #8b5cf6;border-radius:8px;color:#1f2937;font-family:Inter,sans-serif;font-size:14px;min-width:300px;outline:none;padding:12px;resize:vertical;width:100%}.message-edit-actions{display:flex;gap:6px;margin-top:8px}.message-edit-save{background:#43b581;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:4px 12px;transition:background .2s}.message-edit-save:hover{background:#36996a}.message-edit-cancel{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#e53935;cursor:pointer;font-size:13px;font-weight:500;padding:4px 12px;transition:background .2s,color .2s,border .2s}.message-edit-cancel:hover{background:#fbe9e7;border:1px solid #e53935;color:#b71c1c}@media screen and (max-width:768px){.message-content{font-size:14px;max-width:85%;padding:10px 14px}.chat-message.theirs .message-content{max-width:80%}.message-content img{max-height:200px;max-width:250px}.message-edit-input{min-width:250px;width:100%}}@media screen and (max-width:480px){.message-content{font-size:13px;max-width:90%;padding:8px 12px}.chat-message.theirs .message-content{max-width:85%}.message-content img{max-height:150px;max-width:200px}}.chat-header{align-items:center;background:#8b5cf605;border-bottom:1px solid #8b5cf61a;display:flex;flex-shrink:0;gap:16px;padding:20px 24px}.chat-header-back{align-items:center;background:#8b5cf61a;border:none;border-radius:8px;color:#8b5cf6;cursor:pointer;display:none;justify-content:center;padding:8px;transition:all .3s ease}.chat-header-back:hover{background:#8b5cf633}@media screen and (max-width:767px){.chat-header-back{display:flex}}.chat-header-img{border:2px solid #8b5cf633;border-radius:50%;height:48px;overflow:hidden;width:48px}.chat-header-img img{border-radius:50%;height:100%;object-fit:cover;width:100%}.chat-header-info{flex:1 1}.chat-header-name{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 4px}.chat-header-status{color:#6b7280;font-size:12px;margin:0}.chat-header-actions{align-items:center;display:flex;gap:8px}.chat-header-button{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:8px;color:#8b5cf6;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:8px 12px;transition:all .3s ease}.chat-header-button:hover{background:#8b5cf633;transform:scale(1.02)}.chat-info-toggle{display:flex}.messages{gap:12px;overflow-y:auto;padding:20px 24px;scroll-behavior:smooth}.messages,.messages-empty{background:#fafafa;display:flex;flex:1 1;flex-direction:column}.messages-empty{align-items:center;justify-content:center;padding:40px 24px;text-align:center}.messages-empty-icon{height:64px;margin-bottom:16px;opacity:.3;width:64px}.messages-empty-title{color:#6b7280;font-size:18px;font-weight:600;margin-bottom:8px}.messages-empty-subtitle{color:#9ca3af;font-size:14px;max-width:280px}.chat-input-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f9fafbf2);border-top:1px solid #8b5cf626;flex-shrink:0;padding:24px;position:relative}.chat-input-container:before{background:linear-gradient(90deg,#0000,#8b5cf64d 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.file-preview-container{margin-bottom:16px}.file-preview{background:#fff;border:2px solid #8b5cf61a;border-radius:16px;box-shadow:0 4px 12px #00000014;display:inline-block;padding:8px;position:relative}.file-preview-image{border-radius:12px;display:block;height:120px;object-fit:cover;width:120px}.file-remove-button{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:50%;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:10px;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .3s ease;width:24px}.file-remove-button:hover{box-shadow:0 4px 12px #ef444466;transform:scale(1.1)}.chat-input-wrapper{align-items:flex-end;background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #8b5cf614;border-radius:24px;box-shadow:0 4px 20px #8b5cf614,0 1px 3px #0000000d,inset 0 1px 0 #ffffffe6;display:flex;gap:12px;overflow:hidden;padding:16px 20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.chat-input-wrapper:before{background:linear-gradient(135deg,#8b5cf605,#a855f705);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.chat-input-wrapper:focus-within{border-color:#8b5cf64d;box-shadow:0 0 0 4px #8b5cf61a,0 8px 32px #8b5cf626,0 2px 8px #00000014,inset 0 1px 0 #ffffffe6;transform:translateY(-1px)}.chat-input-wrapper:focus-within:before{opacity:1}.chat-input{background:#0000;border:none;color:#1f2937;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;font-weight:400;letter-spacing:.01em;line-height:1.6;max-height:120px;min-height:24px;outline:none;padding:6px 0;resize:none}.chat-input::placeholder{color:#9ca3af;font-style:normal;font-weight:400;opacity:.8}.chat-input-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.chat-attach-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#8b5cf614,#a855f714);border:1px solid #8b5cf61f;border-radius:12px;color:#8b5cf6;cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-attach-button:before{background:linear-gradient(135deg,#8b5cf61a,#a855f71a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.chat-attach-button:hover{background:linear-gradient(135deg,#8b5cf61f,#a855f71f);border-color:#8b5cf633;box-shadow:0 4px 12px #8b5cf633;transform:scale(1.05) translateY(-1px)}.chat-attach-button:hover:before{opacity:1}.chat-send-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:50%;box-shadow:0 4px 16px #8b5cf64d,0 2px 8px #0000001a,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.chat-send-button:before{background:linear-gradient(135deg,#fff3,#0000 50%,#0000001a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.chat-send-button:hover{box-shadow:0 8px 24px #8b5cf666,0 4px 12px #00000026,inset 0 1px 0 #ffffff4d;transform:scale(1.08) translateY(-2px)}.chat-send-button:hover:before{opacity:1}.chat-send-button:active{transform:scale(.96) translateY(0);transition:all .1s ease}.chat-send-button:disabled{cursor:not-allowed;opacity:.6}.chat-send-button:disabled,.chat-send-button:disabled:hover{box-shadow:0 2px 8px #8b5cf633;transform:none}@media screen and (max-width:1024px){.chat-header-img{display:none}}@media screen and (max-width:768px){.chat-window{border-radius:0;margin:0;width:100%}.chat-header{border-radius:0}.chat-header,.messages{padding:16px 20px}.chat-input-container{background:linear-gradient(135deg,#fffffffa,#f9fafbfa);padding:20px 16px}.chat-input-wrapper{border-radius:20px;gap:10px;padding:14px 18px}.chat-input{font-size:16px;padding:4px 0}.chat-attach-button{border-radius:10px;padding:8px}.chat-send-button{height:40px;width:40px}.file-preview{padding:6px}.file-preview-image{height:100px;width:100px}.file-remove-button{font-size:8px;height:20px;width:20px}}.edit-group-modal{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:99999}.edit-group-modal-content{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #8b5cf61a;border-radius:20px;box-shadow:0 20px 40px #8b5cf633;display:flex;flex-direction:column;font-family:Inter,sans-serif;max-width:500px;min-width:400px;padding:32px;position:relative;text-align:center;width:45%}.modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:24px;font-weight:700;margin-bottom:24px}.close-button{align-items:center;background:none;border:none;border-radius:50%;box-shadow:none;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;left:auto!important;margin:0;padding:4px 8px;position:absolute!important;right:16px!important;top:16px!important;transition:all .3s ease;width:32px}.close-button:hover{background:#8b5cf61a;box-shadow:none;color:#8b5cf6;transform:none}.form-group{display:flex;flex-direction:column;margin-bottom:20px;text-align:left}.form-group label{color:#374151;font-size:14px;font-weight:600;margin-bottom:8px}.edit-group-modal-content input[type=text]{background:#ffffffe6;border:2px solid #8b5cf633;border-radius:12px;box-sizing:border-box;font-family:Inter,sans-serif;font-size:16px;outline:none;padding:16px 20px;transition:all .3s ease;width:100%}.edit-group-modal-content input[type=text]:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.edit-group-modal-content input[type=text]::placeholder{color:#9ca3af}.input-helper{color:#6b7280;font-size:11px;margin-top:4px;text-align:right}.upload-progress{background:#8b5cf61a;border-radius:2px;height:3px;margin-top:8px;overflow:hidden;width:100%}.upload-progress-bar{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:2px;height:100%;transition:width .3s ease}.avatar-upload-section{align-items:center;display:flex;flex-direction:column;margin-bottom:24px}.current-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#a855f71a);border:3px solid #8b5cf64d;border-radius:50%;color:#8b5cf6;cursor:pointer;display:flex;font-size:24px;height:80px;justify-content:center;margin-bottom:8px;object-fit:cover;position:relative;transition:all .3s ease;width:80px}.current-avatar:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d;transform:scale(1.05)}.current-avatar:hover:after{bottom:-20px;color:#8b5cf6;content:"Click to change";font-size:10px;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.current-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.upload-input{display:none}.edit-group-modal-content button{background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:16px;box-shadow:0 4px 12px #8b5cf640;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:600;margin:8px;overflow:hidden;padding:14px 28px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.edit-group-modal-content button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.edit-group-modal-content button:hover:before{left:100%}.edit-group-modal-content button:hover{background:linear-gradient(135deg,#7c3aed,#9333ea);box-shadow:0 8px 20px #8b5cf666;transform:translateY(-1px)}.edit-group-modal-content button:active{box-shadow:0 2px 8px #8b5cf64d;transform:translateY(0)}.cancel-button{background:linear-gradient(135deg,#64748b,#475569)!important;box-shadow:0 4px 12px #64748b40!important}.cancel-button:hover{background:linear-gradient(135deg,#475569,#334155)!important;box-shadow:0 8px 20px #64748b66!important;transform:translateY(-1px)!important}.cancel-button:active{box-shadow:0 2px 8px #64748b4d!important;transform:translateY(0)!important}.button-group{align-items:center;display:flex;gap:16px;justify-content:flex-end!important;margin-top:32px;width:100%}.button-group button{border-radius:16px!important;flex:0 0 auto;font-size:14px!important;font-weight:600!important;letter-spacing:.025em;margin:0!important;min-width:130px;padding:14px 28px!important}.button-group button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280)!important;cursor:not-allowed;opacity:.5}.button-group button:disabled,.button-group button:disabled:hover{box-shadow:0 2px 8px #8b5cf626!important;transform:none!important}@media screen and (max-width:768px){.edit-group-modal-content{margin:20px;min-width:320px;padding:24px;width:90%}.edit-group-modal-content input[type=text]{font-size:16px;padding:14px 18px}.edit-group-modal-content button{font-size:14px!important;padding:12px 24px!important}.button-group{flex-direction:column;gap:12px}.button-group button{min-width:100%}}@media screen and (max-width:480px){.edit-group-modal-content{border-radius:16px;padding:20px;width:95%}.current-avatar{height:70px;width:70px}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}}.Toastify__toast{--y:0;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;touch-action:none;z-index:0}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.add-members-modal-overlay{align-items:center!important;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:99999999}.add-members-modal-content{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #8b5cf61a;border-radius:20px;box-shadow:0 20px 40px #8b5cf633;display:flex!important;flex-direction:column;font-family:Inter,sans-serif;margin:0 auto!important;max-height:90vh;max-width:900px;overflow-y:auto;padding:32px;position:relative;text-align:center;transform:translateX(0) translateY(0)!important;width:70%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.add-members-modal-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:24px;font-weight:700;margin-bottom:24px}.add-members-chat-avatar{align-items:center;display:flex;justify-content:center;margin-bottom:24px;text-align:center;width:100%}.add-members-chat-avatar img,.add-members-chat-avatar>div{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#a855f71a);border:3px solid #8b5cf64d;border-radius:50%;color:#8b5cf6;cursor:pointer;display:flex;font-size:24px;font-weight:600;height:80px;justify-content:center;object-fit:cover;position:relative;transition:all .3s ease;width:80px}.add-members-chat-avatar img:hover,.add-members-chat-avatar>div:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d;transform:scale(1.05)}.add-members-chat-avatar img:hover:after,.add-members-chat-avatar>div:hover:after{bottom:-25px;color:#8b5cf6;content:"Group Avatar";font-size:10px;font-weight:500;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.add-members-modal-content input[type=text]{background:#ffffffe6;border:2px solid #8b5cf633;border-radius:12px;box-sizing:border-box;font-family:Inter,sans-serif;font-size:16px;margin-bottom:16px;outline:none;padding:16px 20px;transition:all .3s ease;width:100%}.add-members-modal-content input[type=text]:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.add-members-modal-content input[type=text]:disabled{background:#f9fafbcc;color:#6b7280;cursor:not-allowed}.add-members-modal-content input[type=text]::placeholder{color:#9ca3af}.add-members-two-column-container{align-items:flex-start;display:flex;gap:20px;margin-top:20px}.add-members-left-column,.add-members-right-column{display:flex;flex:1 1;flex-direction:column}.add-members-column-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;background-clip:text;color:#374151;font-size:16px;font-weight:600;margin-bottom:12px;text-align:left}.add-members-search-results{background:#ffffff80;border:1px solid #8b5cf61a;border-radius:12px;max-height:300px;min-height:60px;overflow-x:hidden;overflow-y:auto;padding:12px}.add-members-search-results:empty:before{align-items:center;color:#9ca3af;content:"Start typing to search for users...";display:flex;font-size:14px;font-style:italic;height:50px;justify-content:center}.add-members-search-result-item{word-wrap:break-word;align-items:center;border-bottom:1px solid #8b5cf60d;cursor:pointer;display:flex;overflow-wrap:break-word;padding:12px 16px;transition:all .3s ease}.add-members-search-result-item:last-child{border-bottom:none}.add-members-search-result-item:hover{background:#8b5cf61a;transform:translateX(4px)}.add-members-search-result-item.selected{animation:selectPulse .3s ease-out;background:linear-gradient(135deg,#8b5cf640,#a855f740);border:2px solid #8b5cf6;border-radius:12px;box-shadow:0 6px 20px #8b5cf666;margin:4px;padding:10px 14px;position:relative;transform:translateX(6px)}.add-members-search-result-item.selected:before{align-items:center;animation:checkmarkAppear .3s ease-out;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:50%;box-shadow:0 4px 12px #8b5cf666;color:#fff;content:"✓";display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:28px}.add-members-search-result-item.selected .add-members-user-info{padding-right:50px}.add-members-search-result-item.selected:hover{background:linear-gradient(135deg,#8b5cf659,#a855f759);box-shadow:0 8px 24px #8b5cf680;transform:translateX(8px)}@keyframes selectPulse{0%{box-shadow:0 4px 12px #8b5cf64d;transform:translateX(4px) scale(1)}50%{box-shadow:0 8px 24px #8b5cf680;transform:translateX(6px) scale(1.02)}to{box-shadow:0 6px 20px #8b5cf666;transform:translateX(6px) scale(1)}}@keyframes checkmarkAppear{0%{opacity:0;transform:translateY(-50%) scale(.5)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}to{opacity:1;transform:translateY(-50%) scale(1)}}.add-members-user-info{align-items:flex-start;display:flex;flex-direction:column;overflow:hidden;text-align:left;width:100%}.add-members-username{color:#374151;font-size:14px;font-weight:600}.add-members-role,.add-members-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.add-members-role{color:#6b7280;font-size:12px;margin-top:2px}.add-members-search-results::-webkit-scrollbar{width:6px}.add-members-search-results::-webkit-scrollbar-track{background:#8b5cf60d;border-radius:3px}.add-members-search-results::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.add-members-search-results::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.add-members-selected-members{background:#8b5cf605;border:1px solid #8b5cf61a;border-radius:12px;max-height:300px;min-height:60px;overflow-x:hidden;overflow-y:auto;padding:12px}.add-members-selected-members:empty:before{align-items:center;color:#9ca3af;content:"No members selected";display:flex;font-size:14px;font-style:italic;height:36px;justify-content:center}.add-members-selected-member-item{word-wrap:break-word;align-items:center;background:linear-gradient(135deg,#8b5cf61a,#a855f70d);border:1px solid #8b5cf633;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;overflow-wrap:break-word;padding:8px 12px;transition:all .3s ease}.add-members-selected-member-item:last-child{margin-bottom:0}.add-members-selected-member-item:hover{background:linear-gradient(135deg,#8b5cf626,#a855f71a);box-shadow:0 2px 8px #8b5cf633;transform:translateY(-1px)}.add-members-selected-member-item span{color:#374151;flex:1 1;font-size:14px;font-weight:500;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-members-selected-member-item button{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;transition:all .3s ease;width:24px}.add-members-selected-member-item button:hover{background:#ef444433;transform:scale(1.1)}.add-members-selected-members::-webkit-scrollbar{width:6px}.add-members-selected-members::-webkit-scrollbar-track{background:#8b5cf60d;border-radius:3px}.add-members-selected-members::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.add-members-selected-members::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.add-members-modal-content button{background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:16px;box-shadow:0 4px 12px #8b5cf640;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:600;margin:8px;overflow:hidden;padding:14px 28px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.add-members-modal-content button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.add-members-modal-content button:hover:before{left:100%}.add-members-modal-content button:hover{background:linear-gradient(135deg,#7c3aed,#9333ea);box-shadow:0 8px 20px #8b5cf666;transform:translateY(-1px)}.add-members-modal-content button:active{box-shadow:0 2px 8px #8b5cf64d;transform:translateY(0)}.add-members-modal-content button:first-child{background:linear-gradient(135deg,#64748b,#475569)!important;box-shadow:0 4px 12px #64748b40!important}.add-members-modal-content button:first-child:hover{background:linear-gradient(135deg,#475569,#334155)!important;box-shadow:0 8px 20px #64748b66!important;transform:translateY(-1px)!important}.add-members-modal-content button:first-child:active{box-shadow:0 2px 8px #64748b4d!important;transform:translateY(0)!important}.add-members-button-group{align-items:center;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;width:100%}.add-members-button-group button{border-radius:16px!important;flex:0 0 auto;font-size:14px!important;font-weight:600!important;letter-spacing:.025em;margin:0!important;min-width:130px;padding:14px 28px!important}@media screen and (max-width:768px){.add-members-modal-content{margin:12px;padding:12px;width:90%}.add-members-two-column-container{gap:16px;justify-content:center}.add-members-left-column,.add-members-right-column{display:flex;flex:1 1;flex-direction:column;height:360px}.add-members-search-results,.add-members-selected-members{max-height:200px}.add-members-button-group{justify-content:center}.add-members-modal-content input[type=text]{font-size:16px;padding:14px 18px}.add-members-modal-content button{font-size:14px!important;padding:12px 24px!important}.add-members-button-group button{width:40%}}@media screen and (max-width:480px){.add-members-modal-content{border-radius:16px;margin:20px;padding:12px;width:90%}.add-members-chat-avatar img{height:70px;width:70px}.add-members-column-title{font-size:12px;margin-bottom:8px}}.chat-info-panel{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-left:1px solid #8b5cf61a;font-family:Inter,sans-serif;justify-content:flex-start;padding-left:16px;padding-right:16px;position:relative;text-align:center;width:25%}.chat-info-header{align-items:center;display:flex;flex-direction:column;margin-bottom:24px}.chat-back-button{left:20px;position:absolute;top:20px}.chat-back-button button{background:#8b5cf61a;border:none;border-radius:8px;cursor:pointer;padding:8px;transition:all .3s ease}.chat-back-button button:hover{background:#8b5cf633;transform:scale(1.05)}.chat-back-button button svg{color:#8b5cf6;height:20px;width:20px}.chat-info-avatar{border:3px solid #8b5cf633;border-radius:50%;box-shadow:0 4px 12px #8b5cf633;height:80px;margin-bottom:16px;overflow:hidden;width:80px}.chat-info-avatar img{height:100%;object-fit:cover;width:100%}.chat-info-name{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 8px}.edit-group-button{background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-top:12px;padding:10px 20px;transition:all .3s ease}.edit-group-button:hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-2px)}.chat-info-actions{align-items:stretch;display:flex;flex-direction:column;gap:16px;width:100%}.chat-info-actions button{background:#8b5cf60d;border:1px solid #8b5cf61a;border-radius:8px;color:#6b7280;cursor:pointer;font-weight:500;padding:12px 16px;text-align:left;transition:all .3s ease}.chat-info-actions button:hover{background:#8b5cf61a;border-color:#8b5cf633;color:#8b5cf6}.participants-list{background:#ffffffe6;border:1px solid #8b5cf61a;border-radius:12px;margin-top:16px;max-height:200px;overflow-y:auto;width:100%}.participants-list ul{list-style-type:none;margin:0;padding:0}.participants-list li{align-items:center;background:#ffffff80;border:1px solid #8b5cf61a;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px;transition:all .3s ease}.participants-list li:hover{background:#8b5cf60d;transform:translateY(-1px)}.participant-username{border-radius:6px;color:#1f2937;cursor:pointer;display:inline-block;font-weight:600;padding:4px 8px;transition:all .3s ease}.participant-username:hover{background:#8b5cf61a;color:#8b5cf6;transform:translateX(4px)}.participant-role{color:#6b7280;font-size:.875rem}.participant-item.leader{background:#8b5cf60d;border:2px solid #8b5cf6}.participant-remove{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;padding:6px;transition:all .3s ease;width:32px}.participant-remove:hover{background:#ef4444;border-color:#ef4444;box-shadow:0 4px 12px #ef44444d;transform:scale(1.1)}.participant-remove:hover img{filter:brightness(0) invert(1)}.participant-remove img{height:16px;transition:filter .3s ease;width:16px}.participant-accept{align-items:center;background:#22c55e1a;border:1px solid #22c55e33;border-radius:50%;color:#22c55e;cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;transition:all .3s ease;width:24px}.participant-accept:hover{background:#22c55e;box-shadow:0 2px 8px #22c55e4d;color:#fff;transform:scale(1.15)}.participant-reject{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;transition:all .3s ease;width:24px}.participant-reject:hover{background:#ef4444;box-shadow:0 2px 8px #ef44444d;color:#fff;transform:scale(1.15)}.participant-actions{align-items:center;display:flex;gap:8px}.confirm-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;left:0;min-width:320px;padding:24px;position:fixed;top:0;transform:translate(-50%,-50%);z-index:1000}.confirm-modal button{border:none;border-radius:8px;cursor:pointer;font-weight:500;margin:8px 4px;padding:10px 20px;transition:all .3s ease}.confirm-modal .confirm{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.confirm-modal .confirm:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.confirm-modal .cancel{background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280}.confirm-modal .cancel:hover{background:#e5e7eb;color:#374151}.confirm-modal select{background:#ffffffe6;border:1px solid #8b5cf633;border-radius:8px;color:#1f2937;font-size:14px;margin:12px 0;outline:none;padding:12px;transition:all .3s ease;width:100%}.confirm-modal select option{background:#fff;color:#1f2937;padding:10px}.confirm-modal select:hover{border-color:#8b5cf6}.confirm-modal select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.confirm-modal select option:disabled{color:#9ca3af}@media screen and (max-width:768px){.chat-info-panel{border-left:none;height:100vh;overflow-y:auto;padding:16px;width:100%}.chat-info-header{margin-bottom:20px}.chat-back-button{left:16px;position:absolute;top:16px}.chat-info-avatar{height:60px;margin-bottom:12px;width:60px}.chat-info-name{font-size:1.1rem;margin-bottom:6px}.chat-info-actions{gap:6px;width:90%}.edit-group-button{font-size:.9rem;margin-top:8px;padding:8px 16px}.participants-list{margin-top:16px;max-height:200px}.participants-list li{margin-bottom:6px;padding:10px}.participant-username{font-size:.95rem}.participant-role{font-size:.8rem}.participant-accept,.participant-reject{height:20px;padding:2px;width:20px}.participant-actions{gap:6px}.add-member-button{font-size:.9rem;margin-top:12px;padding:8px 16px}.leave-group-button{font-size:.9rem;margin-top:8px;padding:8px 16px}}.chat-page-container{background:linear-gradient(135deg,#667eea,#764ba2);flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100vh}.chat-page,.chat-page-container{display:flex;overflow:hidden;position:relative}.chat-page{background:#fff;flex:1 1;height:calc(100vh - 80px)}.chat-sidebar{flex-shrink:0;overflow-y:auto}.chat-sidebar,.chat-window{background:#fff;display:flex;flex-direction:column;height:100%}.chat-window{flex:1 1;min-width:0}.chat-info-panel{background:#fff;display:flex;flex-direction:column;flex-shrink:0;height:100%;overflow-y:auto}.loading-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-container p{color:#ffffffe6;font-size:16px;font-weight:500;margin-top:20px;text-align:center}@media screen and (min-width:768px){.chat-sidebar{background:#fffffffa;border-right:1px solid #8b5cf61a;min-width:320px;width:320px}.chat-window{background:#fff}.chat-info-panel{background:#fffffffa;border-left:1px solid #8b5cf61a}.chat-placeholder{align-items:center;background:#fff;color:#9ca3af;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 40px;position:relative;text-align:center}.chat-placeholder:before{background:linear-gradient(45deg,#0000 40%,#8b5cf605 50%,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.chat-placeholder-icon{filter:drop-shadow(0 4px 8px rgba(139,92,246,.1));font-size:64px;margin-bottom:24px;opacity:.4}.chat-placeholder h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#374151,#6b7280);-webkit-background-clip:text;background-clip:text;color:#374151;font-size:24px;font-weight:700;margin:0 0 12px}.chat-placeholder p{color:#9ca3af;font-size:16px;font-weight:400;line-height:1.5;margin:0}}@media screen and (max-width:768px){.chat-page{position:relative}.chat-sidebar{border-right:none;z-index:10}.chat-sidebar,.chat-window{height:100%;left:0;position:absolute;top:0;width:100%}.chat-window{z-index:20}.chat-info-panel{border-left:none;height:100%;left:0;padding:0;position:absolute;top:0;width:100%;z-index:30}}@media screen and (max-width:480px){.chat-page-container{background:linear-gradient(135deg,#667eea,#764ba2)}.loading-container p{font-size:14px;padding:0 20px}.chat-placeholder{padding:40px 20px!important}.chat-placeholder h3{font-size:20px!important}.chat-placeholder p{font-size:14px!important}}*{box-sizing:border-box}.admin-student-dashboard-app{background-color:#f5f9ff!important;background:#f5f9ff!important;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}.admin-student-dashboard-app .sl-container{background:#0000!important}.admin-student-dashboard-app .sl-table-content{background:#fff!important}.admin-student-dashboard-main-content{background-color:#f5f9ff!important;background:#f5f9ff!important;flex:1 1;margin-left:290px;min-height:100vh;padding:20px;position:relative;transition:all .3s ease;width:calc(100% - 290px)}.admin-student-dashboard-loading{align-items:center;color:#6c757d;display:flex;font-size:16px;justify-content:center;min-height:200px}.admin-student-dashboard-loading:after{animation:spin 1s linear infinite;border:2px solid #e9ecef;border-radius:50%;border-top-color:#007bff;content:"";height:20px;margin-left:10px;width:20px}.admin-student-dashboard-error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;box-shadow:0 2px 4px #dc35451a;color:#dc3545;font-size:16px;font-weight:600;margin:20px;padding:20px;text-align:center;transition:all .3s ease}.admin-student-dashboard-error-message:hover{box-shadow:0 4px 8px #dc354526}.admin-student-dashboard-success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;box-shadow:0 2px 4px #1557241a;color:#155724;font-size:16px;font-weight:600;margin:20px;padding:20px;text-align:center}.admin-student-dashboard-content-wrapper{margin:0 auto;max-width:1400px;width:100%}.admin-student-dashboard-header{background:#fff;border:1px solid #e3f2fd;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:24px}.admin-student-dashboard-title{color:#1a365d;font-size:28px;font-weight:700;margin:0 0 8px}.admin-student-dashboard-subtitle{color:#64748b;font-size:16px;margin:0}@media (min-width:1200px){.admin-student-dashboard-header,.admin-student-dashboard-main-content{padding:32px}}@media (max-width:1199px) and (min-width:992px){.admin-student-dashboard-main-content{margin-left:270px;padding:24px;width:calc(100% - 270px)}}@media (max-width:991px) and (min-width:768px){.admin-student-dashboard-main-content{margin-left:250px;padding:20px;width:calc(100% - 250px)}.admin-student-dashboard-error-message,.admin-student-dashboard-success-message{font-size:15px;margin:15px;padding:18px}.admin-student-dashboard-title{font-size:24px}.admin-student-dashboard-header{margin-bottom:20px;padding:20px}}@media (max-width:767px){.admin-student-dashboard-app{flex-direction:column}.admin-student-dashboard-main-content{margin-left:0;min-height:calc(100vh - 70px);padding:16px;width:100%}.admin-student-dashboard-error-message,.admin-student-dashboard-success-message{border-radius:6px;font-size:14px;margin:12px 0;padding:16px}.admin-student-dashboard-title{font-size:22px}.admin-student-dashboard-subtitle{font-size:14px}.admin-student-dashboard-header{border-radius:8px;margin-bottom:16px;padding:16px}}@media (max-width:480px){.admin-student-dashboard-main-content{min-height:calc(100vh - 60px);padding:12px}.admin-student-dashboard-error-message,.admin-student-dashboard-success-message{border-radius:6px;font-size:13px;margin:8px 0;padding:14px}.admin-student-dashboard-title{font-size:20px}.admin-student-dashboard-subtitle{font-size:13px}.admin-student-dashboard-header{margin-bottom:14px;padding:14px}.admin-student-dashboard-loading{font-size:14px;min-height:150px}}@media (max-width:319px){.admin-student-dashboard-main-content{padding:8px}.admin-student-dashboard-error-message,.admin-student-dashboard-success-message{border-radius:4px;font-size:12px;margin:6px 0;padding:12px}.admin-student-dashboard-title{font-size:18px}.admin-student-dashboard-subtitle{font-size:12px}.admin-student-dashboard-header{margin-bottom:12px;padding:12px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.admin-student-dashboard-error-message,.admin-student-dashboard-success-message{border-width:.5px}}@media (prefers-color-scheme:dark){.admin-student-dashboard-app,.admin-student-dashboard-main-content{background-color:#0f172a}.admin-student-dashboard-header{background-color:#1e293b;border-color:#334155}.admin-student-dashboard-title{color:#f1f5f9}.admin-student-dashboard-subtitle{color:#94a3b8}}@media print{.admin-student-dashboard-app{display:block}.admin-student-dashboard-main-content{box-shadow:none;margin-left:0;padding:0;width:100%}.admin-student-dashboard-error-message,.admin-student-dashboard-success-message{background:none;border:1px solid #000}}.admin-student-dashboard-main-content:focus-within{outline:2px solid #007bff;outline-offset:2px}@media screen and (max-width:768px){.student-table td:nth-child(3),.student-table td:nth-child(5),.student-table th:nth-child(3),.student-table th:nth-child(5){display:none!important}}@media (prefers-reduced-motion:reduce){.admin-student-dashboard-error-message,.admin-student-dashboard-main-content,.admin-student-dashboard-success-message{transition:none}.admin-student-dashboard-loading:after{animation:none}}.sl-container{background-color:initial!important;background:#0000!important;display:flex;flex-direction:column;gap:20px;width:100%}.sl-path{align-items:center;display:flex;gap:4px;margin-left:10px}.sl-path p{font-size:14px;margin:0}.sl-tabs-container{border-bottom:2px solid #e9ecef;display:flex;gap:0;margin-left:10px}.sl-tab{border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.sl-tab:hover{background-color:#f8f9fa;color:#495057}.sl-tab-active{background-color:initial!important;border-bottom-color:#007bff!important;color:#007bff!important}.sl-topbar{display:flex;gap:15px;margin-bottom:20px;margin-left:10px}.sl-search-container{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;min-width:300px;padding:8px 12px}.sl-search-icon{color:#666;font-size:20px;margin-right:8px}.sl-search-input{border:none;color:#333;flex:1 1;font-size:14px;outline:none}.sl-search-input::placeholder{color:#999}.sl-table-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-left:10px;overflow:hidden}.sl-table{border-collapse:collapse;font-size:14px;width:100%}.sl-table-caption{border-bottom:1px solid #dee2e6;color:#333;font-size:18px;padding:20px}.sl-table th,.sl-table-caption{background-color:#f8f9fa;font-weight:600;text-align:left}.sl-table th{border-bottom:2px solid #dee2e6;white-space:nowrap}.sl-table td,.sl-table th{color:#495057;padding:12px 16px}.sl-table td{border-bottom:1px solid #dee2e6}.sl-table tbody tr:hover{background-color:#f8f9fa}.sl-view-detail{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .2s ease}.sl-view-detail:hover{background-color:#0056b3}.sl-pagination-controls{align-items:center;background-color:#f8f9fa;border-top:1px solid #dee2e6;bottom:0;display:flex;justify-content:space-between;padding:16px 20px;position:sticky;z-index:10}.sl-index{color:#6c757d;font-size:14px;font-weight:500}.sl-pagination-buttons{align-items:center;display:flex;gap:4px}.sl-pagination-button{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:14px;font-weight:500;min-width:40px;padding:8px 12px;text-align:center;transition:all .2s ease}.sl-pagination-button:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd}.sl-pagination-button:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.sl-pagination-button-active{background-color:#007bff;border-color:#007bff;color:#fff}.sl-pagination-button-active:hover{background-color:#0056b3;border-color:#0056b3}@media (max-width:768px){.sl-search-container{min-width:250px}.sl-table{font-size:13px}.sl-table td,.sl-table th{padding:10px 12px}.sl-pagination-controls{flex-direction:column;gap:12px;text-align:center}.sl-pagination-buttons{justify-content:center}}@media (max-width:480px){.sl-search-container{min-width:200px}.sl-table{font-size:12px}.sl-table td,.sl-table th{padding:8px 10px}.sl-view-detail{font-size:11px;padding:4px 8px}.sl-pagination-button{font-size:13px;min-width:35px;padding:6px 10px}}.header{align-items:center;justify-content:space-between}.header,.tabs-container{display:flex;margin-bottom:20px}.tab,.tab.active{color:#1d1929}.topbar{display:flex;gap:10px}.filter-container,.search-container{align-items:center;background-color:#fff;border:1px solid #74747d;border-radius:12px;display:flex;max-width:400px;padding:8px}.filter-icon,.search-icon{color:#5e5d64;margin-right:8px}.search-input{border:none;flex:1 1;font-size:16px;outline:none}.search-input::placeholder{color:#5e5d64}.ea99-filter-container{background-color:initial}.ea99-filter-container:hover{cursor:pointer}.ea99-filter-button{display:flex}.ea99-filter-button p{font-size:16px;font-weight:600;margin:0;padding-right:2px}.ea99-filter-select{border:1px solid #74747d;border-radius:12px;font-size:16px;padding:8px}.ea99-filter-select:hover{cursor:pointer}.ea99-filter-select option{background-color:#fff;color:#5e5d64;font-size:16px;font-weight:600}.ea99-filter-select:focus{outline:none}table{border-collapse:collapse;width:100%}.table-content{background-color:#fff;border:1px solid #e3e4e6;border-radius:12px;margin-top:20px}.table-caption{background-color:#fff;border-bottom:1px solid #e3e4e6;border-radius:12px 12px 0 0;color:#181719;font-size:16px;font-weight:700}.table-caption,td,th{padding:12px;text-align:left}td,th{border-bottom:1px solid #e2e6ea}th{background-color:#f9fafa;color:#5e5d64}.view-detail{background-color:initial;border:1px solid #74747d;border-radius:6px;font-weight:600;padding:5px 12px}.index{font-weight:500;padding:12px}.pagination-controls{align-items:center;display:flex;justify-content:space-between;padding:5px 0;width:100%}.pagination-controls button{background-color:initial;border:none;border-radius:8px;cursor:pointer;height:32px;margin:0 5px;width:32px}.pagination-controls button.active{background-color:#3d8fef;color:#fff}@media screen and (max-width:1024px){.sl-table td:first-child,.sl-table td:nth-child(3),.sl-table td:nth-child(5),.sl-table th:first-child,.sl-table th:nth-child(3),.sl-table th:nth-child(5){display:none!important}}.student-header-box{display:flex;flex-direction:column;gap:20px;margin-bottom:24px;width:100%}.student-header-path{align-items:center;display:flex;gap:4px}.student-header-path p{font-size:14px;font-weight:600;margin:0}.student-header-title{color:#333;font-size:24px;font-weight:700;height:36px;margin:0}.student-header-white-tabs-container{align-self:flex-start;border-bottom:2px solid #e9ecef;display:flex;gap:0}.student-header-white-tab{border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.student-header-white-tab:hover{background-color:#f8f9fa;color:#495057}.student-header-white-tab.student-header-active{background-color:initial!important;border-bottom-color:#007bff!important;color:#007bff!important}@media (max-width:768px){.student-header-title{font-size:20px}.student-header-white-tabs-container{overflow-x:auto;width:100%}.student-header-white-tab{font-size:13px;padding:10px 16px}}@media (max-width:480px){.student-header-path{flex-wrap:wrap}}.main{background:linear-gradient(135deg,#f5f9ff,#e8f4fd);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.teacher-main{background-color:initial;flex:1 1;margin-left:290px;min-height:100vh;overflow-x:hidden;padding:20px;transition:all .3s ease}.admin-student-detail-main{background:linear-gradient(135deg,#f5f9ff,#e8f4fd);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.admin-student-detail-content{background-color:initial;flex:1 1;margin-left:0;min-height:100vh;overflow-x:hidden;padding:24px;transition:all .3s ease}.admin-student-detail-info-section{animation:fadeInUp .6s ease;display:flex;flex-direction:column;gap:24px}.admin-student-detail-courses-section{animation:fadeInUp .6s ease;display:flex;flex-direction:column;gap:20px}.admin-student-detail-error{background:linear-gradient(135deg,#f8d7da,#f1aeb5);border:1px solid #f5c6cb;border-radius:12px;box-shadow:0 4px 12px #dc354526;color:#dc3545;font-size:16px;font-weight:600;margin:20px;overflow:hidden;padding:20px 24px;position:relative;text-align:center}.admin-student-detail-error:before{background-color:#dc3545;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.admin-student-detail-loading{align-items:center;color:#6c757d;display:flex;font-size:18px;justify-content:center;min-height:200px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e3f2fd;border-radius:50%;border-top-color:#2196f3;height:40px;margin-right:12px;width:40px}.admin-student-detail-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px;transition:all .3s ease}.admin-student-detail-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-2px)}.admin-student-detail-header{border-bottom:2px solid #e3f2fd;margin-bottom:32px;padding-bottom:20px}.admin-student-detail-title{color:#1a365d;font-size:28px;font-weight:700;margin-bottom:8px}.admin-student-detail-subtitle{color:#64748b;font-size:16px;font-weight:500}.admin-student-detail-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:8px;margin-bottom:24px;padding:8px}.admin-student-detail-tab{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;outline:none;padding:12px 20px;transition:all .3s ease}.admin-student-detail-tab.active{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 4px 12px #2196f34d;color:#fff}.admin-student-detail-tab:hover:not(.active){background:#f8fafc;color:#2196f3}@media (max-width:1200px){.admin-student-detail-content,.teacher-main{padding:20px}}@media (max-width:1024px){.admin-student-detail-content,.teacher-main{padding:16px}.admin-student-detail-info-section{gap:20px}.admin-student-detail-card{border-radius:12px;padding:20px}.admin-student-detail-title{font-size:24px}}@media (max-width:768px){.admin-student-detail-content,.teacher-main{padding:12px}.admin-student-detail-info-section{gap:16px}.admin-student-detail-card{border-radius:8px;padding:16px}.admin-student-detail-title{font-size:22px}.admin-student-detail-tabs{flex-wrap:wrap;gap:6px}.admin-student-detail-tab{font-size:13px;padding:10px 16px}}@media (max-width:480px){.admin-student-detail-content,.teacher-main{padding:8px}.admin-student-detail-info-section{gap:12px}.admin-student-detail-card{margin:0 4px;padding:12px}.admin-student-detail-title{font-size:20px}.admin-student-detail-subtitle{font-size:14px}.admin-student-detail-error{font-size:14px;margin:8px;padding:16px 20px}.admin-student-detail-tabs{padding:6px}.admin-student-detail-tab{font-size:12px;min-width:fit-content;padding:8px 12px}}@media (max-width:320px){.admin-student-detail-content,.teacher-main{padding:6px}.admin-student-detail-card{margin:0 2px;padding:10px}.admin-student-detail-title{font-size:18px}}.new-roadmap-wrapper{display:flex;font-family:Arial,sans-serif;gap:20px;max-width:100%;padding:20px}.new-roadmap-image-container{display:inline-block;margin-bottom:20px;position:relative;width:100%}.new-roadmap-lesson-background{border-radius:12px;box-shadow:0 4px 12px #0000001a;height:240px;margin-bottom:16px;object-fit:cover;width:360px}.new-roadmap-change-image-button{align-items:flex-end;display:flex}.new-roadmap-btn-change-image{background-color:#7b68ee;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:background-color .2s ease,transform .1s ease}.new-roadmap-btn-change-image:hover{background:#fff;box-shadow:0 2px 8px #00000026}.new-roadmap-content-title,.new-roadmap-title{color:#1a1a1a;font-weight:600}.new-roadmap-title h2{color:#1a1a1a;font-size:28px;margin-bottom:24px}.new-roadmap-form-group{margin-bottom:24px;width:100%}.new-roadmap-label{color:#333;display:block;font-size:16px;font-weight:600;margin-bottom:8px}.new-roadmap-required-mark{color:#e74c3c;margin-left:4px}.new-roadmap-input,.new-roadmap-select,.new-roadmap-textarea{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.new-roadmap-input:focus,.new-roadmap-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.new-roadmap-textarea{height:120px;line-height:1.5;resize:vertical}.new-roadmap-text-count{color:#6b7280;font-size:12px;margin-top:4px;text-align:right}.new-roadmap-main{background-color:#fff;border-radius:12px;width:70%}.new-roadmap-sub-header{align-items:center;background-color:#fff;display:flex;height:70px;justify-content:space-between;margin-bottom:0;width:100%;z-index:10}.new-roadmap-actions{display:flex;gap:12px}.new-roadmap-breadcrumb{align-items:center;bottom:0;color:#6b7280;display:flex;font-size:14px;gap:8px;position:relative}.new-roadmap-breadcrumb span{color:#6b7280}.new-roadmap-breadcrumb span:last-child{color:#1f2937;font-weight:500}.new-roadmap-breadcrumb-link{color:#3b82f6;cursor:pointer;transition:color .2s ease}.new-roadmap-breadcrumb-link:hover{color:#2563eb;text-decoration:underline}.new-roadmap-cancel-btn,.new-roadmap-save-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.new-roadmap-save-btn{background-color:#3b82f6;color:#fff}.new-roadmap-save-btn:hover{background-color:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.new-roadmap-save-btn:disabled{background-color:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.new-roadmap-cancel-btn{background-color:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}.new-roadmap-cancel-btn:hover{background-color:#e5e7eb;color:#374151}.new-roadmap-courses-section{margin-top:32px}.new-roadmap-courses-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.new-roadmap-courses-header h3{font-size:20px;margin:0}.new-roadmap-add-course-btn{align-items:center;background-color:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.new-roadmap-add-course-btn:hover{background-color:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.new-roadmap-selected-courses-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;min-height:200px;padding:20px}.new-roadmap-empty-courses-message{color:#6b7280;padding:40px 20px;text-align:center}.new-roadmap-empty-courses-message p{font-size:16px;margin:0}.new-roadmap-selected-courses-grid{grid-gap:16px;display:grid;gap:16px}.new-roadmap-selected-course-card{align-items:center;animation:newroadmapFadeIn .3s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;padding:16px;position:relative;transition:all .3s ease}.new-roadmap-selected-course-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a}.new-roadmap-course-order-badge{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;margin-right:16px;width:32px}.new-roadmap-course-content{flex:1 1}.new-roadmap-course-title{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.new-roadmap-course-description,.new-roadmap-course-title{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow:visible;overflow-wrap:anywhere;white-space:pre-wrap}.new-roadmap-course-description{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.new-roadmap-remove-course-btn{align-items:center;background:#fee2e2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.new-roadmap-remove-course-btn:hover{background:#fecaca;transform:scale(1.1)}.new-roadmap-modal-overlay{align-items:center;animation:newroadmapFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.new-roadmap-course-modal{animation:newroadmapFadeIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:90%}.new-roadmap-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.new-roadmap-modal-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.new-roadmap-close-modal-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.new-roadmap-close-modal-btn:hover{background:#e5e7eb}.new-roadmap-modal-search{border-bottom:1px solid #e2e8f0;padding:20px 24px}.new-roadmap-search-input-container{align-items:center;display:flex;position:relative}.new-roadmap-search-icon{color:#6b7280;left:12px;position:absolute;z-index:1}.new-roadmap-modal-search-input{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 12px 12px 44px;transition:all .3s ease;width:100%}.new-roadmap-modal-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.new-roadmap-modal-content{flex:1 1;overflow-y:auto;padding:20px 24px}.new-roadmap-available-courses-list{display:flex;flex-direction:column;gap:12px}.new-roadmap-no-courses-message{color:#6b7280;font-size:16px;padding:40px 20px;text-align:center}.new-roadmap-modal-course-item{align-items:center;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .3s ease}.new-roadmap-modal-course-item:hover:not(.new-roadmap-selected){background:#f8faff;border-color:#3b82f6;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.new-roadmap-modal-course-item.new-roadmap-selected{background:#f0fdf4;border-color:#10b981;cursor:default}.new-roadmap-modal-course-description,.new-roadmap-modal-course-title{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow:visible;overflow-wrap:anywhere;white-space:pre-wrap}.new-roadmap-modal-course-item.new-roadmap-selected .new-roadmap-modal-course-title{color:#065f46}.new-roadmap-modal-course-item.new-roadmap-selected .new-roadmap-modal-course-description{color:#047857}.new-roadmap-modal-course-content{flex:1 1}.new-roadmap-modal-course-title{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.new-roadmap-modal-course-description{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.new-roadmap-add-to-roadmap-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-left:16px;min-height:36px;min-width:36px;padding:8px;transition:all .3s ease}.new-roadmap-add-to-roadmap-btn:hover:not(.new-roadmap-selected){background:#059669;transform:scale(1.1)}.new-roadmap-add-to-roadmap-btn.new-roadmap-selected{background:#065f46;cursor:default;transform:none}.new-roadmap-add-to-roadmap-btn:disabled{cursor:not-allowed;opacity:.8}.new-roadmap-modal-footer{align-items:center;background:#f8fafc;border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.new-roadmap-modal-footer-info{flex:1 1}.new-roadmap-selected-count{color:#6b7280;font-size:14px;font-weight:500}.new-roadmap-modal-done-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;min-width:120px;padding:12px 24px;transition:all .3s ease}.new-roadmap-modal-done-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}@keyframes newroadmapFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.new-roadmap-modal-content::-webkit-scrollbar{width:6px}.new-roadmap-modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.new-roadmap-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.new-roadmap-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media screen and (max-width:768px){.new-roadmap-wrapper{display:flex;flex-direction:column;padding:0;width:100%}.new-roadmap-main{margin-left:16px;width:95%}.new-roadmap-form-group{width:100%}.new-roadmap-lesson-background{height:240px;margin-bottom:0;width:100%}.new-roadmap-change-image-button{justify-content:center;margin-top:-20px}.new-roadmap-sub-header{flex-direction:column;gap:16px;height:auto}.new-roadmap-actions{justify-content:flex-start;width:100%}}.hidden{display:none}.course-item{align-items:center;background:#f7fdfd;border-radius:8px;box-shadow:0 3px 3px #0000001a;display:flex;gap:20px;justify-content:center;min-height:150px;padding:16px;width:600px}.course-item.clickable{cursor:pointer;transition:all .2s ease}.course-item.clickable:hover{box-shadow:0 5px 15px #00000026;transform:translateY(-2px)}.course-item.selected{background-color:#f0f8ff}.course-item-avatar{flex-shrink:0;height:100px;margin-left:10px;margin-right:10px;width:160px}.course-item-avatar img{height:100%;object-fit:cover;width:100%}.course-item-content{display:flex;flex:1 1;gap:20px;margin-right:20px}.course-item-column{display:flex;flex:1 1;flex-direction:column}.course-item-detail-row{align-items:flex-start;display:block}.course-item-label{font-weight:700}.course-item-value{margin-left:0}@media screen and (max-width:768px){.course-item{width:90%}.course-item-content{flex-direction:column;gap:12px}.course-item-avatar{height:200px;width:100%}}.lesson-sidebar{display:flex;justify-content:center;margin-top:20px;width:200px}.btn-back-sidebar{background:#fff;border:2px solid #1976d2;border-radius:6px;box-shadow:0 2px 6px #0000000d;color:#1976d2;cursor:pointer;font-weight:500;height:40px;padding:6px 14px;transition:all .2s ease}.btn-back-sidebar:hover{background:#e3f2fd}@media screen and (max-width:768px){.lesson-sidebar{display:block;margin-left:16px;width:50%}}.lesson-header-header-container{display:flex;flex-direction:column;gap:16px;margin:20px 0 16px;max-width:1200px}.lesson-header-header-breadcrumb{align-items:center;color:#555;display:flex;flex-wrap:wrap;font-size:16px;gap:6px}.breadcrumb-link{color:#3f51b5;cursor:pointer;transition:color .2s}.breadcrumb-link:hover{text-decoration:underline}.lesson-header-header-tag{margin-top:4px}.lesson-header-tag{background:#edf2ff;border-radius:8px;color:#3f51b5;display:inline-block;font-size:16px!important;font-weight:500;padding:4px 10px}.lesson-header-header-main{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;gap:16px;justify-content:space-between}.lesson-header-title{word-wrap:break-word;color:#1976d2;font-size:20px;font-weight:600;margin:0;max-width:100%;white-space:normal;word-break:break-word}.lesson-header-title span:first-child{color:#333;font-weight:500}.lesson-header-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.lesson-header-buttons button{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:background-color .2s ease,color .2s ease,border .2s ease}.btn-save{background-color:#1976d2;border:none;color:#fff}.btn-save:hover{background-color:#1565c0}.lesson-header-buttons .btn-cancel{background-color:#f44336;border:none;color:#fff;margin:0}.lesson-header-buttons .btn-cancel:hover{background-color:#d32f2f}.btn-delete{background-color:#fff;border:2px solid #d32f2f;color:#d32f2f}.btn-delete:hover{background-color:#ffebee;border-color:#b71c1c;color:#b71c1c}.btn-edit,.btn-edit-icon{background-color:#fff;border:2px solid #1976d2;color:#1976d2}.btn-edit-icon:hover,.btn-edit:hover{background-color:#e3f2fd;border-color:#0d47a1;box-shadow:0 4px 8px #1976d233;color:#0d47a1}.btn-cancel:disabled,.btn-delete:disabled,.btn-edit-icon:disabled,.btn-edit:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.6}.lesson-header-edit-icon{font-size:16px;line-height:1}.btn-toggle-publish{background-color:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.btn-publish{border:2px solid #2e7d32;color:#2e7d32}.btn-publish:hover{background-color:#e8f5e9}.btn-private{border:2px solid #9e9e9e;color:#424242}.btn-private:hover{background-color:#f5f5f5}@media screen and (max-width:768px){.lesson-header-header-main{align-items:flex-start;flex-direction:column}.lesson-header-buttons{justify-content:flex-start;width:100%}}.ssud-container-modern{background:linear-gradient(135deg,#f0fdf4,#fff 50%,#eff6ff);display:flex;flex-direction:column;min-height:100vh}.ssud-header-modern{background:#fff;border-bottom:1px solid #f1f5f9;box-shadow:0 1px 3px #0000001a;z-index:1000}.ssud-main-wrapper-modern{display:flex;flex:1 1;flex-direction:column}.ssud-back-section-modern{margin:0 auto;max-width:1280px;padding:1rem;width:100%}.ssud-back-btn-modern{align-items:center;background:#0000;border:none;border-radius:.75rem;color:#10b981;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.ssud-back-btn-modern:hover{background:#f0fdf4;transform:translateX(-2px)}.ssud-cover-section-modern{margin:0 auto;max-width:1280px;padding:0 1rem;position:relative;width:100%}.ssud-cover-modern{background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:1rem;height:20rem;overflow:hidden;position:relative}.ssud-cover-decoration-modern{background:#ffffff1a;border-radius:50%;filter:blur(3rem);height:8rem;left:2.5rem;position:absolute;top:2.5rem;width:8rem}.ssud-cover-decoration-2-modern{background:#ffffff0d;border-radius:50%;bottom:2.5rem;filter:blur(4rem);height:12rem;position:absolute;right:2.5rem;width:12rem}.ssud-profile-card-modern{animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff;border:1px solid #f3f4f680;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;margin-top:-5rem;padding:2rem;position:relative}.ssud-profile-content-modern{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.ssud-avatar-wrapper-modern{position:relative}.ssud-avatar-modern{border:4px solid #fff;border-radius:1.5rem;box-shadow:0 10px 25px #00000026;height:8rem;object-fit:cover;width:8rem}.ssud-status-indicator-modern{align-items:center;background:#10b981;border:4px solid #fff;border-radius:50%;bottom:-.5rem;display:flex;height:2rem;justify-content:center;position:absolute;right:-.5rem;width:2rem}.ssud-status-dot-modern{background:#fff;border-radius:50%;height:.75rem;width:.75rem}.ssud-basic-info-modern{flex:1 1;text-align:center}.ssud-name-modern{color:#111827;font-size:2rem;font-weight:700;margin:0 0 .5rem}.ssud-role-modern{color:#10b981;font-size:1.125rem;font-weight:500;margin:0 0 1rem}.ssud-bio-modern{background:#f9fafb;border-radius:1rem;margin:0 auto;max-width:24rem;padding:1rem}.ssud-bio-modern p{color:#6b7280;line-height:1.6;margin:0}.ssud-action-section-modern{display:flex;gap:.75rem}.ssud-message-btn-modern{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:1rem;box-shadow:0 10px 25px #3b82f640;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.ssud-message-btn-modern:hover{box-shadow:0 15px 35px #3b82f659;transform:translateY(-2px) scale(1.05)}.ssud-content-grid-modern{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 2fr 1fr;margin:2rem auto 0;max-width:1280px;padding:0 1rem 2rem}.ssud-left-sidebar-modern{display:flex;flex-direction:column}.ssud-about-card-modern{animation:fadeInUp .6s ease-out;background:#fff;border:1px solid #f1f5f9;border-radius:1.5rem;box-shadow:0 4px 6px #0000000d;padding:1.5rem}.ssud-about-title-modern{color:#111827;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.ssud-about-items-modern{display:flex;flex-direction:column;gap:1rem}.ssud-info-item-modern{align-items:center;background:#f9fafb;border-radius:1rem;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.ssud-info-item-modern:hover{background:#f3f4f6;transform:translateX(2px)}.ssud-info-icon-modern{align-items:center;border-radius:1rem;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.ssud-icon-blue-modern{background:#dbeafe;color:#2563eb}.ssud-icon-purple-modern{background:#e9d5ff;color:#7c3aed}.ssud-icon-green-modern{background:#d1fae5;color:#059669}.ssud-icon-orange-modern{background:#fed7aa;color:#ea580c}.ssud-icon-red-modern{background:#fecaca;color:#dc2626}.ssud-info-content-modern{flex:1 1;min-width:0}.ssud-info-label-modern{color:#6b7280;font-size:.875rem;margin:0 0 .25rem}.ssud-info-value-modern{color:#111827;font-weight:500;margin:0;word-break:break-word}.ssud-main-content-modern{display:flex;flex-direction:column}.ssud-courses-card-modern{background:#fff;border:1px solid #f1f5f9;border-radius:1.5rem;box-shadow:0 4px 6px #0000000d;overflow:hidden}.ssud-no-content-modern{color:#6b7280;padding:3rem;text-align:center}.ssud-no-content-icon-modern{align-items:center;background:#f3f4f6;border-radius:50%;color:#9ca3af;display:flex;height:4rem;justify-content:center;margin:0 auto 1rem;width:4rem}.ssud-nav-modern{border-bottom:1px solid #f1f5f9;padding:1rem 1.5rem}.ssud-nav-item-modern{align-items:center;background:none;border:none;border-radius:.75rem;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.ssud-nav-item-modern:hover{background:#f9fafb;color:#111827}.ssud-nav-active-modern{background:#d1fae5;color:#065f46}.ssud-tabs-card-modern{background:#fff;border:1px solid #f1f5f9;border-radius:1.5rem;box-shadow:0 4px 6px #0000000d;overflow:hidden}.ssud-courses-content-modern{padding:1.5rem}.ssud-courses-grid-modern{grid-gap:1.5rem;display:grid;gap:1.5rem}.ssud-course-card-modern{animation:fadeInUp .6s ease-out;cursor:pointer;transition:all .3s ease}.ssud-course-card-modern:hover{transform:translateY(-2px) scale(1.02)}.ssud-course-inner-modern{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:1.5rem;box-shadow:0 4px 6px #0000000d;display:flex;overflow:hidden;transition:all .3s ease}.ssud-course-card-modern:hover .ssud-course-inner-modern{box-shadow:0 10px 25px #00000026}.ssud-course-image-modern{flex-shrink:0;height:8rem;width:12rem}.ssud-course-img-modern{height:100%;object-fit:cover;width:100%}.ssud-course-info-modern{flex:1 1;padding:1.5rem}.ssud-course-title-modern{color:#111827;font-size:1.125rem;font-weight:700;margin:0 0 .5rem;transition:color .2s ease}.ssud-course-card-modern:hover .ssud-course-title-modern{color:#10b981}.ssud-course-description-modern{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;line-height:1.5;margin:0 0 1rem;overflow:hidden}.ssud-course-meta-modern{justify-content:space-between}.ssud-course-meta-modern,.ssud-course-stats-modern{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.ssud-course-stat-modern{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.25rem}.ssud-course-date-modern{color:#10b981;font-size:.875rem;font-weight:500}.ssud-no-courses-modern{color:#6b7280;padding:3rem;text-align:center}.ssud-no-courses-icon-modern{align-items:center;background:#f3f4f6;border-radius:50%;color:#9ca3af;display:flex;height:4rem;justify-content:center;margin:0 auto 1rem;width:4rem}.ssud-no-courses-modern p{font-size:1.125rem;margin:0}.ssud-right-sidebar-modern{display:flex;flex-direction:column}.ssud-suggestions-card-modern{animation:fadeInUp .6s ease-out;background:#fff;border:1px solid #f1f5f9;border-radius:1.5rem;box-shadow:0 4px 6px #0000000d;padding:1.5rem}.ssud-suggestions-title-modern{color:#111827;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.ssud-suggestions-list-modern{display:flex;flex-direction:column;gap:1rem}.ssud-suggestion-item-modern{align-items:center;background:#0000;border-radius:1rem;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.ssud-suggestion-item-modern:hover{background:#f9fafb;transform:translateX(2px)}.ssud-suggestion-avatar-modern{border:2px solid #f1f5f9;border-radius:1rem;height:3rem;object-fit:cover;transition:all .2s ease;width:3rem}.ssud-suggestion-item-modern:hover .ssud-suggestion-avatar-modern{border-color:#bbf7d0}.ssud-suggestion-info-modern{flex:1 1;min-width:0}.ssud-suggestion-name-modern{color:#111827;font-size:.875rem;font-weight:500;margin:0 0 .25rem;transition:color .2s ease}.ssud-suggestion-item-modern:hover .ssud-suggestion-name-modern{color:#10b981}.ssud-suggestion-email-modern{color:#6b7280;font-size:.75rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:1024px){.ssud-content-grid-modern{gap:1.5rem;grid-template-columns:1fr 2fr}.ssud-right-sidebar-modern{display:none}}@media screen and (max-width:768px){.ssud-content-grid-modern{gap:1.5rem;grid-template-columns:1fr}.ssud-avatar-modern{height:6rem;width:6rem}.ssud-cover-modern{height:12rem}.ssud-profile-card-modern{margin-top:-3rem;padding:1.5rem}.ssud-name-modern{font-size:1.5rem}.ssud-course-inner-modern{flex-direction:column}.ssud-course-image-modern{height:10rem;width:100%}.ssud-course-meta-modern{align-items:flex-start;flex-direction:column;gap:.5rem}}@media screen and (max-width:480px){.ssud-back-section-modern,.ssud-cover-section-modern{padding:0 .75rem;width:calc(100% - 1.5rem)}.ssud-content-grid-modern{margin:2rem 0 0}.ssud-about-card-modern,.ssud-course-info-modern,.ssud-courses-content-modern,.ssud-profile-card-modern,.ssud-suggestions-card-modern{padding:1rem}.ssud-info-item-modern{padding:.5rem}.ssud-info-icon-modern{height:2rem;width:2rem}.ssud-course-stats-modern{align-items:flex-start;flex-direction:column;gap:.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ssud-courses-content-modern::-webkit-scrollbar,.ssud-suggestions-list-modern::-webkit-scrollbar{width:4px}.ssud-courses-content-modern::-webkit-scrollbar-track,.ssud-suggestions-list-modern::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.ssud-courses-content-modern::-webkit-scrollbar-thumb,.ssud-suggestions-list-modern::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.ssud-courses-content-modern::-webkit-scrollbar-thumb:hover,.ssud-suggestions-list-modern::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ssud-back-btn-modern:focus,.ssud-course-card-modern:focus,.ssud-message-btn-modern:focus,.ssud-nav-item-modern:focus,.ssud-suggestion-item-modern:focus{outline:2px solid #10b981;outline-offset:2px}.ssud-loading-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.ssud-error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;color:#dc2626}.ssud-error-message,.ssud-success-message{font-size:.875rem;margin:1rem 0;padding:1rem}.ssud-success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.75rem;color:#166534}.ccm-modal-overlay{align-items:flex-start;background-color:#00000080;box-sizing:border-box;display:flex;inset:0;justify-content:center;overflow-y:auto;padding-top:60px;position:fixed;z-index:1000}.ccm-modal-content{animation:ccm-fadeInScale .25s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000040;margin:0 auto;max-width:420px;padding:32px;width:100%}@keyframes ccm-fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ccm-title{color:#2d3436;font-size:22px;font-weight:700;margin-bottom:24px;text-align:center}.ccm-form{display:flex;flex-direction:column;gap:16px}.ccm-form input{background-color:#fff;border:2px solid #bbb;border-radius:6px;box-sizing:border-box;font-size:15px;padding:12px 14px;transition:border .2s ease,box-shadow .2s ease;width:100%}.ccm-form input:focus{border-color:#0984e3;box-shadow:0 0 0 2px #0984e340;outline:none}.ccm-modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.ccm-cancel-button,.ccm-submit-button{border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 16px}.ccm-submit-button{background-color:#0984e3;color:#fff}.ccm-submit-button:hover{background-color:#075ea3}.ccm-cancel-button{background-color:#dfe6e9;color:#2d3436}.ccm-cancel-button:hover{background-color:#b2bec3}@media (max-width:768px){.ccm-modal-content{margin:0 16px;padding:24px;width:90%}.ccm-title{font-size:20px}.ccm-cancel-button,.ccm-form input,.ccm-submit-button{font-size:14px;padding:10px}.ccm-modal-actions{align-items:stretch;flex-direction:column}.ccm-cancel-button,.ccm-submit-button{width:100%}}.ucm-modal-backdrop{align-items:flex-start;background-color:#00000080;box-sizing:border-box;display:flex;inset:0;justify-content:center;overflow-y:auto;padding-top:60px;position:fixed;z-index:1000}.ucm-modal-content{animation:ucm-fadeInScale .25s ease-in-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #00000040;margin:0 auto;max-width:400px;padding:32px;width:100%}@keyframes ucm-fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ucm-modal-title{color:#2d3436;font-size:22px;font-weight:700;margin-bottom:24px;text-align:center}.ucm-update-config-form{display:flex;flex-direction:column;gap:10px}.ucm-update-config-form label{color:#2f3640;font-size:14px;font-weight:600;margin-bottom:4px;text-align:left}.ucm-update-config-form input{background-color:#fff;border:2px solid #bbb;border-radius:6px;box-sizing:border-box;font-size:15px;padding:12px 14px;transition:border .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%}.ucm-update-config-form input:focus:not(:disabled){border-color:#0984e3;box-shadow:0 0 0 2px #0984e340;outline:none}.ucm-update-config-form input:disabled{background-color:#f8f9fa;border-color:#e9ecef;color:#6c757d;cursor:not-allowed}.ucm-disabled-input{background-color:#f8f9fa!important;border-color:#e9ecef!important;color:#6c757d!important;cursor:not-allowed!important}.ucm-cancel-button,.ucm-submit-button{border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;padding:12px;width:100%}.ucm-submit-button{background-color:#0984e3;color:#fff;margin-top:12px;transition:background-color .3s ease}.ucm-submit-button:hover:not(:disabled){background-color:#075ea3}.ucm-submit-button.ucm-loading,.ucm-submit-button:disabled{background-color:#b2bec3;cursor:not-allowed;opacity:.7}.ucm-cancel-button{background-color:#dfe6e9;color:#2d3436;transition:background-color .3s ease}.ucm-cancel-button:hover:not(:disabled){background-color:#b2bec3}.ucm-cancel-button:disabled{background-color:#f1f2f6;color:#a4b0be;cursor:not-allowed;opacity:.7}@media (max-width:768px){.ucm-modal-content{margin:0 16px;width:100%}.ucm-modal-title{font-size:20px}.ucm-cancel-button,.ucm-submit-button,.ucm-update-config-form input{font-size:14px;padding:10px}}.acp-page{background-color:#fff;display:flex;min-height:100vh}.acp-container{background-color:#fff;flex:1 1;margin-left:290px;padding:20px}.acp-content{margin:0 auto;max-width:1200px}.acp-sidebar{background-color:#2d3436;height:100vh;left:0;position:fixed;top:0;width:250px;z-index:100}.acp-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.acp-header-left h1{color:#333;font-size:1.8rem;font-weight:500;margin:0 0 5px}.acp-subtitle{color:#666;font-size:.9rem;margin:0}.acp-create-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.acp-create-btn:hover{background-color:#0056b3}.acp-table-container{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.acp-config-list{-webkit-overflow-scrolling:touch;overflow-x:auto}.acp-table{border-collapse:collapse;font-size:14px;margin:0;width:100%}.acp-table thead th{background-color:#f8f9fa;border-bottom:2px solid #ddd;color:#333;font-weight:500;padding:12px;text-align:left}.acp-table tbody tr{border-bottom:1px solid #eee}.acp-table tbody tr:hover{background-color:#f9f9f9}.acp-table tbody td{padding:12px;vertical-align:middle}.acp-id-cell{color:#333;font-weight:500;width:60px}.acp-key-cell code{background:#f1f1f1;border-radius:3px;color:#333;font-family:monospace;font-size:12px;padding:2px 6px}.acp-value-cell{word-wrap:break-word;max-width:200px}.acp-type-badge{background-color:#e9ecef;border-radius:4px;color:#495057;font-size:11px;font-weight:500;padding:3px 8px}.acp-meaning-cell{word-wrap:break-word;color:#666;font-size:13px;max-width:250px}.acp-action-cell{width:100px}.acp-edit-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px}.acp-edit-btn:hover{background-color:#218838}.acp-table thead tr{background-color:#f8f8f8}.acp-table td,.acp-table th{border:1px solid #ddd;display:table-cell;padding:12px 15px;text-align:left}.acp-table td:first-child,.acp-table th:first-child{max-width:30px;text-align:center;width:30px}.acp-table td:nth-child(2),.acp-table th:nth-child(2){max-width:240px;white-space:normal;word-break:break-word}.acp-table td:nth-child(3),.acp-table th:nth-child(3){max-width:100px;white-space:normal;word-break:break-word}.acp-table td:nth-child(7),.acp-table th:nth-child(7){text-align:center;width:60px}.acp-table button{background-color:#0984e3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:4px 8px}.acp-table button:hover{background-color:#075ea3}.acp-form-wrapper{display:flex;flex-wrap:wrap;gap:20px}.acp-form{background-color:#f8f8f8;border-radius:4px;flex:1 1;min-width:300px;padding:20px}.acp-form input{border:1px solid #ccc;border-radius:4px;display:block;margin-bottom:10px;padding:8px 10px;width:100%}.acp-form button{background-color:#00b894;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:5px;padding:8px 16px}.acp-form button:hover{background-color:#009975}@media (max-width:768px){.acp-page{flex-direction:column}.acp-container{margin-left:0;padding:12px}.acp-content{margin-left:0;padding:0}.acp-sidebar{display:none}.acp-header{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:20px}.acp-header h1{font-size:20px;text-align:center}.acp-create-btn{font-size:15px;padding:10px;width:100%}.acp-table{font-size:14px}.acp-table td,.acp-table th{padding:10px 12px}.acp-table td:nth-child(2),.acp-table th:nth-child(2){max-width:180px}.acp-table td:nth-child(3),.acp-table th:nth-child(3){max-width:100px}.acp-table button{font-size:13px;padding:5px 10px}.acp-form-wrapper{flex-direction:column}.acp-form{margin-bottom:16px;padding:16px}.acp-form input{font-size:15px;padding:10px}.acp-form button{font-size:15px;padding:10px 14px}.acp-table td:nth-child(4),.acp-table td:nth-child(5),.acp-table td:nth-child(6),.acp-table th:nth-child(4),.acp-table th:nth-child(5),.acp-table th:nth-child(6){display:none}}.spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.spinner-container.small{padding:20px}.spinner-container.large{min-height:300px;padding:60px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;width:40px}.spinner-container.small .spinner{border-width:2px;height:24px;width:24px}.spinner-container.large .spinner{border-width:4px;height:60px;width:60px}.spinner-message{color:#fff;font-size:14px;margin-top:16px;text-align:center}.spinner-container.small .spinner-message{font-size:12px;margin-top:12px}.spinner-container.large .spinner-message{font-size:16px;margin-top:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-fullpage{align-items:center;background-color:#ffffffe6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.main{background-color:#f5f9ff;display:flex;min-height:100vh}.course-main{flex:1 1;margin-left:290px;padding:20px}.box{background:#fff;border-radius:12px;max-width:100%;padding:24px}.box,.path{margin-bottom:24px}.path{align-items:center;display:flex}.title{color:#181719;font-size:24px;font-weight:600;margin-bottom:24px}.white-tabs-container{border-bottom:1px solid #e3e4e6;display:flex;gap:24px;margin-top:1rem}.white-tab{color:#74747d;cursor:pointer;padding:12px 0;position:relative}.white-tab.active{color:#3d8fef;font-weight:600}.white-tab.active:after{background-color:#3d8fef;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.box-content-item-badge-green{background-color:#e8f5e9;color:#4caf50}.box-content-item-badge-green,.box-content-item-badge-orange{align-items:center;border-radius:12px;display:inline-flex;padding:4px 12px}.box-content-item-badge-orange{background-color:#fff3cd;color:orange}.error-message{color:#d95f59;font-size:16px;padding:20px}.course-main .content-section .lesson-list{display:flex;flex-direction:column;gap:20px}.lesson-item{align-items:flex-start;border:1px solid #e3e4e6;border-radius:25px;display:flex;gap:20px;padding:20px}.lesson-number{color:#3d8fef;font-weight:600;width:100px}.lesson-info{flex:1 1;width:80%}.lesson-info p{overflow-wrap:anywhere}.lesson-meta{color:#74747d;display:flex;flex-direction:column;font-size:14px;gap:8px;width:200px}.students-list table{border-collapse:collapse;width:100%}.students-list td,.students-list th{border-bottom:1px solid #e3e4e6;padding:12px;text-align:left}.students-list th{color:#74747d;font-weight:600}@media (max-width:768px){.modal-box{width:70%!important}.box{margin:0;padding-left:1rem;padding-right:1rem}.course-main{margin-left:0!important}.path{margin-left:50px}.lesson-item{flex-direction:column;gap:10px;width:100%}}.admin-event-page{background-color:#fff;display:flex;flex-direction:row;min-height:100vh}.admin-event-content{background-color:#fff;flex:1 1;margin-left:290px;padding:20px}.admin-event-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.admin-event-header h1{color:#2f3640;font-size:1.5rem;margin:0}.create-event-button{background-color:#0984e3;border:none;border-radius:6px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.create-event-button:hover{background-color:#075ea3;transform:translateY(-2px)}.create-event-button:active{background-color:#074b8a;transform:translateY(0)}.event-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.event-controls input,.event-controls select{border:1px solid #ccc;border-radius:6px;font-size:14px;min-width:160px;padding:8px 12px}.event-list{overflow-x:auto}.event-table{border-collapse:collapse;margin-top:20px;min-width:1000px;width:100%}.event-table td,.event-table th{border:1px solid #ddd;padding:10px;text-align:center}.event-table th{background-color:#f9f9f9;font-weight:700}.event-status-badge,.status-badge,.type-badge{border:1px solid;border-radius:14px;display:inline-block;font-size:13px;font-weight:600;padding:4px 10px}.status-badge{margin-left:10px}.type-badge.VOCABULARY_PRACTICE_EVENT{background-color:#f3e5f5;border-color:#ce93d8;color:#8e24aa}.type-badge.QUIZ_EVENT{background-color:#e8f5e9;border-color:#81c784;color:#2e7d32}.type-badge.TALKSHOW_EVENT{background-color:#e3f2fd;border-color:#64b5f6;color:#1565c0}.status-badge.PUBLIC{background-color:#e8f5e9;border-color:#81c784;color:#2e7d32}.status-badge.PRIVATE{background-color:#ffebee;border-color:#ef9a9a;color:#c62828}.event-status-badge.upcoming{background-color:#fff8e1;border-color:#ffe082;color:#f9a825}.event-status-badge.ongoing{background-color:#e8f5e9;border-color:#a5d6a7;color:#388e3c}.event-status-badge.ended{background-color:#fbe9e7;border-color:#ffab91;color:#d84315}.event-time{align-items:center;color:#333;display:flex;flex-direction:column;font-size:14px;line-height:1.3}.event-time .date-part{color:#2c3e50;font-weight:600}.event-time .time-part{color:#555;font-size:13px}.event-time .time-separator{color:#aaa;font-size:12px;margin:2px 0}.action-buttons button{background-color:#00b894;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin:0 4px;padding:6px 12px;transition:background .2s}.action-buttons .danger{background-color:#e74c3c}.action-buttons button:hover{opacity:.9}.pagination{margin-top:16px;text-align:center}.pagination button{background:#f9f9f9;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;margin:0 4px;padding:6px 12px}.pagination button.active{background:#2196f3;color:#fff;font-weight:700}@media (max-width:1324px) and (min-width:769px){.event-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:20px}.event-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px #0000000d;font-size:14px;padding:16px;transition:box-shadow .3s ease}.event-card:hover{box-shadow:0 4px 12px #00000014}.event-card strong{display:block;font-size:16px;margin-bottom:6px}.event-card .action-buttons{margin-top:10px}.event-card .action-buttons button{border-radius:6px;font-size:13px;font-weight:600;margin-left:0;margin-right:15px;padding:6px 12px}.event-card div{margin-bottom:12px}.event-card .event-status-badge,.event-card .status-badge{background-color:#fff;border-color:#fff;margin:0;padding:0}}@media (max-width:768px){.admin-event-page{flex-direction:column}.admin-event-content{margin-left:0;padding:12px}.admin-event-header{align-items:stretch;flex-direction:column;gap:12px}.create-event-button{font-size:15px;padding:10px 0;width:100%}.event-controls{flex-direction:column;gap:12px}.event-controls input,.event-controls select{box-sizing:border-box;font-size:15px;padding:10px 14px;width:100%}.event-list{overflow-x:auto}.event-cards{display:flex;flex-direction:column;gap:12px}.event-card{border-radius:8px;box-shadow:0 1px 4px #0000001a;font-size:14px;padding:12px}.event-card .action-buttons button{font-size:13px;margin:2px 15px 2px 0;padding:6px 10px}.pagination{flex-wrap:wrap;gap:4px;justify-content:center;margin-top:16px}.pagination-btn{font-size:13px;margin:2px;min-width:80px;padding:6px 10px}.pagination-info{font-size:12px;margin-top:8px;text-align:center;width:100%}.event-card div{margin-bottom:12px}.event-card .event-status-badge,.event-card .status-badge{background-color:#fff;border-color:#fff;margin:0;padding:0}}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:30px 0}.pagination-btn{background-color:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:500;min-width:40px;padding:8px 12px;text-align:center;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#0984e3;color:#0984e3}.pagination-btn.active{background-color:#0984e3;border-color:#0984e3;color:#fff}.pagination-btn:disabled{background-color:#f8f9fa;border-color:#eee;color:#ccc;cursor:not-allowed}.pagination-btn.next-btn,.pagination-btn.prev-btn{font-weight:600;padding:8px 16px}.pagination-ellipsis{color:#666;font-weight:500;padding:8px 4px}.pagination-info{color:#666;font-size:13px;font-weight:500;margin-left:16px;white-space:nowrap}@media (max-width:768px){.pagination{flex-wrap:wrap;gap:4px;justify-content:center;margin-top:16px}.pagination-btn{font-size:13px;margin:2px;min-width:35px;padding:6px 10px}.pagination-btn.next-btn,.pagination-btn.prev-btn{min-width:80px;padding:6px 12px}.pagination-info{font-size:12px;margin-left:0;margin-top:8px;text-align:center;width:100%}}.modal-create-event{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-create-content{animation:slideDown .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 24px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:600px;min-width:320px;overflow:hidden;padding:20px;width:90%}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-create-content h2{color:#333;font-size:24px;margin-bottom:18px;margin-top:0;text-align:center}.modal-create-content-form{flex:1 1;max-height:100%;overflow-y:auto;padding-right:6px}.modal-create-content-form label{display:inline-block;font-size:14px;font-weight:600;margin-bottom:4px}.modal-create-content-form input,.modal-create-content-form select,.modal-create-content-form textarea{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:14px;padding:8px 10px;transition:border-color .2s;width:100%}.modal-create-content-form input:focus,.modal-create-content-form select:focus,.modal-create-content-form textarea:focus{border-color:#007bff;outline:none}.modal-create-content-form textarea{min-height:60px;resize:vertical}.char-count{color:#888;margin-bottom:10px}.row{margin-bottom:12px}.modal-actions{border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding:12px 0 0}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:500;min-width:120px;padding:10px 20px;transition:background .2s ease}.modal-actions button[type=submit]{background-color:#2196f3;color:#fff}.modal-actions button[type=submit]:hover{background-color:#1976d2}.modal-actions button[type=button]{background-color:#9e9e9e;color:#fff}.modal-actions button[type=button]:hover{background-color:#757575}.error-message{color:red;font-size:14px;margin-top:10px;text-align:center}@media (max-width:768px){.row{gap:10px}.row>div{flex:1 1 48%}.modal-create-content{height:80%;width:80%}.modal-actions{justify-content:center}.modal-actions button{flex:1 1 48%;max-width:50%}}.update-event-modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:10px;position:fixed;z-index:1000}.update-event-modal-content{animation:fadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;padding:20px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.update-event-modal-content h2{color:#333;font-size:24px;margin-bottom:16px;text-align:center}.update-event-modal-body{flex:1 1 auto;overflow-y:auto;padding-right:6px}.update-event-modal-content label{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.update-event-modal-content input,.update-event-modal-content select,.update-event-modal-content textarea{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:14px;margin-top:0;padding:8px 10px;transition:border-color .2s;width:100%}.update-event-modal-content input:focus,.update-event-modal-content select:focus,.update-event-modal-content textarea:focus{border-color:#2196f3;outline:none}.update-event-modal-content textarea{min-height:60px;resize:vertical}.char-count{color:#666;font-size:12px;margin-top:2px;text-align:right}.row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.row>div{display:flex;flex:1 1 48%;flex-direction:column;min-width:140px}.row.triple>div{flex:1 1 30%}.update-event-modal-actions{background-color:#fff;border-top:1px solid #eee;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:12px;padding-top:16px}.update-event-modal-actions button{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;min-width:140px;padding:10px 20px;transition:all .25s ease;white-space:nowrap}.update-event-modal-actions button[type=submit]{background-color:#2196f3;color:#fff}.update-event-modal-actions button[type=submit]:hover{background-color:#1976d2}.update-event-edit-quiz-btn,.update-event-edit-talkshow-btn,.update-event-edit-vocab-btn{background-color:#4caf50;color:#fff}.update-event-edit-quiz-btn:hover,.update-event-edit-talkshow-btn:hover,.update-event-edit-vocab-btn:hover{background-color:#388e3c}.update-event-modal-actions button.cancel-btn{background:#fff;border:2px solid #ccc;color:#444}.update-event-modal-actions button.cancel-btn:hover{background:#f9f9f9;border-color:#888}@media (max-width:768px){.update-event-modal-content{height:80%;width:80%}.row.triple>div,.row>div{flex:1 1 100%}.update-event-modal-actions{justify-content:center}.update-event-modal-actions button{flex:1 1 45%;max-width:45%}}@media (max-width:480px){.update-event-modal-actions button{flex:1 1 100%;max-width:100%}.update-event-modal-content h2{font-size:20px}}.vocabulary-lesson-wrapper{align-items:flex-start;display:flex}.quiz-list-container{margin:0 auto;max-width:800px;padding:20px}.quiz-question-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.quiz-question-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.quiz-question-header{align-items:center;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 0}.quiz-question-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.quiz-question-actions{display:flex;gap:8px}.quiz-action-btn{align-items:center;background:#f8f9fa;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.quiz-action-btn:hover{background:#e9ecef}.quiz-action-btn:disabled{cursor:not-allowed;opacity:.5}.quiz-action-btn img{height:16px;width:16px}.quiz-question-content{color:#444;font-size:15px;line-height:1.6;margin-bottom:16px;padding:0 4px}.quiz-question-content img{border-radius:8px;display:block;height:auto;margin:12px auto;max-height:300px;max-width:100%;object-fit:contain}.quiz-options-container{display:flex;flex-direction:column;gap:8px;padding:0 4px}.quiz-option-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;padding:10px 16px;transition:background-color .2s ease}.quiz-option-item:hover{background:#fff;border-color:#dee2e6}.quiz-option-letter{color:#666;font-weight:500;margin-right:12px;min-width:24px}.quiz-option-text{color:#495057;flex:1 1;font-size:14px}.quiz-option-correct{align-items:center;display:flex;justify-content:center;width:24px}.correct-answer-indicator{color:#28a745;font-size:16px;font-weight:700}.quizLesson-button-just-purple-border{background:#0000;border:2px solid #7b68ee;border-radius:8px;color:#7b68ee;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.quizLesson-button-just-purple-border:hover{background:#7b68ee;box-shadow:0 4px 8px #7b68ee4d;color:#fff}.quizLesson-button-just-purple-border:active{box-shadow:0 2px 4px #7b68ee33;transform:scale(.98)}.quiz-header-title{align-items:center;display:flex;gap:12px;margin-top:12px}.quiz-tag{background-color:#edf2ff;border-radius:6px;color:#3f51b5;font-size:.85rem;font-weight:500;padding:4px 10px}@media screen and (max-width:768px){.quiz-question-header{align-items:flex-start;flex-direction:column-reverse}.quiz-question-actions{margin-left:auto}.vocabulary-lesson-background{width:100%}.quiz-list-container{padding:0}}.admin-quiz-creation{background-color:#f5f9ff;min-height:100vh}.admin-quiz-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-quiz-header h1{color:#333;font-size:28px;margin:0}.admin-quiz-actions{display:flex;gap:10px}.admin-back-btn{border:1px solid #3d8fef;color:#3d8fef}.admin-save-btn{background:#3d8fef}.notify-save{background:#2aac2a!important;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.admin-quiz-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}@media (max-width:768px){.admin-quiz-header{align-items:flex-start;flex-direction:column;gap:10px}.content-container{margin-left:0!important;padding:10px!important}}.admin-vocabulary-creation{background-color:#f5f9ff;font-family:Inter,sans-serif;min-height:100vh}.admin-vocabulary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-vocabulary-header h1{color:#333;font-size:28px;margin:0}.admin-vocabulary-actions{display:flex;gap:10px}.admin-back-btn{background:#fff;border:1px solid #1976d2;border-radius:4px;color:#1976d2;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.admin-back-btn:hover{background-color:#f5f5f5}.admin-save-btn{background:#1a75ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .3s}.admin-save-btn:hover{background-color:#0052cc}.admin-vocabulary-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.no-vocabulary-message{background-color:#f7fdfd;border:1px dashed #ccc;border-radius:6px;color:#666;margin-top:20px;padding:30px;text-align:center}.admin-vocabulary-creation .vocabulary-item{align-items:flex-start;background:#f7fdfd;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:1rem;margin-bottom:20px;padding:20px}.admin-vocabulary-creation .vocabulary-item-image{border-radius:4px;height:120px;overflow:hidden;width:120px}.admin-vocabulary-creation .vocabulary-item-image img{height:100%;object-fit:cover;width:100%}.admin-vocabulary-creation .vocabulary-item-content{display:flex;flex:1 1;gap:30px}.admin-vocabulary-creation .vocabulary-left-column{flex:0 0 200px}.admin-vocabulary-creation .vocabulary-right-column{flex:1 1}.admin-vocabulary-creation .vocabulary-section{margin-bottom:5px}.admin-vocabulary-creation .vocabulary-label{color:#1976d2;font-weight:500;margin:0;min-width:100px}.admin-vocabulary-creation .vocabulary-value{color:#333;font-size:16px;line-height:1.4;margin:0}.vocabulary-dialog-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.vocabulary-dialog{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0003}.vocabulary-button-just-purple-border{background:#fff;border:1px solid #7b68ee;border-radius:4px;color:#7b68ee;cursor:pointer;font-weight:500;padding:8px 20px;transition:background-color .3s}.vocabulary-button-just-purple-border:hover{background-color:#7b68ee1a}.loading-indicator{align-items:center;color:#1976d2;display:flex;font-size:18px;font-weight:500;height:200px;justify-content:center}@media (max-width:768px){.admin-vocabulary-header{align-items:flex-start;flex-direction:column;gap:10px}.content-container{margin-left:0!important;padding:10px!important}.vocabulary-item-content{flex-direction:column}.vocabulary-item-image{height:auto;margin-left:0;margin-top:10px;width:100%}}.event-form-page{background:#f5f5f5;display:flex;min-height:100vh}.event-form-container{align-items:center;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;margin-left:290px;min-height:100vh;padding:40px 16px}.event-form-sub-container{background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001a;max-width:540px;padding:32px;width:100%}.event-form-title{font-size:24px;font-weight:700;margin-bottom:24px;text-align:center}.event-form{gap:20px}.event-form,.event-form-field{display:flex;flex-direction:column}.event-form-field label{font-size:14px;font-weight:600;margin-bottom:6px}.event-form-field input,.event-form-field textarea{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px;transition:border-color .2s}.event-form-field input:focus,.event-form-field textarea:focus{border-color:#2196f3;outline:none}.event-form-char-count{color:#888;font-size:12px;margin-top:4px;text-align:right}.event-form-action-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:8px}.event-form-cancel-btn,.event-form-submit-btn{border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;padding:10px 20px;transition:all .2s ease}.event-form-submit-btn{background-color:#2196f3;color:#fff}.event-form-submit-btn:hover{background-color:#1976d2}.event-form-cancel-btn{background-color:#fff;border:1px solid #ccc;color:#333}.event-form-cancel-btn:hover{background-color:#f0f0f0}@media (max-width:768px){.event-form-container{margin-left:0;padding:24px}.event-form-sub-container{max-width:100%;padding:16px;width:100%}.event-form-action-buttons{flex-direction:column}.event-form-cancel-btn,.event-form-submit-btn{width:100%}}.root{font-family:Arial,Helvetica,sans-serif!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.459127e2.css.map*/