@import"https://fonts.googleapis.com/css2?family=Grandstander:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@300;400;500;600;700;800;900&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.MobileMenu__trigger{display:none;background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.MobileMenu__trigger:hover{background-color:#0000000d;color:#1d1d1f}.MobileMenu__trigger svg{font-size:24px!important}@media(max-width:768px){.MobileMenu__trigger{display:flex;align-items:center;justify-content:center;position:absolute;right:15px;top:50%;transform:translateY(-50%)}}.MobileMenu__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.MobileMenu{position:fixed;top:0;right:-100%;width:320px;max-width:90vw;height:100vh;background:#fff;box-shadow:none;z-index:2001;transition:right .4s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column}.MobileMenu--open{right:0;box-shadow:none!important}.MobileMenu__header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e5e5e7;background:#f8f9fa;opacity:0;transform:translateY(-20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.MobileMenu--open .MobileMenu__header{animation:slideInDown .4s ease forwards}.MobileMenu__logo{height:32px;width:auto}.MobileMenu__close{background:none;border:none;color:#666;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.MobileMenu__close:hover{background:#0000001a;color:#333}.MobileMenu__close svg{font-size:24px!important}.MobileMenu__nav{flex:1;padding:0;overflow-y:auto;display:flex;flex-direction:column}.MobileMenu__link{display:flex;align-items:center;padding:18px 20px;color:#1d1d1f;text-decoration:none;font-size:1.1rem;font-weight:500;border-bottom:1px solid #f0f0f0;transition:all .2s ease;position:relative}.MobileMenu__link:hover{background:#1c7cc80d;color:#1c7cc8}.MobileMenu__link:active{background:#1c7cc81a}.MobileMenu__link--button{background:none;border:none;width:100%;text-align:left;font-family:inherit;cursor:pointer}.MobileMenu__divider{height:1px;background:#e5e5e7;margin:10px 0}.MobileMenu__cta-button{background:linear-gradient(135deg,#1c7cc8,#1565c0);color:#fff;border:none;border-radius:12px;padding:16px 20px;margin:20px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #1c7cc84d;display:flex;align-items:center;justify-content:center}.MobileMenu__cta-button:hover{background:linear-gradient(135deg,#1565c0,#0d47a1);transform:translateY(-2px);box-shadow:0 6px 20px #1c7cc866}.MobileMenu__cta-button:active{transform:translateY(0)}.MobileMenu__nav>*{opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.MobileMenu--open .MobileMenu__nav>*:nth-child(1){animation:slideInUp .5s ease forwards;animation-delay:.1s}.MobileMenu--open .MobileMenu__nav>*:nth-child(2){animation:slideInUp .5s ease forwards;animation-delay:.2s}.MobileMenu--open .MobileMenu__nav>*:nth-child(3){animation:slideInUp .5s ease forwards;animation-delay:.3s}.MobileMenu--open .MobileMenu__nav>*:nth-child(4){animation:slideInUp .5s ease forwards;animation-delay:.4s}.MobileMenu--open .MobileMenu__nav>*:nth-child(5){animation:slideInUp .5s ease forwards;animation-delay:.45s}.MobileMenu--open .MobileMenu__nav>*:nth-child(6){animation:slideInUp .5s ease forwards;animation-delay:.5s}.MobileMenu--open .MobileMenu__nav>*:nth-child(7){animation:slideInUp .5s ease forwards;animation-delay:.6s}.MobileMenu__platform-link{display:flex;align-items:center;padding:12px 20px;margin:10px 20px;color:#1c7cc8;text-decoration:none;font-size:.95rem;font-weight:500;border:1px solid #1C7CC8;border-radius:8px;transition:all .2s ease;text-align:center;justify-content:center;background:transparent}.MobileMenu__platform-link:hover{background:#1c7cc8;color:#fff}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.Header__toolbar{position:relative}}@media(max-width:480px){.MobileMenu{width:100%;max-width:100vw;box-shadow:none;border-left:none}.MobileMenu__header{padding:15px}.MobileMenu__logo{height:28px}.MobileMenu__link{padding:16px 20px;font-size:1rem}.MobileMenu__cta-button{margin:15px;padding:14px 20px;font-size:1rem}}.Header{position:fixed;top:0;left:0;right:0;z-index:1100;background:#fff;border-bottom:1px solid #e5e5e7;padding:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.Header__toolbar{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:8px 20px;height:70px;width:100%}@media(max-width:768px){.Header__toolbar{justify-content:space-between;padding:8px 15px;height:60px;display:flex;align-items:center;position:relative}}.Header__actions{display:flex;align-items:center;gap:16px;margin-left:auto}.Header__toolbar img{height:42px;margin-top:8px;width:auto}@media(max-width:768px){.Header__toolbar img{height:24px!important;margin-top:0!important;width:auto}.Header__toolbar>a{position:absolute;left:15px;top:50%;transform:translateY(-50%)}}.Header__cta-button{background:#1c7cc8!important;color:#fff!important;border-radius:8px!important;text-transform:none!important;font-weight:600!important;font-size:1rem!important;padding:10px 20px!important;transition:all .2s ease!important;white-space:nowrap!important;display:flex!important;align-items:center!important;justify-content:center!important}.Header__cta-button:hover{background:#1565c0!important}.Header__platform-button{border:2px solid #1C7CC8!important;color:#1c7cc8!important;background:transparent!important;border-radius:8px!important;text-transform:none!important;font-weight:600!important;font-size:1rem!important;padding:8px 18px!important;transition:all .2s ease!important;white-space:nowrap!important;display:flex!important;align-items:center!important;justify-content:center!important}.Header__platform-button:hover{background:#1c7cc8!important;color:#fff!important}@media(max-width:768px){.Header__cta-button{font-size:.9rem!important;padding:8px 18px!important}}.Footer__brand{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.Footer__logo{height:60px;width:auto}.Footer__navigation{display:flex;flex-direction:column;align-items:flex-start}@media(max-width:768px){.Footer__navigation{align-items:center}}.Footer__navigation-title{color:#fff!important;font-weight:600!important;font-size:1.1rem!important;margin-bottom:20px!important}.Footer__navigation-link{color:#fffc!important;font-size:.9rem!important;margin-bottom:12px!important;cursor:pointer;transition:color .2s ease;font-weight:400!important}.Footer__navigation-link:hover{color:#ff6b00!important}.Footer__team{display:flex;flex-direction:column;align-items:flex-start}@media(max-width:768px){.Footer__team{align-items:center}}.Footer__team-title{color:#fff!important;font-weight:600!important;font-size:1.1rem!important;margin-bottom:20px!important}.Footer__team-member{margin-bottom:8px}.Footer__team-role{color:#fff9!important;font-size:.8rem!important;font-weight:500!important;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px!important}.Footer__team-name{color:#fff!important;font-weight:500!important;font-size:1rem!important;margin-bottom:4px!important}.Footer__team-subtitle{color:#ffffffb3!important;font-size:.85rem!important;margin-bottom:4px!important;line-height:1.3!important}.info-bar{position:sticky;top:0;z-index:100;background-color:#fff;padding:8px 20px;border-bottom:1px solid #e8eaed;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 1px 4px #00000014}.info-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#5f6368;font-weight:400;white-space:nowrap}.weather-icon{font-size:18px}.weather-temp,.paris-time{color:#5f6368}.word-of-day{flex:1;justify-content:flex-end;gap:10px}.word-label{color:#5f6368;font-weight:400}.word-emoji{font-size:22px}.word-phrase{display:flex;align-items:baseline;gap:5px}.word-article{font-size:20px;font-weight:700;letter-spacing:.5px;animation:wordColorCycle 6s infinite;-webkit-background-clip:text;background-clip:text}.word-value{font-weight:700;font-size:20px;letter-spacing:.5px;animation:wordColorCycle 6s infinite;-webkit-background-clip:text;background-clip:text}@keyframes wordColorCycle{0%{color:#8b5cf6;background:none;-webkit-text-fill-color:#8b5cf6}16%{color:#3b82f6;background:none;-webkit-text-fill-color:#3b82f6}33%{color:#f97316;background:none;-webkit-text-fill-color:#f97316}50%{color:#ef4444;background:none;-webkit-text-fill-color:#ef4444}66%{background:linear-gradient(90deg,#f97316,#ef4444,#8b5cf6,#3b82f6,#22c55e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}83%{background:linear-gradient(90deg,#f97316,#ef4444,#8b5cf6,#3b82f6,#22c55e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}to{color:#8b5cf6;background:none;-webkit-text-fill-color:#8b5cf6}}@media(max-width:768px){.info-bar{padding:8px 14px;gap:12px}.word-article,.word-value{font-size:17px}}.book-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}@media(max-width:768px){.book-modal{padding:20px 8px 8px;align-items:flex-start}}.book-modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlayFadeIn .3s ease}.book-modal__content{background:#fff;border-radius:12px;max-width:960px;width:100%;max-height:none;overflow:visible;position:relative;z-index:1;box-shadow:0 25px 50px -12px #00000026;animation:modalSlideIn .25s ease-out}@media(max-width:768px){.book-modal__content{max-width:100%;max-height:92vh;overflow-y:auto;border-radius:20px 20px 0 0;margin-top:auto;box-shadow:0 -15px 35px #0003;position:relative}}@media(max-width:480px){.book-modal__content{border-radius:12px 12px 0 0;max-height:90vh}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.book-modal__drag-handle{display:none}@media(max-width:768px){.book-modal__drag-handle{display:block;width:40px;height:4px;background:#0003;border-radius:2px;margin:12px auto 0;position:absolute;top:8px;left:50%;transform:translate(-50%)}}.book-modal__close-area{position:absolute;top:0;left:0;right:0;height:60px;cursor:pointer;z-index:2}@media(max-width:768px){.book-modal__close-area{height:50px}}.book-modal__header{padding:32px 32px 16px}@media(max-width:768px){.book-modal__header{padding:28px 20px 16px;flex-direction:column;align-items:flex-start;gap:12px}.book-modal__content-text{text-align:center;width:100%}}@media(max-width:480px){.book-modal__header{padding:30px 16px 12px;gap:10px}}.book-modal__logo{margin-bottom:0;flex-shrink:0}.book-modal__logo img{height:70px;width:auto}.book-modal__content-text{text-align:center}.book-modal__footer{padding:16px 32px 24px;display:flex;justify-content:center;border-top:1px solid #f0f0f0}.book-modal__logo-small img{height:36px;width:auto;opacity:.7}@media(max-width:768px){.book-modal__logo{margin-bottom:16px}.book-modal__logo img{height:50px}}@media(max-width:480px){.book-modal__logo{margin-bottom:12px}.book-modal__logo img{height:45px}}.book-modal__title{font-family:Bowlby One SC,cursive;font-size:24px;color:#036;margin-bottom:18px;line-height:1.25;text-transform:uppercase;letter-spacing:.5px}.book-modal__subtitle{font-size:13px;color:#6b7280;margin:0;line-height:1.4}@media(max-width:768px){.book-modal__title{font-size:20px;margin-bottom:10px;line-height:1.3}.book-modal__subtitle{font-size:15px;line-height:1.5}}@media(max-width:480px){.book-modal__title{font-size:18px;margin-bottom:8px}.book-modal__subtitle{font-size:14px}}.book-form{padding:0 32px 20px;background:linear-gradient(180deg,#fff,#fafbfc);border-bottom-left-radius:8px;border-bottom-right-radius:8px}@media(max-width:768px){.book-form{padding:0 16px 20px}}@media(max-width:480px){.book-form{padding:0 12px 16px}}.book-form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}@media(max-width:768px){.book-form__row{grid-template-columns:1fr;gap:0;margin-bottom:0}}.book-form__group{margin-bottom:12px}@media(max-width:768px){.book-form__group{margin-bottom:16px}}@media(max-width:480px){.book-form__group{margin-bottom:14px}}.book-form__label{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:6px;text-align:left}.book-form__label .required{color:#1c7cc8;margin-left:2px}.book-form__input,.book-form__textarea,.book-form__select{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;color:#333;transition:all .2s ease;box-sizing:border-box;background:#fff}.book-form__input:focus,.book-form__textarea:focus,.book-form__select:focus{border-color:#1c7cc8;outline:none;box-shadow:0 0 0 2px #1c7cc81a}.book-form__select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;padding-right:36px}@media(max-width:768px){.book-form__input,.book-form__textarea,.book-form__select{padding:14px 16px;font-size:16px;border-radius:8px}.book-form__select{padding-right:40px}}@media(max-width:480px){.book-form__input,.book-form__textarea,.book-form__select{padding:12px 14px;font-size:16px}.book-form__select{padding-right:36px}}.book-form__input:focus,.book-form__textarea:focus,.book-form__select:focus{outline:none;border-color:#ff6b00;background:#fff;box-shadow:0 0 0 3px #ff6b351a,inset 0 1px 2px #0000000d;transform:translateY(-1px)}.book-form__input::placeholder,.book-form__textarea::placeholder{color:#9ca3af}.book-form__textarea{resize:vertical;min-height:72px;font-family:inherit;line-height:1.4}.book-form__submit{width:100%;padding:16px 28px;background:#1c7cc8;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.book-form__submit-icon{font-size:18px;display:inline-flex;align-items:center}.book-form__submit-arrow{font-size:24px;font-weight:700;display:inline-flex;align-items:center;transition:transform .2s ease;line-height:1}.book-form__submit:hover .book-form__submit-arrow{transform:translate(5px)}@media(max-width:768px){.book-form__submit{padding:18px 24px;font-size:17px;border-radius:10px;margin-top:12px;font-weight:700;box-shadow:0 6px 20px #1c7cc84d}}@media(max-width:480px){.book-form__submit{padding:16px 20px;font-size:16px;margin-top:10px;border-radius:10px}}.book-form__submit:hover{background:#1565c0}.book-form__submit:focus{outline:none;box-shadow:0 0 0 3px #1c7cc84d}.book-form__submit:active{background:#1254a0;transform:translateY(0)}.book-form__submit:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.book-form__submit:disabled:hover{background:#9ca3af;transform:none;box-shadow:none}.book-form__benefits{margin:12px 0;padding:12px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #d1fae5;border-radius:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;box-shadow:0 1px 2px #0000000a}@media(max-width:768px){.book-form__benefits{display:none}}@media(max-width:480px){.book-form__benefits{display:none}}.book-form__benefit{display:flex;align-items:center;gap:8px;margin-bottom:0;font-size:12px;color:#374151;text-align:center;flex-direction:column}@media(max-width:768px){.book-form__benefit{gap:10px;margin-bottom:0;font-size:14px;flex-direction:row;text-align:left}}@media(max-width:480px){.book-form__benefit{gap:8px;font-size:13px}}.book-form__benefit:last-child{margin-bottom:0}.book-form__benefit-icon{width:24px;height:24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;box-shadow:0 2px 4px #10b9814d}.book-form__privacy{font-size:11px;color:#6b7280;text-align:center;margin-top:12px;line-height:1.3;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.book-form__privacy-icon{font-size:12px;opacity:.8;display:inline-flex;align-items:center;flex-shrink:0}.book-form__privacy-text--mobile{display:none}.book-form__privacy-text--desktop{display:inline}@media(max-width:768px){.book-form__privacy{font-size:13px;margin-top:18px;line-height:1.6;padding:0 12px;gap:0;flex-direction:row;align-items:center}.book-form__privacy-icon,.book-form__privacy-text--desktop{display:none}.book-form__privacy-text--mobile{display:inline}}@media(max-width:480px){.book-form__privacy{font-size:12px;margin-top:16px;padding:0 8px;gap:6px;line-height:1.5}.book-form__privacy-icon{font-size:13px;margin-top:1px}}.book-success{padding:60px 40px;text-align:center}@media(max-width:768px){.book-success{padding:40px 20px}}@media(max-width:480px){.book-success{padding:30px 16px}}.book-success__icon{width:80px;height:80px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;margin:0 auto 30px;animation:successPulse .6s ease}@keyframes successPulse{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.book-success__title{font-family:Bowlby One SC,cursive;font-size:24px;color:#036;margin-bottom:16px}.book-success__message{font-size:16px;color:#666;line-height:1.6;margin-bottom:30px}.book-success__button{background:#036;color:#fff;border:none;padding:16px 32px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.book-success__button:hover{background:#004080;transform:translateY(-1px)}@media(max-width:768px){.book-success__icon{width:70px;height:70px;font-size:32px}.book-success__title{font-size:20px;margin-bottom:12px}.book-success__message{font-size:15px;margin-bottom:24px}.book-success__button{padding:16px 32px;font-size:16px;border-radius:10px}}@media(max-width:480px){.book-success__icon{width:60px;height:60px;font-size:28px}.book-success__title{font-size:18px;margin-bottom:10px}.book-success__message{font-size:14px;margin-bottom:20px}.book-success__button{padding:14px 28px;font-size:15px}}.whatsapp-widget{position:fixed;bottom:20px;right:20px;width:80px;height:80px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 25px #25d36666,0 0 20px #25d3664d;z-index:1000;transition:all .3s ease;animation:slideInUp .6s ease-out,lightPulse 3s ease-in-out infinite}.whatsapp-widget:hover{transform:scale(1.15);box-shadow:0 12px 30px #25d36699,0 0 30px #25d36680}.whatsapp-widget--animating{animation:slideInUp .6s ease-out,pulse 1.5s ease-in-out .8s}.whatsapp-widget__icon{display:flex;align-items:center;justify-content:center}.whatsapp-widget__tooltip{position:absolute;right:70px;top:50%;transform:translateY(-50%);background:#333;color:#fff;padding:8px 12px;border-radius:20px;font-size:14px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 2px 10px #0003}.whatsapp-widget__tooltip:after{content:"";position:absolute;top:50%;right:-8px;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:8px 0 8px 8px;border-color:transparent transparent transparent #333}.whatsapp-widget:hover .whatsapp-widget__tooltip{opacity:1;visibility:visible}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes lightPulse{0%,to{box-shadow:0 8px 25px #25d36666,0 0 20px #25d3664d}50%{box-shadow:0 8px 25px #25d36699,0 0 35px #25d36680,0 0 50px #25d36633}}@media(max-width:768px){.whatsapp-widget{width:70px;height:70px;bottom:15px;right:15px}.whatsapp-widget__tooltip{right:80px;font-size:13px;padding:6px 10px}}@media(max-width:480px){.whatsapp-widget{width:60px;height:60px}.whatsapp-widget__icon svg{width:28px;height:28px}}.FAQ{padding:80px 0;background:linear-gradient(180deg,#fff,#52c6c00d)}@media(max-width:768px){.FAQ{padding:60px 0}}.FAQ:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#d1d1d6 50%,transparent 100%)}.FAQ{position:relative}.FAQ__title{font-family:Grandstander,cursive!important;font-size:2rem!important;font-weight:600!important;color:#1d1d1f!important;text-align:center;margin-bottom:64px!important}.FAQ__content{max-width:900px;margin:0 auto}.FAQ__accordion{margin-bottom:16px!important;border-radius:16px!important;background:#fff!important;border:1px solid #e5e5e7!important;box-shadow:0 4px 12px #0000000f!important;transition:all .3s ease!important;overflow:hidden!important}.FAQ__accordion:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a!important}.FAQ__accordion.Mui-expanded{margin-bottom:20px!important;box-shadow:0 8px 24px #0000001f!important;transform:translateY(-1px)}.FAQ__accordion:before{display:none}.FAQ__accordion-summary{padding:24px 28px!important;min-height:auto!important}.FAQ__accordion-summary.Mui-expanded{min-height:auto!important;background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important}.FAQ__question-container{display:flex;align-items:center;width:100%;margin-right:16px}.FAQ__question-header{display:flex;align-items:center;gap:16px;flex:1}.FAQ__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#1c7cc8,#1565c0);border-radius:10px;color:#fff!important;font-size:20px!important;flex-shrink:0;transition:all .2s ease}.FAQ__question-text{font-weight:600!important;color:#1d1d1f!important;line-height:1.3!important;margin:0!important;font-size:1.1rem!important}.FAQ__expand-icon{color:#6b7280!important;transition:all .3s ease!important;font-size:24px!important}.FAQ__accordion.Mui-expanded .FAQ__expand-icon{color:#1c7cc8!important;transform:rotate(180deg)}.FAQ__accordion-details{padding:0 28px 28px!important;background:#f8f9fa!important}.FAQ__answer{color:#4b5563!important;line-height:1.6!important;font-size:.95rem!important;margin:0!important;font-weight:400!important}@media(max-width:768px){.FAQ__accordion-summary{padding:20px!important}.FAQ__accordion-details{padding:0 20px 20px!important}.FAQ__question-header{gap:12px}.FAQ__icon{width:36px;height:36px;font-size:18px!important}.FAQ__question-text{font-size:1rem!important}.FAQ__answer{font-size:.9rem!important}}*{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif!important}body{overscroll-behavior:none}html{scroll-behavior:smooth;overscroll-behavior:none}.Home{min-height:100vh;background-color:#fff}.Header{position:fixed;top:0;left:0;right:0;z-index:1100;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #e5e5e7;padding:0}.Header__toolbar{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:12px 20px}@media(max-width:768px){.Header__toolbar{justify-content:center;padding:8px 15px}}.Header__actions{display:flex;align-items:center;justify-content:center;gap:16px}@media(max-width:768px){.Header__actions{display:none}}.Header__logo{height:65px;width:auto}@media(max-width:768px){.Header__logo{height:50px}}.Header__language-button{color:#1d1d1f!important;border-radius:20px!important;text-transform:none!important;font-weight:500!important;font-size:.9rem!important;min-width:80px!important;padding:8px 16px!important;border:1px solid #e5e5e7!important}.Header__language-button:hover{background-color:#f8f9fa!important;border-color:#1d1d1f!important}.Header__nav-link{color:#1d1d1f!important;text-transform:none!important;font-weight:500!important;font-size:1rem!important;padding:8px 16px!important;border-radius:8px!important;transition:all .2s ease!important}.Header__nav-link:hover{background-color:#1c7cc814!important;color:#1c7cc8!important}.Header__cta-button{background:var(--brand-blue)!important;color:#fff!important;border-radius:12px!important;text-transform:none!important;font-weight:700!important;font-size:1rem!important;padding:16px 32px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;white-space:nowrap!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;position:relative!important;overflow:hidden!important;min-height:48px!important}.Header__cta-button:hover{background:#3460a8!important;transform:translateY(-2px)!important;box-shadow:none!important}.Header__cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 2s infinite}@media(max-width:768px){.Header__cta-button{font-size:.9rem!important;padding:14px 28px!important;min-height:44px!important}}.Hero{padding-top:180px;padding-bottom:100px;background:#fff;min-height:90vh;display:flex;align-items:center}.Hero__content{display:flex;align-items:center;gap:60px;min-height:500px}@media(max-width:1024px){.Hero__content{flex-direction:column;text-align:center;gap:48px}}.Hero__text{flex:1;text-align:left}@media(max-width:1024px){.Hero__text{text-align:center;order:2}}.Hero__image-container{flex:1;display:flex;justify-content:center;align-items:center}@media(max-width:1024px){.Hero__image-container{order:1}}.Hero__carousel{position:relative;display:flex;flex-direction:column;align-items:center}.Hero__image{max-width:100%;width:100%;height:300px;object-fit:cover;border-radius:20px;transition:opacity .5s ease-in-out}.Hero__carousel-image{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(min-width:1025px){.Hero__image{max-width:700px;height:350px}}@media(max-width:1024px){.Hero__image{max-width:500px;height:280px}}@media(max-width:768px){.Hero__image{max-width:450px;height:250px}}@media(max-width:480px){.Hero__image{max-width:350px;height:200px}}.Hero__carousel-indicators{display:flex;justify-content:center;gap:10px;margin-top:20px}.Hero__carousel-dot{width:6px;height:6px;border-radius:50%;background-color:#80808066;cursor:pointer;transition:all .3s ease}.Hero__carousel-dot:hover{background-color:#808080b3;transform:scale(1.1)}.Hero__carousel-dot--active{background-color:#666;transform:scale(1.2);box-shadow:0 0 6px #80808080}@media(max-width:768px){.Hero__carousel-indicators{margin-top:15px}.Hero__carousel-dot{width:4px;height:4px}}.Hero__title{font-family:Grandstander,sans-serif!important;font-size:3.5rem!important;font-weight:800!important;margin-bottom:32px!important;line-height:1.15!important;letter-spacing:-.025em!important;text-transform:uppercase!important;color:#1d1d1f!important}:root{--brand-blue: #4575C4;--brand-purple: #9B56AA;--brand-pink: #E8768A;--brand-magenta: #E8366C;--brand-yellow: #F5C840;--brand-teal: #50B9BD}@keyframes heroColorCycle{0%,to{background:var(--brand-blue);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}17%{background:var(--brand-purple);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}33%{background:var(--brand-magenta);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}50%{background:var(--brand-pink);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}67%{background:var(--brand-teal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}83%{background:var(--brand-yellow);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}}.Hero__title-highlight{font-family:Grandstander,sans-serif!important}@media(min-width:1025px){.Hero__title{font-size:4rem!important;max-width:700px}}@media(max-width:1024px){.Hero__title{font-size:2.8rem!important;text-align:center}.Hero__cta-container{align-items:center}}.Hero__subtitle{font-size:1.3rem!important;font-weight:400!important;color:#666!important;margin-bottom:48px!important;line-height:1.4!important}.Hero__cta-container{display:flex;flex-direction:column;align-items:flex-start;width:100%}@media(max-width:1024px){.Hero__cta-container{align-items:center}}.Hero__guarantee{margin-top:16px;text-align:left}.guarantee-text{font-size:14px;color:#48bb78;font-weight:600;background:#f0fff4;padding:8px 16px;border-radius:6px;border-left:3px solid #48bb78}@media(min-width:1025px){.Hero__subtitle{font-size:1.3rem!important;max-width:500px}}@media(max-width:1024px){.Hero__subtitle{max-width:600px;margin-left:auto;margin-right:auto}}.Hero__cta-primary{background:var(--brand-blue)!important;color:#fff!important;border-radius:12px!important;padding:16px 32px!important;font-size:1rem!important;font-weight:700!important;text-transform:none!important;border:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;min-width:240px!important;box-shadow:none!important;position:relative!important;overflow:hidden!important}.Hero__cta-primary:hover{background:#3460a8!important;transform:translateY(-2px)!important;box-shadow:none!important}.Hero__cta-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 2s infinite}@keyframes shine{0%{left:-100%}50%{left:100%}to{left:100%}}@media(max-width:768px){.Hero__cta-primary{padding:14px 28px!important;font-size:.95rem!important;min-width:220px!important;border-radius:10px!important}}.book-modal__title{font-size:2.5rem!important;font-weight:800!important;color:#000!important;margin-bottom:16px!important;margin-top:4px!important;line-height:1.15!important;letter-spacing:-.025em!important;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif!important;text-transform:none!important}@media(max-width:768px){.book-modal__title{font-size:2rem!important}}.book-modal__subtitle{margin-top:-8px!important;color:#666!important;font-weight:500!important}.Features{padding:100px 0;background:#f0ebf9;position:relative;overflow:hidden}@media(max-width:768px){.Features{padding:60px 0}}.Features:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#d1d1d6 50%,transparent 100%)}.Features__title{font-family:Grandstander,sans-serif!important;font-size:2.5rem!important;font-weight:800!important;color:#1d1d1f!important;text-align:center!important;margin:0 auto 80px!important;line-height:1.08!important;letter-spacing:-.003em!important;max-width:800px;display:block!important;width:100%!important}@media(min-width:768px){.Features__title{font-size:3rem!important;margin:0 auto 100px!important}}.Features .MuiGrid-container{max-width:1200px!important;margin:0 auto!important}@media(max-width:768px){.Features .MuiGrid-container{justify-content:center!important;padding:0 20px!important;margin:0!important;width:100%!important}.Features .MuiGrid-container .MuiGrid-item{max-width:100%!important;flex-basis:100%!important;margin-bottom:24px!important;padding:0!important;margin-left:0!important;margin-right:0!important;display:flex!important;justify-content:center!important}}.Features__card{padding:40px 32px!important;text-align:center;background:#fffc!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.18)!important;height:100%;box-shadow:0 8px 32px #0000000f!important;transition:all .3s ease!important;position:relative;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important}@media(max-width:768px){.Features__card{padding:32px 24px!important;border-radius:20px!important;max-width:calc(100vw - 60px)!important;width:100%!important;margin:0!important;box-sizing:border-box!important}}.Features__card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014!important}.Features__card__icon{margin-bottom:24px;position:relative;display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:var(--brand-blue);border-radius:20px;box-shadow:0 8px 24px #4575c440;flex-shrink:0}.Features .MuiGrid-item:nth-child(1) .Features__card__icon{background:var(--brand-blue);box-shadow:0 8px 24px #4575c44d}.Features .MuiGrid-item:nth-child(2) .Features__card__icon{background:var(--brand-magenta);box-shadow:0 8px 24px #e8366c4d}.Features .MuiGrid-item:nth-child(3) .Features__card__icon{background:var(--brand-teal);box-shadow:0 8px 24px #50b9bd4d}.Features__card__icon__svg{font-size:32px!important;color:#fff!important}.Features__card__title{font-size:1.4rem!important;font-weight:600!important;margin-bottom:12px!important;color:#1d1d1f!important;line-height:1.3!important;letter-spacing:-.01em!important;text-align:center!important}.Features__card__description{color:#6e6e73!important;line-height:1.5!important;font-size:1rem!important;font-weight:400!important;margin:0!important;text-align:center!important;max-width:280px}.Results{padding:48px 0;background:#fff}.Results__image{width:100%;border-radius:16px;display:block;box-shadow:0 4px 24px #00000014}.Pricing{padding:80px 0;background:#fff8e8}.Pricing__level-selector{text-align:center;margin-bottom:60px}@media(max-width:768px){.Pricing__level-selector{margin-bottom:40px}}.Pricing__level-title{font-size:1.2rem!important;font-weight:600!important;color:#1d1d1f!important;margin-bottom:24px!important}@media(max-width:768px){.Pricing__level-title{font-size:1.1rem!important;margin-bottom:20px!important}}.Pricing__level-switches{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}@media(max-width:768px){.Pricing__level-switches{gap:8px}}.Pricing__level-switch{min-width:80px!important;padding:12px 24px!important;border-radius:25px!important;font-weight:600!important;font-size:1rem!important;text-transform:none!important;transition:all .3s ease!important;border:2px solid #e5e5e7!important;color:#1d1d1f!important;background-color:#fff!important}@media(max-width:768px){.Pricing__level-switch{min-width:70px!important;padding:10px 20px!important;font-size:.9rem!important}}.Pricing__level-switch:hover{border-color:#1c7cc8!important;background-color:#1c7cc80d!important;transform:translateY(-2px)!important}.Pricing__level-switch--active{background:linear-gradient(135deg,#1c7cc8,#1565c0)!important;color:#fff!important;border-color:#1c7cc8!important;box-shadow:0 4px 12px #1c7cc84d!important}.Pricing__level-switch--active:hover{background:linear-gradient(135deg,#1565c0,#0d47a1)!important;box-shadow:0 6px 16px #1c7cc866!important}.Pricing__cards-wrapper{position:relative;width:100%;padding:40px 20px;margin:-40px -20px}@media(max-width:768px){.Pricing__cards-wrapper{padding:20px 10px;margin:-20px -10px}}.Pricing__cards-container{transition:opacity .2s ease!important;opacity:1!important}.Pricing__cards-wrapper--animating .Pricing__cards-container{opacity:.3!important}@media(max-width:768px){.Pricing__cards-container{flex-direction:column!important;align-items:center!important;justify-content:center!important}.Pricing__cards-container>.MuiGrid-item{max-width:400px!important;width:100%!important;flex-basis:auto!important;display:flex!important;justify-content:center!important}}.Pricing__title{font-family:Grandstander,sans-serif!important;font-size:2rem!important;font-weight:600!important;color:#1d1d1f!important;text-align:center;margin-bottom:64px!important}@media(min-width:768px){.Pricing__title{font-size:2.5rem!important}}.Pricing__card{padding:32px 28px!important;text-align:left;border-radius:20px!important;border:1px solid #e5e5e7!important;height:100%;position:relative;box-shadow:0 2px 8px #0000000a!important;transition:all .3s ease!important;display:flex!important;flex-direction:column!important}@media(max-width:768px){.Pricing__card{padding:24px 20px!important;margin-bottom:20px;width:100%;max-width:400px;margin-left:auto;margin-right:auto}}.Pricing__card:hover{transform:translateY(-4px)!important;box-shadow:0 8px 25px #0000001f!important}.Pricing__cards-container>.MuiGrid-item:nth-child(1) .Pricing__card{border-top:4px solid var(--brand-blue)!important}.Pricing__cards-container>.MuiGrid-item:nth-child(2) .Pricing__card{border-top:4px solid var(--brand-purple)!important}.Pricing__cards-container>.MuiGrid-item:nth-child(3) .Pricing__card{border-top:4px solid var(--brand-teal)!important}.Pricing__cards-container>.MuiGrid-item:nth-child(1) .Pricing__card__button--primary{background:var(--brand-blue)!important;box-shadow:0 4px 12px #4575c459!important}.Pricing__cards-container>.MuiGrid-item:nth-child(2) .Pricing__card__button--primary{background:var(--brand-purple)!important;box-shadow:0 4px 12px #9b56aa59!important}.Pricing__cards-container>.MuiGrid-item:nth-child(3) .Pricing__card__button--primary{background:var(--brand-teal)!important;box-shadow:0 4px 12px #50b9bd59!important}.Pricing__card--popular{border:2px solid #1C7CC8!important;background:linear-gradient(135deg,#fff,#f0f8ff)!important;transform:scale(1.05)!important;overflow:visible!important}@media(max-width:768px){.Pricing__card--popular{transform:scale(1)!important;margin-bottom:20px}.Pricing__card--popular:hover{transform:scale(1) translateY(-4px)!important}}.Pricing__card--popular:hover{transform:scale(1.05) translateY(-4px)!important}.Pricing__card__badge-container{position:absolute;top:-12px;left:50%;transform:translate(-50%);z-index:10;width:auto}.Pricing__card__badge{background:linear-gradient(135deg,#1c7cc8,#1565c0)!important;color:#fff!important;font-weight:600!important;font-size:.75rem!important;padding:6px 16px!important;border-radius:20px!important;box-shadow:0 4px 12px #1c7cc84d!important;position:relative!important;white-space:nowrap!important}.Pricing__card__header{margin-bottom:24px}.Pricing__card__title{font-weight:700!important;margin-bottom:6px!important;color:#1d1d1f!important;line-height:1.2!important;font-size:1.4rem!important}@media(max-width:768px){.Pricing__card__title{font-size:1.3rem!important}}.Pricing__card__subtitle{color:#86868b!important;font-size:.9rem!important;font-weight:400!important}.Pricing__card__price-section{margin-bottom:12px;display:flex;align-items:baseline;gap:8px}.Pricing__card__price{font-weight:700!important;color:#1d1d1f!important;font-size:2rem!important;line-height:1!important}@media(max-width:768px){.Pricing__card__price{font-size:1.8rem!important}}.Pricing__card__period{color:#86868b!important;font-size:.85rem!important;font-weight:400!important}.Pricing__card__schedule{color:#1c7cc8!important;font-size:.8rem!important;font-weight:500!important;margin-top:2px!important;margin-bottom:4px!important}.Pricing__card__per-class{color:#1c7cc8!important;font-size:.9rem!important;font-weight:600!important;margin-top:4px!important}.Pricing__card__value{margin-bottom:24px;padding:8px 12px;background-color:#f0f9ff;border-radius:8px;border:1px solid #e0f2fe}.Pricing__card__value--highlight{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9}.Pricing__card__save{color:#0369a1!important;font-size:.8rem!important;font-weight:600!important;text-align:center!important}.Pricing__card__value--highlight .Pricing__card__save{color:#1565c0!important}.Pricing__card__features{margin-bottom:24px;flex-grow:1}.Pricing__card__feature{color:#4a5568!important;line-height:1.6!important;font-size:.9rem!important;margin-bottom:10px!important;display:flex!important;align-items:flex-start!important}.Pricing__card__levels{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.Pricing__card__level{background-color:#f1f5f9!important;color:#475569!important;font-size:.75rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important}.Pricing__card__level:hover{background-color:#e2e8f0!important;transform:translateY(-1px)!important}.Pricing__card__level--selected{background:linear-gradient(135deg,#ff6b00,#e55100)!important;color:#fff!important;box-shadow:0 2px 8px #ff6b004d!important}.Pricing__card__button{width:100%!important;border-radius:12px!important;padding:12px 24px!important;font-weight:600!important;text-transform:none!important;font-size:.95rem!important;margin-top:auto!important;border:2px solid #e5e5e7!important;color:#1d1d1f!important;box-shadow:none!important}.Pricing__card__button:hover{background-color:#f8f9fa!important;border-color:#1d1d1f!important;box-shadow:none!important}.Pricing__card__button--primary{background:linear-gradient(135deg,#1c7cc8,#1565c0)!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #1c7cc84d!important}.Pricing__card__button--primary:hover{background:linear-gradient(135deg,#1565c0,#0d47a1)!important;box-shadow:0 6px 16px #1c7cc866!important;transform:translateY(-1px)!important}.Pioupiou__image{display:block;margin:0 auto;max-width:200px;width:100%}.reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:0;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.reveal{transform:translateY(36px)}.reveal-left{transform:translate(-48px)}.reveal-right{transform:translate(48px)}.reveal-scale{transform:scale(.92)}.reveal.is-visible,.reveal-left.is-visible,.reveal-right.is-visible,.reveal-scale.is-visible{opacity:1;transform:none}.reveal--d1{transition-delay:.1s}.reveal--d2{transition-delay:.22s}.reveal--d3{transition-delay:.34s}.reveal--d4{transition-delay:.46s}.FAQ{padding:80px 0;background:#e8f9f9}.FAQ__title{font-family:Grandstander,sans-serif!important;font-size:2rem!important;font-weight:600!important;color:#1d1d1f!important;text-align:center;margin-bottom:64px!important}@media(min-width:768px){.FAQ__title{font-size:2.5rem!important}}.FAQ__card{padding:24px!important;border-radius:16px!important;border:1px solid #e5e5e7!important;background-color:#fff!important;box-shadow:0 4px 8px #0000000a!important}.FAQ__card__header{display:flex;align-items:center;margin-bottom:8px}.FAQ__card__icon{color:#1d1d1f!important;margin-right:8px!important}.FAQ__card__question{font-weight:600!important;color:#1d1d1f!important;line-height:1.21!important}.FAQ__card__answer{color:#86868b!important;line-height:1.47!important;font-size:17px!important}.CTA{padding:80px 0;background-color:var(--brand-blue)}.CTA__content{text-align:center}.CTA__image{width:100%;max-width:480px;border-radius:16px;margin-bottom:36px;display:block;margin-left:auto;margin-right:auto}.CTA__title{font-family:Grandstander,sans-serif!important;font-size:2rem!important;font-weight:600!important;color:#fff!important;margin-bottom:16px!important}@media(min-width:768px){.CTA__title{font-size:2.5rem!important}}.CTA__subtitle{font-size:1.2rem!important;color:#fffc!important;margin-bottom:32px!important}.CTA__button{background:#fff!important;color:var(--brand-blue)!important;border-radius:12px!important;padding:16px 40px!important;font-size:1.1rem!important;font-weight:700!important;text-transform:none!important;box-shadow:none!important;transition:all .3s ease!important}.CTA__button:hover{background:#ffffffe6!important;transform:translateY(-2px)!important;box-shadow:none!important}.Footer{padding:60px 0 30px;background-color:#1d1d1f;color:#fff}.Footer__content{color:#fff}.Footer__main{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}@media(max-width:768px){.Footer__main{grid-template-columns:1fr;gap:30px;text-align:center}}.Footer__brand{display:flex;flex-direction:column;align-items:flex-start}@media(max-width:768px){.Footer__brand{align-items:center}}.Footer__logo{height:60px;width:auto;margin-bottom:16px}.Footer__description{color:#ffffffb3!important;font-size:.9rem!important;line-height:1.4!important}.Footer__contact{display:flex;flex-direction:column;align-items:flex-start}@media(max-width:768px){.Footer__contact{align-items:center}}.Footer__contact-title{color:#fff!important;font-weight:600!important;font-size:1.1rem!important;margin-bottom:20px!important}.Footer__contact-item{display:flex;flex-direction:column;margin-bottom:12px}.Footer__contact-label{color:#fff9!important;font-size:.8rem!important;font-weight:500!important;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px!important}.Footer__contact-value{color:#ffffffe6!important;font-size:.9rem!important;line-height:1.4!important}.Footer__legal{display:flex;flex-direction:column;align-items:flex-start}@media(max-width:768px){.Footer__legal{align-items:center}}.Footer__legal-title{color:#fff!important;font-weight:600!important;font-size:1.1rem!important;margin-bottom:20px!important}.Footer__legal-link{color:#fffc!important;font-size:.9rem!important;margin-bottom:12px!important;cursor:pointer;transition:color .2s ease;font-weight:400!important}.Footer__legal-link:hover{color:#ff6b00!important}.Footer__info{display:flex;flex-direction:column;align-items:flex-start}@media(max-width:768px){.Footer__info{align-items:center}}.Footer__info-title{color:#fff!important;font-weight:600!important;font-size:1.1rem!important;margin-bottom:12px!important}.Footer__info-value{color:#fff!important;font-weight:500!important;font-size:1rem!important;margin-bottom:8px!important}.Footer__info-subtitle{color:#ffffffb3!important;font-size:.85rem!important;margin-bottom:4px!important;line-height:1.3!important}.Footer__bottom{padding-top:30px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.Footer__links{display:flex;justify-content:center;gap:32px;margin-bottom:20px}@media(max-width:768px){.Footer__links{flex-direction:column;gap:16px;align-items:center}}.Footer__link{color:#fffc!important;font-size:.9rem!important;cursor:pointer;transition:color .2s ease;font-weight:500!important}.Footer__link:hover{color:#ff6b00!important}.Footer__payments{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}.Footer__secure{display:flex;align-items:center;gap:8px}.Footer__secure-icon{color:#4ade80!important;font-size:18px!important}.Footer__secure-text{color:#fffc!important;font-size:.9rem!important;font-weight:500!important}.Footer__payment-logo{height:24px;width:auto;filter:brightness(0) invert(1)}.Footer__copyright{color:#fff9!important;font-size:.85rem!important}.MuiButton-root:focus-visible{outline:2px solid #FF6B00!important;outline-offset:2px!important}@media(max-width:768px){.Header__toolbar{flex-direction:column;gap:15px;padding:20px}.Hero{padding-top:140px;padding-bottom:60px}.Features,.Pricing,.FAQ,.CTA{padding:60px 0}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.WF__hero{padding-top:160px;padding-bottom:80px;background:#fff}@media(max-width:768px){.WF__hero{padding-top:130px;padding-bottom:60px}}.WF__hero-title{font-family:Grandstander,sans-serif!important;font-size:4rem!important;font-weight:800!important;color:#1d1d1f!important;line-height:1.1!important;margin-bottom:28px!important;text-transform:uppercase!important}@media(max-width:768px){.WF__hero-title{font-size:2.8rem!important}}.WF__hero-lead{font-size:1.25rem!important;color:#555!important;line-height:1.7!important;font-weight:400!important;max-width:680px}.WF__article{padding:60px 0 80px;background:#fff}.WF__section{padding:48px 0}.WF__section-heading{font-family:Grandstander,sans-serif!important;font-size:1.7rem!important;font-weight:700!important;color:#1d1d1f!important;margin-bottom:20px!important;line-height:1.25!important}@media(max-width:768px){.WF__section-heading{font-size:1.4rem!important}}.WF__section-text{font-size:1.1rem!important;color:#555!important;line-height:1.8!important;margin-bottom:16px!important;font-weight:400!important}.WF__section-text strong{color:#1d1d1f;font-weight:700}.WF__divider{height:1px;background:#e5e5e7;margin:0}.WF__cta{padding:80px 0 100px;background:#f0ebf9;text-align:center}.WF__cta-content{display:flex;flex-direction:column;align-items:center;gap:28px}.WF__cta-title{font-family:Grandstander,sans-serif!important;font-size:2rem!important;font-weight:700!important;color:#1d1d1f!important;margin-bottom:0!important}@media(max-width:768px){.WF__cta-title{font-size:1.6rem!important}}.WF__cta-button{background:#4575c4!important;color:#fff!important;border-radius:12px!important;padding:16px 40px!important;font-size:1.05rem!important;font-weight:700!important;text-transform:none!important;box-shadow:none!important;transition:all .3s ease!important}.WF__cta-button:hover{background:#3460a8!important;transform:translateY(-2px)!important;box-shadow:none!important}.Blog{min-height:100vh;background-color:#fff}.Blog__hero{padding:120px 0 60px;background:linear-gradient(135deg,#1d1d1f,#2c2c2e);color:#fff;text-align:center}.Blog__hero-title{font-family:Grandstander,cursive!important;font-size:2.8rem;font-weight:700;margin-bottom:16px;line-height:1.2}.Blog__hero-subtitle{font-size:1.2rem;opacity:.9;font-weight:400;max-width:600px;margin:0 auto;line-height:1.4}@media(max-width:768px){.Blog__hero{padding:100px 0 40px}.Blog__hero-title{font-size:2rem}}.Blog__section-title{font-family:Grandstander,cursive!important;font-size:2.5rem;font-weight:700;color:#1d1d1f;margin-bottom:40px;text-align:center}@media(max-width:768px){.Blog__section-title{font-size:2rem;margin-bottom:30px}}.Blog__featured{padding:80px 0;background:#f8fafb}.Blog__featured-card{border-radius:20px!important;box-shadow:0 20px 60px #00000014!important;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease!important}.Blog__featured-card:hover{transform:translateY(-5px);box-shadow:0 30px 80px #0000001f!important}.Blog__featured-image{background-size:cover;background-position:center;background-color:#e0e0e0;position:relative}.Blog__featured-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#1c7cc81a,#1565c01a)}.Blog__featured-content{padding:40px!important;display:flex;flex-direction:column;justify-content:center;height:100%}@media(max-width:768px){.Blog__featured-content{padding:30px!important}}.Blog__featured-title{font-size:1.8rem!important;font-weight:700!important;color:#1d1d1f!important;margin:20px 0 16px!important;line-height:1.3!important}.Blog__featured-excerpt{font-size:1.1rem!important;color:#666!important;line-height:1.6!important;margin-bottom:24px!important}.Blog__articles{padding:60px 0;background:#f8fafb}.Blog__article-card{border-radius:12px!important;box-shadow:0 4px 20px #00000014!important;border:1px solid #e5e7eb!important;transition:all .3s ease!important;height:100%;display:flex;flex-direction:column;background:#fff}.Blog__article-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001f!important;border-color:#2c2c2e!important}.Blog__article-card--featured{border:2px solid #2c2c2e!important;background:linear-gradient(135deg,#fff,#f9f9f9)!important}.Blog__article-content{padding:24px!important;flex-grow:1;display:flex;flex-direction:column}.Blog__article-title{font-size:1.25rem!important;font-weight:600!important;color:#1d1d1f!important;margin:12px 0 16px!important;line-height:1.4!important}.Blog__article-excerpt{font-size:.95rem!important;color:#666!important;line-height:1.6!important;margin-bottom:20px!important;flex-grow:1}.Blog__category-chip{background:#f0f0f0;color:#666;font-weight:500;font-size:.8rem;padding:4px 12px;border-radius:12px;margin-bottom:20px;display:inline-block;border:1px solid #ddd}.Blog__meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:12px 0;justify-content:center;margin-top:20px}.Blog__meta-item{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#fffc}.Blog__meta-icon{font-size:14px;color:#fffc}.Blog__read-more{color:#2c2c2e!important;text-decoration:none!important;font-weight:600!important;font-size:.9rem!important;display:inline-flex;align-items:center;transition:all .2s ease;padding:8px 0;border-top:1px solid #f0f0f0;margin-top:auto}.Blog__read-more:hover{color:#1d1d1f!important;text-decoration:none!important}.Blog__cta{padding:80px 0;background:linear-gradient(135deg,#1d1d1f,#2c2c2e);color:#fff;text-align:center}.Blog__cta-title{font-family:Grandstander,cursive!important;font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:16px}.Blog__cta-subtitle{font-size:1.1rem;color:#fffc;margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto}@media(max-width:768px){.Blog__cta{padding:60px 0}.Blog__cta-title{font-size:1.8rem}}.Blog__cta-button{background:linear-gradient(135deg,#2c2c2e,#1d1d1f);color:#fff!important;border:none;border-radius:10px;padding:14px 32px;font-size:1rem;font-weight:600;text-decoration:none!important;display:inline-block;transition:all .3s ease;box-shadow:0 6px 20px #2c2c2e4d}.Blog__cta-button:hover{background:linear-gradient(135deg,#1d1d1f,#000);transform:translateY(-2px);box-shadow:0 8px 25px #2c2c2e66;color:#fff!important}.Blog__list{padding:80px 0;background:#fff}.Blog__main-title{font-family:Grandstander,cursive!important;font-size:2.5rem;font-weight:700;color:#1d1d1f;margin-bottom:12px}.Blog__main-subtitle{font-size:1.1rem;color:#666;margin:0}.Blog__articles-list{display:flex;flex-direction:column;gap:24px;max-width:800px;margin:32px auto 60px}.Blog__article-link{text-decoration:none;color:inherit;display:block}.Blog__article-item{background:#fff;border:none;border-bottom:1px solid #e8ecef;border-radius:0;cursor:pointer;width:100%}.Blog__article-item:hover{background-color:#fafafa}.Blog__article-content{display:flex;flex-direction:row;gap:24px;padding:24px;align-items:flex-start;min-height:180px}.Blog__article-image{width:200px;height:160px;background:transparent;border-radius:8px;flex-shrink:0;position:relative;border:none;align-self:flex-start;overflow:hidden}.Blog__article-image img{width:100%;height:100%;object-fit:cover;display:block}.Blog__article-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.Blog__article-meta{display:flex;align-items:center;gap:12px;margin-top:auto}.Blog__article-date,.Blog__meta-item{font-size:.75rem;color:#6c757d;font-weight:500;display:flex;align-items:center;gap:4px}.Blog__meta-separator{font-size:.8rem;color:#999;font-weight:700}.Blog__article-item-title{margin:0 0 8px;font-size:1.1rem;font-weight:700;line-height:1.3;color:#212529;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.Blog__article-item-title a{color:inherit;text-decoration:none;transition:color .2s ease}.Blog__article-item-title a:hover{color:#0d6efd}.Blog__article-item-excerpt{font-size:.9rem;line-height:1.5;color:#6c757d;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.Blog__article-footer{display:flex;justify-content:space-between;align-items:center;order:4}.Blog__article-meta-bottom{display:flex;gap:12px;align-items:center}.Blog__article-meta-bottom .Blog__meta-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#6c757d;font-weight:500}.Blog__article-meta-bottom .Blog__meta-icon,.Blog__article-date .Blog__meta-icon,.Blog__meta-item .Blog__meta-icon{font-size:14px;opacity:.8;color:#6c757d}.Blog__read-more-simple{color:#0d6efd;text-decoration:none;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.3px;transition:color .2s ease}.Blog__read-more-simple:hover{color:#0b5ed7}.Blog__pagination{display:flex;justify-content:center;margin-top:60px;padding-top:40px;border-top:1px solid #e5e7eb}@media(max-width:768px){.Blog__list{padding:40px 0}.Blog__articles-list{gap:16px;margin-top:24px;max-width:100%}.Blog__article-content{padding:16px;gap:16px;min-height:120px}.Blog__article-image{width:150px;height:100px}.Blog__article-item-title{font-size:1rem}.Blog__article-item-excerpt{font-size:.85rem}.Blog__article-meta{gap:12px}}.BlogPost{min-height:100vh;background-color:#fff;scroll-behavior:auto}.container{max-width:1200px;margin:0 auto;padding:0 20px}.BlogPost__hero{padding:100px 0 40px;background:#fff;color:#333;text-align:center;border-bottom:1px solid #e8ecef}.BlogPost__title{font-family:Grandstander,cursive!important;font-size:2.2rem!important;font-weight:700!important;margin-bottom:16px!important;line-height:1.3!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;display:block!important;width:100%!important;color:#333!important}.BlogPost__subtitle{font-size:1.1rem;font-weight:400;line-height:1.5;color:#666;margin:0 auto 24px;text-align:center}.BlogPost__hero-image{width:100%;max-width:300px;height:200px;background:transparent;border:none;border-radius:0;margin:0 auto 20px;position:relative;overflow:hidden}.BlogPost__hero .MuiTypography-h1{text-align:center!important;margin-left:auto!important;margin-right:auto!important;display:block!important}.BlogPost__hero .BlogPost__title.MuiTypography-h1{text-align:center!important;margin-left:auto!important;margin-right:auto!important;width:100%!important;display:block!important}@media(max-width:768px){.BlogPost__hero{padding:80px 0 30px}.BlogPost__title{font-size:1.8rem!important}.BlogPost__subtitle{font-size:1rem;margin-bottom:20px}.BlogPost__hero-image{max-width:250px;height:160px;margin-bottom:15px}}.BlogPost__content{padding:80px 0}.BlogPost__cta{text-align:center;margin:60px 0;padding:40px;background:transparent;border-radius:16px;color:#333}.BlogPost__cta h3{margin-bottom:16px;color:#333;font-size:1.8rem;font-weight:700}.BlogPost__cta p{margin-bottom:24px;color:#666;font-size:1.1rem}.BlogPost__cta-button{background:linear-gradient(135deg,#1c7cc8,#1565c0);color:#fff!important;border:none;border-radius:8px;padding:14px 32px;font-size:1rem;font-weight:600;text-decoration:none!important;display:inline-block;transition:all .3s ease;box-shadow:0 6px 20px #1c7cc84d;cursor:pointer}.BlogPost__cta-button:hover{background:linear-gradient(135deg,#1565c0,#1c7cc8);transform:translateY(-2px);box-shadow:0 8px 25px #1c7cc866;color:#fff!important}.BlogPost__article-content{max-width:800px;margin:0 auto;text-align:left!important}.BlogPost__article-content .article-content h1:first-child{display:none}.BlogPost__article-content p,.BlogPost__article-content li,.BlogPost__article-content h1,.BlogPost__article-content h2,.BlogPost__article-content h3,.BlogPost__article-content h4,.BlogPost__article-content h5,.BlogPost__article-content h6{text-align:left!important}.BlogPost__content-h1{font-size:3rem!important;font-weight:800!important;margin-bottom:20px!important;line-height:1.2!important;max-width:800px;margin-left:auto;margin-right:auto;text-align:center!important;color:#1d1d1f!important}.BlogPost__content-h2{font-size:2rem!important;font-weight:700!important;color:#1d1d1f!important;margin:50px 0 25px!important;text-align:left!important;border-left:4px solid #2c2c2e;padding-left:20px}.BlogPost__content-h3{font-size:1.5rem!important;font-weight:600!important;color:#1d1d1f!important;margin:35px 0 20px!important;text-align:left!important;border-left:3px solid #666;padding-left:15px}.BlogPost__content-h4{font-size:1.25rem!important;font-weight:600!important;color:#1d1d1f!important;margin:30px 0 15px!important;text-align:left!important;padding-left:10px;border-left:2px solid #999}.BlogPost__content-p{font-size:1rem!important;line-height:1.6!important;color:#444!important;margin-bottom:16px!important;text-align:left!important;max-width:100%!important}.BlogPost__article-content ul{margin:16px 0;padding-left:24px}.BlogPost__content-li{font-size:1rem!important;line-height:1.5!important;color:#444!important;margin-bottom:4px!important;text-align:left!important;list-style-type:disc}.BlogPost__content-quote{font-size:1.1rem!important;font-style:italic!important;color:#666!important;margin:20px 0!important;padding:16px 20px;border-left:4px solid #e5e7eb;background:#f8f9fa;border-radius:0 4px 4px 0}.BlogPost__content-table{font-family:Courier New,monospace;font-size:.9rem!important;background:#f8f9fa;padding:8px;margin:10px 0;border-radius:4px;overflow-x:auto}.BlogPost__content-testimonial{font-size:1.2rem!important;font-style:italic!important;color:#2c2c2e!important;background:#2c2c2e0d;padding:20px;border-left:4px solid #2c2c2e;margin:30px 0!important;border-radius:0 8px 8px 0}.BlogPost__content-author{font-weight:600!important;color:#666!important;font-size:1rem!important;margin:10px 0 30px!important;text-align:right}.BlogPost__content-highlight{font-size:1.3rem!important;font-weight:700!important;color:#1d1d1f!important;text-align:center!important;margin:30px 0!important;padding:20px;background:linear-gradient(135deg,#f8fafb,#e3f2fd);border-radius:12px;border-left:4px solid #2c2c2e}.BlogPost__back-to-blog{display:inline-flex;align-items:center;color:#2c2c2e!important;text-decoration:none!important;font-weight:600!important;margin-bottom:40px;padding:12px 0;transition:color .2s ease}.BlogPost__back-to-blog:hover{color:#1d1d1f!important}.Recommended{padding:60px 0;background:#f8fafb;border-top:1px solid #e5e7eb}.Recommended__title{font-family:Grandstander,cursive!important;font-size:2rem;font-weight:700;color:#1d1d1f;margin-bottom:40px;text-align:center}@media(max-width:768px){.Recommended{padding:40px 0}.Recommended__title{font-size:1.6rem;margin-bottom:30px}}.Blog__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-top:20px}.Blog__articles-title{font-family:Grandstander,cursive!important;font-size:1.8rem;font-weight:700;color:#1d1d1f;margin:0}.Blog__controls-compact{display:flex;align-items:center}.Blog__articles-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px!important;margin:32px auto 60px!important}.Blog__article-item--grid{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.Blog__article-item--grid:hover{border-color:#d1d5db}.Blog__article-grid-content{height:100%;display:flex;flex-direction:column}.Blog__article-grid-image{width:100%;height:240px;overflow:hidden;background:#f5f5f5;position:relative}.Blog__article-grid-image img{width:100%;height:100%;object-fit:cover;display:block}.Blog__article-grid-text{padding:20px;flex-grow:1;display:flex;flex-direction:column}.Blog__article-grid-title{font-size:1.1rem;font-weight:600;color:#1d1d1f;line-height:1.4;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.Blog__article-grid-excerpt{font-size:.9rem;color:#666;line-height:1.5;margin-bottom:auto;flex-grow:1}.Blog__article-grid-meta{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#888;margin-top:16px;padding-top:12px;border-top:1px solid #f0f0f0}@media(max-width:1024px){.Blog__articles-grid{grid-template-columns:repeat(2,1fr);gap:24px}.Blog__article-grid-image{height:220px}}@media(max-width:768px){.Blog__header{margin-bottom:20px;padding-top:10px}.Blog__articles-title{font-size:1.5rem}.Blog__articles-grid{grid-template-columns:1fr;gap:20px;margin-top:20px!important}.Blog__article-grid-image{height:200px}.Blog__article-grid-text{padding:16px}.Blog__article-grid-title{font-size:1rem}.Blog__article-grid-excerpt{font-size:.85rem}}.privacy-page{min-height:100vh;background:#fff;padding:40px 0}.privacy-header{text-align:center;margin-bottom:48px}.privacy-back-button{margin-bottom:32px!important;color:#1c7cc8!important;border-color:#1c7cc8!important;border-radius:8px!important;text-transform:none!important;font-weight:600!important}.privacy-back-button:hover{background:#1c7cc81a!important}.privacy-title{font-family:Grandstander,cursive!important;font-size:2.5rem!important;font-weight:800!important;color:#000!important;margin-bottom:16px!important;line-height:1.2!important}.privacy-date{color:#666!important;font-size:1rem!important;font-style:italic}.privacy-content{max-width:800px;margin:0 auto}.privacy-section{margin-bottom:40px}.privacy-subtitle{font-size:1.5rem!important;font-weight:700!important;color:#1c7cc8!important;margin-bottom:16px!important;line-height:1.3!important}.privacy-text{font-size:1.1rem!important;line-height:1.7!important;color:#333!important;margin-bottom:16px!important}.privacy-list{margin:16px 0;padding-left:24px}.privacy-list li{font-size:1.1rem;line-height:1.7;color:#333;margin-bottom:8px}.privacy-contact{background:#f8f9fa;padding:24px;border-radius:12px;border-left:4px solid #1C7CC8;margin-top:16px}.privacy-contact p{margin:8px 0!important;font-size:1.1rem!important;color:#333!important}@media(max-width:768px){.privacy-page{padding:20px 0}.privacy-title{font-size:2rem!important}.privacy-subtitle{font-size:1.3rem!important}.privacy-text,.privacy-list li{font-size:1rem}.privacy-contact{padding:16px}}.terms-container{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#fff);padding:60px 0 40px}.terms-layout{display:flex;align-items:flex-start;max-width:1140px;margin:0 auto;padding:0 20px;gap:24px}.terms-nav{position:sticky;top:80px;flex-shrink:0;width:210px;background:#fff;border:1px solid #e8eaed;border-radius:12px;padding:16px 12px;box-shadow:0 2px 8px #0000000f;max-height:calc(100vh - 100px);overflow-y:auto}.terms-nav__title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9aa0a6;margin:0 0 10px 6px}.terms-nav__link{display:block;width:100%;text-align:left;background:none;border:none;padding:6px 8px;border-radius:6px;font-size:12.5px;color:#5f6368;cursor:pointer;line-height:1.4;transition:background .12s,color .12s}.terms-nav__link:hover{background:#f0f6ff;color:#1c7cc8}.terms-layout>.terms-content{flex:1;min-width:0;margin:0;padding:0;max-width:none}@media(max-width:900px){.terms-layout{flex-direction:column;padding:0 12px}.terms-nav{position:static;width:100%;max-height:none;overflow:visible}.terms-nav__link{display:inline-block;width:auto;margin:2px}}.terms-content{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;overflow:hidden}.terms-header{background:linear-gradient(135deg,#1c7cc8,#2563eb);color:#fff;padding:40px 40px 30px;text-align:center;margin-bottom:0}.terms-title{font-size:32px;font-weight:700;margin:0 0 8px;letter-spacing:-.02em}.terms-subtitle{font-size:24px;font-weight:600;margin:0 0 8px;color:#fffffff2}.terms-description{font-size:16px;margin:0 0 16px;color:#ffffffe6;font-weight:400}.terms-updated{font-size:14px;margin:0;color:#fffc;font-style:italic}.terms-intro{padding:30px 40px 20px;background:linear-gradient(135deg,#f8f9fa,#e3f2fd);border-bottom:1px solid #e9ecef}.terms-intro p{font-size:16px;line-height:1.6;color:#2c3e50;margin:0;font-weight:500;text-align:center}.terms-section{padding:30px 40px;border-bottom:1px solid #f0f2f5}.terms-section:last-of-type{border-bottom:none}.terms-section h3{color:#1c7cc8;font-size:22px;font-weight:700;margin:0 0 20px;padding-bottom:8px;border-bottom:2px solid #e3f2fd;letter-spacing:-.01em}.terms-section h4{color:#2c3e50;font-size:18px;font-weight:600;margin:24px 0 12px}.terms-section p{color:#4a5568;font-size:15px;line-height:1.7;margin:0 0 16px}.terms-section ul{margin:0 0 16px;padding-left:0;list-style:none}.terms-section li{color:#4a5568;font-size:15px;line-height:1.7;margin:8px 0;padding-left:20px;position:relative}.terms-section li:before{content:"•";color:#1c7cc8;font-weight:700;position:absolute;left:0;font-size:16px}.terms-section strong{color:#2c3e50;font-weight:600}.terms-contact{padding:30px 40px;background:linear-gradient(135deg,#f8f9fa,#e3f2fd);border-top:1px solid #e9ecef}.terms-contact h3{color:#1c7cc8;font-size:22px;font-weight:700;margin:0 0 20px;text-align:center}.contact-details{text-align:center}.contact-details p{color:#4a5568;font-size:15px;line-height:1.6;margin:8px 0}.contact-details strong{color:#2c3e50;font-weight:600}.terms-footer{padding:30px 40px;background:linear-gradient(135deg,#1c7cc8,#2563eb);color:#fff;text-align:center}.terms-footer p{margin:12px 0;font-size:15px;line-height:1.6}.terms-footer p:first-child{font-weight:600;font-size:16px}.terms-footer p:last-child{font-style:italic;color:#ffffffe6}@media(max-width:768px){.terms-container{padding:20px 0}.terms-content{margin:0 12px;border-radius:12px}.terms-header{padding:24px 20px}.terms-title{font-size:24px;line-height:1.3}.terms-subtitle{font-size:18px}.terms-description{font-size:14px}.terms-updated{font-size:13px}.terms-intro{padding:20px}.terms-intro p{font-size:15px}.terms-section{padding:20px}.terms-section h3{font-size:18px}.terms-section h4{font-size:16px}.terms-section p,.terms-section li{font-size:14px;line-height:1.6}.terms-contact{padding:20px}.terms-contact h3{font-size:18px}.contact-details p{font-size:14px}.terms-footer{padding:20px}.terms-footer p{font-size:14px}}@media(max-width:480px){.terms-content{margin:0 8px;border-radius:8px}.terms-header{padding:20px 16px}.terms-title{font-size:20px}.terms-subtitle{font-size:16px}.terms-intro,.terms-section,.terms-contact,.terms-footer{padding:16px}}@media print{.terms-container{background:#fff;padding:0}.terms-content{box-shadow:none;border-radius:0}.terms-header{background:#1c7cc8!important;-webkit-print-color-adjust:exact;color-adjust:exact}.terms-section{break-inside:avoid;page-break-inside:avoid}}.hcal__table{width:100%;border-collapse:collapse;margin-top:8px;font-size:15px}.hcal__table th{background:#f0f6ff;color:#1c7cc8;font-weight:700;padding:10px 16px;text-align:left;border-bottom:2px solid #e3f2fd;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.hcal__table td{padding:10px 16px;border-bottom:1px solid #f0f2f5;color:#4a5568;line-height:1.5}.hcal__table tr:last-child td{border-bottom:none}.hcal__table tr:hover td{background:#f8fbff}.hcal__date{font-weight:600;color:#2c3e50!important;white-space:nowrap;width:140px}.hcal__link{color:#1c7cc8;text-decoration:underline}.hcal__link:hover{color:#1565c0}@media(max-width:480px){.hcal__table{font-size:14px}.hcal__table th,.hcal__table td{padding:8px 10px}.hcal__date{width:110px}}.authenticate{min-height:100vh;background:linear-gradient(135deg,#1c7cc8,#1565c0);display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;position:relative}.authenticate__container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;padding:40px;width:100%;max-width:450px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.authenticate__header{text-align:center;margin-bottom:30px}.authenticate__title{font-family:Grandstander,cursive!important;font-size:32px;font-weight:700;margin-bottom:10px;background:linear-gradient(135deg,#1c7cc8,#1565c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#1c7cc8}.authenticate__subtitle{color:#666;font-size:16px;margin-bottom:0;line-height:1.5}.authenticate__form{margin-bottom:30px}.authenticate__form-group{margin-bottom:25px}.authenticate__label{display:block;margin-bottom:8px;font-weight:600;color:#1d1d1f;font-size:16px}.authenticate__input{width:100%;padding:16px;border:2px solid #e5e5e7;border-radius:12px;font-size:16px;transition:all .3s ease;background:#f8f9fa;box-sizing:border-box}.authenticate__input:focus{outline:none;border-color:#1c7cc8;background:#fff;box-shadow:0 0 0 4px #1c7cc81a}.authenticate__error{color:#dc3545;margin-bottom:20px;padding:12px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;font-size:14px;text-align:center}.authenticate__button{width:100%;padding:16px;background:linear-gradient(135deg,#1c7cc8,#1565c0);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #1c7cc84d,0 4px 12px #1c7cc833}.authenticate__button:hover{background:linear-gradient(135deg,#1565c0,#0d47a1);transform:translateY(-3px);box-shadow:0 12px 35px #1c7cc866,0 8px 20px #1c7cc84d}.authenticate__button:active{transform:translateY(0)}.authenticate__google-button{width:100%;padding:16px;background:#4285f4;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease;box-shadow:0 4px 15px #4285f44d;margin-bottom:20px}.authenticate__google-button:hover{background:#3367d6;transform:translateY(-2px);box-shadow:0 8px 25px #4285f466}.authenticate__back-button{padding:12px 24px;background:transparent;color:#666;border:2px solid #e5e5e7;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease;display:block;margin:0 auto}.authenticate__back-button:hover{background:#f8f9fa;border-color:#1d1d1f;color:#1d1d1f}.authenticate__success-badge{padding:16px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border-radius:12px;margin-bottom:25px;text-align:center;font-weight:600;box-shadow:0 4px 15px #28a7454d}.authenticate__instructions{margin-top:20px;font-size:13px;color:#666;text-align:center}.authenticate__instructions p{margin:0}.authenticate__info-box{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:12px;font-size:13px;color:#495057;border:1px solid #e5e5e7;display:flex;align-items:center;gap:8px}.authenticate__google-icon{flex-shrink:0}.authenticate__footer{margin-top:30px;text-align:center;padding-top:20px}.authenticate__logo{height:40px;width:auto}.authenticate__privacy-link{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#fffc;font-size:11px;text-decoration:none;transition:color .3s ease}.authenticate__privacy-link:hover{color:#fff;text-decoration:underline}.authenticate__google-step{text-align:center}.authenticate__google-description{color:#666;margin-bottom:30px;line-height:1.6}@media(max-width:768px){.authenticate{padding:15px}.authenticate__container{padding:30px 25px}.authenticate__title{font-size:28px}.authenticate__input,.authenticate__button,.authenticate__google-button{padding:14px}}@media(max-width:480px){.authenticate__container{padding:25px 20px}.authenticate__title{font-size:24px}}.sidebar-student{width:220px;height:100vh;background:#fff;border-right:1px solid #e8eaed;display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:16px 12px;text-align:center;border-bottom:1px solid #e8eaed;background:#fff}.sidebar-logo{margin:0}.sidebar-logo img{max-width:100px;height:auto}.sidebar-class-info{margin-top:10px;padding:6px 8px;background-color:#f8f9fa;border-radius:6px}.sidebar-class-name{font-size:12px;color:#5f6368;font-weight:500}.sidebar-nav{padding:12px 8px;flex:1}.nav-item{display:flex;align-items:center;width:100%;padding:8px 12px;margin-bottom:2px;background:none;border:none;border-radius:6px;cursor:pointer;text-align:left;color:#5f6368;font-size:14px;font-weight:400;transition:background-color .15s ease}.nav-item--active{background-color:transparent;color:#202124;font-weight:500}.nav-item__icon{font-size:18px!important;margin-right:10px;display:flex;align-items:center;justify-content:center;width:18px}.nav-item__label{font-weight:inherit}.sidebar-profile{padding:12px;border-top:1px solid #e8eaed;background:#fafafa;position:relative}.profile-photo{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.profile-photo-fallback{width:32px!important;height:32px!important;border-radius:50%;background-color:#5f6368!important;flex-shrink:0;font-size:13px!important;font-weight:500!important}.logout-widget{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e8eaed;border-radius:8px;box-shadow:0 4px 16px #0000001a;padding:4px;z-index:1000}.logout-icon{font-size:18px!important}@media(max-width:768px){.sidebar-student{display:none}}.mobile-header-student{display:none;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #e5e5e7;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0000001a}@media(max-width:768px){.mobile-header-student{display:flex}}.mobile-menu-student{position:fixed;top:0;right:-100%;width:320px;max-width:85vw;height:100vh;background:#fff;z-index:2001;transition:right .4s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;box-shadow:-4px 0 20px #00000026}.mobile-menu-student--open{right:0}.mobile-profile-class{margin:2px 0 0;font-size:11px;color:#1c7cc8;font-weight:500}.mobile-menu-student--open .mobile-menu-nav>*:nth-child(1){animation:slideInLeft .4s ease forwards;animation-delay:.1s}.mobile-menu-student--open .mobile-menu-nav>*:nth-child(2){animation:slideInLeft .4s ease forwards;animation-delay:.2s}.mobile-menu-student--open .mobile-menu-nav>*:nth-child(3){animation:slideInLeft .4s ease forwards;animation-delay:.3s}.mobile-menu-student--open .mobile-menu-nav>*:nth-child(4){animation:slideInLeft .4s ease forwards;animation-delay:.4s}.mobile-menu-student--open .mobile-menu-nav>*:nth-child(5){animation:slideInLeft .4s ease forwards;animation-delay:.5s}@media(max-width:480px){.mobile-menu-student{width:100%;max-width:100vw}.mobile-menu-header{padding:15px}.mobile-nav-button,.mobile-logout-button{padding:14px 15px;font-size:15px}.mobile-menu-divider{margin:12px 15px}}.feed-student-container{width:100%;background-color:#f0f2f5;min-height:100vh;padding:20px 0}.feed-title{margin:0 0 10px;color:#333;font-size:24px;font-weight:600}.feed-class-info{display:flex;align-items:center;gap:15px;margin-bottom:10px}.current-class{color:#666;font-size:16px;margin:0}.class-name{font-weight:600;color:#333}.class-code{color:#999;font-size:14px;margin:0}.feed-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;max-width:900px;margin:0 auto;gap:20px}.feed-loading-spinner{width:48px;height:48px;border:4px solid #e8eaed;border-top-color:#1877f2;border-radius:50%;animation:feedSpin .75s linear infinite}@keyframes feedSpin{to{transform:rotate(360deg)}}.feed-loading-text{font-size:15px;color:#9aa0a6;font-weight:500}.feed-no-class,.feed-no-posts{text-align:center;padding:60px 20px;color:#666;background-color:#fff;border-radius:12px;border:1px solid #e1e5e9;max-width:900px;margin:0 auto}.feed-no-posts-icon{font-size:48px;margin-bottom:20px}.feed-no-posts-title{color:#333;margin-bottom:10px;font-size:20px;font-weight:600}.post-card{background-color:#fff;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid #e1e5e9;box-shadow:0 2px 4px #0000001a}.post-header{display:flex;align-items:center;margin-bottom:15px}.image-download-overlay:hover{background:#000000e6}.attachments-title{margin-bottom:12px;font-size:14px;font-weight:600;color:#333;display:flex;align-items:center;gap:8px}.post-actions{border-top:1px solid #e4e6ea;padding:8px 0;display:flex;justify-content:space-around}.post-action-button{flex:1;background:none;border:none;padding:8px;cursor:pointer;border-radius:6px;font-size:14px;font-weight:600;color:#65676b;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s ease}.post-action-button:hover{background-color:#f0f2f5}.post-action-button.active{color:#1877f2}.comments-section{border-top:1px solid #e4e6ea;padding-top:12px}.comment-form{display:flex;gap:8px;margin-bottom:12px}.comment-input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:20px;font-size:14px;outline:none;background-color:#f0f2f5}.comment-input:focus{border-color:#1877f2;background-color:#fff}.comment-submit{padding:8px 16px;background-color:#1877f2;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.comment-submit:hover{background-color:#166fe5}.comment-submit:disabled{background-color:#e4e6ea;color:#bcc0c4;cursor:not-allowed}.comments-list{max-height:300px;overflow-y:auto}.comment-item{display:flex;gap:8px;margin-bottom:8px}.comment-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0}.comment-content{background-color:#f0f2f5;border-radius:16px;padding:8px 12px;flex:1;min-width:0}.comment-author{font-size:13px;font-weight:600;color:#333;margin:0}.comment-text{font-size:14px;color:#050505;margin:2px 0 0;word-wrap:break-word}.comment-time{font-size:12px;color:#65676b;margin-left:40px;margin-top:2px}.comments-count{font-size:13px;color:#65676b;margin-bottom:8px;padding-left:4px}@media(max-width:768px){.feed-student-container{max-width:100%;padding:10px;background-color:#f5f5f7}.feed-posts-wrapper{max-width:100%;padding:0}.post-card{padding:15px;margin-bottom:15px;border-radius:8px}.feed-title{font-size:18px;margin-bottom:8px}.feed-class-info{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:15px}.current-class{font-size:14px}.class-code{font-size:12px}.post-header{margin-bottom:12px}.post-teacher-photo,.post-teacher-photo-placeholder{width:36px;height:36px;margin-right:10px}.post-teacher-name{font-size:14px}.post-date{font-size:12px}.post-content{font-size:15px;line-height:1.5;margin-bottom:12px}.post-attachments{padding:10px;margin-bottom:12px}.image-preview{max-width:100%;border-radius:6px}.attachment-item{padding:10px;margin-bottom:6px}.attachment-name{font-size:13px}.attachment-size{font-size:11px}.download-button{padding:6px 12px;font-size:12px}.comment-form{gap:6px}.comment-input{font-size:15px;padding:10px 12px}.comment-submit{padding:10px 12px;font-size:13px}.comment-avatar{width:28px;height:28px}.comment-content{padding:6px 10px}.comment-author{font-size:12px}.comment-text{font-size:13px}.comment-time{font-size:11px;margin-left:36px}.post-action-button{padding:10px 8px;font-size:13px}.image-modal-close{top:15px;right:15px;width:40px;height:40px;font-size:20px}}.upload-homework-container{width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column}.upload-homework-form{flex:1;display:flex;flex-direction:column;padding:20px;gap:16px;height:100%}.upload-area{flex:1;border:2px dashed #dadce0;border-radius:16px;text-align:center;cursor:pointer;transition:all .2s ease;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.upload-area.active{border-color:#1877f2;background-color:#f0f8ff}.upload-area:hover{border-color:#1877f2;background-color:#fafcff}.upload-icon{font-size:72px!important;width:72px!important;height:72px!important;margin-bottom:20px;color:#1877f2;animation:cloudBounce 1.6s ease-in-out infinite}@keyframes cloudBounce{0%{transform:translateY(0)}40%{transform:translateY(-14px)}60%{transform:translateY(-10px)}80%{transform:translateY(-14px)}to{transform:translateY(0)}}.upload-text{font-size:18px;font-weight:600;color:#202124;margin-bottom:8px}.upload-subtext{font-size:14px;color:#5f6368;margin-bottom:16px}.file-input-button{display:inline-block;padding:10px 24px;background-color:#1877f2;color:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:opacity .15s ease}.file-input-button:hover{opacity:.85}.uploaded-files{flex-shrink:0}.uploaded-files-title{margin:0 0 10px;font-size:14px;font-weight:500;color:#5f6368}.uploaded-file-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background-color:#f8f9fa;margin-bottom:6px;border-radius:8px;border:1px solid #e8eaed}.uploaded-file-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.uploaded-file-icon{font-size:20px!important;width:20px!important;height:20px!important;color:#5f6368}.uploaded-file-details{flex:1;min-width:0}.uploaded-file-name{font-size:14px;font-weight:500;color:#202124;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uploaded-file-size{font-size:12px;color:#5f6368;margin:2px 0 0}.remove-file-button{background:none;border:none;color:#ea4335;cursor:pointer;padding:4px;border-radius:50%;transition:background-color .15s ease;display:flex}.remove-file-button:hover{background-color:#ea43351a}.submit-button{width:100%;padding:14px;background-color:#1877f2;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s ease;flex-shrink:0}.submit-button:hover{opacity:.9}.submit-button:disabled{background-color:#e8eaed;color:#9aa0a6;cursor:not-allowed;opacity:1}.exams-student-container{width:100%;background-color:#f0f2f5;min-height:100vh;padding:20px 0}.exams-wrapper{max-width:800px;margin:0 auto;padding:0 20px}.exam-taking-wrapper{max-width:900px;margin:0 auto;padding:0 20px}.exams-loading{text-align:center;padding:60px 20px;color:#666;max-width:680px;margin:0 auto}.exams-loading-spinner{font-size:24px;margin-bottom:15px}.exams-no-class{text-align:center;padding:60px 20px;color:#666;background-color:#fff;border-radius:12px;border:1px solid #e1e5e9;max-width:680px;margin:0 auto}.exams-no-tests{text-align:center;padding:60px 20px;color:#666;background-color:#fff;border-radius:12px;border:1px solid #e1e5e9}.exams-no-tests-icon{font-size:48px;margin-bottom:20px}.exams-header{background:linear-gradient(135deg,#fff,#f8f9fa);padding:16px 20px;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;border:1px solid #e9ecef}.exams-header h2{margin:0;color:#2c3e50;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.exams-header h2:before{content:"";font-size:28px}.exams-list{display:grid;gap:16px}.exam-card{background:linear-gradient(135deg,#fff,#fafbfc);border-radius:12px;padding:18px;box-shadow:0 2px 8px #0000000f;border:1px solid #e9ecef;transition:all .3s ease;position:relative;overflow:hidden}.exam-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#007bff,#6610f2)}.exam-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.exam-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.exam-card-header h3{margin:0 12px 0 0;color:#2c3e50;font-size:18px;font-weight:700;flex:1}.exam-status{flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:16px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 4px #0000001a}.exam-card-info{margin-bottom:16px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}.exam-card-info p{margin:0;color:#6c757d;font-size:13px;font-weight:500;display:flex;align-items:center;gap:4px}.exam-card-info p:before{font-size:12px}.exam-card-info p:first-child:before{content:""}.exam-date:before{content:""}.submission-date:before{content:""}.exam-card-actions{display:flex;justify-content:flex-end}.start-exam-button{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #007bff33}.start-exam-button:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.exam-completed{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:not-allowed;display:flex;align-items:center;gap:6px;opacity:.8;box-shadow:0 2px 4px #28a74533}.exam-header{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;border:1px solid #e9ecef}.exam-info h2{margin:0 0 16px;color:#2c3e50;font-size:22px;font-weight:600}.exam-progress{display:flex;align-items:center;gap:16px}.progress-bar{width:280px;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#007bff;transition:width .3s ease}.progress-text{font-size:14px;color:#6c757d;font-weight:500;white-space:nowrap}.exam-timer{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:12px 16px;border-radius:8px;border:1px solid #dee2e6}.timer-icon{font-size:16px}.timer-text{font-size:16px;font-weight:600;color:#495057;text-align:center;min-width:80px}.question-container{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000000f;border:1px solid #e9ecef;margin-bottom:24px}.question-number{background:#495057;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;display:inline-block;margin-bottom:20px}.question-text{font-size:18px;line-height:1.6;color:#2c3e50;margin-bottom:25px;font-weight:500}.question-image-container{text-align:center;margin-bottom:25px}.question-image{max-width:100%;max-height:400px;border-radius:8px;box-shadow:0 4px 8px #0000001a}.question-audio-container{text-align:center;margin-bottom:25px;padding:20px;background-color:#f8f9fa;border-radius:8px}.question-audio{width:100%;max-width:500px;margin-bottom:15px}.audio-instruction{color:#666;font-style:italic;margin:0}.answer-container{margin-top:25px}.answer-textarea{width:100%;min-height:120px;padding:15px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;resize:vertical;outline:none;font-family:inherit;background:#fff;transition:border-color .2s ease}.answer-textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.multiple-choice-options,.checkbox-options{display:flex;flex-direction:column;gap:12px}.radio-option,.checkbox-option{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s ease}.radio-option:hover,.checkbox-option:hover{background:#e9ecef;border-color:#007bff}.radio-option input[type=radio],.checkbox-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#007bff}.radio-text,.checkbox-text{font-size:16px;color:#333;cursor:pointer;flex:1}.exam-navigation{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e9ecef}.nav-buttons{display:flex;justify-content:space-between;align-items:center;gap:16px}.nav-button{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.nav-button.prev{background:#6c757d;color:#fff}.nav-button.prev:hover:not(:disabled){background:#5a6268}.nav-button.next{background:#007bff;color:#fff}.nav-button.next:hover{background:#0056b3}.nav-button:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}.submit-exam-button{background:#28a745;color:#fff;padding:15px 30px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.submit-exam-button:hover{background:#218838}@media(max-width:768px){.exams-student-container{padding:10px 0}.exams-wrapper,.exam-taking-wrapper{padding:0 10px}.exam-card{padding:20px}.exam-card-header{flex-direction:column;align-items:flex-start;gap:10px}.exam-header{flex-direction:column;text-align:center}.exam-progress{flex-direction:column;gap:10px}.progress-bar{width:100%}.question-container{padding:20px}.question-text{font-size:16px}.nav-buttons{flex-direction:column;gap:15px}.nav-button,.submit-exam-button{width:100%}.start-exam-button,.exam-completed{width:100%;justify-content:center}.exam-card{padding:14px}.exam-card-header h3{font-size:16px}.exam-card-info{flex-direction:column;align-items:flex-start;gap:6px}.status-badge{font-size:10px;padding:5px 10px}.exams-header h2{font-size:20px}.exams-wrapper{padding:0 16px}}.spw{height:calc(100vh - 56px);padding:20px 24px;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.spw__title{font-size:18px;font-weight:700;color:#202124;margin:0 0 14px}.spw__loading{color:#5f6368;font-size:14px;padding:40px 0;text-align:center}.spw__body{display:grid;grid-template-columns:280px 1fr;gap:16px;flex:1;min-height:0}.spw__left{display:flex;flex-direction:column;gap:10px}.spw__card{background:#fff;border:1px solid #e8eaed;border-radius:12px;padding:16px}.spw__card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.spw__card-label{font-size:13px;font-weight:600;color:#202124}.spw__card-value{font-size:13px;font-weight:700;color:#4575c4}.spw__bar-track{height:8px;background:#e8eaed;border-radius:999px;overflow:hidden;margin-bottom:6px}.spw__bar-fill{height:100%;background:linear-gradient(90deg,#4575c4,#6b9ae8);border-radius:999px;transition:width .8s cubic-bezier(.22,1,.36,1)}.spw__bar-pct{font-size:12px;color:#5f6368;margin:0}.spw__stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.spw__stat{background:#fff;border:1px solid #e8eaed;border-radius:12px;padding:14px 10px;text-align:center}.spw__stat-num{display:block;font-size:30px;font-weight:800;line-height:1;margin-bottom:4px}.spw__stat--present .spw__stat-num{color:#34a853}.spw__stat--absent .spw__stat-num{color:#9aa0a6}.spw__stat-lbl{font-size:12px;color:#5f6368;font-weight:500}.spw__cal-card{background:#fff;border:1px solid #e8eaed;border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;min-height:0}.spw__cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-shrink:0}.spw__cal-month{font-size:15px;font-weight:700;color:#202124}.spw__cal-nav{background:none;border:none;cursor:pointer;color:#5f6368;width:28px;height:28px;border-radius:50%;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .15s}.spw__cal-nav:hover{background:#f1f3f4;color:#202124}.spw__cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;flex:1}.spw__cal-dayname{font-size:11px;color:#9aa0a6;text-align:center;padding:2px 0 8px;font-weight:600;text-transform:uppercase}.spw__cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:13px;color:#202124;border-radius:50%;font-weight:400}.spw__cal-day--present{background:#34a853;color:#fff;font-weight:700}.spw__cal-day--absent{background:#dadce0;color:#5f6368;font-weight:600}.spw__cal-day--no-record{background:#f1f3f4;color:#9aa0a6}.spw__cal-legend{display:flex;align-items:center;gap:16px;margin-top:10px;font-size:12px;color:#5f6368;padding-top:10px;border-top:1px solid #f1f3f4;flex-shrink:0}.spw__legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:middle}.spw__legend-dot--present{background:#34a853}.spw__legend-dot--absent{background:#dadce0}.spw__legend-dot--no-record{background:#f1f3f4;border:1px solid #e8eaed}@media(max-width:768px){.spw{height:unset;padding:16px;overflow:auto}.spw__body{grid-template-columns:1fr}.spw__stat-num{font-size:26px}}.mot-popin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999;animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.mot-popin{position:relative;background:#fff;border-radius:24px;padding:48px 40px 40px;text-align:center;max-width:520px;width:92%;box-shadow:0 20px 60px #0003;animation:popinSlideUp .35s cubic-bezier(.34,1.56,.64,1);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}.mot-popin:has(.mot-popin-emoji:hover){transform:scale(1.07);box-shadow:0 32px 80px #00000047}@keyframes popinSlideUp{0%{transform:translateY(40px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.mot-popin-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:18px;color:#9aa0a6;cursor:pointer;line-height:1;padding:4px;border-radius:50%;transition:color .15s ease,background .15s ease}.mot-popin-close:hover{color:#1d1d1f;background:#f1f1f1}.mot-popin-emoji-wrapper{height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;overflow:visible}.mot-popin-emoji{font-size:100px;line-height:1;display:block;animation:emojiBounce 1.8s ease-in-out infinite;transition:transform .25s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.mot-popin-emoji:hover{transform:scale(1.35);animation-play-state:paused}@keyframes emojiBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.mot-popin-word-line{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-bottom:10px}.mot-popin-article,.mot-popin-mot{font-family:Grandstander,sans-serif;font-size:42px;font-weight:800;letter-spacing:2px;text-transform:uppercase;animation:wordColorCycle 8s infinite;-webkit-background-clip:text;background-clip:text}@keyframes wordColorCycle{0%{background:linear-gradient(90deg,#f43f5e,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}12%{background:linear-gradient(90deg,#f97316,#facc15);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}25%{background:linear-gradient(90deg,#22c55e,#14b8a6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}37%{background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}50%{background:linear-gradient(90deg,#f43f5e,#f97316,#facc15,#22c55e,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}62%{background:linear-gradient(90deg,#06b6d4,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}75%{background:linear-gradient(90deg,#ec4899,#f97316);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}87%{background:linear-gradient(90deg,#84cc16,#06b6d4,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}to{background:linear-gradient(90deg,#f43f5e,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}}.mot-popin-label{font-size:14px;color:#9aa0a6;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:32px}.mot-popin-button{display:inline-block;padding:14px 28px;background-color:#1877f2;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease;width:100%}.mot-popin-button:hover{opacity:.88;transform:scale(1.02)}.mot-popin-button:active{transform:scale(.98)}.main-platform-student{display:flex;height:100vh;overflow:hidden}.main-content-student{flex:1;overflow-y:auto;background:#f5f5f7}.student-info-bar-wrapper{position:sticky;top:0;z-index:100}@media(min-width:769px){.main-platform-student{display:flex}.main-content-student{flex:1;overflow-y:auto}}@media(max-width:768px){.main-platform-student{flex-direction:column;height:100vh}.sidebar-student{display:none!important}.main-content-student{flex:1;overflow-y:auto;padding-top:0}}@media(max-width:768px){.main-content-student>*{padding-top:20px}}.sidebar{width:220px;height:100vh;background:#fff;border-right:1px solid #e8eaed;display:flex;flex-direction:column;overflow:hidden}.sidebar__header{padding:16px 12px;text-align:center;border-bottom:1px solid #e8eaed}.sidebar__class-selection{padding:12px;border-bottom:1px solid #e8eaed}.sidebar__logo{max-width:100px;height:auto}.sidebar__nav{padding:12px 8px;flex:1}.nav-item{display:flex;align-items:center;width:100%;padding:8px 12px;margin-bottom:2px;background:none;border:none;border-radius:6px;cursor:pointer;text-align:left;position:relative;color:#5f6368;font-size:14px;font-weight:400;transition:background-color .15s ease}.nav-item:hover{background-color:#f8f9fa}.nav-item--active{background-color:transparent;color:#202124}.nav-item__icon{font-size:18px;margin-right:10px;display:flex;align-items:center;justify-content:center;width:18px}.nav-item__label{font-weight:500}.sidebar__profile{padding:12px;border-top:1px solid #e8eaed;background:#fafafa}.profile-container{position:relative}.profile-button{width:100%;display:flex;align-items:center;gap:10px;padding:10px;background:#fff;border:1px solid #e8eaed;border-radius:6px;cursor:pointer;transition:all .15s ease;text-align:left}.profile-button:hover{box-shadow:0 1px 3px #0000001a;border-color:#dadce0}.profile-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;position:relative;flex-shrink:0;background-color:#5f6368;display:flex;align-items:center;justify-content:center}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar span,.profile-avatar-fallback{color:#fff;font-weight:500;font-size:13px;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.profile-info{flex:1;min-width:0}.profile-name{font-size:13px;font-weight:500;color:#202124;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-role{font-size:11px;color:#5f6368;margin:2px 0 0}.logout-popup{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e8eaed;border-radius:8px;box-shadow:0 4px 16px #0000001a;padding:4px;z-index:1000}.logout-button{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;background:none;border:none;color:#ea4335;cursor:pointer;border-radius:6px;font-size:14px;font-weight:500;transition:background-color .2s ease}.logout-button:hover{background-color:#fef3f2}.logout-button__icon{font-size:18px}@media(max-width:768px){.sidebar{display:none}}.class-dropdown{position:relative;width:100%;max-width:200px}.class-dropdown__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:inherit;position:relative}.class-dropdown__trigger:hover{border-color:#495057;box-shadow:0 2px 8px #4950571a}.class-dropdown__trigger--open{border-color:#495057;box-shadow:0 2px 8px #49505726;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.class-dropdown__selected{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.class-dropdown__icon{font-size:16px;flex-shrink:0}.class-dropdown__text{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1}.class-dropdown__label{font-size:10px;color:#6c757d;font-weight:500;letter-spacing:.5px;text-transform:uppercase;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.class-dropdown__value{font-size:13px;color:#2c3e50;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;margin-top:2px}.class-dropdown__arrow{font-size:10px;color:#6c757d;transition:transform .3s ease;margin-left:4px;flex-shrink:0}.class-dropdown__arrow--up{transform:rotate(180deg)}.class-dropdown__menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid #e9ecef;border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:1000;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.class-dropdown__menu-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef}.class-dropdown__menu-title{font-size:12px;color:#495057;font-weight:600;letter-spacing:.3px}.class-dropdown__menu-count{font-size:11px;color:#6c757d;background:#dee2e6;padding:2px 6px;border-radius:10px;font-weight:500}.class-dropdown__options{max-height:200px;overflow-y:auto}.class-dropdown__option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:none;border:none;cursor:pointer;transition:background-color .2s ease;text-align:left;font-family:inherit}.class-dropdown__option:hover{background-color:#f8f9fa}.class-dropdown__option--selected{background-color:#e8f4fd}.class-dropdown__option--selected:hover{background-color:#d1ecf1}.class-dropdown__option-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.class-dropdown__option-name{font-size:13px;color:#2c3e50;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.class-dropdown__option-info{font-size:11px;color:#6c757d;line-height:1}.class-dropdown__check{font-size:14px;color:#28a745;font-weight:700;margin-left:8px}.class-dropdown__empty{display:flex;flex-direction:column;align-items:center;padding:16px 12px;gap:4px}.class-dropdown__empty-icon{font-size:20px;opacity:.5}.class-dropdown__empty-text{font-size:12px;color:#6c757d;text-align:center}.class-dropdown__options::-webkit-scrollbar{width:4px}.class-dropdown__options::-webkit-scrollbar-track{background:#f1f1f1}.class-dropdown__options::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.class-dropdown__options::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media(max-width:768px){.class-dropdown{max-width:none}.class-dropdown__menu{left:-4px;right:-4px}}.mobile-header-teacher{display:none;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #e5e5e7;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0000001a}@media(max-width:768px){.mobile-header-teacher{display:flex}}.mobile-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.mobile-logo{height:24px;width:auto;flex-shrink:0}.mobile-header-info{min-width:0;flex:1}.mobile-current-section{margin:0;font-size:16px;font-weight:600;color:#1d1d1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-class-name{font-size:12px;color:#666;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu-trigger{background:none;border:none;color:#666;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-menu-trigger:hover{background-color:#0000000d;color:#1d1d1f}.mobile-menu-trigger svg{font-size:24px!important}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.mobile-menu-teacher{position:fixed;top:0;right:-100%;width:320px;max-width:85vw;height:100vh;background:#fff;z-index:2001;transition:right .4s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;box-shadow:-4px 0 20px #00000026}.mobile-menu-teacher--open{right:0}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e5e5e7;background:#f8f9fa}.mobile-menu-profile{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.mobile-profile-photo{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.mobile-profile-photo-fallback{width:40px;height:40px;border-radius:50%;background-color:#1c7cc8;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:600;text-transform:uppercase;flex-shrink:0}.mobile-profile-info{flex:1;min-width:0}.mobile-profile-name{margin:0;font-size:14px;font-weight:600;color:#1d1d1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-profile-role{margin:2px 0 0;font-size:12px;color:#666}.mobile-menu-close{background:none;border:none;color:#666;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.mobile-menu-close:hover{background:#0000001a;color:#333}.mobile-menu-close svg{font-size:20px!important}.mobile-class-selection{padding:16px 20px;border-bottom:1px solid #e5e5e7;background:#f8f9fa}.mobile-menu-nav{flex:1;padding:20px 0;overflow-y:auto;display:flex;flex-direction:column}.mobile-nav-button{display:flex;align-items:center;gap:16px;padding:16px 20px;background:none;border:none;color:#1d1d1f;text-align:left;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;width:100%}.mobile-nav-button:hover{background:#1c7cc80d;color:#1c7cc8}.mobile-nav-button--active{background:#1c7cc81a;color:#1c7cc8;border-left-color:#1c7cc8;font-weight:600}.mobile-nav-icon{font-size:20px!important;display:flex;align-items:center;justify-content:center;width:24px!important;height:24px!important;flex-shrink:0}.mobile-menu-divider{height:1px;background:#e5e5e7;margin:16px 20px}.mobile-logout-button{display:flex;align-items:center;gap:16px;padding:16px 20px;background:none;border:none;color:#dc3545;text-align:left;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;margin-top:auto}.mobile-logout-button:hover{background:#dc35450d;color:#c82333}.mobile-logout-icon{font-size:20px!important;width:24px!important;height:24px!important}.mobile-menu-nav>*{opacity:0;transform:translate(20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-menu-teacher--open .mobile-menu-nav>*:nth-child(1){animation:slideInLeft .4s ease forwards;animation-delay:.1s}.mobile-menu-teacher--open .mobile-menu-nav>*:nth-child(2){animation:slideInLeft .4s ease forwards;animation-delay:.2s}.mobile-menu-teacher--open .mobile-menu-nav>*:nth-child(3){animation:slideInLeft .4s ease forwards;animation-delay:.3s}.mobile-menu-teacher--open .mobile-menu-nav>*:nth-child(4){animation:slideInLeft .4s ease forwards;animation-delay:.4s}.mobile-menu-teacher--open .mobile-menu-nav>*:nth-child(5){animation:slideInLeft .4s ease forwards;animation-delay:.45s}.mobile-menu-teacher--open .mobile-menu-nav>*:nth-child(6){animation:slideInLeft .4s ease forwards;animation-delay:.5s}.mobile-menu-teacher--open .mobile-menu-nav>*:nth-child(7){animation:slideInLeft .4s ease forwards;animation-delay:.6s}@keyframes slideInLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media(max-width:480px){.mobile-menu-teacher{width:100%;max-width:100vw}.mobile-menu-header{padding:15px}.mobile-class-selection{padding:12px 15px}.mobile-nav-button,.mobile-logout-button{padding:14px 15px;font-size:15px}.mobile-menu-divider{margin:12px 15px}}/*!
* 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{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.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:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.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-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.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 button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .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-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.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,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.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-thin,.ql-snow .ql-stroke.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{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.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;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[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-size .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-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[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-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[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-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[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-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[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 transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.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:0px}.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]{display:none;border:1px solid #ccc;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:0px;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}.feed-teacher-container{width:100%;background-color:#f0f2f5;min-height:100vh;padding:20px 0}.feed-posts-wrapper{max-width:900px;margin:0 auto;padding:0 20px}@media(max-width:768px){.feed-teacher-container{padding:76px 0 20px}.feed-posts-wrapper{padding:0 12px;max-width:100%}}.feed-loading{text-align:center;padding:60px 20px;color:#666;max-width:900px;margin:0 auto}.feed-loading-spinner{font-size:24px;margin-bottom:15px}.feed-no-classes{text-align:center;padding:60px 20px;color:#666;background-color:#fff;border-radius:12px;border:1px solid #e1e5e9;max-width:900px;margin:0 auto}.feed-no-classes-icon{font-size:48px;margin-bottom:20px}.feed-no-classes-title{color:#333;margin-bottom:10px;font-size:20px;font-weight:600}.create-class-button{padding:15px 30px;background-color:#28a745;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;font-weight:700;transition:background-color .2s ease}.create-class-button:hover{background-color:#218838}.post-creation-card{background-color:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a;border:1px solid #e1e5e9;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.post-creation-card.expanded{box-shadow:0 8px 24px #00000026}.editor-collapse-button{position:absolute;top:12px;right:12px;background-color:#f0f2f5;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease;color:#65676b}.editor-collapse-button:hover{background-color:#e4e6ea;color:#050505;transform:rotate(90deg)}.class-selection{margin-bottom:15px}.class-select{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;background-color:#f8f9fa;outline:none}.post-input-section{display:flex;gap:12px;margin-bottom:15px}.teacher-photo{width:40px;height:40px;border-radius:50%;flex-shrink:0;object-fit:cover}.post-textarea{flex:1;min-height:80px;max-height:400px;padding:12px;border:none;border-radius:20px;background-color:#f0f2f5;resize:none;font-size:16px;outline:none;overflow-y:auto;line-height:1.5}.post-textarea:focus{background-color:#fff;box-shadow:0 0 0 1px #1877f2}.post-quill-editor{flex:1;display:flex;flex-direction:column;background-color:#f0f2f5;border-radius:20px;overflow:hidden}.post-quill-editor .ql-toolbar{border:none;border-bottom:1px solid #e4e6ea;background-color:#fff;border-radius:20px 20px 0 0;padding:8px 12px;transition:all .3s ease}.post-quill-editor .ql-container{border:none;font-size:16px;background-color:#f0f2f5;border-radius:0 0 20px 20px}.post-quill-editor .ql-editor{min-height:100px;max-height:400px;padding:12px 16px;overflow-y:auto;line-height:1.5;transition:min-height .4s cubic-bezier(.4,0,.2,1)}.post-creation-card.expanded .post-quill-editor .ql-editor{min-height:500px;max-height:700px}.post-quill-editor .ql-editor.ql-blank:before{color:#65676b;font-style:normal;left:16px}.post-quill-editor:focus-within{background-color:#fff;box-shadow:0 0 0 1px #1877f2}.post-quill-editor:focus-within .ql-toolbar{background-color:#f8f9fa}.post-quill-editor:focus-within .ql-container{background-color:#fff}.post-quill-editor .ql-toolbar button{width:28px;height:28px;padding:3px;margin:0 2px}.post-quill-editor .ql-toolbar button:hover,.post-quill-editor .ql-toolbar button.ql-active{color:#1877f2}.post-quill-editor .ql-toolbar .ql-stroke{stroke:#65676b}.post-quill-editor .ql-toolbar button:hover .ql-stroke,.post-quill-editor .ql-toolbar button.ql-active .ql-stroke{stroke:#1877f2}.post-quill-editor .ql-toolbar .ql-fill{fill:#65676b}.post-quill-editor .ql-toolbar button:hover .ql-fill,.post-quill-editor .ql-toolbar button.ql-active .ql-fill{fill:#1877f2}.attached-files{margin-bottom:15px;padding:10px;background-color:#f8f9fa;border-radius:8px}.attached-files-title{font-size:14px;font-weight:700;margin-bottom:8px;color:#65676b}.attached-file-item{display:flex;justify-content:space-between;align-items:center;padding:8px;background-color:#fff;margin:4px 0;border-radius:6px;border:1px solid #e4e6ea}.attached-file-name{font-size:14px}.remove-file-button{background:none;border:none;color:#65676b;cursor:pointer;font-size:18px;padding:0 5px}.remove-file-button:hover{color:#e41e3f}.post-action-bar{display:flex;justify-content:space-between;align-items:center;padding-top:10px;transition:all .3s ease}.post-actions-left{display:flex;gap:15px}.file-button{display:flex;align-items:center;gap:8px;background:none;border:none;color:#65676b;cursor:pointer;font-size:14px;padding:8px;border-radius:6px;transition:all .3s ease}.file-button:hover{background-color:#f0f2f5}.publish-button{padding:8px 20px;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.publish-button.enabled{background-color:#1877f2;color:#fff}.publish-button.disabled{background-color:#e4e6ea;color:#bcc0c4;cursor:not-allowed}.post-card{background-color:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a;border:1px solid #e1e5e9}.post-header{display:flex;align-items:center;margin-bottom:15px;position:relative}.post-teacher-photo{width:40px;height:40px;border-radius:50%;margin-right:12px;object-fit:cover}.post-teacher-photo-placeholder{width:40px;height:40px;border-radius:50%;background-color:#e4e6ea;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:18px}.post-meta{flex:1}.post-teacher-name{font-weight:600;font-size:15px;color:#333;margin:0}.post-date{font-size:13px;color:#65676b;margin:2px 0 0}.post-content{font-size:16px;line-height:1.5;color:#050505;margin:0 0 15px;word-wrap:break-word}.post-content p{margin:0 0 10px}.post-content .ql-align-center{text-align:center}.post-content .ql-align-right{text-align:right}.post-content .ql-align-justify{text-align:justify}.post-content p:last-child{margin-bottom:0}.post-content strong{font-weight:600}.post-content em{font-style:italic}.post-content u{text-decoration:underline}.post-content s{text-decoration:line-through}.post-content h1{font-size:28px;font-weight:600;margin:0 0 12px}.post-content h2{font-size:24px;font-weight:600;margin:0 0 10px}.post-content h3{font-size:20px;font-weight:600;margin:0 0 8px}.post-content ul,.post-content ol{padding-left:20px;margin:0 0 10px}.post-content li{margin-bottom:4px}.post-content a{color:#1877f2;text-decoration:none}.post-content a:hover{text-decoration:underline}.post-attachments{padding:12px;background-color:#f0f2f5;border-radius:8px;margin-bottom:15px}.image-container{position:relative;display:inline-block;width:100%;margin-bottom:12px}.image-preview{width:100%;max-width:500px;height:auto;border-radius:8px;box-shadow:0 2px 8px #00000026;cursor:pointer;transition:all .2s ease;display:block}.image-preview:hover{box-shadow:0 4px 12px #0003}.image-download-overlay{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .2s ease;opacity:0}.image-container:hover .image-download-overlay{opacity:1}.image-download-overlay:hover{background:#000000e6;transform:scale(1.1)}.attachment-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:#fff;border-radius:8px;margin-bottom:8px;border:1px solid #ddd}.attachment-item:last-child{margin-bottom:0}.attachment-info{display:flex;align-items:center;gap:12px;flex:1}.attachment-icon{font-size:20px}.attachment-details{flex:1;min-width:0}.attachment-name{font-size:14px;font-weight:500;color:#333;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{font-size:12px;color:#666;margin:2px 0 0}.download-button{padding:8px 16px;background-color:#1877f2;color:#fff;text-decoration:none;border-radius:6px;font-size:13px;font-weight:600;transition:background-color .2s ease}.download-button:hover{background-color:#166fe5;color:#fff;text-decoration:none}.feed-no-posts{text-align:center;padding:60px 20px;color:#666;background-color:#fff;border-radius:12px;border:1px solid #e1e5e9;max-width:900px;margin:0 auto}.file-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.file-modal{background-color:#fff;border-radius:16px;padding:0;max-width:640px;width:90%;overflow:hidden;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column}.file-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px 12px;border-bottom:1px solid #e8eaed;flex-shrink:0}.file-modal-title{margin:0;font-size:20px;font-weight:400;color:#202124;letter-spacing:-.2px}.file-modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:#5f6368;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1}.file-modal-close:hover{background-color:#f1f3f4}.file-modal-content{flex:1;overflow:visible;display:flex;flex-direction:column}.file-modal-files-section{margin-top:8px;flex-shrink:0}.file-drop-zone{border-radius:8px;padding:32px;text-align:center;cursor:pointer;margin:16px 24px;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.file-drop-zone.active{border:2px dashed #1a73e8;background-color:#e8f0fe}.file-drop-zone.inactive{border:2px dashed #dadce0;background-color:#fafafa}.file-drop-zone:hover{background-color:#f1f3f4;border-color:#5f6368}.file-drop-icon{font-size:80px!important;width:80px!important;height:80px!important;margin-bottom:12px;color:#dadce0}.file-drop-text{font-size:15px;margin-bottom:6px;color:#202124;font-weight:400}.file-drop-or{font-size:13px;color:#5f6368;margin:10px 0;font-weight:400}.file-select-button{display:inline-block;padding:10px 24px;background-color:#1a73e8;color:#fff;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;letter-spacing:.25px}.file-select-button:hover{background-color:#1765cc;box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.file-select-button:active{box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.selected-files-title{margin:0 0 8px;padding:0 24px;font-size:13px;font-weight:500;color:#202124;letter-spacing:.1px}.selected-file-item{display:flex;justify-content:space-between;align-items:center;padding:8px 24px;background-color:#f8f9fa;margin-bottom:1px;border-radius:0;transition:background-color .2s ease}.selected-file-item:hover{background-color:#f1f3f4}.selected-file-item:first-of-type{border-top:1px solid #e8eaed}.selected-file-name{font-size:13px;color:#202124;display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-selected-file{background:none;border:none;color:#5f6368;cursor:pointer;font-size:20px;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.remove-selected-file:hover{background-color:#fce8e6;color:#d93025}.file-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:12px 24px;border-top:1px solid #e8eaed;margin-top:auto;background-color:#fff;flex-shrink:0}.file-modal-done{padding:10px 24px;background-color:#fff;color:#1a73e8;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;letter-spacing:.25px}.file-modal-done:hover{background-color:#f1f3f4}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer}.image-modal img{max-width:90%;max-height:90%;object-fit:contain;border-radius:8px}.image-modal-close{position:absolute;top:20px;right:20px;background:#fff3;border:none;color:#fff;font-size:24px;padding:10px;border-radius:50%;cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.post-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:1;border:none!important;box-shadow:none!important;background:none!important}.post-action-button{background:none!important;border:none!important;outline:none!important;box-shadow:none!important;padding:4px;border-radius:4px;cursor:pointer;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center;color:#666;position:relative}.post-action-button:hover{opacity:.7}.post-action-button:before,.post-action-button:after{display:none!important}.post-action-button svg{width:16px;height:16px;border:none!important;outline:none!important}.post-action-button svg[data-testid=CloseIcon]{width:20px;height:20px}.edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:9999}.edit-modal{background-color:#fff;border-radius:12px;padding:0;max-width:650px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e8eaed;flex-shrink:0}.edit-modal-title{margin:0;font-size:20px;font-weight:400;color:#202124}.edit-modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:#5f6368;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;line-height:1}.edit-modal-close:hover{background-color:#f1f3f4}.edit-modal-content{padding:24px;flex:1;overflow-y:auto;overflow-x:hidden}.edit-textarea{width:100%;min-height:120px;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;font-family:inherit;resize:vertical;outline:none}.edit-textarea:focus{border-color:#1877f2;box-shadow:0 0 0 2px #1877f233}.edit-quill-editor{display:flex;flex-direction:column;border:1px solid #ddd;border-radius:8px;overflow:hidden}.edit-quill-editor .ql-toolbar{border:none;border-bottom:1px solid #e4e6ea;background-color:#f8f9fa;padding:8px 12px}.edit-quill-editor .ql-container{border:none;font-size:16px;background-color:#fff}.edit-quill-editor .ql-editor{min-height:150px;max-height:300px;padding:12px;overflow-y:auto;line-height:1.5}.edit-quill-editor:focus-within{border-color:#1877f2;box-shadow:0 0 0 2px #1877f233}.edit-attachments-section{margin-top:20px;padding:16px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e8eaed}.edit-attachments-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.edit-attachments-title{margin:0;font-size:14px;font-weight:500;color:#202124}.edit-add-files-button{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#1a73e8;color:#fff;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:background-color .2s ease}.edit-add-files-button:hover{background-color:#1765cc}.edit-existing-files,.edit-new-files{margin-bottom:8px}.edit-new-files-label{font-size:12px;color:#5f6368;margin:12px 0 8px;font-weight:500}.edit-file-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#fff;border-radius:6px;margin-bottom:6px;border:1px solid #e8eaed;transition:all .2s ease}.edit-file-item:hover{border-color:#dadce0;box-shadow:0 1px 3px #0000001a}.edit-file-item-new{background-color:#e8f0fe;border-color:#1a73e8}.edit-file-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.edit-file-name{font-size:13px;color:#202124;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-file-size{font-size:12px;color:#5f6368;flex-shrink:0}.edit-file-remove{background:none;border:none;color:#5f6368;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.edit-file-remove:hover{background-color:#fce8e6;color:#d93025}.edit-no-files{font-size:13px;color:#5f6368;margin:8px 0 0;text-align:center;font-style:italic}.edit-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e8eaed;background-color:#fff;flex-shrink:0}.edit-modal-cancel{padding:10px 20px;background-color:#f0f2f5;color:#65676b;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s ease}.edit-modal-cancel:hover{background-color:#e4e6ea}.edit-modal-save{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s ease}.edit-modal-save.enabled{background-color:#1877f2;color:#fff}.edit-modal-save.enabled:hover{background-color:#166fe5}.edit-modal-save.disabled{background-color:#e4e6ea;color:#bcc0c4;cursor:not-allowed}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:9999}.delete-modal{background-color:#fff;border-radius:12px;padding:30px;max-width:500px;width:90%}.delete-modal-header{margin-bottom:20px}.delete-modal-title{margin:0;font-size:18px;font-weight:600;color:#e41e3f}.delete-modal-content{margin-bottom:20px}.delete-modal-content p{margin:0 0 15px;color:#333;line-height:1.5}.delete-preview{background-color:#f8f9fa;padding:15px;border-radius:8px;border-left:4px solid #e41e3f}.delete-preview p{margin:0;font-size:14px;color:#666}.delete-modal-actions{display:flex;justify-content:flex-end;gap:12px}.delete-modal-cancel{padding:10px 20px;background-color:#f0f2f5;color:#65676b;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s ease}.delete-modal-cancel:hover{background-color:#e4e6ea}.delete-modal-confirm{padding:10px 20px;background-color:#e41e3f;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s ease}.delete-modal-confirm:hover{background-color:#d01c3f}@media(max-width:768px){.feed-teacher-container{padding:10px 0}.feed-posts-wrapper{padding:0 10px}.post-creation-card{padding:15px;margin-bottom:15px}.post-creation-card.expanded .post-quill-editor .ql-editor{min-height:400px;max-height:600px}.editor-collapse-button{top:8px;right:8px;width:28px;height:28px}.post-card{padding:15px;margin-bottom:15px}.post-input-section{gap:8px}.teacher-photo{width:32px;height:32px}.file-modal{max-width:95%;max-height:90vh;border-radius:12px}.file-modal-header{padding:16px 20px 12px}.file-modal-title{font-size:18px}.file-drop-zone{padding:32px 20px;margin:16px}.file-drop-icon{font-size:72px!important;width:72px!important;height:72px!important;margin-bottom:12px}.file-drop-text{font-size:14px}.file-drop-or{font-size:12px;margin:10px 0}.file-modal-actions{padding:12px 20px}.selected-file-item{padding:8px 20px}.post-actions{opacity:1;position:static;margin-top:10px;justify-content:flex-end}.edit-modal{max-width:95%;max-height:95vh}.edit-modal-header{padding:16px 20px}.edit-modal-title{font-size:18px}.edit-modal-content{padding:20px}.edit-modal-actions{padding:12px 20px}.delete-modal{padding:20px;margin:20px}.edit-textarea{min-height:100px;font-size:16px}.post-quill-editor .ql-toolbar{padding:6px 8px}.post-quill-editor .ql-editor{min-height:80px;padding:10px 12px;font-size:15px}.post-quill-editor .ql-toolbar button{width:24px;height:24px}.edit-quill-editor .ql-editor{min-height:120px;font-size:15px}.edit-attachments-section{padding:12px;margin-top:16px}.edit-attachments-header{flex-direction:column;align-items:flex-start;gap:10px}.edit-add-files-button{width:100%;justify-content:center}.edit-file-item{padding:8px}.edit-file-name{font-size:12px}.edit-file-size{font-size:11px}}.feed-load-more{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;color:#666;min-height:80px}.feed-load-more p{margin:0;font-size:14px}.students-container{max-width:1200px;margin:0 auto;padding:24px}@media(max-width:768px){.students-container{padding:76px 12px 24px;max-width:100%}.students-header__title{font-size:24px;flex-direction:column;align-items:flex-start;gap:8px}.classes-section__header{flex-direction:column;align-items:flex-start;gap:16px}}.students-header{margin-bottom:32px}.students-header__title{margin:0 0 8px;color:#2c3e50;font-size:32px;font-weight:700;display:flex;align-items:center;gap:12px}.students-header__icon{font-size:36px}.students-header__subtitle{color:#6c757d;font-size:16px;margin:0}.classes-section{margin-bottom:40px}.classes-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #e9ecef}.classes-section__title{margin:0;color:#495057;font-size:24px;font-weight:600;display:flex;align-items:center;gap:8px}.classes-section__title-icon{font-size:24px}.create-button{padding:12px 20px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #28a74533}.create-button:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.create-button__icon{font-size:16px;font-weight:700}.create-form{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px #0000000d}.create-form__title{margin:0 0 20px;color:#2c3e50;font-size:20px;font-weight:600;display:flex;align-items:center;gap:8px}.create-form__title-icon{font-size:20px}.create-form__content{display:flex;gap:12px;align-items:flex-end}.create-form__input-group{flex:1}.create-form__label{display:block;margin-bottom:6px;color:#495057;font-weight:600;font-size:14px}.create-form__input{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:border-color .2s ease;background:#fff}.create-form__input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.create-form__button{padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.create-form__button--submit{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 2px 4px #28a74533}.create-form__button--submit:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.create-form__button--submit:disabled{background:#6c757d;cursor:not-allowed;box-shadow:none}.create-form__button--cancel{background:#6c757d;color:#fff}.create-form__button--cancel:hover{background:#5a6268}.loading{text-align:center;padding:60px 20px}.loading__spinner{font-size:32px;margin-bottom:16px;animation:spin 1s linear infinite}.loading__text{color:#6c757d;font-size:16px;margin:0}.classes-grid{display:grid;gap:20px}.class-card{background:#fff;border-radius:16px;border:1px solid #e9ecef;overflow:hidden;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;position:relative}.class-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.class-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#007bff,#6610f2)}.class-card__header{padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:flex-start}.class-card__info{flex:1;min-width:0}.class-card__name{margin:0 0 8px;color:#2c3e50;font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px;line-height:1.2}.class-card__name-icon{font-size:20px}.class-card__meta{display:flex;flex-wrap:wrap;gap:8px;color:#6c757d;font-size:13px;margin:0}.class-card__meta-item{display:flex;align-items:center;gap:4px;padding:2px 8px;background:#f8f9fa;border-radius:12px;font-weight:500}.class-card__meta-icon{font-size:12px}.delete-button{padding:8px 12px;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:4px;box-shadow:0 2px 4px #dc354533}.delete-button:hover{background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.delete-button__icon{font-size:14px}.invitation-code{margin:0 24px 16px;padding:16px;background:linear-gradient(135deg,#e3f2fd,#f0f8ff);border:1px solid #bbdefb;border-radius:12px;display:flex;align-items:center;gap:12px}.invitation-code__label{font-weight:600;color:#1976d2;font-size:14px}.invitation-code__value{background:#fff;padding:8px 12px;border-radius:8px;font-family:Courier New,monospace;font-size:16px;font-weight:700;color:#2c3e50;border:1px solid #ddd;letter-spacing:1px}.copy-button{padding:8px 12px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:4px;box-shadow:0 2px 4px #007bff33}.copy-button:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.copy-button__icon{font-size:14px}.students-section{padding:0 24px 24px;border-top:1px solid #f1f3f4}.students-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-top:20px}.students-section__title{margin:0;color:#495057;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.students-section__title-icon{font-size:16px}.students-section__count{background:linear-gradient(135deg,#e9ecef,#f8f9fa);color:#495057;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;border:1px solid #dee2e6}.students-empty{text-align:center;padding:32px 16px;color:#6c757d}.students-empty__icon{font-size:32px;margin-bottom:12px;opacity:.6}.students-empty__text{font-style:italic;margin:0;font-size:14px}.students-list{display:grid;gap:8px}.student-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:12px;transition:all .2s ease}.student-item:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.student-item__info{flex:1;min-width:0}.student-item__name{margin:0 0 4px;color:#2c3e50;font-weight:700;font-size:16px;display:flex;align-items:center;gap:8px}.student-item__avatar{width:28px;height:28px;background:linear-gradient(135deg,#007bff,#6610f2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.student-item__details{color:#6c757d;font-size:13px;margin:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.student-item__email{font-weight:500}.student-item__joined{display:flex;align-items:center;gap:4px}.student-item__joined-icon{font-size:12px}.remove-button{padding:6px 12px;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:4px;box-shadow:0 1px 3px #dc354533}.remove-button:hover{background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-1px);box-shadow:0 2px 6px #dc35454d}.remove-button__icon{font-size:12px}.no-classes{text-align:center;padding:80px 20px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;border:2px dashed #dee2e6;color:#6c757d}.no-classes__icon{font-size:64px;margin-bottom:24px;opacity:.6}.no-classes__title{color:#495057;margin-bottom:12px;font-size:20px;font-weight:600}.no-classes__text{font-size:14px;line-height:1.5;margin:0}@media(max-width:768px){.students-container{padding:16px}.students-header__title{font-size:28px}.classes-section__header{flex-direction:column;align-items:flex-start;gap:16px}.create-form__content{flex-direction:column;align-items:stretch}.create-form__button{width:100%;justify-content:center}.class-card__header{flex-direction:column;align-items:flex-start;gap:16px}.invitation-code{flex-direction:column;align-items:flex-start;gap:8px}.student-item{flex-direction:column;align-items:flex-start;gap:12px}.student-item__details{flex-direction:column;align-items:flex-start;gap:4px}}@media(max-width:480px){.students-container{padding:12px}.class-card__header{padding:20px}.invitation-code{margin:0 20px 16px;padding:12px}.students-section{padding:0 20px 20px}.student-item{padding:12px}}.homework-container{max-width:1000px;margin:0 auto;padding:20px}@media(max-width:768px){.homework-container{padding:76px 12px 20px;max-width:100%}}.homework-loading{text-align:center;padding:60px 20px}.homework-loading__spinner{font-size:32px;margin-bottom:16px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.homework-loading__text{color:#6c757d;font-size:16px;margin:0}.homework-no-class{text-align:center;padding:80px 20px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;border:2px dashed #dee2e6;color:#6c757d}.homework-no-class__icon{font-size:48px;margin-bottom:20px;opacity:.7}.homework-no-class__title{color:#495057;margin-bottom:12px;font-size:20px;font-weight:600}.homework-no-class__text{margin-bottom:24px;font-size:14px;line-height:1.5}.homework-no-class__button{padding:12px 24px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #007bff33}.homework-no-class__button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.homework-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid #e9ecef}.homework-header__title{margin:0;color:#2c3e50;font-size:28px;font-weight:700;display:flex;align-items:center;gap:12px}.homework-header__icon{font-size:32px}.homework-empty{text-align:center;padding:80px 20px;background:#fff;border-radius:16px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000000a}.homework-empty__icon{font-size:64px;margin-bottom:24px;opacity:.6}.homework-empty__title{color:#495057;margin-bottom:12px;font-size:20px;font-weight:600}.homework-empty__text{color:#6c757d;font-size:15px;margin:0}.homework-submissions{display:grid;gap:20px}.submission-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000000f;transition:all .2s ease;position:relative;overflow:hidden}.submission-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.submission-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#28a745,#20c997)}.student-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.student-info__details{flex:1}.student-info__name{margin:0 0 6px;color:#2c3e50;font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px}.student-info__avatar{width:24px;height:24px;background:linear-gradient(135deg,#007bff,#6610f2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.student-info__email{margin:0;color:#6c757d;font-size:14px;font-weight:500}.student-info__timestamp{text-align:right;padding:8px 12px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;border:1px solid #dee2e6}.timestamp__label{display:block;font-size:10px;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.timestamp__value{font-size:13px;color:#495057;font-weight:600;margin:0}.files-section{margin-top:20px}.files-section__header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #f1f3f4}.files-section__icon{font-size:18px}.files-section__title{margin:0;color:#495057;font-size:16px;font-weight:600}.files-section__count{background:#e9ecef;color:#495057;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.files-list{display:grid;gap:8px}.file-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:12px;transition:all .2s ease}.file-item:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.file-item__content{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.file-item__icon{font-size:24px;flex-shrink:0}.file-item__details{flex:1;min-width:0}.file-item__name{font-weight:600;font-size:14px;color:#2c3e50;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item__size{font-size:12px;color:#6c757d;margin:0}.download-button{padding:8px 16px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;text-decoration:none;border-radius:8px;font-size:12px;font-weight:600;transition:all .2s ease;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:0 2px 4px #28a74533}.download-button:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d;color:#fff;text-decoration:none}.download-button--disabled{background:#6c757d;cursor:not-allowed;box-shadow:none}.download-button--disabled:hover{background:#6c757d;transform:none;box-shadow:none}.download-button__icon{font-size:14px}@media(max-width:768px){.homework-container{padding:16px}.homework-header{flex-direction:column;align-items:flex-start;gap:16px}.homework-header__title{font-size:24px}.student-info{flex-direction:column;gap:16px;align-items:flex-start}.student-info__timestamp{align-self:flex-start}.submission-card{padding:20px}.file-item__content{gap:8px}.download-button{padding:6px 12px;font-size:11px}}@media(max-width:480px){.homework-container{padding:12px}.submission-card{padding:16px}.file-item{padding:12px}.file-item__content{flex-direction:column;align-items:flex-start;gap:8px}}.popin-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popin{background-color:#fff;border-radius:12px;min-width:400px;max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:0 10px 25px #0000004d;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.popin-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 15px;border-bottom:1px solid #e9ecef}.popin-title{margin:0;font-size:18px;font-weight:600;color:#333}.popin-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.popin-close:hover{background-color:#f8f9fa;color:#333}.popin-body{padding:20px;text-align:center}.popin-icon{font-size:48px;margin-bottom:15px}.popin-message{margin:0;font-size:16px;line-height:1.5;color:#555}.popin-actions{display:flex;justify-content:flex-end;gap:12px;padding:15px 20px 20px;border-top:1px solid #e9ecef;background-color:#f8f9fa}.popin-button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:80px}.popin-button-cancel{background-color:#6c757d;color:#fff}.popin-button-cancel:hover{background-color:#545b62}.popin-button-confirm{color:#fff}.popin-button-danger{background-color:#dc3545}.popin-button-danger:hover{background-color:#c82333}.popin-button-warning{background-color:#ffc107;color:#333}.popin-button-warning:hover{background-color:#e0a800}.popin-button-info{background-color:#17a2b8}.popin-button-info:hover{background-color:#138496}.popin-danger .popin-title{color:#dc3545}.popin-warning .popin-title{color:#856404}.popin-info .popin-title{color:#0c5460}@media(max-width:480px){.popin{min-width:300px;margin:20px}.popin-actions{flex-direction:column}.popin-button{width:100%}}.question-editor{border:1px solid #e9ecef;border-radius:12px;padding:20px;margin-bottom:16px;background:linear-gradient(135deg,#fff,#f8f9fa);box-shadow:0 2px 12px #0000000a;transition:all .3s ease}.question-editor:hover{box-shadow:0 4px 20px #00000014;transform:translateY(-1px)}.question-editor__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f1f3f4}.question-editor__number{font-size:16px;font-weight:700;color:#2c3e50;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.question-editor__header-actions{display:flex;align-items:center;gap:16px}.question-editor__points-section{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#e3f2fd,#f0f8ff);border:1px solid #bbdefb;border-radius:8px}.question-editor__points-label{font-size:12px;font-weight:600;color:#1976d2;margin:0}.question-editor__points-input{width:60px;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;font-weight:600;color:#1976d2;text-align:center;background:#fff}.question-editor__points-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.question-editor__type-badge{font-size:12px;color:#495057;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);padding:6px 12px;border-radius:20px;border:1px solid #e1bee7;font-weight:500;letter-spacing:.5px}.question-editor__delete-button{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;font-size:16px;cursor:pointer;padding:8px 12px;color:#fff;border-radius:8px;transition:all .3s ease;box-shadow:0 2px 8px #ff6b6b4d}.question-editor__delete-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ff6b6b66}.question-editor__label{font-size:14px;color:#2c3e50;font-weight:600;margin-bottom:8px;display:block;letter-spacing:.3px}.question-editor__textarea{width:100%;min-height:80px;padding:14px 16px;border:2px solid #e9ecef;border-radius:10px;font-size:15px;resize:vertical;font-family:inherit;transition:all .3s ease;background:#fff}.question-editor__textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.question-editor__options-section{margin-top:20px}.question-editor__option-card{background:#fff;border:2px solid #f1f3f4;border-radius:12px;margin-bottom:12px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.question-editor__option-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#dee2e6;transition:all .3s ease}.question-editor__option-card--correct{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745;transform:translateY(-2px);box-shadow:0 4px 20px #28a74526}.question-editor__option-card--correct:before{background:linear-gradient(180deg,#28a745,#20c997);width:6px}.question-editor__option-card:hover{border-color:#667eea;box-shadow:0 2px 12px #00000014;transform:translateY(-1px)}.question-editor__option-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.question-editor__option-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:50%;flex-shrink:0;font-weight:600;font-size:14px;color:#495057;box-shadow:0 2px 4px #0000001a}.question-editor__option-card--correct .question-editor__option-indicator{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;transform:scale(1.1)}.question-editor__option-number{font-weight:700}.question-editor__correct-toggle{flex:1;display:flex;justify-content:flex-start;margin-left:12px}.question-editor__correct-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;padding:8px 16px;border-radius:25px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:13px;font-weight:500;color:#6c757d;min-width:200px;justify-content:flex-start}.question-editor__correct-btn:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#adb5bd;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.question-editor__correct-btn--active{background:linear-gradient(135deg,#28a745,#20c997);border-color:#28a745;color:#fff;box-shadow:0 2px 12px #28a7454d;transform:scale(1.05)}.question-editor__correct-btn--active:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:scale(1.05) translateY(-1px);box-shadow:0 4px 16px #28a74566}.question-editor__correct-icon{font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.question-editor__correct-text{font-weight:600;letter-spacing:.3px}.question-editor__option-delete{background:linear-gradient(135deg,#6c757d,#5a6268);border:none;padding:8px;border-radius:8px;cursor:pointer;color:#fff;transition:all .3s ease;flex-shrink:0;box-shadow:0 2px 8px #6c757d33}.question-editor__option-delete:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.question-editor__delete-icon{font-size:12px;display:block}.question-editor__option-content{position:relative}.question-editor__option-input{width:100%;padding:12px 16px;border:2px solid #f1f3f4;border-radius:10px;font-size:15px;font-weight:500;background:#fff;transition:all .3s ease;color:#2c3e50}.question-editor__option-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fefefe}.question-editor__option-card--correct .question-editor__option-input{border-color:#28a745;background:#ffffffe6;font-weight:600}.question-editor__correct-badge{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border-radius:20px;font-size:11px;font-weight:600;width:fit-content;box-shadow:0 2px 8px #28a74533;animation:slideInUp .3s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.question-editor__badge-icon{font-size:12px}.question-editor__badge-text{letter-spacing:.3px}.question-editor__add-option{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:14px 20px;border-radius:12px;margin-top:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px #667eea4d;letter-spacing:.3px}.question-editor__add-option:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 4px 20px #667eea66}.question-editor__add-icon{font-size:12px}.question-editor__add-text{font-weight:600}.question-editor__validation-info{color:#aeaeae;font-size:14px;font-weight:600;margin-top:16px;padding:12px 16px;border-radius:10px;display:flex;align-items:center;gap:8px;animation:pulse 2s infinite}.question-editor__validation-info:before{font-size:16px}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #dc354533}50%{transform:scale(1.02);box-shadow:0 4px 16px #dc35454d}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(max-width:768px){.question-editor{padding:16px}.question-editor__option-header{flex-direction:column;gap:8px;align-items:stretch}.question-editor__correct-toggle{justify-content:stretch}.question-editor__correct-btn{width:100%;min-width:auto}}.test-container{width:100%;background-color:#f0f2f5;min-height:100vh;padding:20px 0}.test-wrapper{max-width:1200px;margin:0 auto;padding:0 20px}.test-edit-wrapper{max-width:800px;margin:0 auto;padding:0 20px}@media(max-width:768px){.test-container{padding:76px 0 20px}.test-wrapper,.test-edit-wrapper{padding:0 12px;max-width:100%}}.test-loading{text-align:center;padding:60px 20px;color:#666}.test-loading-spinner{font-size:24px;margin-bottom:15px}.test-no-classes{text-align:center;padding:60px 20px;color:#666;background-color:#fff;border-radius:12px;border:1px solid #e1e5e9;max-width:680px;margin:0 auto}.test-no-classes-icon{font-size:48px;margin-bottom:20px}.test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;border-radius:12px}.class-selection{display:flex;align-items:center;gap:10px}.class-selection label{font-weight:600;color:#333}.class-select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background-color:#fff;min-width:200px;cursor:pointer;pointer-events:auto;position:relative;z-index:10}.class-select:hover{border-color:#495057}.class-select:focus{outline:none;border-color:#495057;box-shadow:0 0 0 2px #667eea33}.create-test-button{background-color:#6f42c1;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.create-test-button:hover{background-color:#5a2d91}.tests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.no-tests{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#666;background-color:#fff;border-radius:12px;border:1px solid #e1e5e9}.no-tests-icon{font-size:48px;margin-bottom:20px}.test-card{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000001a;border:1px solid #e1e5e9;cursor:pointer;transition:all .2s ease}.test-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.test-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.test-card-header h3{margin:0 10px 0 0;font-size:18px;color:#333;flex:1}.test-card-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.test-card-status{flex-shrink:0}.delete-test-button{background:none;border:none;font-size:16px;cursor:pointer;padding:6px;border-radius:4px;opacity:.7;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.delete-test-button:hover{opacity:1;background-color:#dc35451a;transform:scale(1.1)}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff}.status-badge.small{padding:4px 8px;font-size:11px}.test-card-info p{margin:5px 0;color:#666;font-size:14px}.test-date{font-size:12px!important;color:#999!important}.test-edit-header-wrapper{width:100%;padding:0 20px;margin-bottom:24px}.test-edit-header{background:linear-gradient(135deg,#fff,#f8f9fa);padding:24px 32px;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;width:100%;box-sizing:border-box}.test-edit-container{display:flex;gap:30px;max-width:1400px;margin:0 auto;padding:0 20px;align-items:flex-start}.test-edit-questions{flex:2;min-width:0}.test-edit-sidebar{flex:1;min-width:350px;position:sticky;top:20px}.no-questions-placeholder{background:#fff;border:2px dashed #e9ecef;border-radius:12px;padding:60px 20px;text-align:center;color:#666}.no-questions-placeholder h3{margin:0 0 10px;color:#333}.no-questions-placeholder p{margin:0;font-size:14px}.back-button{display:flex;align-items:center;justify-content:center;background:none;border:2px solid #e9ecef;color:#6c757d;font-size:16px;font-weight:600;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .3s ease;min-width:40px;height:40px}.back-button:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-color:#495057;color:#495057;transform:translate(-2px)}.test-info{flex:1;text-align:left}.test-title-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.test-points-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.points-total{font-size:14px;font-weight:600;padding:6px 12px;border-radius:6px;border:1px solid;display:flex;align-items:center;gap:4px}.points-total--valid{color:#155724;background:#d4edda;border-color:#c3e6cb}.points-total--error{color:#1e40af;background:#dbeafe;border-color:#93c5fd}.points-error{color:#1e40af;font-size:13px;font-weight:600;background:#dbeafe;border:1px solid #93c5fd;padding:4px 8px;border-radius:4px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.test-info h2{margin:0;color:#2c3e50;font-size:28px;font-weight:700;letter-spacing:.3px}.status-badge{padding:4px 10px;color:#fff;border-radius:12px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:4px;letter-spacing:.3px;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.test-actions{display:flex;gap:12px;align-items:center}.save-button{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #28a74533;letter-spacing:.3px}.save-button:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.save-icon{font-size:18px!important}.send-button{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#495057,#343a40);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #49505733;letter-spacing:.3px}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#343a40,#212529);transform:translateY(-1px);box-shadow:0 4px 12px #4950574d}.send-button:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.send-icon{font-size:18px!important}.responses-button{background-color:#17a2b8;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.responses-button:hover{background-color:#138496}.questions-container{display:flex;flex-direction:column;gap:20px}.question-editor{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000001a;border:1px solid #e1e5e9}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e9ecef}.question-number{font-weight:600;color:#6f42c1;font-size:16px}.question-type-badge{background-color:#f8f9fa;color:#495057;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.delete-question-button{background:none;border:none;color:#dc3545;cursor:pointer;font-size:16px;padding:4px;border-radius:4px;transition:background-color .2s ease}.delete-question-button:hover{background-color:#f8f9fa}.question-content label{display:block;margin-bottom:8px;font-weight:600;color:#333}.question-input{width:100%;min-height:80px;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;resize:vertical;outline:none;margin-bottom:15px}.question-input:focus{border-color:#6f42c1;box-shadow:0 0 0 1px #6f42c1}.file-upload-section{margin-bottom:15px}.file-upload{border:2px dashed #ddd;border-radius:8px;padding:20px;text-align:center;background-color:#f8f9fa}.file-input{display:none}.file-upload-button{display:inline-block;background-color:#6f42c1;color:#fff;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.file-upload-button:hover{background-color:#5a2d91}.uploaded-image{text-align:center}.question-image{max-width:300px;max-height:200px;border-radius:8px;margin-bottom:10px;display:block;margin-left:auto;margin-right:auto}.uploaded-audio{text-align:center}.question-audio{margin-bottom:10px;width:100%;max-width:400px}.remove-file-button{background-color:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.remove-file-button:hover{background-color:#c82333}.options-section{margin-bottom:15px}.option-input-group{display:flex;gap:8px;margin-bottom:8px;align-items:center}.option-input{flex:1;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none}.option-input:focus{border-color:#6f42c1;box-shadow:0 0 0 1px #6f42c1}.remove-option-button{background:none;border:none;color:#dc3545;cursor:pointer;font-size:18px;padding:5px;width:30px;height:30px;border-radius:4px;transition:background-color .2s ease}.remove-option-button:hover{background-color:#f8f9fa}.add-option-button{background-color:#28a745;color:#fff;border:none;padding:8px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.add-option-button:hover{background-color:#218838}.add-question-panel{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:24px;box-shadow:0 2px 12px #0000000a}.add-question-panel .add-question-title{font-size:18px;font-weight:700;color:#2c3e50;margin:0 0 20px;text-align:center;letter-spacing:.3px}.question-types-list{display:flex;flex-direction:column;gap:12px}.question-types-list .question-type-card{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;box-sizing:border-box}.question-types-list .question-type-card:hover{border-color:#495057;transform:translateY(-2px);box-shadow:0 8px 24px #49505726}.question-types-list .question-type-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#f1f3f4,#e8eaed);border-radius:10px;color:#6c757d;transition:all .3s ease;flex-shrink:0}.question-types-list .question-type-card:hover .question-type-card__icon{color:#495057;transform:scale(1.1)}.question-types-list .question-type-card__icon svg{font-size:20px}.question-types-list .question-type-card__content{display:flex;flex-direction:column;gap:4px;flex:1}.question-types-list .question-type-card__title{font-size:14px;font-weight:600;color:#2c3e50;line-height:1.2}.question-types-list .question-type-card__description{font-size:12px;color:#6c757d;line-height:1.3}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal{background-color:#fff;border-radius:12px;padding:0;max-width:500px;width:90%;max-height:80%;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e9ecef}.modal-header h3{margin:0;color:#333}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;padding:0;width:30px;height:30px}.modal-body{padding:20px}.modal-body label{display:block;margin-bottom:8px;font-weight:600;color:#333}.test-name-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none}.test-name-input:focus{border-color:#6f42c1;box-shadow:0 0 0 1px #6f42c1}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #e9ecef}.cancel-button{background-color:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.cancel-button:hover{background-color:#545b62}.create-button{background-color:#6f42c1;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.create-button:hover:not(:disabled){background-color:#5a2d91}.create-button:disabled{background-color:#6c757d;cursor:not-allowed}.add-question-section{margin-top:32px;padding:24px;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 2px 12px #0000000a}.add-question-title{font-size:18px;font-weight:700;color:#2c3e50;margin:0 0 20px;text-align:center;letter-spacing:.3px}.question-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.question-type-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:hidden}.question-type-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#495057,#343a40);opacity:0;transition:opacity .3s ease}.question-type-card:hover{border-color:#495057;transform:translateY(-2px);box-shadow:0 8px 24px #49505726}.question-type-card:hover:before{opacity:1}.question-type-card:hover .question-type-card__icon{color:#495057;transform:scale(1.1)}.question-type-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#f1f3f4,#e8eaed);border-radius:12px;color:#6c757d;transition:all .3s ease;flex-shrink:0}.question-type-card__icon svg{font-size:24px}.question-type-card__content{display:flex;flex-direction:column;gap:4px;flex:1}.question-type-card__title{font-size:16px;font-weight:600;color:#2c3e50;line-height:1.2}.question-type-card__description{font-size:13px;color:#6c757d;line-height:1.3}@media(max-width:1024px){.test-edit-container{flex-direction:column;gap:20px}.test-edit-sidebar{position:static;min-width:0;order:-1}.add-question-panel{padding:20px}.question-types-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}}@media(max-width:768px){.test-container{padding:10px 0}.test-wrapper,.test-edit-container{padding:0 10px}.question-types-list{grid-template-columns:1fr;gap:12px}.question-types-list .question-type-card{padding:14px;gap:12px}.question-types-list .question-type-card__icon{width:36px;height:36px}.question-types-list .question-type-card__icon svg{font-size:18px}.test-header{flex-direction:column;align-items:stretch;gap:15px}.test-edit-header{flex-direction:column;align-items:stretch;text-align:center}.test-actions{justify-content:center}.tests-grid{grid-template-columns:1fr}.modal{margin:20px}}.submissions-header{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.submissions-info h2{margin:0 0 5px;color:#333;font-size:24px}.submissions-info p{margin:0;color:#666}.submissions-list{display:flex;flex-direction:column;gap:15px}.no-submissions{text-align:center;padding:60px 20px;color:#666;background-color:#fff;border-radius:12px;border:1px solid #e1e5e9}.no-submissions-icon{font-size:48px;margin-bottom:20px}.submission-card{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000001a;border:1px solid #e1e5e9;cursor:pointer;transition:all .2s ease}.submission-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.submission-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.student-info{display:flex;align-items:center;gap:12px}.student-photo{width:40px;height:40px;border-radius:50%;object-fit:cover}.student-info h3{margin:0;color:#333;font-size:16px}.submission-date{margin:2px 0 0;color:#666;font-size:12px}.submission-status{text-align:right}.graded{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.grade{font-size:18px;font-weight:700;color:#28a745}.corrected-badge{background-color:#28a745;color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.pending-badge{background-color:#ffc107;color:#333;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.submission-preview{color:#666;font-size:14px}.submission-preview p{margin:4px 0}.submission-review{display:flex;flex-direction:column;gap:20px}.submission-review-header{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.student-photo-large{width:50px;height:50px;border-radius:50%;object-fit:cover}.grading-section{display:flex;align-items:center;gap:15px}.grade-input-group{display:flex;align-items:center;gap:8px}.grade-input-group label{font-weight:600;color:#333}.grade-input{width:60px;padding:6px 10px;border:2px solid #ddd;border-radius:6px;font-size:16px;font-weight:700;text-align:center;outline:none}.grade-input:focus{border-color:#17a2b8}.save-grade-button{background-color:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.save-grade-button:hover{background-color:#218838}.questions-answers{display:flex;flex-direction:column;gap:20px}.question-answer-card{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000001a;border:1px solid #e1e5e9}.question-section{padding-bottom:15px;border-bottom:1px solid #e9ecef;margin-bottom:15px}.question-media{margin:15px 0;text-align:center}.question-image-small{max-width:200px;max-height:150px;border-radius:6px}.question-audio-small{width:100%;max-width:300px}.question-options{margin-top:10px;padding:10px;background-color:#f8f9fa;border-radius:6px}.question-options ul{margin:5px 0 0;padding-left:20px}.question-options li{margin:2px 0;color:#666;font-size:14px}.answer-section{margin-top:15px}.answer-header{margin-bottom:10px;color:#333}.student-answer{background-color:#f8f9fa;padding:15px;border-radius:8px;border-left:4px solid #17a2b8;font-size:15px;line-height:1.5;min-height:50px}.feedback-section{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 4px #0000001a;border:1px solid #e1e5e9}.feedback-section label{display:block;margin-bottom:10px;font-weight:600;color:#333}.feedback-textarea{width:100%;min-height:100px;padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;resize:vertical;outline:none;font-family:inherit;margin-bottom:15px}.feedback-textarea:focus{border-color:#17a2b8}.save-feedback-button{background-color:#17a2b8;color:#fff;border:none;padding:12px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.save-feedback-button:hover{background-color:#138496}.attendance-container{max-width:1400px;margin:0 auto;padding:20px;background-color:#fafafa;height:100vh;display:flex;flex-direction:column;gap:16px}.progress-card{background-color:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 1px 3px #0000001a;flex-shrink:0}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.progress-title{font-size:14px;font-weight:500;color:#202124;margin:0}.progress-count{font-size:16px;font-weight:600;color:#1a73e8}.progress-bar-container{width:100%;height:8px;background-color:#e8eaed;border-radius:4px;overflow:hidden;margin-bottom:6px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#1a73e8,#34a853);border-radius:4px;transition:width .3s ease}.progress-percentage{font-size:12px;color:#5f6368;text-align:right;margin:0}.date-navigation{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:12px 20px;border-radius:12px;box-shadow:0 1px 3px #0000001a;flex-shrink:0}.date-nav-button{background:none;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#5f6368;transition:all .2s ease}.date-nav-button:hover{background-color:#f1f3f4;color:#202124}.date-display{display:flex;align-items:center;gap:12px}.date-text{font-size:16px;font-weight:500;color:#202124;margin:0;text-transform:capitalize}.today-button{background-color:#1a73e8;color:#fff;border:none;padding:6px 14px;border-radius:16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.today-button:hover{background-color:#1765cc;box-shadow:0 1px 3px #1a73e84d}.calendar-grid{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;flex:1;display:flex;flex-direction:column}.weekday-headers{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:12px}.weekday-header{text-align:center;font-size:12px;font-weight:600;color:#5f6368;text-transform:uppercase;letter-spacing:.5px;padding:8px 0}.calendar-days{display:flex;flex-direction:column;gap:8px;flex:1}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;flex:1}.calendar-day,.calendar-day-empty{min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;background-color:#f8f9fa;border:2px solid transparent;padding:8px}.calendar-day-empty{cursor:default;background-color:transparent}.calendar-day:hover{background-color:#e8f0fe;border-color:#1a73e8;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.calendar-day.today{border-color:#1a73e8;background-color:#e8f0fe}.calendar-day.all-present{background-color:#34a853;border-color:#34a853}.calendar-day.all-present .day-number{color:#fff;font-weight:600}.calendar-day.all-absent{background-color:#ea4335;border-color:#ea4335}.calendar-day.all-absent .day-number{color:#fff;font-weight:600}.calendar-day.unmarked{background-color:#f8f9fa;border-color:transparent}.day-number{font-size:16px;font-weight:500;color:#202124;margin-bottom:6px}.day-status-indicator{display:none}.status-icon-small{font-size:20px!important}.present-icon{color:#34a853}.absent-icon{color:#ea4335}.status-partial{width:6px;height:6px;border-radius:50%;background-color:#fbbc04}.day-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.day-modal{background-color:#fff;border-radius:12px;max-width:600px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 4px 16px #00000026;display:flex;flex-direction:column}.day-modal-header{padding:16px 20px;border-bottom:1px solid #dadce0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.day-modal-title{margin:0;font-size:18px;font-weight:500;color:#202124;text-transform:capitalize}.day-modal-close{background:none;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#5f6368;transition:background-color .2s ease}.day-modal-close:hover{background-color:#f1f3f4}.day-modal-content{padding:16px;overflow-y:auto;flex:1}.modal-student-card{display:flex;align-items:center;justify-content:space-between;padding:12px;margin-bottom:8px;border-radius:6px;background-color:#f8f9fa;border-left:3px solid #dadce0;transition:all .15s ease}.modal-student-card.present{background-color:#f0f9f4;border-left-color:#34a853}.modal-student-card.absent{background-color:#fef3f2;border-left-color:#ea4335}.student-info{display:flex;align-items:center;gap:16px;flex:1}.student-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.student-avatar-placeholder{width:40px;height:40px;border-radius:50%;background-color:#5f6368;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:500}.student-details{display:flex;flex-direction:column;gap:4px}.student-name{font-size:15px;font-weight:500;color:#202124}.student-email{font-size:13px;color:#5f6368}.attendance-actions{display:flex;gap:8px}.attendance-button{display:flex;align-items:center;gap:4px;padding:7px 12px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .15s ease;white-space:nowrap;background-color:#f1f3f4;color:#5f6368}.attendance-button.present{background-color:#e8f5e9;color:#1e8e3e}.attendance-button.present.active{background-color:#34a853;color:#fff}.attendance-button.present:hover{opacity:.8}.attendance-button.absent{background-color:#fce8e6;color:#c5221f}.attendance-button.absent.active{background-color:#ea4335;color:#fff}.attendance-button.absent:hover{opacity:.8}.attendance-button.unmarked{background-color:#f1f3f4;color:#5f6368}.attendance-button.unmarked.active{background-color:#dadce0;color:#202124}.attendance-button.unmarked:hover{opacity:.8}.day-modal-footer{padding:12px 16px;border-top:1px solid #dadce0;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.day-modal-cancel{padding:8px 20px;background-color:#f1f3f4;color:#5f6368;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .15s ease}.day-modal-cancel:hover{opacity:.8}.day-modal-save{padding:8px 20px;background-color:#34a853;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .15s ease}.day-modal-save:hover{opacity:.9}.day-modal-save:disabled{background-color:#e8eaed;color:#9aa0a6;cursor:not-allowed}.attendance-loading,.attendance-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px}.loading-spinner{width:48px;height:48px;border:4px solid #e8eaed;border-top-color:#1a73e8;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.attendance-loading p,.attendance-empty p{color:#5f6368;font-size:16px;margin:8px 0 0}.attendance-empty h3{color:#202124;font-size:24px;font-weight:400;margin:16px 0 8px}.empty-icon{font-size:64px;margin-bottom:16px}@media(max-width:768px){.attendance-container{padding:12px;gap:12px}.progress-card{padding:12px 16px}.date-navigation{padding:10px 16px}.calendar-grid{padding:12px}.calendar-week{gap:6px}.weekday-headers{gap:6px;margin-bottom:8px}.calendar-days{gap:6px}.calendar-day,.calendar-day-empty{min-height:50px;padding:6px}.day-number{font-size:14px;margin-bottom:4px}.status-icon-small{font-size:18px!important}.weekday-header{font-size:11px;padding:6px 0}.modal-student-card{flex-direction:column;align-items:flex-start;gap:12px}.attendance-actions{width:100%}.attendance-button{flex:1;justify-content:center}}@media(max-width:480px){.attendance-container{padding:8px;gap:8px}.calendar-week,.weekday-headers,.calendar-days{gap:4px}.calendar-day,.calendar-day-empty{min-height:45px;padding:4px}.day-number{font-size:12px;margin-bottom:3px}.status-icon-small{font-size:16px!important}.status-partial{width:6px;height:6px}.weekday-header{font-size:10px;padding:4px 0}}.platform-teacher-container{display:flex;height:100vh;overflow:hidden;background-color:#f8f9fa}.platform-teacher-main{flex:1;overflow-y:auto;background:#fff;min-height:100vh}@media(max-width:768px){.platform-teacher-container{flex-direction:column}.platform-teacher-main{flex:1;padding-top:0;min-height:calc(100vh - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch}}@media(max-width:1024px)and (min-width:769px){.platform-teacher-main{padding:0}}.platform-teacher-main>*{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.platform-teacher-main{scroll-behavior:smooth}@supports (-webkit-touch-callout: none){.platform-teacher-main{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}}:root{--primary: #ff6b00;--dark: #2c2c2c;--light-grey: #f8f9ff;--text-grey: #666666;--border-light: #e5e5e5;--shadow-light: 0 4px 15px rgba(0, 0, 0, .1);--shadow-medium: 0 10px 30px rgba(0, 0, 0, .15);--border-radius: 12px;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Bricolage Grotesque,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{min-height:100vh;background-color:#fff;overflow-x:hidden;display:flex;flex-direction:column}.main-content{flex:1;padding-top:80px}a{text-decoration:none;color:inherit}a:hover{text-decoration:none}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-grey{color:var(--text-grey)}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media(max-width:768px){.container{padding:0 1rem}}