:root{--scw-light-bg:#f8fafc;--scw-light-card-bg:#fff;--scw-light-border:#e2e8f0;--scw-light-text-primary:#0f172a;--scw-light-text-secondary:#64748b;--scw-light-accent-blue:#3b82f6;--scw-light-accent-green:#10b981;--scw-light-accent-purple:#8b5cf6;--scw-light-accent-orange:#f59e0b;--scw-light-accent-red:#ef4444;--scw-dark-bg:#0f172a;--scw-dark-card-bg:#1e293b;--scw-dark-border:#334155;--scw-dark-text-primary:#f1f5f9;--scw-dark-text-secondary:#94a3b8;--scw-dark-accent-blue:#60a5fa;--scw-dark-accent-green:#34d399;--scw-dark-accent-purple:#a78bfa;--scw-dark-accent-orange:#fbbf24;--scw-dark-accent-red:#f87171;--scw-bg:var(--scw-light-bg);--scw-card-bg:var(--scw-light-card-bg);--scw-border:var(--scw-light-border);--scw-text-primary:var(--scw-light-text-primary);--scw-text-secondary:var(--scw-light-text-secondary);--scw-accent-blue:var(--scw-light-accent-blue);--scw-accent-green:var(--scw-light-accent-green);--scw-accent-purple:var(--scw-light-accent-purple);--scw-accent-orange:var(--scw-light-accent-orange);--scw-accent-red:var(--scw-light-accent-red)}[data-theme=dark]{--bg-primary:#0f172a;--bg-surface:#1e293b;--bg-secondary:#334155;--bg-hover:#475569;--bg-card:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#334155;--border-primary:#475569;--shadow:0 4px 10px #0009;--shadow-primary:0 4px 6px -1px #0000004d;--shadow-secondary:0 10px 15px -3px #0006;--color-primary:#06f;--color-success:#00c851;--color-danger:#ff4757;--color-warning:#df0;--color-info:#00ff87;--color-light:#f8f9fa;--color-dark:#1a1a1a;--primary-gradient:linear-gradient(90deg,#0f0,#007bff);--primary-hover:linear-gradient(90deg,#0c0,#0056b3);--detail-bg:#1e293b;--detail-card-bg:#334155;--detail-border:#475569;--detail-text:#f1f5f9;--detail-text-muted:#94a3b8;--detail-overlay:#000c;--detail-shadow:#0000004d;--detail-hover-shadow:#0006;--scw-bg:var(--scw-dark-bg);--scw-card-bg:var(--scw-dark-card-bg);--scw-border:var(--scw-dark-border);--scw-text-primary:var(--scw-dark-text-primary);--scw-text-secondary:var(--scw-dark-text-secondary);--scw-accent-blue:var(--scw-dark-accent-blue);--scw-accent-green:var(--scw-dark-accent-green);--scw-accent-purple:var(--scw-dark-accent-purple);--scw-accent-orange:var(--scw-dark-accent-orange);--scw-accent-red:var(--scw-dark-accent-red)}[data-theme=light]{--bg-primary:#f8fafc;--bg-surface:#fff;--bg-secondary:#f1f5f9;--bg-hover:#e2e8f0;--bg-card:#fff;--text-primary:#1a1a1a;--text-secondary:#6b7280;--text-muted:#9ca3af;--border-color:#e2e8f0;--border-primary:#d1d5db;--shadow:0 4px 10px #00000014;--shadow-primary:0 4px 6px -1px #0000001a;--shadow-secondary:0 10px 15px -3px #00000026;--color-primary:#06f;--color-success:#28a745;--color-danger:#dc3545;--color-warning:#ffc107;--color-info:#17a2b8;--color-light:#fff;--color-dark:#212529;--primary-gradient:linear-gradient(90deg,#0f0,#007bff);--primary-hover:linear-gradient(90deg,#0c0,#0056b3);--detail-bg:#fff;--detail-card-bg:#f8f9fa;--detail-border:#e0e0e0;--detail-text:#1a1a1a;--detail-text-muted:#6b7280;--detail-overlay:#000000b3;--detail-shadow:#0000001a;--detail-hover-shadow:#00000026;--scw-bg:var(--scw-light-bg);--scw-card-bg:var(--scw-light-card-bg);--scw-border:var(--scw-light-border);--scw-text-primary:var(--scw-light-text-primary);--scw-text-secondary:var(--scw-light-text-secondary);--scw-accent-blue:var(--scw-light-accent-blue);--scw-accent-green:var(--scw-light-accent-green);--scw-accent-purple:var(--scw-light-accent-purple);--scw-accent-orange:var(--scw-light-accent-orange);--scw-accent-red:var(--scw-light-accent-red)}@media(min-width:768px){.container{padding:0 1.5rem;padding:0 var(--space-6)}}:root{--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-size-3xl:2rem;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--sidebar-width:280px;--sidebar-width-collapsed:80px}.navbar{animation:fadeInUp .5s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-surface);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow);left:0;right:0;top:0;transition:all .3s ease;z-index:1000}@media(max-width:768px){.navbar{display:none!important}}.navbar__container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px;position:relative}@media(max-width:1200px){.navbar__container{padding:0 20px}.navbar__nav{gap:24px;margin-left:32px}}@media(max-width:1024px){.navbar__nav{display:none}.navbar__search{max-width:250px}.navbar__auth-buttons{display:none}}.navbar__logo{flex-shrink:0;z-index:1001}.navbar__logo-link{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:12px;text-decoration:none;transition:transform .2s ease}.navbar__logo-link_img{height:50px;width:50px}.navbar__logo-link:hover{transform:scale(1.05)}.navbar__logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--success-500),var(--primary-500));-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}@media(max-width:480px){.navbar__logo-text{font-size:20px}}@media(max-width:400px){.navbar__logo-text{display:none}}.navbar__nav{gap:32px;margin-left:48px}.navbar__nav,.navbar__nav-link{align-items:center;display:flex}.navbar__nav-link{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:15px;font-weight:500;gap:8px;padding:8px 16px;position:relative;text-decoration:none;transition:all .2s ease}.navbar__nav-link:hover{background:#0066ff1a;color:var(--primary-blue);transform:translateY(-1px)}.navbar__nav-link svg{transition:transform .2s ease}.navbar__nav-link:hover svg{transform:scale(1.1)}.navbar__search{flex:1 1;margin:0 24px;max-width:400px}.navbar__search-container{position:relative;width:100%}.navbar__search-container svg{color:var(--text-secondary);left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.navbar__search-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:15px;padding:12px 16px 12px 48px;transition:all .2s ease;width:100%}.navbar__search-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #0066ff1a;outline:none}.navbar__search-input::placeholder,.navbar__theme-toggle{color:var(--text-secondary)}.navbar__theme-toggle{align-items:center;background:var(--bg-primary);border:none;border-radius:12px;cursor:pointer;display:flex;height:44px;justify-content:center;margin-right:16px;transition:all .2s ease;width:44px}.navbar__theme-toggle:hover{background:var(--primary-blue);color:#fff;transform:scale(1.05)}.navbar__theme-toggle:active{transform:scale(.95)}.navbar__actions{align-items:center;display:flex;flex-shrink:0}.navbar__user-menu{position:relative}.navbar__user-menu:hover .navbar__profile-dropdown{opacity:1;transform:translateY(0);visibility:visible}.navbar__profile{align-items:center;background:var(--bg-primary);border:2px solid #0000;border-radius:25px;cursor:pointer;display:flex;gap:12px;padding:6px 12px 6px 6px;position:relative;transition:all .2s ease;z-index:1001}.navbar__profile:hover{background:#00ff870d;border-color:var(--primary-green);transform:scale(1.02)}.navbar__profile:active{transform:scale(1)}.navbar__profile-avatar{background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));border:2px solid var(--primary-green);border-radius:50%;height:36px;object-fit:cover;width:36px}.navbar__profile-info{align-items:flex-start;display:flex;flex-direction:column;min-width:0}@media(max-width:1200px){.navbar__profile-info{display:none}}.navbar__profile-name{color:var(--text-primary);font-size:14px;font-weight:600}.navbar__profile-email,.navbar__profile-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar__profile-email{color:var(--text-secondary);font-size:12px}.navbar__profile-dropdown{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow);margin-top:8px;min-width:200px;opacity:0;padding:8px;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .2s ease;visibility:hidden}@media(max-width:1024px){.navbar__profile-dropdown{display:none}}.navbar__dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.navbar__dropdown-item:hover{background:#0066ff1a;color:var(--primary-blue)}.navbar__dropdown-item--logout{color:var(--danger-color)}.navbar__dropdown-item--logout:hover{background:#ff47571a;color:var(--danger-color)}.navbar__dropdown-item--notification{position:relative}.navbar__icon-wrapper{align-items:center;display:inline-flex;position:relative}.notification-badge{background-color:var(--notification-color);border:1px solid var(--bg-surface);border-radius:50%;height:8px;position:absolute;right:-4px;top:-4px;width:8px}.navbar__dropdown-item--notification:hover .notification-badge{transform:scale(1.2)}.navbar__auth-buttons{align-items:center;display:flex;gap:12px}@media(max-width:1024px){.navbar__auth-buttons{display:none}}.navbar__auth-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;text-decoration:none;transition:all .2s ease}.navbar__auth-btn--login{background:#0000;border:2px solid var(--border-color);color:var(--text-primary)}.navbar__auth-btn--login:hover{border-color:var(--primary-blue);box-shadow:0 4px 15px #06f3;color:var(--primary-blue);transform:translateY(-1px)}.navbar__auth-btn--register{background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));border:2px solid #0000;color:#fff}.navbar__auth-btn--register:hover{box-shadow:0 4px 20px #0066ff4d;transform:translateY(-1px)}.navbar__auth-btn:active{transform:translateY(0)}.navbar:before{background:linear-gradient(135deg,#00ff871a,#0066ff1a);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.navbar:hover:before{opacity:1}.navbar__auth-btn:focus,.navbar__logo-link:focus,.navbar__nav-link:focus,.navbar__profile:focus,.navbar__search-input:focus,.navbar__theme-toggle:focus{border-radius:8px;outline:2px solid var(--primary-blue);outline-offset:2px}.navbar-left{background:var(--bg-surface);border-right:1px solid var(--border-color);box-shadow:var(--shadow);height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);width:70px;z-index:1000}.navbar-left:hover{width:280px}.navbar-left__container{display:flex;flex-direction:column;height:100%;padding:16px 0}.navbar-left__logo{margin-bottom:24px;padding:0 22px}.navbar-left__logo-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:12px 0;text-decoration:none;transition:all .2s ease;width:100%}.navbar-left__logo-btn:hover{opacity:.8}.navbar-left__logo-icon{align-items:center;display:flex;height:32px;justify-content:center;min-width:32px;width:32px}.navbar-left__logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--success-500),var(--primary-500));-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;margin-left:12px;opacity:0;transition:opacity .2s ease .1s;white-space:nowrap}.navbar-left:hover .navbar-left__logo-text{opacity:1}.navbar-left__nav,.navbar-left__search,.navbar-left__user{padding:0 12px}.navbar-left__nav,.navbar-left__search{margin-bottom:16px}.navbar-left__spacer{flex:1 1}.navbar-left__nav-item{align-items:center;background:none;border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;margin:2px 0;padding:12px 8px;position:relative;transition:all .2s ease;width:100%}.navbar-left__nav-item:hover{background:#00ff871a;color:var(--primary-green)}.navbar-left__nav-item--active{background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));color:#fff}.navbar-left__nav-item--active .navbar-left__nav-icon{color:#fff}.navbar-left__nav-item--logout:hover{background:#ff47571a;color:var(--danger-color)}.navbar-left__nav-item--login:hover,.navbar-left__nav-item--register:hover{background:#0066ff1a;color:var(--primary-blue)}.navbar-left__nav-icon{align-items:center;display:flex;height:20px;justify-content:center;min-width:35px;position:relative;width:20px}.navbar-left__nav-text{font-size:14px;font-weight:500;margin-left:12px;opacity:0;transition:opacity .2s ease .1s;white-space:nowrap}.navbar-left:hover .navbar-left__nav-text{opacity:1}.navbar-left__profile-item .navbar-left__nav-icon{height:32px;min-width:32px;width:32px}.navbar-left__user-avatar{border:2px solid var(--border-color);border-radius:50%;height:32px;object-fit:cover;width:32px}.navbar-left__user-info{align-items:flex-start;display:flex;flex-direction:column;margin-left:12px;opacity:0;transition:opacity .2s ease .1s}.navbar-left:hover .navbar-left__user-info{opacity:1}.navbar-left__user-name{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.2}.navbar-left__user-email{color:var(--text-secondary);font-size:12px;line-height:1.2}.navbar-left__notification-icon{position:relative}.navbar-left__notification-badge{background:var(--notification-color);border:2px solid var(--light-bg);border-radius:50%;height:8px;position:absolute;right:8px;top:1px;width:8px}@media(max-width:768px){.navbar-left{display:none}}.navbar-media-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-surface);border-bottom:1px solid var(--border-color);box-shadow:0 2px 10px #0000001a;left:0;position:fixed;right:0;top:0;z-index:50}.navbar-media-header__container{align-items:center;display:flex;justify-content:space-between;max-width:100%;padding:12px 20px}.navbar-media-header__theme-toggle{background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;padding:4px;transition:all .2s ease}.navbar-media-header__theme-toggle:hover{transform:scale(1.05)}.navbar-media-header__logo{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:8px 0;transition:all .2s ease}.navbar-media-header__logo:hover{opacity:.8}.navbar-media-header__logo_img{height:32px;width:32px}.navbar-media-header__logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--success-500),var(--primary-500));-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;margin-left:8px}.navbar-media-header__profile{background:none;border:none;border-radius:50%;cursor:pointer;padding:4px;transition:all .2s ease}.navbar-media-header__profile:hover{transform:scale(1.05)}.navbar-media-header__profile-avatar{border:2px solid var(--primary-green);border-radius:50%;height:36px;object-fit:cover;width:36px}.navbar-media{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-surface);border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -2px 20px #0000001a;left:0;position:fixed;right:0;z-index:50}.navbar-media__container{align-items:center;display:flex;justify-content:space-around;margin:0 auto;max-width:600px;padding:12px 16px}.navbar-media__item{align-items:center;background:none;border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-width:60px;padding:8px 12px;position:relative;transition:all .2s ease}.navbar-media__item--active{color:var(--primary-green)}.navbar-media__item--active:before{background:var(--primary-green);border-radius:50%;bottom:2px;content:"";height:6px;left:50%;position:absolute;transform:translateX(-50%);width:6px}.navbar-media__item--menu{border-radius:16px;color:var(--text-secondary);padding:12px 16px}.navbar-media__icon{margin-bottom:4px;transition:transform .2s ease}.navbar-media__item--active .navbar-media__icon,.navbar-media__item:hover .navbar-media__icon{transform:scale(1.1)}.navbar-media__label{font-size:11px;font-weight:500;line-height:1;white-space:nowrap}.navbar-media-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1500}.navbar-media-modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:var(--bg-surface);border-radius:20px 20px 0 0;bottom:0;left:0;max-height:70vh;position:fixed;right:0;z-index:1600}.navbar-media-modal__header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px 16px}.navbar-media-modal__title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.navbar-media-modal__close{background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .2s ease}.navbar-media-modal__close:hover{background:#0000001a;color:var(--text-primary)}.navbar-media-modal__content{max-height:calc(70vh - 80px);overflow-y:auto;padding:8px 0 24px}.navbar-media-modal__item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;padding:16px 24px;transition:all .2s ease;width:100%}.navbar-media-modal__item:hover{background:#00ff871a;color:var(--primary-green)}.navbar-media-modal__item--logout{color:var(--danger-color)}.navbar-media-modal__item--logout:hover{background:#ff47571a;color:var(--danger-color)}.navbar-media-modal__item-icon{align-items:center;display:flex;height:24px;justify-content:center;margin-right:16px;width:24px}.navbar-media-modal__item-text{font-size:16px;font-weight:500}@media(min-width:769px){.navbar-media,.navbar-media-header,.navbar-media-modal,.navbar-media-modal-overlay{display:none}}@media(max-width:480px){.navbar-media-header{height:50px}.navbar-media-header__container{padding:1px 10px}.navbar-media-header__logo-text{font-size:16px}.navbar-media-header__profile-avatar{height:32px;width:32px}.navbar-media{height:50px}.navbar-media__container{padding:4px 8px}.navbar-media__item{min-width:50px;padding:6px 8px}.navbar-media__label{font-size:10px}.navbar-media-modal__header{padding:16px 20px 12px}.navbar-media-modal__title{font-size:16px}.navbar-media-modal__item{padding:14px 20px}.navbar-media-modal__item-text{font-size:15px}}@media(max-width:768px){body{padding-bottom:80px;padding-top:64px}}.footer{background:var(--bg-surface);border-top:1px solid var(--border-color);box-sizing:border-box;color:var(--text-primary);font-size:14px;padding:60px 0 0;transition:all .3s ease}.footer__container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1400px;padding:0 24px}@media(max-width:1024px){.footer__container{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.footer__container{gap:32px;grid-template-columns:1fr}}.footer__brand{display:flex;flex-direction:column;gap:16px}.footer__logo-link{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:12px;text-decoration:none;transition:transform .2s ease}.footer__logo-link img{height:50px;width:50px}.footer__logo-link:hover{transform:scale(1.05)}.footer__logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--success-500),var(--primary-500));-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.footer__description{color:var(--text-secondary);line-height:1.6;max-width:300px}.footer__nav{display:flex;flex-direction:column;gap:16px}.footer__section-title{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px}.footer__nav-list{display:flex;flex-direction:column;gap:8px;list-style:none}.footer__nav-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;text-decoration:none;transition:color .2s ease}.footer__nav-link:hover{color:var(--primary-blue)}.footer__social{flex-direction:column}.footer__social,.footer__social-icons{display:flex;gap:16px}.footer__social-link{color:var(--text-secondary);transition:all .2s ease}.footer__social-link:hover{color:var(--primary-blue);transform:scale(1.1)}.footer__contact{color:var(--text-secondary);display:flex;flex-direction:column;gap:8px}.footer__bottom{background:var(--bg-primary);border-top:1px solid var(--border-color);margin-top:40px;padding:20px 0;text-align:center}.footer__bottom-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px}@media(max-width:768px){.footer__bottom-container{flex-direction:column;gap:12px}}.footer__copyright{color:var(--text-secondary)}.footer__legal{display:flex;gap:16px}.footer__legal-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;text-decoration:none;transition:color .2s ease}.footer__legal-link:hover{color:var(--primary-blue)}@media(max-width:1024px){.footer{padding:40px 0 0}.footer__container{padding:0 20px}}@media(max-width:768px){.footer{padding:32px 0 0}.footer__container{padding:0 16px}.footer__bottom{margin-top:32px;padding:16px 0}.footer__bottom-container{padding:0 16px}}@media(max-width:480px){.footer__logo-text{font-size:20px}.footer__section-title{font-size:15px}.footer__social-icons{gap:12px}}.footer{animation:fadeIn .5s ease-out}.footer__legal-link:hover:after,.footer__nav-link:hover:after,.footer__social-link:hover:after{background:var(--primary-blue);bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .2s ease;width:100%}.footer__legal-link:hover:hover:after,.footer__nav-link:hover:hover:after,.footer__social-link:hover:hover:after{transform:scaleX(1)}.footer__legal-link:focus,.footer__logo-link:focus,.footer__nav-link:focus,.footer__social-link:focus{border-radius:4px;outline:2px solid var(--primary-blue);outline-offset:2px}.auth{align-items:center;background:var(--auth-bg);display:flex;justify-content:center;min-height:100vh;padding:20px;transition:all .3s ease}.auth--light{--auth-bg:linear-gradient(135deg,#667eea,#764ba2);--auth-card-bg:#fff;--auth-text:#374151;--auth-text-secondary:#6b7280;--auth-border:#e5e7eb;--auth-input-bg:#f9fafb;--auth-input-focus:#3b82f6;--auth-button-primary:#3b82f6;--auth-button-primary-hover:#2563eb;--auth-button-secondary:#f3f4f6;--auth-button-secondary-hover:#e5e7eb;--auth-success:#10b981;--auth-error:#ef4444;--auth-info:#3b82f6;--auth-shadow:0 25px 50px -12px #00000040}.auth--dark{--auth-bg:linear-gradient(135deg,#1f2937,#111827);--auth-card-bg:#1f2937;--auth-text:#f9fafb;--auth-text-secondary:#d1d5db;--auth-border:#374151;--auth-input-bg:#374151;--auth-input-focus:#60a5fa;--auth-button-primary:#3b82f6;--auth-button-primary-hover:#2563eb;--auth-button-secondary:#374151;--auth-button-secondary-hover:#4b5563;--auth-success:#10b981;--auth-error:#f87171;--auth-info:#60a5fa;--auth-shadow:0 25px 50px -12px #00000080}.auth__container{max-width:420px;position:relative;width:100%}.auth__header-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.auth__back-btn,.auth__theme-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.auth__back-btn:hover,.auth__theme-toggle:hover{background:#fff3;transform:translateY(-1px)}.auth__back-btn:active,.auth__theme-toggle:active{transform:translateY(0)}.auth__theme-toggle{min-width:auto;padding:8px}.auth__card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--auth-card-bg);border:1px solid var(--auth-border);border-radius:20px;box-shadow:var(--auth-shadow);padding:32px}.auth__logo{gap:16px;margin-bottom:32px}.auth__logo,.auth__logo-icon{align-items:center;display:flex;justify-content:center}.auth__logo-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;color:#fff;height:56px;width:56px}.auth__logo-text{text-align:left}.auth__logo-text h1{color:var(--auth-text);font-size:28px;font-weight:700;line-height:1.2;margin:0}.auth__logo-text span{color:var(--auth-text-secondary);font-size:14px;font-weight:500}.auth__content-header{margin-bottom:32px;text-align:center}.auth__content-header h2{color:var(--auth-text);font-size:24px;font-weight:700;margin:0 0 8px}.auth__content-header p{color:var(--auth-text-secondary);font-size:14px;line-height:1.5;margin:0}.auth__message{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:24px;padding:12px 16px}.auth__message--success{background:#10b9811a;border:1px solid #10b98133;color:var(--auth-success)}.auth__message--error{background:#ef44441a;border:1px solid #ef444433;color:var(--auth-error)}.auth__message--info{background:#3b82f61a;border:1px solid #3b82f633;color:var(--auth-info)}.auth__message-icon{flex-shrink:0}.auth__message-text{flex:1 1}.auth__form{margin-bottom:24px}.auth__form-group{margin-bottom:20px}.auth__form-group--checkbox{margin-bottom:24px}.auth__label{align-items:center;display:flex;font-weight:600;gap:8px;margin-bottom:8px}.auth__input,.auth__label{color:var(--auth-text);font-size:14px}.auth__input{background:var(--auth-input-bg);border:2px solid var(--auth-border);border-radius:8px;padding:12px 16px;transition:all .2s ease;width:100%}.auth__input:focus{border-color:var(--auth-input-focus);box-shadow:0 0 0 3px #3b82f61a;outline:none}.auth__input:disabled{cursor:not-allowed;opacity:.6}.auth__input::placeholder{color:var(--auth-text-secondary)}.auth__password-input{position:relative}.auth__password-toggle{background:#0000;border:none;border-radius:4px;color:var(--auth-text-secondary);cursor:pointer;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease}.auth__password-toggle:hover{background:var(--auth-button-secondary);color:var(--auth-text)}.auth__checkbox-label{align-items:flex-start;cursor:pointer;display:flex;font-size:14px;gap:12px;line-height:1.5}.auth__checkbox{opacity:0;pointer-events:none;position:absolute}.auth__checkbox:checked+.auth__checkbox-custom{background:var(--auth-button-primary);border-color:var(--auth-button-primary)}.auth__checkbox:checked+.auth__checkbox-custom:after{opacity:1;transform:scale(1)}.auth__checkbox-custom{background:var(--auth-input-bg);border:2px solid var(--auth-border);border-radius:4px;flex-shrink:0;height:18px;margin-top:2px;position:relative;transition:all .2s ease;width:18px}.auth__checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:all .2s ease}.auth__checkbox-text{color:var(--auth-text-secondary)}.auth__link{color:var(--auth-button-primary);font-weight:500;text-decoration:none}.auth__link:hover{text-decoration:underline}.auth__submit-btn{background:var(--auth-button-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s ease;width:100%}.auth__submit-btn:hover:not(:disabled){background:var(--auth-button-primary-hover);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.auth__submit-btn:active:not(:disabled){transform:translateY(0)}.auth__submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth__loading{align-items:center;display:flex;gap:8px;justify-content:center}.auth__loading-spinner{animation:spin 1s linear infinite}.auth__social{margin-bottom:24px}.auth__divider{margin:24px 0;position:relative;text-align:center}.auth__divider:before{background:var(--auth-border);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth__divider span{background:var(--auth-card-bg);color:var(--auth-text-secondary);font-size:14px;font-weight:500;padding:0 16px}.auth__social-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.auth__social-btn{align-items:center;background:var(--auth-button-secondary);border:2px solid var(--auth-border);border-radius:8px;color:var(--auth-text);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.auth__social-btn:hover:not(:disabled){background:var(--auth-button-secondary-hover);transform:translateY(-1px)}.auth__social-btn:active:not(:disabled){transform:translateY(0)}.auth__social-btn:disabled{cursor:not-allowed;opacity:.6}.auth__social-btn--google:hover:not(:disabled){border-color:#ea4335;color:#ea4335}.auth__social-btn--facebook:hover:not(:disabled){border-color:#1877f2;color:#1877f2}.auth__social-btn--apple:hover:not(:disabled){border-color:#000;color:#000}.auth__social-btn span{display:none}@media(min-width:480px){.auth__social-btn span{display:inline}}.auth__demo{margin-bottom:24px}.auth__demo-title{color:var(--auth-text);font-size:14px;font-weight:600;margin:0 0 12px;text-align:center}.auth__demo-list{grid-gap:8px;display:grid;gap:8px}.auth__demo-btn{align-items:center;background:var(--auth-button-secondary);border:1px solid var(--auth-border);border-radius:8px;cursor:pointer;display:flex;padding:12px 16px;text-align:left;transition:all .2s ease}.auth__demo-btn:hover:not(:disabled){background:var(--auth-button-secondary-hover);border-color:var(--auth-button-primary)}.auth__demo-btn:disabled{cursor:not-allowed;opacity:.6}.auth__demo-info{flex:1 1}.auth__demo-role{color:var(--auth-text);display:block;font-size:14px;font-weight:600;margin-bottom:2px}.auth__demo-email{color:var(--auth-text-secondary);display:block;font-size:12px}.auth__toggle{border-top:1px solid var(--auth-border);padding-top:24px;text-align:center}.auth__toggle-text{color:var(--auth-text-secondary);font-size:14px;margin:0 0 8px}.auth__toggle-btn{background:#0000;border:none;border-radius:4px;color:var(--auth-button-primary);cursor:pointer;font-size:14px;font-weight:600;padding:4px 8px;transition:all .2s ease}.auth__toggle-btn:hover:not(:disabled){background:#3b82f61a}.auth__toggle-btn:disabled{cursor:not-allowed;opacity:.6}@media(max-width:480px){.auth{padding:16px}.auth__card{padding:24px}.auth__logo{flex-direction:column;gap:12px}.auth__logo-text{text-align:center}.auth__social-buttons{grid-template-columns:1fr}}.auth__demo-btn:focus,.auth__input:focus,.auth__social-btn:focus,.auth__submit-btn:focus,.auth__toggle-btn:focus{outline:2px solid var(--auth-input-focus);outline-offset:2px}.home{background:var(--bg-surface);box-sizing:border-box;color:var(--text-primary)}.profile-container{display:flex;min-height:100vh;transition:all .3s ease}.main-content,.profile-container,.profile-container[data-theme=dark],.profile-container[data-theme=light]{background:var(--bg-primary);color:var(--text-primary)}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:0;min-height:100vh;overflow-x:hidden;padding:0;transition:margin-left .3s ease}@media(min-width:769px){.main-content{margin-left:280px;padding:24px}}@media(max-width:768px){.main-content{padding:16px 16px 80px}}@media(min-width:481px)and (max-width:768px){.main-content{padding:20px 20px 80px}}.profile-loading{align-items:center;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;font-size:1.2rem;height:100vh;justify-content:center}.profile-loading p{color:var(--text-secondary);font-weight:500;margin-top:16px}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--detail-border);border:4px solid var(--detail-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;margin-bottom:10px;width:40px}.watch-page{min-height:100vh}.watch-page,.watch-page__loading{background-color:#000;color:#fff;display:flex;flex-direction:column}.watch-page__loading{align-items:center;inset:0;justify-content:center;position:fixed;z-index:1000}.watch-page__loading p{font-size:1rem;font-weight:500;margin-top:1rem}.watch-page__spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#3b82f6;height:50px;width:50px}.watch-page__error{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;padding:2rem;position:fixed;text-align:center;z-index:1000}.watch-page__error h3{color:#ef4444;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.watch-page__error p{color:#9ca3af;font-size:1rem;margin-bottom:2rem}.watch-page__back-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.watch-page__back-btn:hover{background-color:#2563eb;transform:translateY(-2px)}.watch-page__player-container{background-color:#000;height:100vh;position:relative;width:100%}@media(max-width:768px){.watch-page__player-container{height:50vh}}.watch-page__video-wrapper{cursor:pointer;height:100%;position:relative;width:100%}.watch-page__video{background-color:#000;height:100%;object-fit:contain;width:100%}.watch-page__controls{background:linear-gradient(#0000,#000c);bottom:0;left:0;opacity:0;padding:1rem;pointer-events:none;position:absolute;right:0;transition:opacity .3s ease}.watch-page__controls.show{opacity:1;pointer-events:all}.watch-page__progress-container{cursor:pointer;margin-bottom:1rem}.watch-page__controls-bottom{justify-content:space-between}.watch-page__controls-bottom,.watch-page__controls-left,.watch-page__controls-right{align-items:center;display:flex;gap:1rem}.watch-page__control-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.watch-page__control-btn:hover{background-color:#fff3;transform:scale(1.1)}.watch-page__control-btn svg{font-size:1.2rem}.watch-page__time{color:#fff;font-size:.875rem;font-weight:500;white-space:nowrap}.watch-page__volume-slider{background:#ffffff4d;border-radius:2px;cursor:pointer;height:4px;outline:none;width:80px}.watch-page__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:16px;width:16px}.watch-page__volume-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.watch-page__info{background-color:#111;border-top:1px solid #333;padding:2rem}@media(max-width:768px){.watch-page__info{padding:1rem}}.watch-page__header{display:flex;justify-content:flex-end;margin-bottom:1.5rem}@media(max-width:768px){.watch-page__header{justify-content:center}}.watch-page__actions{display:flex;gap:.75rem}.watch-page__action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.watch-page__action-btn:hover{background-color:#fff3;transform:translateY(-2px)}.watch-page__action-btn.active{background-color:#ef4444;border-color:#ef4444}.watch-page__details{margin:0 auto;max-width:1200px}.watch-page__title{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:2rem;font-weight:700;gap:.5rem;margin-bottom:.5rem}@media(max-width:768px){.watch-page__title{font-size:1.5rem;justify-content:center;text-align:center}}.watch-page__episode-info{background-color:#ffffff1a;border-radius:20px;color:#9ca3af;font-size:1rem;font-size:.875rem;font-weight:400;padding:.25rem .75rem}.watch-page__episode-title{color:#e5e7eb;font-size:1.25rem;font-weight:600;margin-bottom:1rem}@media(max-width:768px){.watch-page__episode-title{text-align:center}}.watch-page__meta{color:#9ca3af;display:flex;flex-wrap:wrap;font-size:.875rem;gap:1.5rem;margin-bottom:1rem}@media(max-width:768px){.watch-page__meta{justify-content:center}}.watch-page__meta span{align-items:center;display:flex;gap:.25rem}.watch-page__meta span:before{content:"•";margin-right:.5rem}.watch-page__meta span:first-child:before{display:none}.watch-page__description{color:#d1d5db;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;max-width:800px}@media(max-width:768px){.watch-page__description{text-align:center}}.watch-page__progress{align-items:center;display:flex;gap:1rem;margin-top:1.5rem}@media(max-width:768px){.watch-page__progress{flex-direction:column;gap:.5rem}}.watch-page__progress-bar{background-color:#fff3;border-radius:3px;flex:1 1;height:6px;overflow:hidden;position:relative}@media(max-width:768px){.watch-page__progress-bar{width:100%}}.watch-page__progress-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:3px;height:100%;position:relative;transition:width .3s ease}.watch-page__progress-fill:after{background-color:#fff;border-radius:1px;content:"";height:100%;position:absolute;right:0;top:0;width:2px}.watch-page__progress-text{color:#9ca3af;font-size:.875rem;font-weight:500;white-space:nowrap}@media(max-width:768px){.watch-page__progress-text{text-align:center}}.watch-page:fullscreen .watch-page__player-container{height:100vh}.watch-page:fullscreen .watch-page__info{display:none}.watch-page:-webkit-full-screen .watch-page__player-container{height:100vh}.watch-page:-webkit-full-screen .watch-page__info{display:none}.watch-page:-moz-full-screen .watch-page__player-container{height:100vh}.watch-page:-moz-full-screen .watch-page__info{display:none}.watch-page--error .watch-page__player-container,.watch-page--loading .watch-page__player-container{align-items:center;display:flex;justify-content:center}.auth__role-select{display:flex;gap:12px;margin-bottom:12px}.auth__role-option{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;cursor:pointer;display:inline-flex;gap:8px;padding:10px 12px;-webkit-user-select:none;user-select:none}.auth__role-option.selected{background:#2563eb0f;border-color:#2563eb;border-color:var(--primary,#2563eb)}.auth__role-option input{accent-color:#2563eb;accent-color:var(--primary,#2563eb)}.auth__form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.banner{height:70vh;min-height:500px;overflow:hidden;position:relative;width:100%}@media(max-width:768px){.banner{height:70vh;min-height:400px}}@media(max-width:480px){.banner{height:60vh;min-height:350px}}.banner__container{height:100%;position:relative;width:100%}.banner__background{background-position:50%;background-repeat:no-repeat;background-size:cover;transition:all .8s ease-in-out}.banner__background,.banner__background:before{height:100%;left:0;position:absolute;top:0;width:100%}.banner__background:before{background:linear-gradient(90deg,#000c,#0006 50%,#0000);content:"";z-index:1}.banner__overlay{background:linear-gradient(45deg,#0000004d,#0000 70%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.banner__content{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 5%;position:relative;z-index:3}@media(max-width:768px){.banner__content{justify-content:center;padding:0 4%}}@media(max-width:480px){.banner__content{flex-direction:column;justify-content:center;padding:0 3%;text-align:left}}.banner__info{animation:slideInLeft 1s ease-out;margin-top:110px;max-width:600px}@media(max-width:768px){.banner__info{max-width:500px}}@media(max-width:480px){.banner__info{margin-bottom:20px;max-width:100%}}.banner__studio-logo{height:30px;margin-bottom:10px}@media(max-width:480px){.banner__studio-logo{height:25px}}.banner__title{color:#fff;font-size:4rem;font-weight:900;line-height:1.1;margin:0 0 20px;text-shadow:2px 2px 4px #00000080}@media(max-width:1024px){.banner__title{font-size:3.5rem}}@media(max-width:768px){.banner__title{font-size:3rem}}@media(max-width:480px){.banner__title{font-size:1.5rem;margin-bottom:15px}}.banner__description{color:#fffc;font-size:18px;line-height:1.6;margin-bottom:30px;max-width:500px}@media(max-width:768px){.banner__description{font-size:16px;margin:0 auto 25px}}@media(max-width:480px){.banner__description{font-size:14px;line-height:1.5;margin-bottom:20px}}.banner__buttons{align-items:center;display:flex;gap:15px}@media(max-width:480px){.banner__buttons{align-items:center;flex-direction:column;gap:10px;height:70px;width:100%}}.banner__btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:15px 30px;text-decoration:none;transition:all .3s ease}@media(max-width:768px){.banner__btn{font-size:15px;padding:12px 25px}}@media(max-width:480px){.banner__btn{font-size:14px;justify-content:center;padding:12px 20px;width:200px}}.banner__btn--primary{background:linear-gradient(90deg,#0f0,#007bff);color:#fff}.banner__btn--primary:hover{background:linear-gradient(90deg,#0c0,#0056b3);box-shadow:0 8px 25px #007bff4d;transform:translateY(-2px)}.banner__btn--secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #fff3;border-radius:50%;color:#fff;padding:10px}.banner__btn--secondary:hover{background:#ffffff4d;box-shadow:0 8px 25px #ffffff1a;transform:translateY(-2px)}@media(max-width:480px){.banner__btn--secondary{display:none}}.banner__dots{bottom:30px;display:flex;gap:12px;left:auto;position:absolute;right:30px;transform:none;z-index:4}@media(max-width:480px){.banner__dots{bottom:20px;gap:8px;right:15px}}.banner__dot{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;transition:all .3s ease;width:24px}@media(max-width:480px){.banner__dot{display:none}}.banner__dot:hover{transform:scale(1.2)}.banner__dot--active{box-shadow:0 0 10px #ffffff80;transform:scale(1.3)}@media(max-width:480px){.banner__content{padding-bottom:80px;padding-top:60px}.banner__title{margin-bottom:10px}.banner__description{margin-bottom:15px}}@media(min-width:1200px){.banner__content{margin:0 auto;max-width:1400px;padding:0 2%}.banner__info{max-width:700px}.banner__title{font-size:4.5rem}.banner__description{font-size:20px;max-width:600px}}.banner__btn{overflow:hidden;position:relative}.banner__btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.banner__btn:hover:before{left:100%}.banner__btn:focus,.banner__dot:focus{outline:2px solid #fffc;outline-offset:2px}.banner__background{will-change:background-image}.banner__content{will-change:transform}.movies-row{background:var(--bg-surface);padding:1.75rem 0}.movies-row__container{margin:0 auto;max-width:1280px;padding:0 1rem}.movies-row__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.movies-row__title{color:var(--text-primary);font-size:2rem;font-weight:800;letter-spacing:.5px;margin:0;text-shadow:0 2px 8px #00000014}.movies-row__view-all{background:var(--primary-gradient);border:none;border-radius:2rem;box-shadow:0 2px 8px #0000001a;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:700;padding:.7rem 1.7rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.movies-row__view-all:hover{background:var(--primary-hover);box-shadow:0 8px 25px #007bff2e;color:var(--color-light);transform:translateY(-2px) scale(1.04)}.movies-row__grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.movie-card{background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:1.5rem;box-shadow:0 2px 12px #0000001a;cursor:pointer;overflow:hidden;transition:transform .3s,box-shadow .3s}.movie-card:hover{border-color:var(--color-primary);box-shadow:0 12px 32px #0066ff21;transform:translateY(-8px) scale(1.03)}.movie-card__image-container{aspect-ratio:3/4;background:var(--bg-primary);overflow:hidden;position:relative}.movie-card__image{border-bottom:1px solid var(--border-color);height:100%;object-fit:cover;transition:transform .3s;width:100%}.movie-card__overlay{align-items:center;background:linear-gradient(180deg,#0000 40%,#000000b3);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding-bottom:1.2rem;position:absolute;right:0;top:0;transition:opacity .3s}.movie-card:hover .movie-card__overlay{opacity:1}.movie-card:hover .movie-card__image{transform:scale(1.07)}.movie-card__play-btn{align-items:center;background:var(--color-primary);border:none;border-radius:50%;box-shadow:0 2px 8px #0000002e;color:var(--color-light);cursor:pointer;display:flex;font-size:1.5rem;height:54px;justify-content:center;transition:transform .2s,background .2s;width:54px}.movie-card__play-btn:hover{background:var(--color-success);color:var(--color-dark);transform:scale(1.13)}.movie-card__info{background:#0000;padding:1.2rem 1rem 1rem}.movie-card__title{color:var(--text-primary);font-size:1.08rem;font-weight:700;letter-spacing:.1px;line-height:1.3;margin:0 0 .4rem;text-shadow:0 1px 4px #00000012}.movie-card__meta{display:flex;gap:.7rem;margin-bottom:.4rem}.movie-card__genre,.movie-card__year{color:var(--text-secondary);font-size:.93rem}.movie-card__rating{align-items:center;color:var(--color-warning);display:flex;font-size:.93rem;font-weight:600;gap:.25rem}.movie-card__star{color:#fbbf24;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}@media(max-width:900px){.movies-row__grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.movies-row__title{font-size:1.3rem}.movie-card__info{padding:.8rem}.movie-card__title{font-size:.93rem}}.top-channels-row{background:var(--bg-surface);padding:1.75rem 0}.top-channels-row__container{margin:0 auto;max-width:1280px;padding:0 1rem}.top-channels-row__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.top-channels-row__title{color:var(--text-primary);font-size:2rem;font-weight:800;letter-spacing:.5px;margin:0;text-shadow:0 2px 8px #00000014}.top-channels-row__view-all{background:var(--primary-gradient);border:none;border-radius:2rem;box-shadow:0 2px 8px #0000001a;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:700;padding:.7rem 1.7rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.top-channels-row__view-all:hover{background:var(--primary-hover);box-shadow:0 8px 25px #007bff2e;color:var(--color-light);transform:translateY(-2px) scale(1.04)}.top-channels-row__grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.channel-card{background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:1.5rem;box-shadow:0 2px 12px #0000001a;cursor:pointer;overflow:hidden;transition:transform .3s,box-shadow .3s}.channel-card:hover{border-color:var(--color-primary);box-shadow:0 12px 32px #0066ff21;transform:translateY(-8px) scale(1.03)}.channel-card__banner{aspect-ratio:2/1;background:var(--bg-primary);overflow:hidden;position:relative}.channel-card__banner-image{border-bottom:1px solid var(--border-color);height:100%;object-fit:cover;transition:transform .3s;width:100%}.channel-card:hover .channel-card__banner-image{transform:scale(1.07)}.channel-card__content{background:#0000;padding:1rem;position:relative}.channel-card__avatar-container{align-items:center;display:flex;left:1.2rem;position:absolute;top:-2.2rem;z-index:2}.channel-card__avatar{border:3px solid var(--bg-surface);border-radius:50%;box-shadow:0 2px 8px #0000001a;height:4.2rem;object-fit:cover;width:4.2rem}.channel-card__verified{color:var(--color-success);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:1.25rem;left:2rem;position:absolute;top:2rem}@media(min-width:901px){.channel-card__verified{font-size:1.5rem;left:2.8rem;top:2.8rem}}.channel-card__info{margin-top:2.7rem}.channel-card__name{color:var(--text-primary);font-size:1.18rem;font-weight:700;letter-spacing:.1px;margin:0 0 .25rem;text-shadow:0 1px 4px #00000012}.channel-card__username{color:var(--text-secondary);font-size:.93rem;margin:0 0 .5rem}.channel-card__category{background:var(--primary-gradient);border-radius:1rem;box-shadow:0 1px 4px #00000012;color:var(--color-dark);display:inline-block;font-size:.8rem;font-weight:700;margin-bottom:.85rem;padding:.28rem .85rem}.channel-card__description{color:var(--text-secondary);font-size:.93rem;line-height:1.5;margin:0 0 1rem}.channel-card__stats{display:flex;gap:1.2rem}.channel-card__stat{align-items:center;color:var(--color-warning);display:flex;font-size:.93rem;font-weight:600;gap:.3rem}@media(max-width:900px){.top-channels-row__grid{gap:.75rem;grid-template-columns:1fr}.top-channels-row__title{font-size:1.3rem}.channel-card__content{padding:.75rem}.channel-card__avatar-container{left:.8rem}.channel-card__avatar{height:3.2rem;width:3.2rem}.channel-card__info{margin-top:2rem}}.tutorials-row{background:var(--bg-surface);padding:1.75rem 0}.tutorials-row__container{margin:0 auto;max-width:1280px;padding:0 1rem}.tutorials-row__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.tutorials-row__title{color:var(--text-primary);font-size:2rem;font-weight:800;letter-spacing:.5px;margin:0;text-shadow:0 2px 8px #00000014}.tutorials-row__view-all{background:var(--primary-gradient);border:none;border-radius:2rem;box-shadow:0 2px 8px #0000001a;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:700;padding:.7rem 1.7rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.tutorials-row__view-all:hover{background:var(--primary-hover);box-shadow:0 8px 25px #007bff2e;color:var(--color-light);transform:translateY(-2px) scale(1.04)}.tutorials-row__grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.tutorial-card{background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:1.5rem;box-shadow:0 2px 12px #0000001a;cursor:pointer;overflow:hidden;transition:transform .3s,box-shadow .3s}.tutorial-card:hover{border-color:var(--color-primary);box-shadow:0 12px 32px #0066ff21;transform:translateY(-8px) scale(1.03)}.tutorial-card__image-container{aspect-ratio:16/9;background:var(--bg-primary);overflow:hidden;position:relative}.tutorial-card__image{border-bottom:1px solid var(--border-color);height:100%;object-fit:cover;transition:transform .3s;width:100%}.tutorial-card__overlay{align-items:center;background:linear-gradient(180deg,#0000 40%,#000000b3);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding-bottom:1.2rem;position:absolute;right:0;top:0;transition:opacity .3s}.tutorial-card:hover .tutorial-card__overlay{opacity:1}.tutorial-card:hover .tutorial-card__image{transform:scale(1.07)}.tutorial-card__play-btn{align-items:center;background:var(--color-primary);border:none;border-radius:50%;box-shadow:0 2px 8px #0000002e;color:var(--color-light);cursor:pointer;display:flex;font-size:1.5rem;height:54px;justify-content:center;transition:transform .2s,background .2s;width:54px}.tutorial-card__play-btn:hover{background:var(--color-success);color:var(--color-dark);transform:scale(1.13)}.tutorial-card__level{background:var(--primary-gradient);border-radius:1rem;box-shadow:0 1px 4px #00000012;color:var(--color-dark);font-size:.8rem;font-weight:700;padding:.28rem .85rem;position:absolute;right:.85rem;top:.85rem}.tutorial-card__info{background:#0000;padding:1rem}.tutorial-card__subject{align-items:center;color:var(--text-secondary);display:flex;font-size:.93rem;gap:.7rem;margin-bottom:.4rem}.tutorial-card__title{color:var(--text-primary);font-size:1.18rem;font-weight:700;letter-spacing:.1px;line-height:1.3;margin:0 0 .25rem;text-shadow:0 1px 4px #00000012}.tutorial-card__instructor{color:var(--text-secondary);font-size:.93rem;margin:0 0 1rem}.tutorial-card__stats{align-items:center;display:flex;justify-content:space-between}.tutorial-card__stat{align-items:center;color:var(--color-warning);display:flex;font-size:.93rem;font-weight:600;gap:.3rem}.tutorial-card__stat-number{color:var(--text-primary);font-weight:700}.tutorial-card__duration,.tutorial-card__stat-label{color:var(--text-secondary)}.tutorial-card__duration{font-size:.93rem}@media(max-width:900px){.tutorials-row__grid{gap:.75rem;grid-template-columns:1fr}.tutorials-row__title{font-size:1.3rem}.tutorial-card__info{padding:.75rem}.tutorial-card__title{font-size:1rem}}.reels-container{display:flex;height:100vh;position:relative;width:100%}@media(min-width:1024px){.reels-container{margin:0 auto;max-width:1200px}}.reels{-ms-overflow-style:none;background:#000;height:100vh;margin:0 auto;max-width:400px;overflow-y:scroll;position:relative;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none;width:100%}@media(min-width:481px)and (max-width:768px){.reels{max-width:450px}}@media(min-width:769px)and (max-width:1023px){.reels{max-width:500px}}@media(min-width:1024px){.reels{flex-shrink:0;max-width:400px}}.reels::-webkit-scrollbar{display:none}.reels__container{position:relative;width:100%}.reel{background:#000;height:100dvh;scroll-snap-align:start}.reel,.reel__video-container{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.reel__video-container{height:85%;overflow:hidden}.reel__video{background:#000;cursor:pointer;height:100%;object-fit:cover;width:100%}.reel__video-controls{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.reel__video-controls button{pointer-events:auto}.reel__play-pause-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:80px;justify-content:center;opacity:0;position:absolute;transform:scale(.8);transition:all .3s ease;width:80px}@media(max-width:768px){.reel__play-pause-btn{height:70px;width:70px}}@media(max-width:480px){.reel__play-pause-btn{height:60px;width:60px}}.reel__play-pause-btn.show{opacity:1;transform:scale(1)}.reel__play-pause-btn:hover{background:#000c;transform:scale(1.1)}.reel__play-pause-btn:active{transform:scale(.95)}.reel__mute-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px;z-index:10}@media(max-width:768px){.reel__mute-btn{height:36px;right:.75rem;top:.75rem;width:36px}}@media(max-width:480px){.reel__mute-btn{height:32px;right:.5rem;top:.5rem;width:32px}.reel__mute-btn svg{height:16px;width:16px}}.reel__mute-btn:hover{background:#000c;transform:scale(1.05)}.reel__mute-btn:active{transform:scale(.95)}.reel__content{bottom:50px;color:#fff;left:0;position:absolute;right:70px;z-index:2}@media(max-width:768px){.reel__content{right:60px}}@media(max-width:480px){.reel__content{bottom:50px;padding:2rem 1rem;right:55px}}.reel__author{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;margin-bottom:1rem;margin-left:-.5rem;padding:.5rem;transition:all .2s ease}@media(max-width:768px){.reel__author{gap:.6rem;margin-bottom:.8rem;padding:.4rem}}@media(max-width:480px){.reel__author{gap:.5rem;margin-bottom:.6rem;padding:.3rem}}.reel__author:hover{background:#ffffff1a;transform:translateX(4px)}.reel__author:active{transform:scale(.98)}.reel__author-avatar{border:2px solid #ffffff4d;border-radius:50%;height:42px;object-fit:cover;transition:all .2s ease;width:42px}@media(max-width:768px){.reel__author-avatar{height:38px;width:38px}}@media(max-width:480px){.reel__author-avatar{height:34px;width:34px}}.reel__author:hover .reel__author-avatar{border-color:#fffc}.reel__author-info{flex:1 1}.reel__author-name{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:.25rem;line-height:1.2;margin:0 0 .25rem}@media(max-width:768px){.reel__author-name{font-size:.85rem}}@media(max-width:480px){.reel__author-name{font-size:.8rem}}.reel__author-username{font-size:.8rem;font-weight:400;margin:0;opacity:.8}@media(max-width:768px){.reel__author-username{font-size:.75rem}}@media(max-width:480px){.reel__author-username{font-size:.7rem}}.reel__verified{align-items:center;background:#3b82f6;border-radius:50%;color:#3b82f6;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:16px;justify-content:center;width:16px}@media(max-width:480px){.reel__verified{font-size:.8rem;height:14px;width:14px}}.reel__description{margin-bottom:1rem}@media(max-width:768px){.reel__description{margin-bottom:.8rem}}@media(max-width:480px){.reel__description{margin-bottom:.6rem}}.reel__text{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:.9rem;font-weight:400;line-height:1.4;margin-bottom:.75rem;overflow:hidden}@media(max-width:768px){.reel__text{-webkit-line-clamp:2;line-clamp:2;font-size:.85rem;margin-bottom:.6rem}}@media(max-width:480px){.reel__text{-webkit-line-clamp:2;line-clamp:2;font-size:.8rem;margin-bottom:.5rem}}.reel__hashtags{display:flex;flex-wrap:wrap;gap:.5rem}@media(max-width:480px){.reel__hashtags{gap:.4rem}}.reel__hashtag{color:#3b82f6;cursor:pointer;font-size:.85rem;font-weight:600;padding:2px 0;position:relative;transition:all .2s ease}@media(max-width:768px){.reel__hashtag{font-size:.8rem}}@media(max-width:480px){.reel__hashtag{font-size:.75rem}}.reel__hashtag:hover{color:#60a5fa}.reel__hashtag:after{background:#3b82f6;bottom:0;content:"";height:1px;left:0;position:absolute;transition:width .2s ease;width:0}.reel__hashtag:hover:after{width:100%}.reel__special-btn{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:1rem;overflow:hidden;padding:.875rem 1.75rem;position:relative;transition:all .3s ease}@media(max-width:768px){.reel__special-btn{font-size:.8rem;margin-top:.8rem;padding:.75rem 1.5rem}}@media(max-width:480px){.reel__special-btn{border-radius:20px;font-size:.75rem;margin-top:.6rem;padding:.6rem 1.2rem}}.reel__special-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.reel__special-btn:hover:before{left:100%}.reel__special-btn:hover{background:#fff3;box-shadow:0 8px 25px #0000004d;color:#fff;transform:translateY(-2px)}.reel__special-btn:active{transform:translateY(0)}.reel__special-btn--tutorial{background:#3b82f61a;border-color:#3b82f6}.reel__special-btn--tutorial:hover{background:#3b82f6;color:#fff}.reel__special-btn--movie{background:#ef44441a;border-color:#ef4444}.reel__special-btn--movie:hover{background:#ef4444;color:#fff}.reel__special-btn--advertisement{background:#f59e0b1a;border-color:#f59e0b}.reel__special-btn--advertisement:hover{background:#f59e0b;color:#fff}.reel__cta{margin-top:.75rem}@media(max-width:768px){.reel__cta{margin-top:.6rem}}@media(max-width:480px){.reel__cta{margin-top:.5rem}}.reel__cta-btn{align-items:center;animation:fadeInUp .25s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;box-shadow:0 10px 30px #00000040;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:8px;justify-content:center;letter-spacing:.2px;padding:.7rem 1rem;transition:transform .2s ease,filter .2s ease,background .2s ease,box-shadow .2s ease}@media(max-width:768px){.reel__cta-btn{font-size:.85rem;padding:.6rem .9rem}}@media(max-width:480px){.reel__cta-btn{font-size:.8rem;padding:.55rem .85rem}}.reel__cta-btn:hover{background:#ffffff29;filter:brightness(1.05);transform:translateY(-1px)}.reel__cta-btn:active{transform:translateY(0)}.reel__cta-btn--course{background:linear-gradient(135deg,#3b82f633,#6366f133);border-color:#6366f159}.reel__cta-btn--channel{background:linear-gradient(135deg,#10b98133,#05966933);border-color:#10b98159}.reel__cta-btn--movie{background:linear-gradient(135deg,#ef444433,#f43f5e33);border-color:#ef444459}.reel__cta-btn--course_video{background:linear-gradient(135deg,#8b5cf633,#3b82f633);border-color:#8b5cf659}.reel__actions{bottom:6rem;display:flex;flex-direction:column;gap:1.25rem;position:absolute;right:.5rem;z-index:3}@media(max-width:768px){.reel__actions{bottom:5rem;gap:1rem;right:.4rem}}@media(max-width:480px){.reel__actions{bottom:4.5rem;gap:.8rem;right:.3rem}}.reel__action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:none;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:.4rem;padding:.75rem;position:relative;transition:all .3s ease}@media(max-width:768px){.reel__action-btn{gap:.3rem;padding:.6rem}}@media(max-width:480px){.reel__action-btn{gap:.25rem;padding:.5rem}}.reel__action-btn:hover{background:#ffffff1a;transform:scale(1.05)}.reel__action-btn:active{transform:scale(.95)}.reel__action-btn.active{color:#ef4444}.reel__action-btn.active:hover{color:#dc2626}.reel__action-btn.bookmark-active{color:#f59e0b!important}.reel__action-btn.bookmark-active:hover{color:#d97706!important}.reel__action-btn.bookmark-active svg{filter:drop-shadow(0 2px 8px rgba(245,158,11,.5))}.reel__action-btn svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:all .3s ease}@media(max-width:768px){.reel__action-btn svg{height:22px;width:22px}}@media(max-width:480px){.reel__action-btn svg{height:20px;width:20px}}.reel__action-btn:hover svg{transform:scale(1.1)}.reel__action-count{align-items:center;display:flex;font-size:.75rem;font-weight:600;min-height:16px;text-shadow:0 1px 3px #00000080}@media(max-width:768px){.reel__action-count{font-size:.7rem}}@media(max-width:480px){.reel__action-count{font-size:.65rem}}.reel__context-menu{animation:contextMenuShow .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414f2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 40px #0000004d;min-width:160px;padding:.5rem}@media(max-width:480px){.reel__context-menu{min-width:140px}}.reel__context-menu-item{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}@media(max-width:480px){.reel__context-menu-item{font-size:.8rem;padding:.625rem .875rem}}.reel__context-menu-item:hover{background:#ffffff1a;transform:translateX(2px)}.reel__context-menu-item--danger{color:#ef4444}.reel__context-menu-item--danger:hover{background:#ef44441a;color:#dc2626}.reel__context-menu-item svg{flex-shrink:0}.reel__ad-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f59e0be6;border-radius:20px;color:#000;font-size:.75rem;font-weight:700;left:1rem;letter-spacing:.5px;padding:.375rem 1rem;position:absolute;text-transform:uppercase;top:1rem;z-index:3}@media(max-width:768px){.reel__ad-label{font-size:.7rem;left:.75rem;padding:.3rem .8rem;top:.75rem}}@media(max-width:480px){.reel__ad-label{font-size:.65rem;left:.5rem;padding:.25rem .6rem;top:.5rem}}@keyframes contextMenuShow{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.reel-report__overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:1100}.reel-report__modal{animation:contextMenuShow .2s ease-out;background:#111827e6;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 20px 60px #00000073;color:#fff;max-width:480px;overflow:hidden;width:92%}.reel-report__header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:16px 20px}.reel-report__header h3{font-size:1.1rem;font-weight:700;margin:0}.reel-report__close{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:22px;transition:color .2s ease,transform .2s ease}.reel-report__close:hover{color:#fff;transform:scale(1.05)}.reel-report__body{padding:16px 20px}.reel-report__body label{color:#d1d5db;display:block;font-size:.9rem;margin-bottom:8px}.reel-report__input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;color:#fff;min-height:84px;outline:none;padding:10px 12px;resize:vertical;transition:border-color .2s ease,background .2s ease;width:100%}.reel-report__input::placeholder{color:#9ca3af}.reel-report__input:focus{background:#ffffff14;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.reel-report__error{color:#fca5a5;font-size:.85rem;margin-top:8px}.reel-report__actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 20px 20px}.reel-report__btn{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.reel-report__btn--ghost{background:#0000;border-color:#ffffff29;color:#e5e7eb}.reel-report__btn--ghost:hover{background:#ffffff14}.reel-report__btn--primary{background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 10px 25px #3b82f64d;color:#fff}.reel-report__btn--primary:hover{filter:brightness(1.05)}.reel-report__btn--primary:disabled{cursor:not-allowed;opacity:.7}.reels-comment-overlay{align-items:flex-end;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@media(min-width:1324px){.reels-comment-overlay{align-items:center;background:#0000;justify-content:flex-end;padding-right:2rem}}.reels-comment{animation:slideUpMobile .3s ease-out;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;height:70vh;max-width:100vw;width:100%;z-index:100}@media(min-width:768px){.reels-comment{animation:slideUpTablet .3s ease-out;border-radius:20px;height:75vh;max-width:500px}}@media(min-width:1024px){.reels-comment{animation:slideInDesktop .3s ease-out;border-radius:16px;box-shadow:0 20px 60px #0000004d;height:80vh;max-height:600px;width:400px}}.reels-comment__header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.25rem}@media(max-width:480px){.reels-comment__header{padding:.875rem 1rem}}.reels-comment__title{color:#1a1a1a;font-size:1.125rem;font-weight:600;margin:0}@media(max-width:480px){.reels-comment__title{font-size:1rem}}.reels-comment__close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.reels-comment__close:hover{background:#f5f5f5;color:#333}.reels-comment__close:active{transform:scale(.95)}.reels-comment__content{flex:1 1;overflow-y:auto;padding:0 1.25rem}@media(max-width:480px){.reels-comment__content{padding:0 1rem}}.reels-comment__content::-webkit-scrollbar{width:6px}.reels-comment__content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.reels-comment__content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.reels-comment__content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.reels-comment__input-container{background:#fff;border-top:1px solid #f0f0f0;flex-shrink:0;padding:1rem 1.25rem}@media(max-width:480px){.reels-comment__input-container{padding:.875rem 1rem}}.reels-comment__reply-indicator{align-items:center;background:#f8f9fa;border-radius:8px;color:#666;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.75rem;padding:.5rem .75rem}.reels-comment__reply-indicator button{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;padding:.25rem}.reels-comment__reply-indicator button:hover{background:#e9ecef;color:#666}.reels-comment__emoji-picker{background:#f8f9fa;border-radius:12px;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;max-height:120px;overflow-y:auto;padding:.75rem}.reels-comment__emoji-picker .emoji-btn{background:none;border:none;border-radius:8px;cursor:pointer;font-size:1.25rem;padding:.5rem;transition:all .2s ease}.reels-comment__emoji-picker .emoji-btn:hover{background:#e9ecef;transform:scale(1.1)}.reels-comment__emoji-picker .emoji-btn:active{transform:scale(.95)}.reels-comment__input-wrapper{align-items:flex-end;display:flex;gap:.75rem}.reels-comment__user-avatar{border-radius:50%;flex-shrink:0;height:36px;object-fit:cover;width:36px}@media(max-width:480px){.reels-comment__user-avatar{height:32px;width:32px}}.reels-comment__input-group{flex:1 1;position:relative}.reels-comment__input{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:20px;font-size:.9rem;outline:none;padding:.75rem 3.5rem .75rem 1rem;resize:none;transition:all .2s ease;width:100%}@media(max-width:480px){.reels-comment__input{font-size:.875rem;padding:.625rem 3rem .625rem .875rem}}.reels-comment__input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.reels-comment__input::placeholder{color:#9ca3af}.reels-comment__input-actions{align-items:center;display:flex;gap:.25rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.reels-comment__emoji-btn,.reels-comment__send-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}@media(max-width:480px){.reels-comment__emoji-btn,.reels-comment__send-btn{padding:.375rem}}.reels-comment__emoji-btn:hover,.reels-comment__send-btn:hover{background:#f3f4f6;color:#374151}.reels-comment__emoji-btn:active,.reels-comment__send-btn:active{transform:scale(.95)}.reels-comment__send-btn:disabled{cursor:not-allowed;opacity:.5}.reels-comment__send-btn:disabled:hover{background:none;color:#6b7280}.reels-comment__send-btn:not(:disabled){color:#3b82f6}.reels-comment__send-btn:not(:disabled):hover{background:#eff6ff;color:#2563eb}.comment{border-bottom:1px solid #f5f5f5;padding:1rem 0}.comment:last-child{border-bottom:none}.comment--reply{margin-left:3rem;padding:.75rem 0}@media(max-width:480px){.comment--reply{margin-left:2.5rem;padding:.625rem 0}}.comment--reply .comment__avatar{height:28px;width:28px}@media(max-width:480px){.comment--reply .comment__avatar{height:24px;width:24px}}.comment__main{display:flex;gap:.75rem}@media(max-width:480px){.comment__main{gap:.625rem}}.comment__avatar{border-radius:50%;flex-shrink:0;height:36px;object-fit:cover;width:36px}@media(max-width:480px){.comment__avatar{height:32px;width:32px}}.comment__content{flex:1 1;min-width:0}.comment__header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}@media(max-width:480px){.comment__header{gap:.375rem}}.comment__name{align-items:center;color:#1a1a1a;display:flex;font-size:.875rem;font-weight:600;gap:.25rem}@media(max-width:480px){.comment__name{font-size:.8rem}}.comment__verified{align-items:center;background:#3b82f6;border-radius:50%;color:#3b82f6;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:14px;justify-content:center;width:14px}@media(max-width:480px){.comment__verified{font-size:.7rem;height:12px;width:12px}}.comment__username{color:#6b7280;font-size:.8rem}@media(max-width:480px){.comment__username{font-size:.75rem}}.comment__timestamp{color:#9ca3af;font-size:.75rem}@media(max-width:480px){.comment__timestamp{font-size:.7rem}}.comment__text{color:#374151;font-size:.9rem;line-height:1.4;margin:0 0 .5rem}@media(max-width:480px){.comment__text{font-size:.85rem}}.comment__actions{align-items:center;display:flex;gap:1rem}@media(max-width:480px){.comment__actions{gap:.75rem}}.comment__action{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.8rem;gap:.375rem;padding:.25rem .5rem;transition:all .2s ease}@media(max-width:480px){.comment__action{font-size:.75rem;gap:.25rem;padding:.2rem .375rem}}.comment__action:hover{background:#f3f4f6;color:#374151}.comment__action:active{transform:scale(.95)}.comment__action.active{color:#ef4444}.comment__action.active:hover{background:#fef2f2;color:#dc2626}.comment__action span{font-weight:500}.comment__replies{margin-top:.75rem}@media(max-width:480px){.comment__replies{margin-top:.625rem}}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpTablet{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDesktop{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.tutorials{background-color:var(--detail-bg);color:var(--detail-text);min-height:100vh;padding:2rem 1rem;transition:background-color .3s ease,color .3s ease}.tutorials__container{margin:0 auto;max-width:1400px}.tutorials__header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:3rem}.tutorials__title-section{flex:1 1}.tutorials__title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;color:var(--detail-text);font-size:2.5rem;font-weight:800;margin:0 0 .5rem;transition:all .3s ease}.tutorials__subtitle{color:var(--detail-text-muted);font-size:1.125rem;font-weight:500;margin:0;transition:color .3s ease}.tutorials__controls{align-items:center;display:flex;gap:1.5rem}.tutorials__search{min-width:320px;position:relative}.tutorials__search-icon{color:var(--detail-text-muted);left:1rem;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease;z-index:2}.tutorials__search-input{background:var(--detail-card-bg);border:2px solid var(--detail-border);border-radius:12px;box-shadow:0 4px 6px -1px var(--detail-shadow);color:var(--detail-text);font-size:.875rem;padding:.875rem 1rem .875rem 2.75rem;transition:all .3s ease;width:100%}.tutorials__search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a,0 4px 6px -1px var(--detail-shadow);outline:none;transform:translateY(-1px)}.tutorials__search-input::placeholder{color:var(--detail-text-muted)}.tutorials__view-toggle{background:var(--detail-card-bg);border:1px solid var(--detail-border);border-radius:10px;box-shadow:0 4px 6px -1px var(--detail-shadow);display:flex;padding:.25rem;transition:all .3s ease}.tutorials__view-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--detail-text-muted);cursor:pointer;display:flex;justify-content:center;padding:.625rem;transition:all .2s ease}.tutorials__view-btn.active{background:var(--color-primary);box-shadow:0 2px 4px #3b82f64d;color:#fff}.tutorials__view-btn:not(.active):hover{background:var(--detail-bg);color:var(--color-primary)}.tutorials__view-btn svg{height:16px;width:16px}.tutorials__subjects{-ms-overflow-style:none;display:flex;gap:.75rem;margin-bottom:2.5rem;overflow-x:auto;padding:.5rem 0 1rem;scrollbar-width:none}.tutorials__subjects::-webkit-scrollbar{display:none}.tutorials__subject{align-items:center;background:var(--detail-card-bg);border:2px solid var(--detail-border);border-radius:25px;box-shadow:0 2px 4px var(--detail-shadow);color:var(--detail-text-muted);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.tutorials__subject.active{background:var(--primary-gradient);border-color:#0000;box-shadow:0 8px 25px var(--detail-hover-shadow);color:#fff;transform:translateY(-2px)}.tutorials__subject:not(.active):hover{background:var(--detail-bg);border-color:var(--color-primary);box-shadow:0 4px 12px var(--detail-shadow);color:var(--detail-text);transform:translateY(-1px)}.tutorials__subject-name{font-weight:600}.tutorials__subject-count{font-size:.75rem;font-weight:500;opacity:.8}.tutorials__content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.tutorials__content--list{gap:1.5rem;grid-template-columns:1fr}.tutorials__empty{background:var(--detail-card-bg);border:1px solid var(--detail-border);border-radius:20px;box-shadow:0 4px 6px -1px var(--detail-shadow);grid-column:1/-1;padding:4rem 2rem;text-align:center;transition:all .3s ease}.tutorials__empty-icon{color:var(--detail-text-muted);margin-bottom:1rem}.tutorials__empty h3{color:var(--detail-text);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.tutorials__empty p{color:var(--detail-text-muted);margin:0}.tutorial-item{background:var(--detail-card-bg);border:1px solid var(--detail-border);border-radius:20px;box-shadow:0 4px 6px -1px var(--detail-shadow);cursor:pointer;overflow:hidden;position:relative;transition:all .4s ease;z-index:5}.tutorial-item:hover{border-color:var(--color-primary);box-shadow:0 20px 40px var(--detail-hover-shadow)}.tutorial-item--list{align-items:center;display:flex;gap:1.5rem;padding:1.5rem}.tutorial-item--list .tutorial-item__image-container{border-radius:16px;flex-shrink:0;height:150px;overflow:hidden;width:200px}.tutorial-item--list .tutorial-item__info{flex:1 1;padding:0}.tutorial-item--list .tutorial-item__progress{margin-top:1.25rem}.tutorial-item--list .tutorial-item__footer{margin-top:1.5rem}.tutorial-item__image-container{aspect-ratio:16/9;background:var(--detail-bg);overflow:hidden;position:relative}.tutorial-item__image{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.tutorial-item:hover .tutorial-item__image{transform:scale(1.05)}.tutorial-item__overlay{align-items:center;background:var(--detail-overlay);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:all .3s ease}.tutorial-item:hover .tutorial-item__overlay{opacity:1}.tutorial-item__play-btn{align-items:center;background:var(--detail-card-bg);border:none;border-radius:50%;box-shadow:0 8px 25px var(--detail-hover-shadow);color:var(--color-primary);cursor:pointer;display:flex;height:60px;justify-content:center;transition:all .3s ease;width:60px}.tutorial-item__play-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.1)}.tutorial-item__play-btn svg{margin-left:2px}.tutorial-item__badges{display:flex;flex-direction:column;gap:.5rem;left:1rem;position:absolute;top:1rem}.tutorial-item__badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;display:flex;font-size:.625rem;font-weight:700;gap:.25rem;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.tutorial-item__badge--new{background:var(--color-success);color:#fff}.tutorial-item__badge--bestseller{background:var(--color-warning);color:#fff}.tutorial-item__duration{align-items:center;border-radius:12px;bottom:1rem;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.375rem .75rem}.tutorial-item__duration,.tutorial-item__lock{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--detail-overlay);color:#fff;position:absolute;right:1rem}.tutorial-item__lock{border-radius:50%;padding:.5rem;top:1rem}.tutorial-item__info{padding:1.5rem}.tutorial-item__instructor{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.tutorial-item__instructor-avatar{border:2px solid var(--detail-border);border-radius:50%;height:32px;object-fit:cover;width:32px}.tutorial-item__instructor-info{flex:1 1}.tutorial-item__instructor-name{align-items:center;color:var(--detail-text);display:flex;font-size:.875rem;font-weight:600;gap:.375rem;margin-bottom:.125rem}.tutorial-item__instructor-stats{color:var(--detail-text-muted);font-size:.75rem;font-weight:500}.tutorial-item__verified{color:var(--color-primary);height:14px;width:14px}.tutorial-item__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--detail-text);display:-webkit-box;font-size:1.125rem;font-weight:700;line-height:1.4;margin-bottom:.75rem;overflow:hidden}.tutorial-item__meta{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.tutorial-item__rating{align-items:center;display:flex;gap:.5rem}.tutorial-item__rating-text{color:var(--detail-text-muted);font-size:.875rem;font-weight:500}.tutorial-item__star{color:var(--detail-border);height:14px;width:14px}.tutorial-item__star--filled,.tutorial-item__star--half{color:var(--color-warning)}.tutorial-item__level{background:#3b82f61a;border-radius:12px;color:var(--color-primary);font-size:.875rem;font-weight:600;padding:.25rem .75rem}.tutorial-item__lessons{align-items:center;color:var(--detail-text-muted);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1rem}.tutorial-item__lessons svg{color:var(--color-primary);flex-shrink:0}.tutorial-item__certificate{align-items:center;color:var(--color-success);display:flex;font-weight:600;gap:.25rem}.tutorial-item__certificate svg{color:var(--color-success)!important}.tutorial-item__description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--detail-text);display:-webkit-box;font-size:.875rem;line-height:1.6;margin-bottom:1.5rem;opacity:.8;overflow:hidden}.tutorial-item__progress{margin-bottom:1rem}.tutorial-item__progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.tutorial-item__progress-text{color:var(--detail-text);font-size:.875rem;font-weight:600}.tutorial-item__progress-percentage{color:var(--color-primary);font-size:.875rem;font-weight:700}.tutorial-item__progress-bar{background:var(--detail-border);border-radius:4px;height:8px;overflow:hidden;width:100%}.tutorial-item__progress-fill{background:var(--primary-gradient);border-radius:4px;height:100%;position:relative;transition:width .4s ease}.tutorial-item__progress-fill:after{background:#fff;border-radius:2px;content:"";height:100%;position:absolute;right:0;top:0;width:2px}.tutorial-item__footer{align-items:center;border-top:1px solid var(--detail-border);display:flex;gap:1rem;justify-content:space-between;padding-top:1rem}.tutorial-item__price-section{display:flex;flex-direction:column;gap:.25rem}.tutorial-item__price{color:var(--detail-text);font-size:1.25rem;font-weight:800}.tutorial-item__purchased{align-items:center;color:var(--color-success);display:flex;font-size:.75rem;font-weight:600;gap:.375rem}.tutorial-item__buy-btn,.tutorial-item__continue-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.tutorial-item__continue-btn{background:var(--color-success);color:#fff}.tutorial-item__continue-btn:hover{background:#059669;box-shadow:0 8px 25px #10b9814d;transform:translateY(-1px)}.tutorial-item__buy-btn{background:var(--color-primary);color:#fff}.tutorial-item__buy-btn:hover{background:#2563eb;box-shadow:0 8px 25px #3b82f64d;transform:translateY(-1px)}.tutorial-item__buy-btn:active,.tutorial-item__continue-btn:active{transform:scale(.98)}.tutorial-categories{margin-bottom:4rem}.tutorial-categories__grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.tutorial-categories__empty{background:var(--detail-card-bg);border:1px solid var(--detail-border);border-radius:20px;box-shadow:0 4px 6px -1px var(--detail-shadow);grid-column:1/-1;padding:4rem 2rem;text-align:center}.tutorial-categories__empty-icon{color:var(--detail-text-muted);margin-bottom:1rem}.tutorial-categories__empty h3{color:var(--detail-text);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.tutorial-categories__empty p{color:var(--detail-text-muted);margin:0}.tutorial-category-card{background:var(--detail-card-bg);border:1px solid var(--detail-border);border-radius:20px;box-shadow:0 4px 6px -1px var(--detail-shadow);cursor:pointer;overflow:hidden;position:relative;transition:all .4s ease}.tutorial-category-card:hover{border-color:var(--color-primary);box-shadow:0 20px 40px var(--detail-hover-shadow);transform:translateY(-8px)}.tutorial-category-card:hover .tutorial-category-card__image{transform:scale(1.05)}.tutorial-category-card:hover .tutorial-category-card__overlay{opacity:1}.tutorial-category-card:hover .tutorial-category-card__arrow{transform:translateX(4px)}.tutorial-category-card__image-container{aspect-ratio:16/9;background:var(--detail-bg);overflow:hidden;position:relative}.tutorial-category-card__image{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.tutorial-category-card__overlay{inset:0;opacity:0;position:absolute}.tutorial-category-card__overlay,.tutorial-category-card__play-btn{align-items:center;display:flex;justify-content:center;transition:all .3s ease}.tutorial-category-card__play-btn{background:var(--detail-card-bg);border:none;border-radius:50%;box-shadow:0 8px 25px var(--detail-hover-shadow);color:var(--color-primary);cursor:pointer;height:60px;width:60px}.tutorial-category-card__play-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.1)}.tutorial-category-card__badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;color:#fff;display:flex;font-size:.625rem;font-weight:700;gap:.25rem;left:1rem;letter-spacing:.5px;padding:.25rem .75rem;position:absolute;text-transform:uppercase;top:1rem}.tutorial-category-card__content{padding:1.5rem}.tutorial-category-card__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.tutorial-category-card__title{color:var(--detail-text);font-size:1.25rem;font-weight:700;line-height:1.4;margin:0}.tutorial-category-card__arrow{color:var(--detail-text-muted);flex-shrink:0;margin-left:.5rem;transition:transform .3s ease}.tutorial-category-card__description{color:var(--detail-text-muted);font-size:.875rem;line-height:1.6;margin-bottom:1rem}.tutorial-category-card__stats{display:flex;gap:1rem;margin-bottom:1rem}.tutorial-category-card__stat{align-items:center;color:var(--detail-text-muted);display:flex;font-size:.875rem;font-weight:500;gap:.375rem}.tutorial-category-card__stat svg{color:var(--color-primary)}.tutorial-category-card__footer{align-items:center;border-top:1px solid var(--detail-border);display:flex;justify-content:space-between;padding-top:1rem}.tutorial-category-card__difficulty{color:var(--detail-text);font-size:.875rem;font-weight:600}.tutorial-category-card__color-indicator{border-radius:2px;height:4px;width:24px}.tutorial-instructors{margin-top:4rem}.tutorial-instructors__title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;color:var(--detail-text);font-size:1.75rem;font-weight:700;margin-bottom:2rem;text-align:center}.tutorial-instructors__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.instructor-card{background:var(--detail-card-bg);border:1px solid var(--detail-border);border-radius:16px;box-shadow:0 4px 6px -1px var(--detail-shadow);padding:1.5rem;text-align:center;transition:all .3s ease}.instructor-card:hover{border-color:var(--color-primary);box-shadow:0 12px 25px var(--detail-hover-shadow);transform:translateY(-4px)}.instructor-card__avatar{height:80px;margin:0 auto 1rem;position:relative;width:80px}.instructor-card__avatar img{border:3px solid var(--detail-border);border-radius:50%;height:100%;object-fit:cover;width:100%}.instructor-card__verified{align-items:center;background:var(--color-primary);border:2px solid var(--detail-card-bg);border-radius:50%;bottom:0;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:0;width:24px}.instructor-card__name{color:var(--detail-text);font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.instructor-card__specialty{color:var(--detail-text-muted);font-size:.875rem;margin:0 0 1rem}.instructor-card__stats{display:flex;gap:1rem;justify-content:center}.instructor-card__stat{align-items:center;color:var(--detail-text-muted);display:flex;font-size:.75rem;font-weight:500;gap:.25rem}.instructor-card__stat svg{color:var(--color-primary)}@media(max-width:1024px){.tutorials{padding:1.5rem 1rem}.tutorials__content{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.instructor-card__image-container,.tutorial-category-card__image-container,.tutorial-item__image-container{height:200px;margin-bottom:1rem;width:100%}.instructor-card__info,.tutorial-category-card__info,.tutorial-item__info{width:100%}}@media(max-width:768px){.tutorials{padding:1rem .5rem}.tutorials__header{align-items:stretch;flex-direction:column;gap:1.5rem}.tutorials__title{font-size:2rem}.tutorials__subtitle{font-size:1rem}.tutorials__controls{flex-direction:column;gap:1rem}.tutorials__search{min-width:auto}.tutorials__search-input{padding:.75rem 1rem .75rem 2.5rem}.tutorials__content{gap:1rem;grid-template-columns:1fr}.tutorials__subjects{gap:.5rem}.tutorials__subject{font-size:.8125rem;padding:.625rem 1.25rem}.tutorials__subject-count{font-size:.6875rem}.tutorial-item--list{flex-direction:column;text-align:left}.tutorial-item--list .tutorial-item__image-container{height:200px;margin-bottom:1rem;width:100%}.tutorial-item--list .tutorial-item__info{width:100%}.tutorial-item__info{padding:1.25rem}.tutorial-item__title{font-size:1rem}.tutorial-item__meta{align-items:flex-start;flex-direction:column;gap:.75rem}.tutorial-item__footer{align-items:stretch;flex-direction:column;gap:1rem}.tutorial-item__buy-btn,.tutorial-item__continue-btn{justify-content:center;padding:.875rem 1.25rem}}@media(max-width:480px){.tutorials__title{font-size:1.75rem}.tutorials__search-input{font-size:.8125rem;padding:.625rem .875rem .625rem 2.25rem}.tutorials__subjects{gap:.375rem}.tutorials__subject{font-size:.75rem;padding:.5rem 1rem}.tutorials__subject-count{font-size:.625rem}.tutorial-item__info{padding:1rem}.tutorial-item__title{font-size:.9375rem;margin-bottom:.5rem}.tutorial-item__lessons{font-size:.8125rem;margin-bottom:.75rem}.tutorial-item__buy-btn,.tutorial-item__continue-btn{font-size:.8125rem;padding:.75rem 1rem}}.tutorial-detail{background:var(--bg-primary);min-height:100vh;transition:background-color .3s ease}.tutorial-detail__header{background:linear-gradient(135deg,var(--color-primary) 0,#1bb300 100%);color:#fff;overflow:hidden;padding:2rem 0 4rem;position:relative}.tutorial-detail__header:before{background:url(https://avatars.mds.yandex.net/i?id=0140fe8eeb35eea5e7e9f6e76acdfef2-5427554-images-thumbs&n=13) 50%/cover;bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0;z-index:0}.tutorial-detail__container{margin:0 auto;max-width:1200px;padding:0 1rem;position:relative;z-index:1}.tutorial-detail__back{align-items:center;background:rgba(48,48,48,.447);border:1px solid #fff3;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:2rem;padding:.75rem 1rem;transition:all .3s ease}.tutorial-detail__back:hover{background:#fff3;transform:translateX(-2px)}.tutorial-detail__hero{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:300px 1fr}@media(max-width:768px){.tutorial-detail__hero{gap:1.5rem;grid-template-columns:1fr}}.tutorial-detail__image{border-radius:1rem;box-shadow:var(--shadow);overflow:hidden;position:relative}.tutorial-detail__image img{height:200px;object-fit:cover;width:100%}.tutorial-detail__image-overlay{align-items:center;background:#0006;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tutorial-detail__image-overlay:hover{opacity:1}.tutorial-detail__image-overlay svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.tutorial-detail__play-overlay{align-items:center;background:#0006;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tutorial-detail__play-overlay:hover{opacity:1}.tutorial-detail__play-overlay svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.tutorial-detail__info{display:flex;flex-direction:column;gap:1rem;margin-top:-80px}.tutorial-detail__breadcrumb{align-items:center;display:flex;font-size:.9rem;gap:.5rem;opacity:.8}.tutorial-detail__breadcrumb span:nth-child(2){opacity:.6}.tutorial-detail__title{color:#fff;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0}@media(max-width:768px){.tutorial-detail__title{font-size:2rem}}.tutorial-detail__description{color:#fff;font-size:1rem;line-height:1.6;margin:0;opacity:.95}.tutorial-detail__meta{align-items:center;display:flex;flex-wrap:wrap;font-size:.9rem;gap:1.5rem}.tutorial-detail__meta-item{align-items:center;color:#fff;display:flex;gap:.5rem;opacity:.9}.tutorial-detail__instructor{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(48,48,48,.447);border-radius:.75rem;cursor:pointer;display:flex;gap:1rem;padding:1rem}.tutorial-detail__instructor img{border:3px solid #ffffff4d;border-radius:50%;height:60px;object-fit:cover;width:60px}.tutorial-detail__instructor-info h4{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 .25rem}.tutorial-detail__instructor-info p{color:#fff;font-size:.9rem;margin:0;opacity:.9}.tutorial-detail__stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(48,48,48,.447);border-radius:.75rem;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.tutorial-detail__progress{display:flex;flex-direction:column;gap:.5rem}.tutorial-detail__progress-bar{background:#fff3;border-radius:5px;height:10px;overflow:hidden;position:relative;width:100%}.tutorial-detail__progress-bar:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.tutorial-detail__progress-fill{background:linear-gradient(90deg,var(--color-success),#00b894);border-radius:5px;height:100%;position:relative;transition:width .5s ease}.tutorial-detail__progress-fill:after{background:linear-gradient(90deg,var(--color-success),#00b894);border-radius:7px;bottom:-2px;content:"";filter:blur(4px);left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;z-index:-1}.tutorial-detail__progress-text{color:#fff;font-size:.9rem;font-weight:600;opacity:.9}.tutorial-detail__score{align-items:center;color:#fff;display:flex;font-size:.9rem;gap:.5rem;opacity:.9}.tutorial-detail__purchase{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:.75rem;display:flex;gap:1rem;padding:1.5rem}.tutorial-detail__price{color:var(--color-success);font-size:1.5rem;font-weight:700}.tutorial-detail__buy-btn{background:var(--color-success);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.tutorial-detail__buy-btn:hover{background:#00b894;transform:translateY(-1px)}.tutorial-detail__content{background:var(--bg-primary);padding:2rem 0;transition:background-color .3s ease}.tutorial-detail__months{display:flex;gap:1rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}@media(max-width:768px){.tutorial-detail__months{flex-direction:column}}.tutorial-detail__month-tab{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:1rem;cursor:pointer;flex:1 1;min-width:250px;overflow:hidden;padding:1.5rem;position:relative;text-align:left;transition:all .3s ease}.tutorial-detail__month-tab:hover{border-color:var(--color-primary);box-shadow:var(--shadow);transform:translateY(-2px)}.tutorial-detail__month-tab.active{background:var(--bg-surface);border-color:var(--color-primary);box-shadow:0 0 20px #06f3}.tutorial-detail__month-tab.locked{background:var(--bg-surface);border-color:var(--border-color);cursor:not-allowed;opacity:.6}.tutorial-detail__month-tab.locked:hover{border-color:var(--border-color);transform:none}.tutorial-detail__month-tab.locked:before{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#0000001a 0,#0000001a 20px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.tutorial-detail__month-lock{align-items:center;background:var(--text-secondary);border-radius:50%;box-shadow:var(--shadow);color:#fff;display:flex;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:1rem}.tutorial-detail__month-info h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.tutorial-detail__month-info p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0 0 1rem}.tutorial-detail__month-lessons{color:var(--color-primary);font-size:.8rem;font-weight:600}.tutorial-detail__month-purchase-inline{background:linear-gradient(var(--bg-surface),var(--bg-surface)) padding-box,var(--primary-gradient) border-box;border-radius:0;border-top:2px solid #0000;margin-top:1.25rem;padding:1.25rem 0 0;position:relative}.tutorial-detail__month-purchase-inline:before{background:var(--bg-surface);border-radius:50%;box-shadow:0 2px 8px #0000001a;content:"💳";font-size:1.2rem;left:50%;padding:0 .75rem;position:absolute;top:-12px;transform:translateX(-50%)}.tutorial-detail__month-purchase-btn-small{align-items:center;background:var(--primary-gradient);border:none;border-radius:1rem;box-shadow:0 8px 25px var(--primary-gradient),0 4px 12px var(--primary-gradient),inset 0 1px 0 var(--primary-gradient);color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:800;gap:.75rem;justify-content:center;letter-spacing:1px;overflow:hidden;padding:1rem 1.5rem;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.tutorial-detail__month-purchase-btn-small:after{animation:borderGlow 2s linear infinite;background:var(--primary-gradient);border-radius:1rem;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.tutorial-detail__month-purchase-btn-small:hover{background:var(--primary-gradient);box-shadow:0 12px 35px var(--primary-gradient),0 6px 20px var(--primary-gradient),inset 0 1px 0 var(--primary-gradient);transform:translateY(-3px) scale(1.02)}.tutorial-detail__month-purchase-btn-small:hover:before{left:100%}.tutorial-detail__month-purchase-btn-small:hover:after{opacity:1}.tutorial-detail__month-purchase-btn-small:hover svg{transform:scale(1.2) rotate(15deg)}.tutorial-detail__month-purchase-btn-small:hover span{transform:scale(1.05)}.tutorial-detail__month-purchase-btn-small:active{transform:translateY(-1px) scale(.98);transition:all .1s ease}.tutorial-detail__month-purchase-btn-small svg{animation:cardPulse 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:2}.tutorial-detail__month-purchase-btn-small span{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;text-shadow:0 1px 2px #0003;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);z-index:2}.tutorial-detail__month-purchase-btn-small:disabled{cursor:not-allowed;opacity:.6;transform:none}.tutorial-detail__month-purchase-btn-small:disabled:hover{box-shadow:0 4px 15px #f59e0b33;transform:none}.tutorial-detail__month-purchase-btn-small:disabled:hover:before{left:-100%}.tutorial-detail__month-purchase-btn-small:disabled:hover:after{opacity:0}.tutorial-detail__month-purchase-btn-small.loading{pointer-events:none}.tutorial-detail__month-purchase-btn-small.loading svg{animation:spin 1s linear infinite}.tutorial-detail__month-purchase-btn-small.loading span{opacity:.7}.tutorial-detail__month-progress{align-items:center;display:flex;gap:.75rem;margin-top:1rem}.tutorial-detail__month-progress-bar{background:var(--border-color);border-radius:3px;flex:1 1;height:6px;overflow:hidden;position:relative}.tutorial-detail__month-progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-success));border-radius:3px;height:100%;transition:width .5s ease}.tutorial-detail__month-progress-fill.active{animation:pulse 2s infinite}.tutorial-detail__month-progress-text{color:var(--text-secondary);font-size:.75rem;font-size:.85rem;font-weight:600;min-width:30px;min-width:35px;text-align:center}.tutorial-detail__month-content{margin-top:2rem}.tutorial-detail__month-header{margin-bottom:2rem}.tutorial-detail__month-header h3{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.tutorial-detail__month-header h2{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.tutorial-detail__month-header p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.tutorial-detail__month-price .price-text{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:1rem;box-shadow:0 2px 8px #10b9814d;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;gap:.3rem;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.tutorial-detail__month-price .price-text:before{content:"💰";font-size:.8rem}.tutorial-detail__month-price .free-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:1rem;box-shadow:0 2px 8px #10b9814d;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.25rem .6rem;text-transform:uppercase}.tutorial-detail__month-price .free-badge:before{content:"🎁 ";margin-right:.2rem}.tutorial-detail__lessons{display:flex;flex-direction:column;gap:1rem}.tutorial-detail__error{align-items:center;background:var(--bg-primary);display:flex;flex-direction:column;justify-content:center;min-height:50vh;text-align:center}.tutorial-detail__error h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.tutorial-detail__error button{background:var(--color-primary);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.tutorial-detail__error button:hover{background:#0056b3;transform:translateY(-1px)}.lesson-item{align-items:flex-start;background:var(--bg-surface);border:2px solid var(--border-color);border-radius:1rem;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.lesson-item:hover:not(.locked){border-color:var(--color-primary);box-shadow:var(--shadow);transform:translateY(-2px)}.lesson-item.locked{background:var(--bg-surface);opacity:.6}.lesson-item.completed{background:var(--bg-surface);border-color:var(--color-success);box-shadow:0 0 15px #28a7451a}.lesson-item__number{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.lesson-item__number.locked{animation:shake .5s ease-in-out;background:var(--text-secondary)}.lesson-item__content{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.lesson-item__title{color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1.3;margin:0}.lesson-item__description{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0}.lesson-item__results{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.lesson-item__result-banner{align-items:center;animation:slideInUp .3s ease;border-radius:.75rem;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1rem;position:relative}.lesson-item__result-banner:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.lesson-item__result-banner:hover:before{left:100%}.lesson-item__result-banner.test.passed{background:linear-gradient(135deg,#28a74533,#22c55e1a);border:2px solid var(--color-success);box-shadow:0 2px 8px #22c55e33;color:var(--color-success)}.lesson-item__result-banner.test.failed{background:linear-gradient(135deg,#dc354533,#ef44441a);border:2px solid var(--color-danger);box-shadow:0 2px 8px #ef444433;color:var(--color-danger)}.lesson-item__result-banner.assignment.passed{background:linear-gradient(135deg,#17a2b833,#3b82f61a);border:2px solid var(--color-info);box-shadow:0 2px 8px #3b82f633;color:var(--color-info)}.lesson-item__result-banner.assignment.failed{background:linear-gradient(135deg,#ffc10733,#f59e0b1a);border:2px solid var(--color-warning);box-shadow:0 2px 8px #f59e0b33;color:var(--color-warning)}.lesson-item__meta{align-items:center;display:flex;flex-wrap:wrap;font-size:.8rem;gap:1rem}.lesson-item__duration{align-items:center;color:var(--text-secondary);display:flex;gap:.25rem}.lesson-item__badge{border-radius:.25rem;font-size:.7rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.lesson-item__badge.test{background:#ffc10733;color:var(--color-warning)}.lesson-item__badge.assignment{background:#17a2b833;color:var(--color-info)}.lesson-item__score{align-items:center;color:var(--color-success);display:flex;font-weight:600;gap:.25rem}.lesson-item__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.lesson-item__action-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.lesson-item__action-btn.video{background:var(--color-primary);color:#fff;overflow:hidden;position:relative}.lesson-item__action-btn.video:hover:not(:disabled){background:#0056b3;box-shadow:0 4px 12px #0066ff4d;transform:translateY(-1px)}.lesson-item__action-btn.video:disabled{background:var(--text-secondary);cursor:not-allowed;opacity:.6}.lesson-item__action-btn.video:disabled:before{background:repeating-linear-gradient(45deg,#0000,#0000 5px,#ffffff1a 0,#ffffff1a 10px);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.lesson-item__action-btn.test{background:var(--color-warning);color:#fff}.lesson-item__action-btn.test:hover:not(:disabled){background:#e0a800;box-shadow:0 4px 12px #ffc1074d;transform:translateY(-1px)}.lesson-item__action-btn.test.disabled{background:var(--text-secondary);cursor:not-allowed;opacity:.6}.lesson-item__action-btn.assignment{background:var(--color-info);color:#fff}.lesson-item__action-btn.assignment:hover:not(:disabled){background:#138496;box-shadow:0 4px 12px #17a2b84d;transform:translateY(-1px)}.lesson-item__action-btn.assignment.disabled{background:var(--text-secondary);cursor:not-allowed;opacity:.6}.lesson-item__status{align-items:center;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.lesson-item__completed-icon{animation:bounce .6s ease-in-out;color:var(--color-success);font-size:1.5rem}.lesson-item__locked-icon{animation:shake .5s ease-in-out;font-size:1.2rem}.lesson-item__play-icon{color:var(--color-primary);font-size:1.5rem;transition:all .3s ease}.lesson-item__play-icon:hover{transform:scale(1.1)}.lesson-item__month-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.lesson-item__month-header h3{align-items:center;display:flex;gap:.5rem;justify-content:space-evenly;margin:0}.lesson-item__month-header h3 .free-badge{background:var(--color-success);border-radius:1rem;color:#fff;font-size:.7rem;font-weight:600;margin-left:.5rem;padding:.2rem .5rem}@media(max-width:768px){.tutorial-detail__months{grid-template-columns:1fr}.lesson-item,.tutorial-detail__month-content,.tutorial-detail__month-tab{padding:1rem}.lesson-item__number{font-size:.8rem;height:35px;width:35px}.lesson-item__title{font-size:1rem}.lesson-item__meta{gap:.5rem}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@keyframes cardPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes borderGlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.tutorial-category-card__badge--type{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;font-size:.625rem;font-weight:600;padding:.25rem .5rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}.tutorial-category-card__badge--type,.tutorial-item__badge--type{background:var(--color-info);color:#fff}.tutorial-category{background-color:var(--detail-bg);color:var(--detail-text);min-height:100vh;transition:background-color .3s ease,color .3s ease}.tutorial-category__container{margin:0 auto;max-width:1400px;padding:0 1rem}.tutorial-category__header{margin-bottom:3rem}.tutorial-category__back-btn{align-items:center;background:var(--detail-card-bg);border:1px solid var(--detail-border);border-radius:12px;color:var(--detail-text-muted);cursor:pointer;display:flex;font-weight:500;gap:.5rem;margin-bottom:2rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.tutorial-category__back-btn:hover{background:var(--detail-bg);border-color:var(--color-primary);color:var(--color-primary);transform:translateX(-2px)}.tutorial-category__hero{border:1px solid var(--detail-border);border-radius:20px;box-shadow:0 8px 25px var(--detail-shadow);height:400px;overflow:hidden}.tutorial-category__hero-bg{color:#fff;height:100%;padding:3rem 2rem;position:relative;width:100%}.tutorial-category__hero-bg:before{background:#0000001a;content:"";inset:0;position:absolute}.tutorial-category__hero-content{position:relative;text-align:center;z-index:1}.tutorial-category__title{font-size:2.5rem;font-weight:800;margin:0 0 1rem;text-shadow:0 2px 4px #0000004d}.tutorial-category__description{font-size:1.125rem;margin:0 0 2rem;opacity:.9;text-shadow:0 1px 2px #0000004d}.tutorial-category__stats{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.tutorial-category__stat{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem}.tutorial-category__stat svg{opacity:.8}.tutorial-category__controls{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:2rem}.tutorial-category__filters{flex:1 1}.tutorial-category__levels{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;padding-bottom:.5rem}.tutorial-category__level{background:var(--detail-card-bg);border:2px solid var(--detail-border);border-radius:25px;box-shadow:0 2px 4px var(--detail-shadow);color:var(--detail-text);cursor:pointer;flex-shrink:0;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.tutorial-category__level.active{box-shadow:0 8px 25px var(--detail-hover-shadow);color:#fff;transform:translateY(-2px)}.tutorial-category__level:not(.active):hover{background:var(--detail-bg);color:var(--color-primary)}.tutorial-category__actions{align-items:center;display:flex;gap:1.5rem}.tutorial-category__search{min-width:280px;position:relative}.tutorial-category__search-icon{color:var(--detail-text-muted);left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.tutorial-category__search-input{background:var(--detail-card-bg);border:2px solid var(--detail-border);border-radius:12px;box-shadow:0 2px 4px var(--detail-shadow);color:var(--detail-text);font-size:.875rem;padding:.875rem 1rem .875rem 2.75rem;transition:all .3s ease;width:100%}.tutorial-category__search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a,0 4px 6px -1px var(--detail-shadow);outline:none}.tutorial-category__search-input::placeholder{color:var(--detail-text-muted)}.tutorial-category__view-toggle{background:var(--detail-card-bg);border:1px solid var(--detail-border);border-radius:10px;box-shadow:0 4px 6px -1px var(--detail-shadow);display:flex;padding:.25rem}.tutorial-category__view-btn{background:none;border:none;border-radius:8px;color:var(--detail-text-muted);cursor:pointer;padding:.625rem;transition:all .2s ease}.tutorial-category__view-btn.active{background:var(--color-primary);color:#fff}.tutorial-category__view-btn:not(.active):hover{background:var(--detail-bg);color:var(--color-primary)}.tutorial-category__content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));justify-items:center}.tutorial-category__content--list{gap:1.5rem;grid-template-columns:1fr}@media(max-width:768px){.tutorial-category__content{grid-template-columns:1fr;justify-items:center;margin:0 auto;max-width:500px;width:100%}}.tutorial-category__empty{background:var(--detail-card-bg);border:1px solid var(--detail-border);border-radius:20px;box-shadow:0 4px 6px -1px var(--detail-shadow);grid-column:1/-1;padding:4rem 2rem;text-align:center}.tutorial-category__empty-icon{color:var(--detail-text-muted);margin-bottom:1rem}.tutorial-category__empty-icon img{height:200px;width:200px}.tutorial-category__empty h3{color:var(--detail-text);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.tutorial-category__empty p{color:var(--detail-text-muted);margin:0}@media(max-width:768px){.tutorial-categories__grid{gap:1.5rem;grid-template-columns:1fr}.tutorial-category__container{padding:0 .5rem}.tutorial-category__hero-bg{padding:2rem 1rem}.tutorial-category__title{font-size:2rem}.tutorial-category__description{font-size:1rem}.tutorial-category__stats{gap:1rem}.tutorial-category__stat{font-size:.875rem;padding:.375rem .75rem}.tutorial-category__controls{align-items:stretch;flex-direction:column}.tutorial-category__actions{flex-direction:column;gap:1rem}.tutorial-category__search{min-width:auto}.tutorial-category__levels{gap:.5rem}.tutorial-category__level{font-size:.8125rem;padding:.625rem 1.25rem}.tutorial-category__content{gap:1rem;grid-template-columns:1fr;justify-items:center;padding:0 1rem}.instructor-card{padding:1.25rem}.instructor-card__avatar{height:60px;width:60px}.instructor-card__name{font-size:1rem}.instructor-card__specialty{font-size:.8125rem}}@media(max-width:480px){.tutorial-category__hero-bg{padding:1.5rem 1rem}.tutorial-category__title{font-size:1.75rem}.tutorial-category__description{font-size:.9375rem}.tutorial-category__stats{flex-direction:column;gap:.75rem}.tutorial-category__stat{justify-content:center}.tutorial-category__levels{gap:.375rem}.tutorial-category__level{font-size:.75rem;padding:.5rem 1rem}.tutorial-category__search-input{font-size:.8125rem;padding:.75rem 1rem .75rem 2.5rem}}.tutorial-category-card__overlay{background:var(--detail-overlay)}.tutorial-category-card__play-btn:hover{box-shadow:0 8px 25px var(--detail-hover-shadow)}.tutorial-category-card__badge{background:var(--color-warning)}.tutorial-category-card__badge--popular{background:var(--primary-gradient)}.instructor-card *,.tutorial-category *,.tutorial-category-card *,.tutorial-item *{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.tutorial-category__courses-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-top:2rem}@media(max-width:1400px){.tutorial-category__courses-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.tutorial-category__courses-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.tutorial-category__courses-grid{gap:1rem;grid-template-columns:1fr;max-width:100%;padding:0 1rem}}.tutorial-course-card{background:var(--detail-card-bg);border:2px solid var(--detail-border);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.tutorial-course-card:hover{border-color:var(--color-primary);box-shadow:0 12px 24px var(--detail-hover-shadow);transform:translateY(-4px)}.tutorial-course-card:hover .tutorial-course-card__overlay{opacity:1}.tutorial-course-card:hover .tutorial-course-card__image{transform:scale(1.05)}@media(max-width:768px){.tutorial-course-card{max-width:100%;width:100%}}.tutorial-course-card__thumbnail{background:var(--detail-bg);overflow:hidden;padding-top:56.25%;position:relative;width:100%}.tutorial-course-card__image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .4s ease;width:100%}.tutorial-course-card__overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.tutorial-course-card__play-btn{align-items:center;background:var(--color-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;transition:all .3s ease;width:60px}.tutorial-course-card__play-btn:hover{background:var(--color-primary-dark);transform:scale(1.1)}.tutorial-course-card__badges{display:flex;flex-direction:column;gap:.5rem;left:.75rem;position:absolute;top:.75rem}.tutorial-course-card__badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;display:inline-flex;font-size:.75rem;font-weight:700;gap:.25rem;padding:.375rem .75rem;text-transform:uppercase}.tutorial-course-card__badge--new{background:#22c55ee6;color:#fff}.tutorial-course-card__badge--bestseller{background:#fbbf24e6;color:#fff}.tutorial-course-card__duration{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:8px;bottom:.75rem;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;position:absolute;right:.75rem}.tutorial-course-card__content{display:flex;flex:1 1;flex-direction:column;gap:.75rem;padding:1rem}.tutorial-course-card__title{-webkit-line-clamp:2;color:var(--detail-text);font-size:1rem;font-weight:700;line-height:1.4}.tutorial-course-card__description,.tutorial-course-card__title{-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden;text-overflow:ellipsis}.tutorial-course-card__description{-webkit-line-clamp:3;color:var(--detail-text-muted);font-size:.875rem;line-height:1.5}.tutorial-course-card__meta{align-items:center;border-top:1px solid var(--detail-border);display:flex;gap:.5rem;justify-content:space-between;padding-top:.5rem}.tutorial-course-card__rating{align-items:center;color:var(--detail-text);display:flex;font-size:.875rem;font-weight:600;gap:.375rem}.tutorial-course-card__star{color:#fbbf24;font-size:14px}.tutorial-course-card__level{background:#3b82f61a;border-radius:12px;color:var(--color-primary);font-size:.75rem;font-weight:600;padding:.25rem .75rem}.tutorial-course-card__stats{align-items:center;display:flex;gap:1rem;padding:.5rem 0}.tutorial-course-card__stat{align-items:center;color:var(--detail-text-muted);display:flex;font-size:.875rem;gap:.375rem}.tutorial-course-card__stat svg{color:var(--color-primary)}.tutorial-course-card__footer{border-top:1px solid var(--detail-border);margin-top:auto;padding-top:.75rem}.tutorial-course-card__price-info{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.tutorial-course-card__price{color:var(--color-success);font-size:1.125rem;font-weight:700}.tutorial-course-card__payment-type{background:#3b82f61a;border-radius:6px;color:var(--detail-text-muted);display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem;width:-webkit-fit-content;width:fit-content}.tutorial-course-card__btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .3s ease;width:100%}.tutorial-course-card__btn--buy{background:var(--color-primary);color:#fff}.tutorial-course-card__btn--buy:hover{background:var(--color-primary-dark);box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.tutorial-course-card__btn--continue{background:var(--color-success);color:#fff}.tutorial-course-card__btn--continue:hover{background:#16a34a;box-shadow:0 4px 12px #22c55e66;transform:translateY(-2px)}@media(max-width:768px){.tutorial-course-card__thumbnail{padding-top:56.25%}.tutorial-course-card__content{padding:.875rem}.tutorial-course-card__title{font-size:.9375rem}.tutorial-course-card__description{-webkit-line-clamp:2;font-size:.8125rem}.tutorial-course-card__price{font-size:1rem}.tutorial-course-card__btn{font-size:.8125rem;padding:.625rem}}.tutorial-detail__purchase{background:var(--bg-primary);border:2px solid var(--primary-200);border-radius:var(--radius-xl);margin:var(--space-6) 0;padding:var(--space-5);text-align:center}.tutorial-detail__purchase .tutorial-detail__price{margin-bottom:var(--space-4)}.tutorial-detail__purchase .tutorial-detail__price .tutorial-detail__price-amount{color:var(--primary-600);display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.tutorial-detail__purchase .tutorial-detail__price .tutorial-detail__price-label{color:var(--text-secondary);font-size:var(--font-size-sm);letter-spacing:.5px;text-transform:uppercase}.tutorial-detail__purchase .tutorial-detail__purchase-btn{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-4) var(--space-6);transition:all var(--transition-fast)}.tutorial-detail__purchase .tutorial-detail__purchase-btn:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:var(--shadow-xl);transform:translateY(-2px)}.tutorial-detail__purchase .tutorial-detail__purchase-btn:active{transform:translateY(0)}.tutorial-detail__purchase .tutorial-detail__purchase-btn svg{font-size:var(--font-size-lg)}.tutorial-detail__month-purchase{margin:var(--space-4) 0;text-align:center}.tutorial-detail__month-purchase .tutorial-detail__month-purchase-btn{align-items:center;background:linear-gradient(135deg,var(--success-500),var(--success-600));border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:all var(--transition-fast)}.tutorial-detail__month-purchase .tutorial-detail__month-purchase-btn:hover{background:linear-gradient(135deg,var(--success-600),var(--success-700));box-shadow:var(--shadow-lg);transform:translateY(-1px)}.tutorial-detail__month-purchase .tutorial-detail__month-purchase-btn svg{font-size:var(--font-size-base)}.tutorial-detail__month-purchased-inline{margin-top:var(--space-3)}.tutorial-detail__month-purchased-inline .tutorial-detail__month-purchased-btn-small{align-items:center;background:linear-gradient(135deg,var(--success-500),var(--success-600));border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.tutorial-detail__month-purchased-inline .tutorial-detail__month-purchased-btn-small:hover{background:linear-gradient(135deg,var(--success-600),var(--success-700));box-shadow:var(--shadow-md);transform:translateY(-1px)}.tutorial-detail__month-purchased-inline .tutorial-detail__month-purchased-btn-small svg{font-size:var(--font-size-sm)}.tutorial-detail__month-purchased-inline .tutorial-detail__month-purchased-badge{align-items:center;background:linear-gradient(135deg,var(--success-100),var(--success-200));border:1px solid var(--success-300);border-radius:var(--radius-md);color:var(--success-700);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3)}.tutorial-detail__month-purchased-inline .tutorial-detail__month-purchased-badge svg{color:var(--success-600);font-size:var(--font-size-sm)}.tutorial-detail__purchased{margin:var(--space-6) 0;text-align:center}.tutorial-detail__purchased .tutorial-detail__purchased-badge{align-items:center;background:linear-gradient(135deg,var(--success-50),var(--success-100));border:2px solid var(--success-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:var(--success-700);display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-3);padding:var(--space-4) var(--space-6)}.tutorial-detail__purchased .tutorial-detail__purchased-badge svg{color:var(--success-600);font-size:var(--font-size-lg)}.purchase-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:10000}.purchase-modal{animation:slideInUp .3s ease-out;background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.purchase-modal.confirm-modal{max-width:450px}.purchase-modal.loading-modal{max-width:400px;text-align:center}.purchase-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-6)}.purchase-modal-header h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.purchase-modal-header .purchase-modal-close{background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-2xl);padding:var(--space-1);transition:all var(--transition-fast)}.purchase-modal-header .purchase-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.purchase-modal-content{padding:var(--space-6)}.purchase-confirm-info{display:flex;flex-direction:column;gap:var(--space-5)}.purchase-confirm-info .purchase-item-info{text-align:center}.purchase-confirm-info .purchase-item-info h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.4;margin:0 0 var(--space-3) 0}.purchase-confirm-info .purchase-item-info .purchase-price{align-items:center;background:var(--bg-primary);border:1px solid var(--primary-200);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-4)}.purchase-confirm-info .purchase-item-info .purchase-price svg{color:var(--primary-600)}.purchase-confirm-info .purchase-item-info .purchase-price span{color:var(--primary-600);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.purchase-confirm-info .wallet-balance{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4)}.purchase-confirm-info .wallet-balance h5{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.5px;margin:0 0 var(--space-2) 0;text-transform:uppercase}.purchase-confirm-info .wallet-balance .balance-amount{align-items:center;display:flex;gap:var(--space-2)}.purchase-confirm-info .wallet-balance .balance-amount svg{color:var(--warning-500)}.purchase-confirm-info .wallet-balance .balance-amount span{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.purchase-confirm-info .purchase-question{text-align:center}.purchase-confirm-info .purchase-question p{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0}.purchase-modal-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--space-3);padding:var(--space-6)}.purchase-modal-actions .purchase-cancel-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;flex:1 1;font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.purchase-modal-actions .purchase-cancel-btn:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}.purchase-modal-actions .purchase-confirm-btn{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.purchase-modal-actions .purchase-confirm-btn:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700))}.purchase-modal-actions .purchase-confirm-btn svg{font-size:var(--font-size-base)}.purchase-loading{padding:var(--space-8);text-align:center}.purchase-loading .purchase-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-500);height:60px;margin:0 auto var(--space-6) auto;width:60px}.purchase-loading h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.purchase-loading p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.purchase-success{padding:var(--space-8);text-align:center}.purchase-success .success-icon{align-items:center;animation:bounceIn .6s ease-out;background:linear-gradient(135deg,var(--success-500),var(--success-600));border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto var(--space-6) auto;width:80px}.purchase-success .success-icon svg{color:#fff;font-size:48px}.purchase-success h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-3) 0}.purchase-success>p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.5;margin:0 0 var(--space-6) 0}.purchase-success .success-details{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-4)}.purchase-success .success-details .success-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-2) 0}.purchase-success .success-details .success-item:last-child{border-bottom:none}.purchase-success .success-details .success-item span:first-child{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.purchase-success .success-details .success-item span:last-child{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.purchase-success .success-message{align-items:center;background:linear-gradient(135deg,var(--success-50),var(--success-100));border:1px solid var(--success-200);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-6);padding:var(--space-4)}.purchase-success .success-message svg{color:var(--success-600)}.purchase-success .success-message span{color:var(--success-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.purchase-success .success-close-btn{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-4) var(--space-8);transition:all var(--transition-fast)}.purchase-success .success-close-btn:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:var(--shadow-xl);transform:translateY(-1px)}@media(max-width:768px){.purchase-modal{margin:var(--space-4);max-width:none}.tutorial-detail__purchase{margin:var(--space-4) 0;padding:var(--space-4)}.tutorial-detail__purchase .tutorial-detail__price-amount{font-size:var(--font-size-2xl)}.tutorial-detail__purchase .tutorial-detail__purchase-btn{justify-content:center;width:100%}.purchase-modal-actions{flex-direction:column}.purchase-modal-actions .purchase-cancel-btn,.purchase-modal-actions .purchase-confirm-btn{width:100%}.purchase-success{padding:var(--space-6)}.purchase-success .success-icon{height:60px;width:60px}.purchase-success .success-icon svg{font-size:36px}.purchase-success h3{font-size:var(--font-size-xl)}}@media(prefers-color-scheme:dark){.purchase-confirm-info .purchase-item-info .purchase-price,.tutorial-detail__purchase{background:linear-gradient(135deg,#6366f11a,#6366f133);border-color:#6366f14d}.success-message{background:linear-gradient(135deg,#22c55e1a,#22c55e33);border-color:#22c55e4d}}.video-player-page{background:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh}.video-player-container{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1200px;padding:1rem;width:100%}.video-player-container:fullscreen{background:#000;max-width:none;padding:0}.video-player-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:1rem;padding:1rem 0}.video-player-back{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.video-player-back:hover{background:var(--bg-hover);transform:translateX(-2px)}.video-player-breadcrumb{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem}.video-player-breadcrumb span:nth-child(odd){color:var(--text-primary)}.video-player-breadcrumb span:nth-child(2n){opacity:.6}.video-player-wrapper{background:#000;border-radius:1rem;box-shadow:0 10px 30px #0000004d;flex:1 1;min-height:400px;overflow:hidden;position:relative}.video-player-video{cursor:pointer;height:100%;object-fit:contain;width:100%}.video-player-loading{align-items:center;background:#000c;color:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:10}.video-player-loading p{font-size:1rem;margin-top:1rem}.video-player-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top:3px solid var(--primary-color);height:40px;width:40px}.video-player-controls{background:linear-gradient(#0000,#000c);bottom:0;left:0;opacity:0;padding:2rem 1rem 1rem;position:absolute;right:0;transition:opacity .3s ease;z-index:5}.video-player-wrapper:hover .video-player-controls{opacity:1}.video-player-progress-container{margin-bottom:1rem}.video-player-progress-bar{background:#ffffff4d;border-radius:3px;cursor:pointer;height:6px;position:relative;transition:height .2s ease;width:100%}.video-player-progress-bar:hover{height:8px}.video-player-progress-watched{background:#ffffff80}.video-player-progress-fill,.video-player-progress-watched{border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:width .1s ease}.video-player-progress-fill{background:var(--primary-color);box-shadow:0 0 10px rgba(var(--primary-color-rgb),.5)}.video-player-controls-bottom{align-items:center;color:#fff;display:flex;justify-content:space-between}.video-player-controls-left,.video-player-controls-right{align-items:center;display:flex;gap:.75rem}.video-player-controls-left button,.video-player-controls-right button{align-items:center;background:none;border:none;border-radius:.25rem;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.video-player-controls-left button:hover:not(:disabled),.video-player-controls-right button:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.video-player-controls-left button:disabled,.video-player-controls-right button:disabled{cursor:not-allowed;opacity:.5}.video-player-volume{-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;cursor:pointer;height:4px;outline:none;width:80px}.video-player-volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary-color);border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:16px;width:16px}.video-player-volume::-moz-range-thumb{background:var(--primary-color);border:none;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:16px;width:16px}.video-player-time{color:#fff;font-size:.875rem;font-weight:500;min-width:100px;text-align:center}.video-player-speed{position:relative}.video-player-speed-select{background:#000000b3;border:1px solid #ffffff4d;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.8rem;outline:none;padding:.25rem .5rem}.video-player-speed-select option{background:#000;color:#fff}.video-player-prompt{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;position:absolute;z-index:15}.video-player-prompt-content{background:var(--bg-primary);border-radius:1rem;box-shadow:0 20px 40px #00000080;max-width:400px;padding:2rem;text-align:center}.video-player-prompt-content h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 1rem}.video-player-prompt-content p{color:var(--text-secondary);line-height:1.6;margin:0 0 2rem}.video-player-prompt-actions{display:flex;gap:1rem;justify-content:center}.video-player-prompt-btn{border:none;border-radius:.5rem;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.video-player-prompt-btn.primary{background:var(--primary-color);color:#fff}.video-player-prompt-btn.primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.video-player-prompt-btn.secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.video-player-prompt-btn.secondary:hover{background:var(--bg-hover);transform:translateY(-2px)}.video-player-info{border-top:1px solid var(--border-color);margin-top:1rem;padding:1.5rem 0}.video-player-info h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.video-player-info p{color:var(--text-secondary);line-height:1.6;margin:0 0 1rem}.video-player-meta{color:var(--text-secondary);display:flex;font-size:.9rem;gap:1rem}.video-player-meta span{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.25rem;padding:.25rem .75rem}.video-player-error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:2rem;text-align:center}.video-player-error h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 1rem}.video-player-error button{background:var(--primary-color);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.video-player-error button:hover{background:var(--primary-dark);transform:translateY(-2px)}@media(max-width:768px){.video-player-container{padding:.5rem}.video-player-wrapper{min-height:250px}.video-player-controls{padding:1rem .5rem .5rem}.video-player-controls-bottom{align-items:stretch;flex-direction:column;gap:1rem}.video-player-controls-left,.video-player-controls-right{gap:.5rem;justify-content:center}.video-player-volume{width:60px}.video-player-time{font-size:.75rem;min-width:80px}.video-player-breadcrumb{flex-wrap:wrap;font-size:.8rem}.video-player-info{padding:1rem 0}.video-player-info h2{font-size:1.2rem}.video-player-meta{flex-direction:column;gap:.5rem}.video-player-meta span{text-align:center}}.video-player-container:fullscreen .video-player-wrapper{border-radius:0;min-height:100vh}.video-player-container:fullscreen .video-player-video{object-fit:contain}.video-player-container:fullscreen .video-player-controls{padding:2rem}.test-page{background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.test-page .test-page-container{margin:0 auto;max-width:900px;padding:20px}.test-page .test-page-header{align-items:center;border-bottom:2px solid var(--bg-secondary);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.test-page .test-page-header .test-page-back{align-items:center;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;gap:8px;padding:12px 16px;transition:all .3s ease}.test-page .test-page-header .test-page-back:hover{background:var(--bg-tertiary);transform:translateX(-2px)}.test-page .test-page-header .test-page-title{color:var(--text-primary);flex:1 1;font-size:24px;font-weight:600;margin:0;text-align:center}.test-page .test-page-header .test-page-timer{align-items:center;background:var(--bg-secondary);border-radius:8px;display:flex;font-weight:600;gap:8px;padding:12px 16px}.test-page .test-page-header .test-page-timer.warning{animation:pulse 1s infinite;background:#dc3545;color:#fff}.test-page .test-page-intro{background:var(--bg-secondary);border-radius:16px;padding:32px;text-align:center}.test-page .test-page-intro .test-page-intro-content{margin:0 auto;max-width:600px}.test-page .test-page-intro .test-page-intro-content h2{color:var(--text-primary);font-size:28px;font-weight:600;margin-bottom:24px}.test-page .test-page-intro .test-page-intro-content .test-page-info{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.test-page .test-page-intro .test-page-intro-content .test-page-info .test-page-info-item{background:var(--bg-primary);border-radius:12px;padding:16px;text-align:left}.test-page .test-page-intro .test-page-intro-content .test-page-info .test-page-info-item strong{color:var(--primary-color);display:block;font-size:14px;margin-bottom:4px}.test-page .test-page-intro .test-page-intro-content .test-page-rules{background:var(--bg-primary);border-radius:12px;margin-bottom:32px;padding:24px;text-align:left}.test-page .test-page-intro .test-page-intro-content .test-page-rules h3{color:var(--text-primary);font-size:18px;margin-bottom:16px}.test-page .test-page-intro .test-page-intro-content .test-page-rules ul{list-style:none;padding:0}.test-page .test-page-intro .test-page-intro-content .test-page-rules ul li{color:var(--text-secondary);padding:8px 0 8px 24px;position:relative}.test-page .test-page-intro .test-page-intro-content .test-page-rules ul li:before{color:var(--primary-color);content:"✓";font-weight:700;left:0;position:absolute}.test-page .test-page-intro .test-page-intro-content .test-page-start-btn{background:var(--primary-color);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s ease}.test-page .test-page-intro .test-page-intro-content .test-page-start-btn:hover{background:var(--primary-hover);box-shadow:0 8px 24px #3b82f64d;transform:translateY(-2px)}.test-page .test-page-content .test-page-progress{background:var(--bg-secondary);border-radius:12px;margin-bottom:24px;padding:20px}.test-page .test-page-content .test-page-progress .test-page-progress-bar{background:var(--bg-primary);border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden;width:100%}.test-page .test-page-content .test-page-progress .test-page-progress-bar .test-page-progress-fill{background:var(--primary-color);border-radius:4px;height:100%;transition:width .3s ease}.test-page .test-page-content .test-page-progress .test-page-progress-text{color:var(--text-secondary);font-size:14px;font-weight:500}.test-page .test-page-content .test-page-questions .test-page-question{background:var(--bg-secondary);border-radius:12px;margin-bottom:20px;padding:24px}.test-page .test-page-content .test-page-questions .test-page-question .test-page-question-text{color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.5;margin-bottom:20px}.test-page .test-page-content .test-page-questions .test-page-question .test-page-options .test-page-option{align-items:flex-start;background:var(--bg-primary);border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:12px;padding:16px;transition:all .3s ease}.test-page .test-page-content .test-page-questions .test-page-question .test-page-options .test-page-option:hover{background:var(--bg-tertiary)}.test-page .test-page-content .test-page-questions .test-page-question .test-page-options .test-page-option.selected{background:#3b82f61a;border-color:var(--primary-color)}.test-page .test-page-content .test-page-questions .test-page-question .test-page-options .test-page-option input[type=radio]{accent-color:var(--primary-color);height:18px;margin:0;width:18px}.test-page .test-page-content .test-page-questions .test-page-question .test-page-options .test-page-option .test-page-option-text{color:var(--text-primary);flex:1 1;line-height:1.5}.test-page .test-page-content .test-page-submit-btn{background:var(--primary-color);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.test-page .test-page-content .test-page-submit-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px)}.test-page .test-page-content .test-page-submit-btn:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.test-page .test-page-results .test-page-results-header{margin-bottom:32px;text-align:center}.test-page .test-page-results .test-page-results-header .test-page-score{background:var(--bg-secondary);border-radius:16px;margin-bottom:24px;padding:32px}.test-page .test-page-results .test-page-results-header .test-page-score svg{margin-bottom:16px}.test-page .test-page-results .test-page-results-header .test-page-score svg.success{color:#22c55e}.test-page .test-page-results .test-page-results-header .test-page-score svg.fail{color:#ef4444}.test-page .test-page-results .test-page-results-header .test-page-score h2{color:var(--text-primary);font-size:48px;font-weight:700;margin-bottom:8px}.test-page .test-page-results .test-page-results-header .test-page-score p{color:var(--text-secondary);font-size:16px}.test-page .test-page-results .test-page-results-header .test-page-status{border-radius:12px;padding:20px}.test-page .test-page-results .test-page-results-header .test-page-status.passed{background:#22c55e1a;border:2px solid #22c55e}.test-page .test-page-results .test-page-results-header .test-page-status.passed .test-page-success{color:#22c55e}.test-page .test-page-results .test-page-results-header .test-page-status.passed .test-page-success h3{font-size:20px;margin-bottom:8px}.test-page .test-page-results .test-page-results-header .test-page-status.passed .test-page-success p{color:var(--text-secondary)}.test-page .test-page-results .test-page-results-header .test-page-status.failed{background:#ef44441a;border:2px solid #ef4444}.test-page .test-page-results .test-page-results-header .test-page-status.failed .test-page-fail{color:#ef4444}.test-page .test-page-results .test-page-results-header .test-page-status.failed .test-page-fail h3{font-size:20px;margin-bottom:8px}.test-page .test-page-results .test-page-results-header .test-page-status.failed .test-page-fail p{color:var(--text-secondary)}.test-page .test-page-results .test-page-results-header .test-page-status svg{margin-right:8px}.test-page .test-page-results .test-page-detailed-results{margin-bottom:32px}.test-page .test-page-results .test-page-detailed-results h3{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:20px}.test-page .test-page-results .test-page-detailed-results .test-page-result-item{background:var(--bg-secondary);border-left:4px solid #0000;border-radius:12px;margin-bottom:16px;padding:20px}.test-page .test-page-results .test-page-detailed-results .test-page-result-item.correct{border-left-color:#22c55e}.test-page .test-page-results .test-page-detailed-results .test-page-result-item.incorrect{border-left-color:#ef4444}.test-page .test-page-results .test-page-detailed-results .test-page-result-item .test-page-result-question{margin-bottom:16px}.test-page .test-page-results .test-page-detailed-results .test-page-result-item .test-page-result-question h4{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.5}.test-page .test-page-results .test-page-detailed-results .test-page-result-item .test-page-result-answers{margin-bottom:12px}.test-page .test-page-results .test-page-detailed-results .test-page-result-item .test-page-result-answers .test-page-result-correct-answer,.test-page .test-page-results .test-page-detailed-results .test-page-result-item .test-page-result-answers .test-page-result-user-answer{align-items:center;display:flex;gap:8px;margin-bottom:8px}.test-page .test-page-results .test-page-detailed-results .test-page-result-item .test-page-result-answers .test-page-result-correct-answer strong,.test-page .test-page-results .test-page-detailed-results .test-page-result-item .test-page-result-answers .test-page-result-user-answer strong{color:var(--text-primary);min-width:140px}.test-page .test-page-results .test-page-detailed-results .test-page-result-item .test-page-result-answers .test-page-result-correct-answer span,.test-page .test-page-results .test-page-detailed-results .test-page-result-item .test-page-result-answers .test-page-result-user-answer span{align-items:center;display:flex;gap:4px}.test-page .test-page-results .test-page-detailed-results .test-page-result-item .test-page-result-answers .test-page-result-correct-answer span.correct,.test-page .test-page-results .test-page-detailed-results .test-page-result-item .test-page-result-answers .test-page-result-user-answer span.correct{color:#22c55e}.test-page .test-page-results .test-page-detailed-results .test-page-result-item .test-page-result-answers .test-page-result-correct-answer span.incorrect,.test-page .test-page-results .test-page-detailed-results .test-page-result-item .test-page-result-answers .test-page-result-user-answer span.incorrect{color:#ef4444}.test-page .test-page-results .test-page-detailed-results .test-page-result-item .test-page-result-explanation{background:var(--bg-primary);border-radius:8px;font-size:14px;padding:12px}.test-page .test-page-results .test-page-detailed-results .test-page-result-item .test-page-result-explanation strong{color:var(--primary-color)}.test-page .test-page-results .test-page-actions{display:flex;gap:16px;justify-content:center}.test-page .test-page-results .test-page-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.test-page .test-page-results .test-page-actions button.test-page-continue-btn{background:#22c55e;color:#fff}.test-page .test-page-results .test-page-actions button.test-page-continue-btn:hover{background:#16a34a;transform:translateY(-2px)}.test-page .test-page-results .test-page-actions button.test-page-retry-btn{background:var(--primary-color);color:#fff}.test-page .test-page-results .test-page-actions button.test-page-retry-btn:hover{background:var(--primary-hover);transform:translateY(-2px)}.test-page .test-page-results .test-page-actions button.test-page-back-btn{background:var(--bg-secondary);color:var(--text-primary)}.test-page .test-page-results .test-page-actions button.test-page-back-btn:hover{background:var(--bg-tertiary)}.test-page .test-page-error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;text-align:center}.test-page .test-page-error h2{color:var(--text-primary);font-size:24px;margin-bottom:16px}.test-page .test-page-error button{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.test-page .test-page-error button:hover{background:var(--primary-hover);transform:translateY(-2px)}@media(prefers-color-scheme:dark){.test-page{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#404040;--text-primary:#fff;--text-secondary:#b3b3b3;--primary-color:#3b82f6;--primary-hover:#2563eb}}@media(prefers-color-scheme:light){.test-page{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--primary-color:#3b82f6;--primary-hover:#2563eb}}@media(max-width:768px){.test-page .test-page-container{padding:16px}.test-page .test-page-header{flex-direction:column;gap:16px;text-align:center}.test-page .test-page-header .test-page-title{font-size:20px}.test-page .test-page-intro{padding:24px}.test-page .test-page-intro .test-page-intro-content .test-page-info{grid-template-columns:1fr}.test-page .test-page-actions{flex-direction:column}.test-page .test-page-actions button{justify-content:center;width:100%}}.test-page.strict-mode{background:var(--bg-primary);height:100vh;inset:0;overflow:hidden;position:fixed;width:100vw;z-index:999}.test-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.test-modal{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));border:1px solid var(--bg-tertiary);border-radius:14px;box-shadow:0 24px 72px #00000073;max-width:560px;width:100%}.test-modal .test-modal-header{border-bottom:1px solid var(--bg-tertiary);padding:16px 18px}.test-modal .test-modal-header h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.test-modal .test-modal-body{color:var(--text-primary);padding:16px 18px}.test-modal .test-modal-body p{color:var(--text-secondary);margin:6px 0}.test-modal .test-modal-actions{display:flex;gap:10px;justify-content:flex-end;padding:14px 18px 18px}.test-modal .test-modal-actions .cancel,.test-modal .test-modal-actions .confirm{border:none;border-radius:10px;cursor:pointer;font-weight:700;padding:10px 16px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.test-modal .test-modal-actions .cancel{background:var(--bg-secondary);color:var(--text-primary)}.test-modal .test-modal-actions .cancel:hover{background:var(--bg-tertiary)}.test-modal .test-modal-actions .confirm{background:var(--primary-color);color:#fff}.test-modal .test-modal-actions .confirm:hover{background:var(--primary-hover);transform:translateY(-1px)}.test-page.strict-mode{overflow-y:auto;overscroll-behavior:contain}.test-page .test-page-steps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.test-page .test-page-step{align-items:center;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;height:34px;justify-content:center;transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease;width:34px}.test-page .test-page-step:hover{background:var(--bg-tertiary)}.test-page .test-page-step.answered{background:#22c55e1f;border-color:#22c55e;color:#22c55e}.test-page .test-page-step.current{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.assignment-page{background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.assignment-page .assignment-page-container{margin:0 auto;max-width:800px;padding:20px}.assignment-page .assignment-page-header{align-items:center;border-bottom:2px solid var(--bg-secondary);display:flex;gap:16px;margin-bottom:32px;padding-bottom:20px}.assignment-page .assignment-page-header .assignment-page-back{align-items:center;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;gap:8px;padding:12px 16px;transition:all .3s ease}.assignment-page .assignment-page-header .assignment-page-back:hover{background:var(--bg-tertiary);transform:translateX(-2px)}.assignment-page .assignment-page-header .assignment-page-title{color:var(--text-primary);flex:1 1;font-size:24px;font-weight:600;margin:0}.assignment-page .assignment-page-content .assignment-page-description{background:var(--bg-secondary);border-radius:12px;margin-bottom:24px;padding:24px}.assignment-page .assignment-page-content .assignment-page-description h2{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:16px}.assignment-page .assignment-page-content .assignment-page-description p{color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.assignment-page .assignment-page-content .assignment-page-description .assignment-page-requirements{background:var(--bg-primary);border-radius:8px;padding:20px}.assignment-page .assignment-page-content .assignment-page-description .assignment-page-requirements h3{color:var(--primary-color);font-size:16px;font-weight:600;margin-bottom:12px}.assignment-page .assignment-page-content .assignment-page-description .assignment-page-requirements ul{list-style:none;padding:0}.assignment-page .assignment-page-content .assignment-page-description .assignment-page-requirements ul li{color:var(--text-secondary);padding:6px 0 6px 20px;position:relative}.assignment-page .assignment-page-content .assignment-page-description .assignment-page-requirements ul li:before{color:var(--primary-color);content:"•";font-weight:700;left:0;position:absolute}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone{border:2px dashed var(--bg-tertiary);border-radius:12px;cursor:pointer;margin-bottom:20px;padding:40px;text-align:center;transition:all .3s ease}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone:hover{background:#3b82f60d;border-color:var(--primary-color)}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone.active{background:#3b82f61a;border-color:var(--primary-color);transform:scale(1.02)}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone.has-file{background:#22c55e0d;border-color:#22c55e}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone .assignment-page-dropzone-content svg{color:var(--primary-color);margin-bottom:16px}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone .assignment-page-dropzone-content h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone .assignment-page-dropzone-content p{color:var(--text-secondary);margin-bottom:12px}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone .assignment-page-dropzone-content .assignment-page-file-types{background:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);display:inline-block;font-size:12px;padding:4px 8px}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone .assignment-page-selected-file{align-items:center;background:var(--bg-secondary);border-radius:8px;display:flex;gap:16px;padding:20px;position:relative}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone .assignment-page-selected-file svg{color:var(--primary-color)}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone .assignment-page-selected-file .assignment-page-file-info{flex:1 1;text-align:left}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone .assignment-page-selected-file .assignment-page-file-info h4{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:4px}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone .assignment-page-selected-file .assignment-page-file-info p{color:var(--text-secondary);font-size:14px;margin:0}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone .assignment-page-selected-file .assignment-page-remove-file{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px;transition:all .3s ease}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone .assignment-page-selected-file .assignment-page-remove-file:hover{background:#dc2626;transform:scale(1.1)}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-upload-btn{align-items:center;background:var(--primary-color);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px;transition:all .3s ease;width:100%}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-upload-btn:hover{background:var(--primary-hover);box-shadow:0 8px 24px #3b82f64d;transform:translateY(-2px)}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-progress{margin-top:20px}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-progress .assignment-page-progress-bar{background:var(--bg-secondary);border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden;width:100%}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-progress .assignment-page-progress-bar .assignment-page-progress-fill{background:var(--primary-color);border-radius:4px;height:100%;transition:width .3s ease}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-progress .assignment-page-progress-text{color:var(--text-secondary);font-weight:500;text-align:center}.assignment-page .assignment-page-results{text-align:center}.assignment-page .assignment-page-results .assignment-page-success{background:var(--bg-secondary);border-radius:16px;margin-bottom:24px;padding:32px}.assignment-page .assignment-page-results .assignment-page-success svg{color:#22c55e;margin-bottom:16px}.assignment-page .assignment-page-results .assignment-page-success h2{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:8px}.assignment-page .assignment-page-results .assignment-page-success p{color:var(--text-secondary)}.assignment-page .assignment-page-results .assignment-page-score{background:var(--bg-secondary);border-radius:12px;margin-bottom:24px;padding:24px}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-header{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:20px}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-header svg.success{color:#22c55e}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-header svg.fail{color:#ef4444}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-header h3{color:var(--text-primary);font-size:20px;font-weight:600}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-details .assignment-page-score-value{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:20px}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-details .assignment-page-score-value .score{color:var(--text-primary);font-size:32px;font-weight:700}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-details .assignment-page-score-value .status{border-radius:6px;font-size:14px;font-weight:600;padding:6px 12px}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-details .assignment-page-score-value .status.passed{background:#22c55e1a;color:#22c55e}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-details .assignment-page-score-value .status.failed{background:#ef44441a;color:#ef4444}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-details .assignment-page-feedback{background:var(--bg-primary);border-radius:8px;margin-bottom:16px;padding:16px;text-align:left}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-details .assignment-page-feedback h4{color:var(--primary-color);font-size:16px;margin-bottom:8px}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-details .assignment-page-feedback p{color:var(--text-secondary);line-height:1.5;margin:0}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-details .assignment-page-file-info{background:var(--bg-primary);border-radius:8px;padding:16px;text-align:left}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-details .assignment-page-file-info h4{color:var(--primary-color);font-size:16px;margin-bottom:8px}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-details .assignment-page-file-info .assignment-page-uploaded-file{align-items:center;color:var(--text-secondary);display:flex;gap:8px}.assignment-page .assignment-page-results .assignment-page-score .assignment-page-score-details .assignment-page-file-info .assignment-page-uploaded-file .file-size{color:var(--text-secondary);font-size:12px}.assignment-page .assignment-page-results .assignment-page-actions{display:flex;gap:16px;justify-content:center}.assignment-page .assignment-page-results .assignment-page-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.assignment-page .assignment-page-results .assignment-page-actions button.assignment-page-continue-btn{background:#22c55e;color:#fff}.assignment-page .assignment-page-results .assignment-page-actions button.assignment-page-continue-btn:hover{background:#16a34a;transform:translateY(-2px)}.assignment-page .assignment-page-results .assignment-page-actions button.assignment-page-retry-btn{background:var(--primary-color);color:#fff}.assignment-page .assignment-page-results .assignment-page-actions button.assignment-page-retry-btn:hover{background:var(--primary-hover);transform:translateY(-2px)}.assignment-page .assignment-page-results .assignment-page-actions button.assignment-page-back-btn{background:var(--bg-secondary);color:var(--text-primary)}.assignment-page .assignment-page-results .assignment-page-actions button.assignment-page-back-btn:hover{background:var(--bg-tertiary)}.assignment-page .assignment-page-error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;text-align:center}.assignment-page .assignment-page-error h2{color:var(--text-primary);font-size:24px;margin-bottom:16px}.assignment-page .assignment-page-error button{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.assignment-page .assignment-page-error button:hover{background:var(--primary-hover);transform:translateY(-2px)}@media(prefers-color-scheme:dark){.assignment-page{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#404040;--text-primary:#fff;--text-secondary:#b3b3b3;--primary-color:#3b82f6;--primary-hover:#2563eb}}@media(prefers-color-scheme:light){.assignment-page{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--primary-color:#3b82f6;--primary-hover:#2563eb}}@media(max-width:768px){.assignment-page .assignment-page-container{padding:16px}.assignment-page .assignment-page-header{flex-direction:column;gap:16px;text-align:center}.assignment-page .assignment-page-header .assignment-page-title{font-size:20px}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone{padding:24px}.assignment-page .assignment-page-content .assignment-page-upload .assignment-page-dropzone .assignment-page-selected-file{flex-direction:column;text-align:center}.assignment-page .assignment-page-actions{flex-direction:column}.assignment-page .assignment-page-actions button{justify-content:center;width:100%}}.movies{background:var(--bg-surface);box-shadow:var(--shadow);min-height:100vh;padding:2.5rem 0 2rem}.movies__container{margin:0 auto;max-width:1400px;padding:0 1.5rem}.movies__header{align-items:center;display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:space-between;margin-bottom:2.5rem}.movies__title{color:var(--text-primary);font-size:2.2rem;font-weight:800;letter-spacing:.5px;margin:0;text-shadow:0 2px 8px #00000014}.movies__controls{align-items:center;display:flex;flex-wrap:wrap;gap:1.2rem}.movies__search{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:1.2rem;color:var(--text-primary);display:flex;font-size:1rem;gap:.6rem;padding:.75rem 1rem;transition:all .25s ease}.movies__search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.25)}.movies__search-icon{color:var(--text-secondary);flex-shrink:0;font-size:1.2rem;transition:color .2s ease}.movies__search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:1rem}.movies__search-input:focus{outline:none}.movies__search-input::placeholder{color:var(--text-secondary);opacity:.8}.movies__categories-section{margin-bottom:3rem}.movies__categories-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2.5rem}.movies__categories{display:flex;gap:.7rem;margin-bottom:2.2rem;overflow-x:auto;padding-bottom:.5rem}.movies__categories::-webkit-scrollbar{height:4px}.movies__categories::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:2px}.movies__categories::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.movies__category{align-items:center;background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:1.2rem;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.85rem 1.7rem;transition:all .2s;white-space:nowrap}.movies__category.active{background:var(--primary-gradient);border-color:var(--color-primary);box-shadow:0 2px 8px #00000014;color:var(--color-light)}.movies__category:not(.active):hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 8px 25px #007bff21;color:var(--color-light);transform:translateY(-2px) scale(1.04)}.movies__category-count{font-size:.93rem;opacity:.8}.movies__content-section{margin-top:2.5rem}.movies__content-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:.2px;margin-bottom:1.5rem}.movies__content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.movies__content--list{gap:1.2rem;grid-template-columns:1fr}.movies__empty{color:var(--text-secondary);grid-column:1/-1;padding:4rem 2rem;text-align:center}.movies__empty p{font-size:1.15rem}.movie-item{background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:1.5rem;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}.movie-item:hover{border-color:var(--color-primary);box-shadow:0 12px 32px #0066ff21;transform:translateY(-8px) scale(1.03)}.movie-item--list{align-items:center;display:flex;padding:1.2rem}.movie-item--list .movie-item__image-container{flex-shrink:0;height:180px;margin-right:1.2rem;width:120px}.movie-item--list .movie-item__info{flex:1 1}.movie-item__image-container{aspect-ratio:2/3;background:var(--bg-primary);overflow:hidden;position:relative}.movie-item__image{border-bottom:1px solid var(--border-color);height:100%;object-fit:cover;transition:transform .3s;width:100%}.movie-item:hover .movie-item__image{transform:scale(1.07)}.movie-item__overlay{align-items:center;background:linear-gradient(180deg,#0000 40%,#000000b3);display:flex;inset:0;justify-content:center;opacity:0;padding-bottom:1.2rem;position:absolute;transition:opacity .3s}.movie-item:hover .movie-item__overlay{opacity:1}.movie-item__play-btn{align-items:center;background:var(--color-primary);border:none;border-radius:50%;box-shadow:0 2px 8px #0000002e;color:var(--color-light);cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;transition:transform .2s,background .2s;width:60px}.movie-item__play-btn:hover{background:var(--color-success);color:var(--color-dark);transform:scale(1.13)}.movie-item__type{background:var(--primary-gradient);color:var(--color-dark);font-weight:700;right:.85rem;top:.85rem}.movie-item__type,.movie-item__views{border-radius:1rem;box-shadow:0 1px 4px #00000012;font-size:.8rem;padding:.28rem .85rem;position:absolute}.movie-item__views{align-items:center;background:#000c;bottom:.85rem;color:#fff;display:flex;font-weight:600;gap:.3rem;left:.85rem}.movie-item__info{background:#0000;padding:1.2rem 1rem 1rem}.movie-item__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:1.18rem;font-weight:700;letter-spacing:.1px;line-height:1.3;margin-bottom:.4rem;overflow:hidden;text-shadow:0 1px 4px #00000012}.movie-item__meta{align-items:center;display:flex;flex-wrap:wrap;font-size:.93rem;gap:.7rem;margin-bottom:.4rem}.movie-item__duration,.movie-item__meta,.movie-item__year{color:var(--text-secondary)}.movie-item__rating{align-items:center;color:var(--color-warning);display:flex;font-weight:600;gap:.25rem}.movie-item__star{color:#fbbf24;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.movie-item__episodes{color:var(--color-primary);font-size:.93rem;font-weight:600;margin-bottom:.5rem}.movie-item__genres{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.movie-item__genre{background:var(--color-muted);border-radius:1rem;color:var(--text-secondary);font-size:.8rem;font-weight:600;padding:.25rem .75rem}.movie-item__description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--detail-text);display:-webkit-box;font-size:.93rem;line-height:1.5;overflow:hidden}@media(max-width:768px){.movie-item .movies{padding:.5rem}.movie-item .movies__header{align-items:stretch;flex-direction:column}.movie-item .movies__controls{justify-content:space-between}.movie-item .movies__search{flex:1 1;min-width:auto}.movie-item .movies__content{gap:1rem;grid-template-columns:repeat(2,1fr)}.movie-item .movies__content--list{grid-template-columns:1fr}.movie-item .movies__categories{gap:.25rem}.movie-item .movies__category{font-size:.875rem;padding:.5rem 1rem}.movie-item .movie-item--list{flex-direction:column;text-align:center}.movie-item .movie-item--list .movie-item__image-container{height:200px;margin-bottom:1rem;margin-right:0;width:100%}.movie-item .movie-item__info{padding:.75rem}.movie-item .movie-item__title{font-size:1rem}.movie-item .movie-item__meta{font-size:.75rem;gap:.5rem}.movie-item .movie-item__genres{gap:.25rem}.movie-item .movie-item__genre{font-size:.625rem;padding:.125rem .5rem}}@media(max-width:480px){.movie-item .movies__content{grid-template-columns:1fr}}.category-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--detail-card-bg);border:1.5px solid var(--border-color);border-radius:1.5rem;box-shadow:0 8px 32px 0 #1f268721;cursor:pointer;display:flex;flex-direction:column;min-height:270px;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s,border-color .3s;width:100%;z-index:1}.category-card:hover{border-color:var(--color-primary);box-shadow:0 16px 40px 0 #0066ff21;transform:translateY(-8px) scale(1.04)}.category-card.active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.category-card__image{align-items:center;display:flex;height:170px;justify-content:center;overflow:hidden;position:relative;z-index:1}.category-card__image img{filter:brightness(.92) contrast(1.08) saturate(1.1);height:100%;object-fit:cover;transition:transform .3s,filter .3s;width:100%}.category-card:hover .category-card__image img{filter:brightness(1) contrast(1.1) saturate(1.2);transform:scale(1.08)}.category-card__overlay{align-items:center;background:linear-gradient(120deg,#0000002e,#00000061);display:flex;inset:0;justify-content:center;opacity:.7;pointer-events:none;position:absolute;z-index:2}.category-card__icon{display:none}.category-card:hover .category-card__icon{color:var(--color-primary);display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.18));font-size:2.2rem;z-index:3}.category-card__info{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;color:var(--color-light);display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;padding:1.2rem 1.2rem 1.1rem;position:relative;z-index:3}.category-card__name{color:var(--detail-text);font-size:1.18rem;font-weight:800;letter-spacing:.1px;margin-bottom:.3rem;text-shadow:0 2px 8px #0000002e}.category-card__count{color:var(--color-primary);font-size:.93rem;font-weight:700;letter-spacing:.1px;margin-bottom:.3rem}.category-card__description{color:var(--detail-text);font-size:.93rem;line-height:1.4;margin-bottom:.1rem;opacity:.85;text-shadow:0 1px 4px #00000012}@media(max-width:900px){.category-card{min-height:160px}.category-card__info{padding:.8rem .7rem .7rem}.category-card__name{font-size:1rem}.category-card__icon{font-size:1.5rem;left:.7rem;top:.7rem}}@media(max-width:600px){.category-card{min-height:120px}.category-card__info{padding:.5rem}.category-card__name{font-size:.85rem}.category-card__icon{font-size:1.1rem;left:.4rem;top:.4rem}}.movie-category{background-color:var(--detail-bg);color:var(--detail-text);min-height:100vh}.movie-category__hero{align-items:flex-end;display:flex;height:50vh;margin-bottom:2rem;min-height:400px;overflow:hidden;position:relative}.movie-category__banner{inset:0;position:absolute;z-index:1}.movie-category__banner img{height:100%;object-fit:cover;width:100%}.movie-category__banner-overlay{background:linear-gradient(to bottom,#0003 0,#00000080 50%,var(--detail-overlay) 100%);inset:0;position:absolute}.movie-category__hero-content{color:#fff;margin:0 auto;max-width:1400px;padding:2rem;position:relative;width:100%;z-index:2}.movie-category__back-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000b3;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.25rem;transition:all .3s ease}.movie-category__back-btn:hover{background-color:#000000e6;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.movie-category__hero-info{max-width:800px}.movie-category__title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1rem;text-shadow:2px 2px 8px #000000b3}@media(max-width:768px){.movie-category__title{font-size:2.5rem}}@media(max-width:480px){.movie-category__title{font-size:2rem}}.movie-category__description{color:#ffffffe6;font-size:1.25rem;line-height:1.6;margin-bottom:1.5rem}.movie-category__stats{display:flex;flex-wrap:wrap;gap:2rem}.movie-category__stat{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff26;border:1px solid #fff3;border-radius:25px;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem}.movie-category__container{margin:0 auto;max-width:1400px;padding:0 1rem}@media(min-width:768px){.movie-category__container{padding:0 2rem}}.movie-category__controls{align-items:center;background-color:var(--detail-card-bg);border:1px solid var(--detail-border);border-radius:16px;box-shadow:0 4px 12px var(--detail-shadow);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2.5rem;padding:1.5rem}.movie-category__search{flex:1 1;max-width:500px;position:relative}.movie-category__search-icon{color:var(--detail-text-muted);left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.movie-category__search-input{background-color:var(--detail-bg);border:2px solid var(--detail-border);border-radius:12px;color:var(--detail-text);font-size:.875rem;padding:1rem 1rem 1rem 3rem;transition:all .3s ease;width:100%}.movie-category__search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.movie-category__search-input::placeholder{color:var(--detail-text-muted)}.movie-category__content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding-bottom:50px}@media(max-width:768px){.movie-category__content{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:480px){.movie-category__content{grid-template-columns:1fr}}.movie-category__empty{color:var(--detail-text-muted);grid-column:1/-1;padding:4rem 2rem;text-align:center}.movie-category__empty-icon{margin-bottom:1.5rem;opacity:.5}.movie-category__empty h3{color:var(--detail-text);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.movie-category__empty p{font-size:1rem;line-height:1.6;margin:0 auto;max-width:400px}.movie-category__error{margin:0 auto;max-width:500px;padding:4rem 2rem;text-align:center}.movie-category__error h1{color:var(--detail-text);font-size:2rem;font-weight:700;margin-bottom:1rem}.movie-category__error p{color:var(--detail-text-muted);font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.movie-category__error-btn{background-color:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.movie-category__error-btn:hover{background-color:#2563eb;box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.movie-playlist{align-items:center;gap:1rem;justify-content:center;position:relative}.movie-playlist__overlay{background-color:var(--detail-card-bg);border:1px solid var(--detail-border);border-radius:16px;box-shadow:0 4px 12px var(--detail-shadow);height:100%;position:absolute;transition:all .3s ease;width:100%}.movie-playlist__overlay--list-1{background-color:#7480934d;top:-12px;width:85%;z-index:0}.movie-playlist__overlay--list-1,.movie-playlist__overlay--list-2{border-radius:16px;height:100%;left:50%;transform:translateX(-50%)}.movie-playlist__overlay--list-2{background-color:#4f5a6966;top:-8px;width:90%;z-index:1}.movie-playlist__overlay--list-3{background-color:#38435680;border-radius:16px;height:100%;left:50%;top:-4px;transform:translateX(-50%);width:95%;z-index:2}@media(min-width:768px){.movie-playlist{display:flex}}.movie-playlist-card{background-color:var(--detail-card-bg);border:1px solid var(--detail-border);border-radius:16px;box-shadow:0 4px 12px var(--detail-shadow);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease;width:100%;z-index:2}.movie-playlist-card:hover{border-color:#3b82f6;box-shadow:0 12px 40px var(--detail-hover-shadow)}.movie-playlist-card:hover .movie-playlist-card__overlay{opacity:1}.movie-playlist-card:hover .movie-playlist-card__play-btn{transform:scale(1.1)}.movie-playlist-card:hover .movie-playlist-card__image{transform:scale(1.05)}.movie-playlist-card__thumbnail{height:240px;overflow:hidden;position:relative;width:100%}.movie-playlist-card__image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.movie-playlist-card__overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;inset:0;opacity:0;position:absolute}.movie-playlist-card__overlay,.movie-playlist-card__play-btn{align-items:center;display:flex;justify-content:center;transition:all .3s ease}.movie-playlist-card__play-btn{background-color:#fffffff2;border:none;border-radius:50%;box-shadow:0 4px 20px #0000004d;color:#1f2937;cursor:pointer;height:60px;width:60px}.movie-playlist-card__play-btn:hover{background-color:#fff;transform:scale(1.1)}.movie-playlist-card__badges{display:flex;flex-direction:column;gap:.5rem;height:90%;left:12px;position:absolute;top:12px}.movie-playlist-card__type-indicator{border:1px solid #fff3;border-radius:6px;left:12px;position:absolute;top:12px;z-index:3}.movie-playlist-card__type,.movie-playlist-card__type-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c;color:#fff;font-size:.75rem;font-weight:600;padding:.375rem .75rem}.movie-playlist-card__type{border-radius:6px}.movie-playlist-card__episodes{background-color:#3b82f6e6;border:1px solid #fff3;border-radius:6px;font-weight:600;left:12px}.movie-playlist-card__duration,.movie-playlist-card__episodes{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);bottom:12px;color:#fff;font-size:.75rem;padding:.375rem .75rem;position:absolute}.movie-playlist-card__duration{align-items:center;background-color:#000c;border-radius:6px;display:flex;font-weight:500;gap:.375rem;right:12px}.movie-playlist-card__content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.movie-playlist-card__header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.movie-playlist-card__title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--detail-text);display:-webkit-box;flex:1 1;font-size:1.125rem;font-weight:700;line-height:1.3;margin:0;overflow:hidden}.movie-playlist-card__rating{align-items:center;background-color:#fbbf241a;border-radius:8px;color:#f59e0b;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;gap:.375rem;padding:.375rem .75rem}.movie-playlist-card__star{color:#f59e0b}.movie-playlist-card__meta{align-items:center;color:var(--detail-text-muted);display:flex;flex-wrap:wrap;font-size:.875rem;gap:1rem;margin-bottom:1rem}.movie-playlist-card__views,.movie-playlist-card__year{align-items:center;display:flex;gap:.375rem}.movie-playlist-card__genres{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.movie-playlist-card__genre{background-color:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;color:#3b82f6;font-size:.75rem;font-weight:500;padding:.375rem .75rem}.movie-playlist-card__description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--detail-text-muted);display:-webkit-box;font-size:.875rem;line-height:1.6;margin-bottom:1rem;overflow:hidden}.movie-detail{background-color:var(--detail-bg);color:var(--detail-text);min-height:100vh}.movie-detail__hero{align-items:flex-end;display:flex;height:70vh;margin-bottom:2rem;min-height:500px;overflow:hidden;position:relative}@media(max-width:768px){.movie-detail__hero{height:60vh;min-height:400px}}@media(max-width:480px){.movie-detail__hero{height:50vh;min-height:350px}}.movie-detail__banner{inset:0;position:absolute;z-index:1}.movie-detail__banner-image{height:100%;object-fit:cover;width:100%}.movie-detail__banner-overlay{background:linear-gradient(to bottom,#0003 0,#00000080 50%,var(--detail-overlay) 100%);inset:0;position:absolute}.movie-detail__hero-content{color:#fff;margin:0 auto;max-width:1400px;padding:2rem;position:relative;width:100%;z-index:2}@media(max-width:768px){.movie-detail__hero-content{padding:1.5rem}}@media(max-width:480px){.movie-detail__hero-content{padding:1rem}}.movie-detail__back-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000b3;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.25rem;transition:all .3s ease}.movie-detail__back-btn:hover{background-color:#000000e6;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}@media(max-width:480px){.movie-detail__back-btn{font-size:.8125rem;padding:.625rem 1rem}}.movie-detail__hero-info{align-items:flex-end;display:flex;gap:2rem}@media(max-width:768px){.movie-detail__hero-info{align-items:center;flex-direction:column;gap:1.5rem;text-align:center}}.movie-detail__poster{border-radius:16px;box-shadow:0 20px 40px #00000080;flex-shrink:0;height:450px;overflow:hidden;position:relative;width:300px}@media(max-width:768px){.movie-detail__poster{height:375px;width:250px}}@media(max-width:480px){.movie-detail__poster{height:300px;width:200px}}.movie-detail__poster-image{height:100%;object-fit:cover;width:100%}.movie-detail__poster-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:all .3s ease}.movie-detail__poster:hover .movie-detail__poster-overlay{opacity:1}.movie-detail__poster-play{align-items:center;background-color:#fffffff2;border:none;border-radius:50%;box-shadow:0 4px 20px #0000004d;color:#1f2937;cursor:pointer;display:flex;height:80px;justify-content:center;transition:all .3s ease;width:80px}.movie-detail__poster-play:hover{background-color:#fff;transform:scale(1.1)}@media(max-width:480px){.movie-detail__poster-play{height:60px;width:60px}}.movie-detail__main-info{flex:1 1;padding-left:2rem}@media(max-width:768px){.movie-detail__main-info{padding-left:0;padding-top:0}}.movie-detail__title-section{margin-bottom:1.5rem}@media(max-width:768px){.movie-detail__title-section{margin-bottom:1rem}}.movie-detail__title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1rem;text-shadow:2px 2px 8px #000000b3}@media(max-width:768px){.movie-detail__title{font-size:2.5rem}}@media(max-width:480px){.movie-detail__title{font-size:1.75rem;margin-bottom:.75rem}}.movie-detail__status{display:flex;flex-wrap:wrap;gap:1rem}@media(max-width:768px){.movie-detail__status{justify-content:center}}.movie-detail__status-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:25px;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.movie-detail__status-badge.completed{background-color:#22c55e33;border-color:#22c55e4d;color:#22c55e}.movie-detail__status-badge.ongoing{background-color:#fbbf2433;border-color:#fbbf244d;color:#f59e0b}@media(max-width:480px){.movie-detail__status-badge{font-size:.8125rem;padding:.375rem .875rem}}.movie-detail__meta{color:#ffffffe6;display:flex;flex-wrap:wrap;font-size:1rem;gap:2rem;margin-bottom:1.5rem}@media(max-width:768px){.movie-detail__meta{gap:1.5rem;justify-content:center}}@media(max-width:480px){.movie-detail__meta{font-size:.875rem;gap:1rem}}.movie-detail__duration,.movie-detail__rating,.movie-detail__year{align-items:center;display:flex;gap:.5rem}.movie-detail__star{color:#f59e0b}.movie-detail__genres{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}@media(max-width:768px){.movie-detail__genres{justify-content:center}}.movie-detail__genre{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#3b82f633;border:1px solid #3b82f64d;border-radius:25px;color:#60a5fa;font-size:.875rem;font-weight:500;padding:.5rem 1rem}@media(max-width:480px){.movie-detail__genre{font-size:.8125rem;padding:.375rem .875rem}}.movie-detail__description{color:#ffffffe6;font-size:1.125rem;line-height:1.6;margin-bottom:2rem;max-width:600px}@media(max-width:768px){.movie-detail__description{max-width:100%}}@media(max-width:480px){.movie-detail__description{font-size:1rem;margin-bottom:1.5rem}}.movie-detail__actions{display:flex;flex-wrap:wrap;gap:1rem}@media(max-width:768px){.movie-detail__actions{justify-content:center}}.movie-detail__watch-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.movie-detail__watch-btn:hover{background-color:#2563eb;box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}@media(max-width:480px){.movie-detail__watch-btn{font-size:.9375rem;padding:.875rem 1.5rem}}.movie-detail__action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.movie-detail__action-btn:hover{background-color:#fff3;transform:translateY(-2px)}.movie-detail__action-btn.active{background-color:#ef4444;border-color:#ef4444}@media(max-width:480px){.movie-detail__action-btn{height:44px;width:44px}}.movie-detail__content{background-color:var(--detail-bg);padding:2rem 0}@media(max-width:768px){.movie-detail__content{padding:1.5rem 0}}.movie-detail__container{margin:0 auto;max-width:1400px;padding:0 1rem}@media(min-width:768px){.movie-detail__container{padding:0 2rem}}.movie-detail__layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 350px}@media(max-width:1024px){.movie-detail__layout{gap:1.5rem;grid-template-columns:1fr}}.movie-detail__main-content{min-height:400px}@media(max-width:768px){.movie-detail__main-content{min-height:300px}}.movie-detail__series-content{background-color:var(--detail-card-bg);border:1px solid var(--detail-border);border-radius:16px;box-shadow:0 4px 12px var(--detail-shadow);padding:2rem}@media(max-width:768px){.movie-detail__series-content{border-radius:12px;padding:1.5rem}}@media(max-width:480px){.movie-detail__series-content{padding:1rem}}.movie-detail__seasons h2{color:var(--detail-text);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}@media(max-width:768px){.movie-detail__seasons h2{font-size:1.25rem;margin-bottom:1.25rem}}@media(max-width:480px){.movie-detail__seasons h2{font-size:1.125rem;margin-bottom:1rem}}.movie-detail__sidebar{display:flex;flex-direction:column;gap:1.5rem}.movie-detail__info-section{background-color:var(--detail-card-bg);border:1px solid var(--detail-border);border-radius:16px;box-shadow:0 4px 12px var(--detail-shadow);padding:1.5rem}@media(max-width:768px){.movie-detail__info-section{border-radius:12px}}@media(max-width:480px){.movie-detail__info-section{padding:1.25rem}}.movie-detail__info-section h2{color:var(--detail-text);font-size:1.25rem;font-weight:600;margin-bottom:1rem}@media(max-width:480px){.movie-detail__info-section h2{font-size:1.125rem}}.movie-detail__full-description{color:var(--detail-text-muted);font-size:.875rem;line-height:1.6;margin-bottom:1.5rem}@media(max-width:480px){.movie-detail__full-description{font-size:.8125rem;margin-bottom:1.25rem}}.movie-detail__details{display:flex;flex-direction:column;gap:0}.movie-detail__detail-item{align-items:center;border-bottom:1px solid var(--detail-border);display:flex;justify-content:space-between;padding:.75rem 0}.movie-detail__detail-item:last-child{border-bottom:none}@media(max-width:480px){.movie-detail__detail-item{align-items:flex-start;flex-direction:column;gap:.25rem;padding:.625rem 0}}.movie-detail__detail-item strong{color:var(--detail-text);font-size:.875rem;font-weight:600}@media(max-width:480px){.movie-detail__detail-item strong{font-size:.8125rem}}.movie-detail__detail-item span{align-items:center;color:var(--detail-text-muted);display:flex;font-size:.875rem;gap:.25rem}@media(max-width:480px){.movie-detail__detail-item span{font-size:.8125rem}}.movie-detail__detail-item span.status-published{color:var(--success-600);font-weight:600}.movie-detail__detail-item span.status-unpublished{color:var(--error-600);font-weight:600}.seasons-accordion{display:flex;flex-direction:column;gap:1rem}.season-accordion-item{background-color:var(--detail-bg);border:1px solid var(--detail-border);border-radius:12px;overflow:hidden;transition:all .3s ease}.season-accordion-item.expanded{box-shadow:0 4px 12px var(--detail-shadow)}@media(max-width:480px){.season-accordion-item{border-radius:8px}}.season-accordion-header{align-items:center;background-color:var(--detail-card-bg);border:none;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem;transition:all .3s ease;width:100%}.season-accordion-header:hover{background-color:var(--detail-hover-bg)}@media(max-width:768px){.season-accordion-header{padding:1rem}}@media(max-width:480px){.season-accordion-header{padding:.875rem}}.season-accordion-info{align-items:center;display:flex;gap:1rem}@media(max-width:480px){.season-accordion-info{gap:.75rem}}.season-accordion-details h3{color:var(--detail-text);font-size:1.125rem;font-weight:600;margin:0 0 .25rem}@media(max-width:768px){.season-accordion-details h3{font-size:1rem}}@media(max-width:480px){.season-accordion-details h3{font-size:.9375rem}}.season-accordion-details .season-meta{color:var(--detail-text-muted);font-size:.875rem;margin:0}@media(max-width:480px){.season-accordion-details .season-meta{font-size:.8125rem}}.season-accordion-icon{color:var(--detail-text-muted);transition:transform .3s ease}.season-accordion-item.expanded .season-accordion-icon{transform:rotate(180deg)}.season-accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.season-accordion-item.expanded .season-accordion-content{max-height:2000px}.episodes-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1.25rem}@media(max-width:768px){.episodes-grid{grid-template-columns:1fr;padding:1rem}}@media(max-width:480px){.episodes-grid{gap:.75rem;padding:.75rem}}.episode-card{align-items:center;background-color:var(--detail-bg);border:1px solid var(--detail-border);border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.episode-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.episode-card.active{background-color:#3b82f60d;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}@media(max-width:480px){.episode-card{border-radius:8px;gap:.875rem;padding:.875rem}}.episode-card__thumbnail{align-items:center;background-color:#000;border-radius:8px;display:flex;flex-shrink:0;height:60px;justify-content:center;position:relative;width:80px}@media(max-width:480px){.episode-card__thumbnail{height:52px;width:70px}}.episode-card__number{color:#fff;font-size:1.25rem;font-weight:700}@media(max-width:480px){.episode-card__number{font-size:1.125rem}}.episode-card__duration{align-items:center;background-color:#000c;border-radius:4px;bottom:4px;color:#fff;display:flex;font-size:.75rem;gap:.25rem;padding:.25rem .5rem;position:absolute;right:4px}@media(max-width:480px){.episode-card__duration{font-size:.6875rem;padding:.1875rem .375rem}}.episode-card__info{flex:1 1;min-width:0}.episode-card__info h4{color:var(--detail-text);font-size:1rem;font-weight:600;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.episode-card__info h4{font-size:.9375rem}}.episode-card__info p{color:var(--detail-text-muted);font-size:.875rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.episode-card__info p{font-size:.8125rem}}.episode-card__date{font-size:.75rem!important;margin-bottom:.25rem!important}@media(max-width:480px){.episode-card__date{font-size:.6875rem!important}}.episode-card__description{color:var(--detail-text-muted)!important;font-size:.75rem!important}@media(max-width:480px){.episode-card__description{font-size:.6875rem!important}}.video-player{background:#000;border-radius:var(--radius-lg);overflow:hidden;position:relative;width:100%}.video-player__video{cursor:pointer;display:block;height:100%;width:100%}.video-player__loading{align-items:center;background:#000c;color:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:10}.video-player__loading p{font-size:1rem;margin-top:1rem}.video-player__spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top:3px solid var(--color-primary);height:40px;width:40px}.video-player__controls{background:linear-gradient(#0000,#000c);bottom:0;left:0;opacity:0;padding:2rem 1rem 1rem;position:absolute;right:0;transition:opacity .3s ease;z-index:5}.video-player__controls--visible{opacity:1}.video-player__progress{background:#ffffff4d;border-radius:3px;cursor:pointer;height:6px;margin-bottom:1rem;position:relative;width:100%}.video-player__progress:hover{height:8px}.video-player__progress-filled{background:var(--color-primary);border-radius:3px;height:100%;transition:width .1s ease}.video-player__controls-row{align-items:center;display:flex;justify-content:space-between}.video-player__controls-left,.video-player__controls-right{align-items:center;display:flex;gap:.75rem}.video-player__control-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.video-player__control-btn:hover{background:#fff3;transform:scale(1.1)}.video-player__volume{align-items:center;display:flex;gap:.5rem}.video-player__volume-slider{background:#ffffff4d;border-radius:2px;cursor:pointer;height:4px;outline:none;width:80px}.video-player__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary);border-radius:50%;cursor:pointer;height:16px;width:16px}.video-player__volume-slider::-moz-range-thumb{background:var(--color-primary);border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.video-player__time{color:#fff;font-size:.875rem;font-weight:500;min-width:100px}.video-player__settings{position:relative}.video-player__settings-menu{background:#000000e6;border-radius:var(--radius-md);bottom:100%;margin-bottom:.5rem;min-width:150px;padding:1rem;position:absolute;right:0}.video-player__settings-item{align-items:center;color:#fff;display:flex;font-size:.875rem;justify-content:space-between}.video-player__quality-select{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:var(--radius-sm);color:#fff;font-size:.875rem;padding:.25rem .5rem}.video-player__quality-select option{background:#000;color:#fff}.video-player__center-play{align-items:center;cursor:pointer;display:flex;inset:0;justify-content:center;position:absolute;z-index:3}.video-player__center-play svg{background:#000000b3;border-radius:50%;color:#fff;height:100px;padding:1rem;transition:all .3s ease;width:100px}.video-player__center-play svg:hover{background:var(--color-primary);transform:scale(1.1)}@media(max-width:768px){.video-player__controls{padding:1rem .5rem .5rem}.video-player__controls-left,.video-player__controls-right{gap:.5rem}.video-player__volume-slider{width:60px}.video-player__time{font-size:.75rem;min-width:80px}.video-player__center-play svg{height:80px;padding:.75rem;width:80px}}.hls-video-player{background-color:#000;border-radius:12px;cursor:pointer;height:100%;overflow:hidden;position:relative;width:100%}.hls-video-player__video{display:block;height:100%;object-fit:contain;width:100%}.hls-video-player__loading{align-items:center;background-color:#000c;color:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:10}.hls-video-player__loading p{font-size:1rem;font-weight:500;margin-top:1rem}.hls-video-player__spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.hls-video-player__error{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;padding:2rem;position:absolute;text-align:center;z-index:10}.hls-video-player__error h3{color:#ef4444;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.hls-video-player__error p{color:#9ca3af;font-size:1rem;margin-bottom:2rem}.hls-video-player__back-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.hls-video-player__back-btn:hover{background-color:#2563eb;transform:translateY(-2px)}.hls-video-player__controls{background:linear-gradient(#0000,#000c);bottom:0;left:0;padding:1rem;position:absolute;right:0;transform:translateY(100%);transition:transform .3s ease;z-index:5}.hls-video-player__controls--visible{transform:translateY(0)}.hls-video-player__progress{background-color:#ffffff4d;border-radius:2px;cursor:pointer;height:4px;margin-bottom:1rem;position:relative;width:100%}.hls-video-player__progress:hover{height:6px}.hls-video-player__progress-filled{background-color:#3b82f6;border-radius:2px;height:100%;transition:width .1s ease}.hls-video-player__controls-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.hls-video-player__controls-left,.hls-video-player__controls-right{align-items:center;display:flex;gap:.75rem}.hls-video-player__control-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.hls-video-player__control-btn:hover{background-color:#fff3;transform:scale(1.1)}.hls-video-player__control-btn:active{transform:scale(.95)}.hls-video-player__volume{align-items:center;display:flex;gap:.5rem}.hls-video-player__volume-slider{-webkit-appearance:none;appearance:none;background-color:#ffffff4d;border-radius:2px;cursor:pointer;height:4px;outline:none;width:80px}.hls-video-player__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#3b82f6;border-radius:50%;cursor:pointer;height:16px;-webkit-transition:all .3s ease;transition:all .3s ease;width:16px}.hls-video-player__volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.hls-video-player__volume-slider::-moz-range-thumb{background-color:#3b82f6;border:none;border-radius:50%;cursor:pointer;height:16px;-moz-transition:all .3s ease;transition:all .3s ease;width:16px}.hls-video-player__volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.hls-video-player__time{color:#fff;font-size:.875rem;font-weight:500;white-space:nowrap}.hls-video-player__center-play{align-items:center;background-color:#ffffffe6;border-radius:50%;box-shadow:0 4px 20px #0000004d;color:#1f2937;cursor:pointer;display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:80px;z-index:3}.hls-video-player__center-play:hover{background-color:#fff;box-shadow:0 6px 25px #0006;transform:translate(-50%,-50%) scale(1.1)}.hls-video-player:fullscreen{border-radius:0;height:100vh;width:100vw}.hls-video-player:fullscreen .hls-video-player__video{height:100vh;width:100vw}.hls-video-player:-webkit-full-screen{border-radius:0;height:100vh;width:100vw}.hls-video-player:-webkit-full-screen .hls-video-player__video{height:100vh;width:100vw}.hls-video-player:-moz-full-screen{border-radius:0;height:100vh;width:100vw}.hls-video-player:-moz-full-screen .hls-video-player__video{height:100vh;width:100vw}@media(max-width:768px){.hls-video-player__controls{padding:.75rem}.hls-video-player__controls-row{gap:.5rem}.hls-video-player__control-btn{height:36px;width:36px}.hls-video-player__volume-slider{width:60px}.hls-video-player__time{font-size:.75rem}.hls-video-player__center-play{height:60px;width:60px}}@media(max-width:480px){.hls-video-player__controls-left,.hls-video-player__controls-right{gap:.5rem}.hls-video-player__time,.hls-video-player__volume{display:none}}.channels{background:var(--bg-primary);min-height:100vh;padding:2rem 1rem;transition:all .3s ease}@media(max-width:768px){.channels{padding:1rem .5rem}}.channels__container{margin:0 auto;max-width:1300px}.channels__header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}@media(max-width:1024px){.channels__header{align-items:stretch;flex-direction:column;gap:1.5rem}}.channels__title-section{flex:1 1}.channels__title{-webkit-text-fill-color:#0000;align-items:center;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;display:flex;font-size:2.5rem;font-weight:800;gap:1rem;margin:0 0 .5rem}@media(max-width:768px){.channels__title{font-size:2rem}}.channels__title-icon{animation:bounce 2s infinite;font-size:2rem}@media(max-width:768px){.channels__title-icon{font-size:1.5rem}}.channels__subtitle{color:var(--text-secondary);font-size:1.125rem;font-weight:500;margin:0}@media(max-width:768px){.channels__subtitle{font-size:1rem}}.channels__search{max-width:450px;min-width:350px;position:relative}@media(max-width:768px){.channels__search{min-width:auto;width:100%}}.channels__search-icon{color:var(--text-secondary);left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.channels__search-input{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow);color:var(--text-primary);font-size:1rem;font-weight:500;padding:1rem 1rem 1rem 3rem;transition:all .3s ease;width:100%}.channels__search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #3b82f61a,var(--shadow);outline:none;transform:translateY(-2px)}.channels__search-input::placeholder{color:var(--text-secondary)}.channels__categories{margin-bottom:2rem;overflow:hidden}.channels__categories-scroll{-ms-overflow-style:none;display:flex;gap:1rem;overflow-x:auto;padding:1rem 0;scrollbar-width:none}.channels__categories-scroll::-webkit-scrollbar{display:none}@media(max-width:768px){.channels__categories-scroll{gap:.75rem}}.channels__category{align-items:center;background:var(--bg-surface);border:2px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow);color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:.75rem;padding:1rem 1.5rem;transition:all .3s ease;white-space:nowrap}.channels__category.active{background:var(--primary-gradient);border-color:var(--color-primary);box-shadow:0 10px 15px -3px #3b82f64d;color:#fff;transform:translateY(-2px)}.channels__category:not(.active):hover{background:var(--bg-surface);border-color:var(--color-primary);box-shadow:0 8px 12px -2px var(--detail-hover-shadow);transform:translateY(-2px)}@media(max-width:768px){.channels__category{font-size:.875rem;padding:.75rem 1.25rem}}.channels__category-icon{font-size:1.25rem}@media(max-width:768px){.channels__category-icon{font-size:1rem}}.channels__category-name{font-weight:600}.channels__category-count{font-size:.875rem;font-weight:500;opacity:.8}.channels__results-info{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 0}@media(max-width:768px){.channels__results-info{align-items:flex-start;flex-direction:column;gap:.5rem}}.channels__results-count{background:var(--bg-surface);border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a;font-weight:600}.channels__results-count-icon{font-size:4rem;margin-bottom:1rem}.channels__results-count h3{color:#475569;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.channels__results-count p{color:#64748b;font-size:1.125rem;margin:0}.channels__content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding:.5rem 0}@media(min-width:1600px){.channels__content{grid-template-columns:repeat(5,minmax(260px,1fr))}}@media(max-width:1024px){.channels__content{gap:1.25rem}}@media(max-width:768px){.channels__content{gap:1rem;grid-template-columns:1fr}}.channels .skeleton-card .channel-item__content{padding:1.5rem}.channels .skeleton-card>div>div:first-child{left:1.5rem;position:absolute;top:-35px;z-index:5}.channel-item{background:var(--bg-surface);border:2px solid #0000;border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.channel-item:hover{border-color:#3b82f6;box-shadow:0 25px 50px -12px #00000040;transform:translateY(-8px) scale(1.02)}.channel-item:hover .channel-item__banner-image{transform:scale(1.1)}.channel-item--list{align-items:center;border-radius:1rem;display:flex;padding:1.5rem}.channel-item--list .channel-item__banner{border-radius:.75rem;flex-shrink:0;height:100px;margin-right:1.5rem;overflow:hidden;width:150px}.channel-item--list .channel-item__content{align-items:center;display:flex;flex:1 1;gap:1.5rem;padding:0}.channel-item--list .channel-item__avatar-container{position:static;transform:none}.channel-item--list .channel-item__info{flex:1 1;margin-top:0}.channel-item--list .channel-item__actions{flex-shrink:0;margin-top:0}@media(max-width:768px){.channel-item--list{flex-direction:column;text-align:center}.channel-item--list .channel-item__banner{height:120px;margin-bottom:1rem;margin-right:0;width:100%}.channel-item--list .channel-item__content{flex-direction:column;gap:1rem}}.channel-item__trending-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:.5rem;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.5rem .75rem;position:absolute;right:1rem;top:1rem;z-index:10}.channel-item__banner{height:140px;overflow:hidden;position:relative}.channel-item__banner-image{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.channel-item__banner-overlay{background:linear-gradient(180deg,#0000001a,#0000004d);inset:0;position:absolute}.channel-item__content{padding:1.5rem;position:relative}.channel-item__avatar-container{align-items:flex-end;display:flex;left:1.5rem;position:absolute;top:-35px;z-index:5}.channel-item__avatar{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;height:70px;object-fit:cover;transition:all .3s ease;width:70px}.channel-item__verified{background:#fff;border-radius:50%;box-shadow:0 2px 4px -1px #0000001a;color:#3b82f6;margin-bottom:0;margin-left:-20px;padding:2px}.channel-item__info{margin-top:2.5rem}.channel-item__name{color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 .25rem}.channel-item__username{color:#64748b;font-size:.875rem;font-weight:500;margin:0 0 .75rem}.channel-item__specialization{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:.5rem;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:1rem;padding:.5rem .75rem}.channel-item__stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.channel-item__stat{align-items:center;color:#64748b;display:flex;font-size:.875rem;font-weight:500;gap:.375rem}.channel-item__stat svg{color:#3b82f6}.channel-item__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#475569;display:-webkit-box;font-size:.875rem;line-height:1.6;margin-bottom:1rem;overflow:hidden}.channel-item__meta{align-items:center;display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:1.5rem}.channel-item__last-active{align-items:center;color:#64748b;display:flex;gap:.25rem}.channel-item__rating{align-items:center;color:#f59e0b;display:flex;font-weight:600;gap:.25rem}.channel-item__actions{align-items:center;display:flex;gap:1rem;margin-top:1rem}.channel-item__subscribe-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s ease}.channel-item__subscribe-btn:hover{box-shadow:0 8px 16px -4px #3b82f666;transform:translateY(-2px)}.channel-item__subscribe-btn.subscribed{background:linear-gradient(135deg,#10b981,#059669)}.channel-item__subscribe-btn.subscribed:hover{background:linear-gradient(135deg,#ef4444,#dc2626)}.channel-item__purchased-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:.5rem;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.5rem .75rem}.search{padding:1rem}.search,.search__header{background:var(--color-background)}.search__header{padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.search__input-container{margin:0 auto;max-width:600px}.search__input-icon{color:var(--color-muted-foreground);left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.search__input{background:var(--color-input);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-foreground);font-size:1rem;padding:.875rem 1rem .875rem 3rem;transition:all .2s ease;width:100%}.search__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-ring);outline:none}.search__clear-btn,.search__input::placeholder{color:var(--color-muted-foreground)}.search__clear-btn{background:none;padding:.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .2s ease}.search__clear-btn:hover{background:var(--color-muted);color:var(--color-foreground)}.search__recent{margin-bottom:2rem}.search__recent-title{color:var(--color-foreground);margin-bottom:1rem}.search__recent-list{gap:.5rem}.search__recent-item{background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.search__recent-item:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-foreground)}.search__loading{color:var(--color-muted-foreground);padding:3rem}.search__loading p{font-size:1.125rem;margin-top:1rem}.search__spinner{border-top:3px solid var(--color-muted);border:3px solid var(--color-muted);border-top-color:var(--color-primary);height:2rem;width:2rem}.search__tabs{border-bottom:1px solid var(--color-border);gap:.5rem}.search__tab{background:none;border-radius:var(--radius-md);color:var(--color-muted-foreground);transition:all .2s ease}.search__tab.active{background:var(--color-primary);color:var(--color-primary-foreground)}.search__tab:not(.active):hover{background:var(--color-muted);color:var(--color-foreground)}.search__tab-count{font-size:.875rem}.search__section-title{color:var(--color-foreground);font-size:1.5rem}.search__items{grid-gap:1rem;gap:1rem}.search__items--movies,.search__items--tutorials{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.search__item{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);position:relative;transition:all .2s ease}.search__item:hover{border-color:var(--color-primary);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.search__item--movies,.search__item--tutorials{display:flex;flex-direction:column}.search__item--channels{padding:1rem}.search__item-image,.search__item-thumbnail{height:200px;object-fit:cover;width:100%}.search__item-avatar{height:60px;width:60px}.search__item-overlay{background:#000000b3;color:#fff;height:48px;transition:opacity .2s ease;width:48px}.search__item--reels:hover .search__item-overlay{opacity:1}.search__item-info{padding:1rem}.search__item--reels .search__item-info{background:linear-gradient(#0000,#000c);padding:2rem 1rem 1rem}.search__item-title{color:var(--color-foreground);font-size:1rem;line-height:1.4;margin-bottom:.5rem}.search__item--reels .search__item-title{font-size:.875rem}.search__item-author,.search__item-username{color:var(--color-muted-foreground);font-size:.875rem;margin-bottom:.25rem}.search__item--reels .search__item-author,.search__item--reels .search__item-username{color:#fffc}.search__item-specialization{margin-bottom:.5rem}.search__item-meta,.search__item-specialization{color:var(--color-muted-foreground);font-size:.875rem}.search__item--reels .search__item-meta{color:#fffc;gap:.75rem}.search__item-rating{color:#fbbf24}.search__item-genres{margin-top:.5rem}.search__item-genre{background:var(--color-muted);border-radius:var(--radius-sm);color:var(--color-muted-foreground);font-size:.75rem;padding:.25rem .5rem}.search__verified{color:var(--color-primary)}.search__empty-icon{color:var(--color-muted-foreground);margin-bottom:1rem;opacity:.5}.search__empty h3{color:var(--color-foreground);font-weight:600;margin-bottom:.5rem}.search__empty p{color:var(--color-muted-foreground)}@media(max-width:768px){.search{padding:.5rem}.search__input{font-size:16px}.search__items--channels,.search__items--movies,.search__items--tutorials{grid-template-columns:1fr}.search__items--reels{grid-template-columns:repeat(2,1fr)}.search__item--channels{flex-direction:column;text-align:center}.search__tabs{gap:.25rem}.search__tab{font-size:.875rem;padding:.5rem 1rem}}.file-attachment{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem;transition:all .2s ease}.file-attachment:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 2px 8px #3b82f61a}.file-attachment .file-info{align-items:center;display:flex;flex:1 1;gap:.75rem}.file-attachment .file-info .file-icon{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:8px;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.file-attachment .file-info .file-details{display:flex;flex-direction:column;gap:.25rem}.file-attachment .file-info .file-details .file-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.9rem;font-weight:500}.file-attachment .file-info .file-details .file-size{color:#64748b;color:var(--text-secondary,#64748b);font-size:.8rem}.file-attachment .file-actions{display:flex;gap:.5rem}.file-attachment .file-actions .file-action-btn{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.file-attachment .file-actions .file-action-btn:hover{background:#f1f5f9;background:var(--bg-hover,#f1f5f9)}.file-attachment .file-actions .file-action-btn--view{color:#3b82f6;color:var(--primary-color,#3b82f6)}.file-attachment .file-actions .file-action-btn--view:hover{background:#3b82f61a;border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.file-attachment .file-actions .file-action-btn--download{color:#10b981;color:var(--success-color,#10b981)}.file-attachment .file-actions .file-action-btn--download:hover{background:#10b9811a;border-color:#10b981;border-color:var(--success-color,#10b981)}.file-attachment .file-permissions{border-left:1px solid #e2e8f0;border-left:1px solid var(--border-color,#e2e8f0);display:flex;flex-direction:column;gap:.5rem;margin-left:1rem;padding-left:1rem}.file-attachment .file-permissions .permission-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:.8rem;font-weight:500}.file-attachment .file-permissions .permission-badges{display:flex;flex-direction:column;gap:.25rem}.file-attachment .file-permissions .permission-badges .permission-badge{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.file-attachment .file-permissions .permission-badges .permission-badge.allowed{background:#10b9811a;color:#10b981;color:var(--success-color,#10b981)}.file-attachment .file-permissions .permission-badges .permission-badge.denied{background:#ef44441a;color:#ef4444;color:var(--danger-color,#ef4444)}.file-viewer-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.file-viewer-modal .file-viewer-container{background:#fff;background:var(--bg-primary,#fff);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;width:100%}@media(min-width:768px){.file-viewer-modal .file-viewer-container{max-width:800px}}.file-viewer-modal .file-viewer-header{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:1.5rem}.file-viewer-modal .file-viewer-header h3{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-viewer-modal .file-viewer-header .file-viewer-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.file-viewer-modal .file-viewer-header .file-viewer-close:hover{background:#f1f5f9;background:var(--bg-hover,#f1f5f9);color:#1e293b;color:var(--text-primary,#1e293b)}.file-viewer-modal .file-viewer-body{align-items:center;display:flex;height:500px;justify-content:center;overflow:auto;padding:1rem;position:relative}.file-viewer-modal .file-viewer-body .file-viewer-content{max-height:100%;max-width:100%}.file-viewer-modal .file-viewer-body .file-viewer-content[src$=".pdf"]{border:none;height:500px;width:100%}.file-viewer-modal .file-viewer-body .file-viewer-text-container{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;max-height:100%;overflow:auto;width:100%}.file-viewer-modal .file-viewer-body .file-viewer-text{background:#fff;color:#111827;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;line-height:1.6;margin:0;padding:1rem 1.25rem;white-space:pre}.file-viewer-modal .file-viewer-body .file-viewer-loading{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;flex-direction:column;gap:1rem}.file-viewer-modal .file-viewer-body .file-viewer-loading .spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border:3px solid var(--border-color,#e2e8f0);border-radius:50%;border-top-color:var(--primary-color,#3b82f6);height:32px;width:32px}.file-viewer-modal .file-viewer-body .file-viewer-loading p{font-size:.9rem;margin:0}.file-viewer-modal .file-viewer-body .file-viewer-unsupported{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:center}.file-viewer-modal .file-viewer-body .file-viewer-unsupported svg{color:#94a3b8;color:var(--text-tertiary,#94a3b8)}.file-viewer-modal .file-viewer-body .file-viewer-unsupported p{font-size:.9rem;margin:0}.file-viewer-modal .file-viewer-footer{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:flex-end;padding:1.5rem}.file-viewer-modal .file-viewer-footer .btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.file-viewer-modal .file-viewer-footer .btn.btn-primary{background:#3b82f6;background:var(--primary-color,#3b82f6);color:#fff}.file-viewer-modal .file-viewer-footer .btn.btn-primary:hover{background:#2563eb;background:var(--primary-hover,#2563eb)}.file-viewer-page{background:#f3f4f6;color:#111827;display:grid;grid-template-rows:auto 1fr;min-height:100vh}.file-viewer-page__header{align-items:center;background:#202124;border-bottom:1px solid #111827;color:#f9fafb;display:flex;gap:12px;justify-content:space-between;padding:10px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.file-viewer-page .fvp__back{align-items:center;background:#0f172acc;border:1px solid #9ca3af99;border-radius:999px;color:#f9fafb;cursor:pointer;display:inline-flex;gap:8px;padding:6px 10px;transition:all .16s ease;white-space:nowrap}.file-viewer-page .fvp__back:hover{background:#111827;border-color:#e5e7eb}.file-viewer-page .fvp__title{color:#f9fafb;flex:1 1;font-weight:600;overflow:hidden;padding:0 8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.file-viewer-page .fvp__title .fvp__title-inner{align-items:center;display:inline-flex;gap:8px}.file-viewer-page .fvp__title .fvp__title-icon{align-items:center;background:#3b82f633;border-radius:4px;color:#bfdbfe;display:inline-flex;font-size:.9rem;height:26px;justify-content:center;width:26px}.file-viewer-page .fvp__title .fvp__title-text{overflow:hidden;text-overflow:ellipsis}.file-viewer-page .fvp__title .fvp__meta{color:#d1d5db;display:block;font-size:.78rem;font-weight:500;margin-top:2px}.file-viewer-page .fvp__actions,.file-viewer-page .fvp__btn{align-items:center;display:inline-flex;gap:6px}.file-viewer-page .fvp__btn{background:#171717;border:1px solid #9ca3af99;border-radius:999px;color:#f9fafb;cursor:pointer;font-size:.78rem;padding:6px 10px;transition:all .16s ease}.file-viewer-page .fvp__btn:hover{background:#111827;border-color:#e5e7eb}.file-viewer-page .fvp__btn--primary{background:#2563eb;border-color:#2563eb;color:#f9fafb}.file-viewer-page .fvp__btn--primary:hover{background:#1d4ed8}.file-viewer-page__content{align-items:flex-start;display:flex;justify-content:center;padding:18px 24px 32px}.file-viewer-page__viewer{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #0f172a1f,0 0 0 1px #0f172a0a;display:flex;flex-direction:column;max-width:1160px;min-height:520px;overflow:hidden;width:100%}.file-viewer-page__viewer .fvp__canvas{background:radial-gradient(circle at top,#f9fafb 0,#eef2ff 35%,#f3f4f6 75%);flex:1 1;overflow:auto;padding:18px 28px 20px;position:relative}.file-viewer-page__viewer .fvp__zoomable{display:flex;justify-content:center;margin:0 auto;max-width:100%;transform-origin:top center;transition:transform .18s ease}.file-viewer-page__viewer .file-viewer-inline{background:#0000;color:inherit;max-width:960px;width:100%}.file-viewer-page__viewer .file-viewer-inline .file-viewer-footer,.file-viewer-page__viewer .file-viewer-inline .file-viewer-header{display:none}.file-viewer-page__viewer .file-viewer-inline .file-viewer-body{align-items:flex-start;background:#0000;display:flex;height:100%;justify-content:center;min-height:360px;padding:0}.file-viewer-page__viewer .file-viewer-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:block;height:600px;max-width:960px;object-fit:contain;width:100%}.file-viewer-page__viewer .file-viewer-content[src$=".pdf"],.file-viewer-page__viewer .file-viewer-content[type="application/pdf"]{border:none;border-radius:0;height:calc(100vh - 260px)}.file-viewer-page__viewer .fvp__toolbar{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:center;padding:8px 12px}.file-viewer-page__viewer .fvp__zoom{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#111827;font-size:.8rem;font-weight:600;min-width:52px;padding:2px 8px;text-align:center}@media(max-width:1024px){.file-viewer-page__content{padding:14px 16px 24px}.file-viewer-page__viewer{max-width:100%}}@media(max-width:768px){.file-viewer-page__header{align-items:flex-start;flex-wrap:wrap;gap:6px;padding:8px 10px}.file-viewer-page .fvp__title{font-size:.9rem;order:2;text-align:left}.file-viewer-page .fvp__back{order:1}.file-viewer-page .fvp__actions{-webkit-overflow-scrolling:touch;justify-content:flex-end;order:3;overflow-x:auto;padding-top:4px;width:100%}.file-viewer-page .fvp__btn{padding:6px 8px;white-space:nowrap}.file-viewer-page .fvp__btn span{display:none}.file-viewer-page__content{padding:10px}.file-viewer-page__viewer{min-height:340px}.file-viewer-page .fvp__canvas{padding:12px 10px 14px}.file-viewer-page .file-viewer-content{max-height:calc(100vh - 220px)}.file-attachment{align-items:flex-start;flex-direction:column;gap:1rem}.file-attachment .file-info{width:100%}.file-attachment .file-actions{justify-content:flex-end;width:100%}.file-attachment .file-permissions{border-left:none;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);margin-left:0;padding-left:0;padding-top:.75rem;width:100%}.file-attachment .file-permissions .permission-badges{flex-direction:row;gap:.5rem}.file-viewer-modal{padding:.5rem}.file-viewer-modal .file-viewer-container{max-height:95vh}.file-viewer-modal .file-viewer-footer,.file-viewer-modal .file-viewer-header{padding:1rem}.file-viewer-modal .file-viewer-body{padding:.5rem}}.file-permission-settings{position:relative}.file-permission-settings .permission-settings-trigger{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.file-permission-settings .permission-settings-trigger:hover{background:#f1f5f9;background:var(--bg-hover,#f1f5f9);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);color:#3b82f6;color:var(--primary-color,#3b82f6)}.file-permission-settings .permission-settings-trigger svg{font-size:1rem}.file-permission-settings .permission-settings-panel{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:0;margin-top:.5rem;min-width:400px;position:absolute;right:0;top:100%;z-index:100}@media(max-width:768px){.file-permission-settings .permission-settings-panel{left:-50px;min-width:300px;right:-50px}}.file-permission-settings .permission-settings-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:1.5rem}.file-permission-settings .permission-settings-header h4{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1rem;font-weight:600;margin:0}.file-permission-settings .permission-settings-header .close-settings{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.file-permission-settings .permission-settings-header .close-settings:hover{background:#f1f5f9;background:var(--bg-hover,#f1f5f9);color:#1e293b;color:var(--text-primary,#1e293b)}.file-permission-settings .permission-settings-content{padding:1rem 1.5rem}.file-permission-settings .permission-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:1rem 0}.file-permission-settings .permission-item:last-child{border-bottom:none}.file-permission-settings .permission-item .permission-info{align-items:flex-start;display:flex;flex:1 1;gap:.75rem}.file-permission-settings .permission-item .permission-info .permission-icon{align-items:center;background:#3b82f61a;border-radius:8px;color:#3b82f6;color:var(--primary-color,#3b82f6);display:flex;flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;width:40px}.file-permission-settings .permission-item .permission-info .permission-details{flex:1 1}.file-permission-settings .permission-item .permission-info .permission-details h5{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.95rem;font-weight:600;margin:0 0 .25rem}.file-permission-settings .permission-item .permission-info .permission-details p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.85rem;line-height:1.4;margin:0}.file-permission-settings .permission-item .permission-toggle{flex-shrink:0}.file-permission-settings .permission-settings-footer{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);padding:1rem 1.5rem}.file-permission-settings .permission-settings-footer .permission-summary .summary-label{color:#64748b;color:var(--text-secondary,#64748b);display:block;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.file-permission-settings .permission-settings-footer .permission-summary .summary-badges{display:flex;gap:.5rem}.file-permission-settings .permission-settings-footer .permission-summary .summary-badges .summary-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.8rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.file-permission-settings .permission-settings-footer .permission-summary .summary-badges .summary-badge.enabled{background:#10b9811a;color:#10b981;color:var(--success-color,#10b981)}.file-permission-settings .permission-settings-footer .permission-summary .summary-badges .summary-badge.disabled{background:#ef44441a;color:#ef4444;color:var(--danger-color,#ef4444)}.file-permission-settings .permission-settings-footer .permission-summary .summary-badges .summary-badge svg{font-size:.75rem}.toggle-switch{height:24px;width:48px}.toggle-switch input:checked+.toggle-slider{background-color:#3b82f6;background-color:var(--primary-color,#3b82f6)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #3b82f61a}.toggle-switch .toggle-slider{background-color:#e2e8f0;background-color:var(--border-color,#e2e8f0);border-radius:24px;transition:.2s}.toggle-switch .toggle-slider:before{background-color:#fff;bottom:2px;box-shadow:0 1px 3px #0000001a;height:20px;left:2px;transition:.2s;width:20px}.permission-settings-panel{animation:slideDown .2s ease-out}.permission-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.permission-modal{animation:slideUp .3s ease;background:var(--bg-surface);border-radius:16px;box-shadow:0 25px 50px #0000004d;max-width:580px;overflow:hidden;width:100%}.permission-modal-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.permission-modal-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin:0}.permission-modal-header h3 svg{color:var(--primary-500);font-size:1.5rem}.permission-modal-header .permission-modal-close{align-items:center;background:var(--bg-hover);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.permission-modal-header .permission-modal-close:hover{background:var(--error-50);color:var(--error-600)}.permission-modal-header .permission-modal-close svg{font-size:1.25rem}.permission-modal-content{padding:1.5rem}.permission-modal-warning{background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.permission-modal-warning svg{color:var(--primary-500);flex-shrink:0;font-size:1.25rem;margin-top:.1rem}.permission-modal-warning p{color:var(--text-primary);font-size:.9rem;line-height:1.5;margin:0}.permission-item{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.25rem;transition:all .2s ease}.permission-item:hover{border-color:var(--primary-300);box-shadow:0 4px 12px #3b82f61a}.permission-item .permission-info{align-items:flex-start;display:flex;flex:1 1;gap:1rem}.permission-item .permission-info .permission-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.permission-item .permission-info .permission-icon.view{background:linear-gradient(135deg,#3b82f626,#3b82f640);color:var(--primary-600)}.permission-item .permission-info .permission-icon.download{background:linear-gradient(135deg,#10b98126,#10b98140);color:var(--success-600)}.permission-item .permission-info .permission-details{flex:1 1}.permission-item .permission-info .permission-details h5{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .35rem}.permission-item .permission-info .permission-details p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.permission-item .permission-toggle{margin-left:1rem}.permission-preview{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:12px;margin-top:1.5rem;padding:1.25rem}.permission-preview h5{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0 0 .85rem}.permission-preview .permission-preview-badges{display:flex;flex-direction:column;gap:.65rem}.permission-preview .preview-badge{align-items:center;border-radius:8px;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.65rem 1rem}.permission-preview .preview-badge svg{flex-shrink:0;font-size:1rem}.permission-preview .preview-badge.enabled{background:#10b9811a;border:1px solid #10b9814d;color:var(--success-700)}.permission-preview .preview-badge.disabled{background:#ef44441a;border:1px solid #ef44444d;color:var(--error-700)}.permission-modal-actions{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:1rem;padding:1.5rem}.permission-modal-actions button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.85rem 1.5rem;transition:all .2s ease}.permission-modal-actions button svg{font-size:1.1rem}.permission-modal-actions .permission-btn-cancel{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-primary)}.permission-modal-actions .permission-btn-cancel:hover{background:var(--bg-primary);border-color:var(--text-secondary)}.permission-modal-actions .permission-btn-confirm{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));box-shadow:0 4px 12px #3b82f64d;color:#fff}.permission-modal-actions .permission-btn-confirm:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.permission-current-status{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.permission-current-status .permission-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.8rem;font-weight:500;gap:.35rem;padding:.35rem .75rem}.permission-current-status .permission-badge svg{font-size:.85rem}.permission-current-status .permission-badge.enabled{background:#10b9811a;border:1px solid #10b98133;color:var(--success-600)}.permission-current-status .permission-badge.disabled{background:#ef44441a;border:1px solid #ef444433;color:var(--error-600)}@media(max-width:768px){.permission-modal{margin:.5rem;max-width:100%}.permission-modal-header{padding:1rem}.permission-modal-header h3{font-size:1.1rem}.permission-modal-content{padding:1rem}.permission-item{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.permission-item .permission-toggle{align-self:flex-end;margin-left:0}.permission-modal-actions{flex-direction:column;padding:1rem}.permission-modal-actions button{width:100%}}@media(max-width:480px){.permission-modal-header h3{font-size:1rem;gap:.5rem}.permission-modal-header h3 svg{font-size:1.25rem}.permission-item .permission-info{gap:.75rem}.permission-item .permission-info .permission-icon{font-size:1.1rem;height:42px;width:42px}.permission-item .permission-info .permission-details h5{font-size:.95rem}.permission-item .permission-info .permission-details p{font-size:.8rem}}.channel-detail{background:var(--bg-primary);min-height:100vh;transition:all .3s ease}.channel-detail__container{margin:0 auto;max-width:1200px;padding:0 2rem}@media(max-width:768px){.channel-detail__container{padding:0 1rem}}.channel-detail__header{margin-bottom:3rem;position:relative}.channel-detail__banner{border-radius:0 0 2rem 2rem;box-shadow:var(--shadow);height:350px;overflow:hidden;position:relative}@media(max-width:768px){.channel-detail__banner{border-radius:0 0 1.5rem 1.5rem;height:250px}}.channel-detail__banner img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.channel-detail__banner:hover img{transform:scale(1.05)}.channel-detail__banner-overlay{background:linear-gradient(180deg,#0000004d,#0000001a 50%,#0009);inset:0;position:absolute}.channel-detail__back-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:1rem;box-shadow:var(--shadow);color:#1e293b;cursor:pointer;display:flex;font-weight:600;gap:.5rem;left:2rem;padding:.875rem 1.5rem;position:absolute;top:2rem;transition:all .3s ease;z-index:10}@media(max-width:768px){.channel-detail__back-btn{font-size:.875rem;left:1rem;padding:.75rem 1.25rem;top:1rem}}.channel-detail__back-btn:hover{background:#fff;box-shadow:0 8px 16px -4px #00000026;transform:translateY(-2px)}.channel-detail__profile-section{margin-top:-100px;position:relative;z-index:5}@media(max-width:768px){.channel-detail__profile-section{margin-top:-80px}}.channel-detail__profile{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-surface);border:2px solid var(--border-color);border-radius:2rem;box-shadow:var(--shadow);display:flex;gap:2rem;padding:2rem}@media(max-width:768px){.channel-detail__profile{align-items:center;border-radius:1.5rem;flex-direction:column;gap:1.5rem;padding:1.5rem;text-align:center}}.channel-detail__avatar-container{flex-shrink:0;position:relative}.channel-detail__avatar-container img{border:4px solid var(--border-color);border-radius:50%;box-shadow:var(--shadow);height:140px;object-fit:cover;transition:all .3s ease;width:140px}@media(max-width:768px){.channel-detail__avatar-container img{height:120px;width:120px}}.channel-detail__avatar-container:hover img{box-shadow:0 12px 20px -6px #3b82f64d;transform:scale(1.05)}.channel-detail__verified{animation:pulse 2s infinite;background:var(--bg-surface);border-radius:50%;bottom:8px;box-shadow:var(--shadow);color:var(--color-primary);font-size:1.5rem;padding:4px;position:absolute;right:8px}.channel-detail__main-info{flex:1 1;min-width:0}.channel-detail__name-section{margin-bottom:2rem}.channel-detail__name{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1.2;margin:0 0 .5rem}@media(max-width:768px){.channel-detail__name{font-size:2rem}}.channel-detail__username{color:var(--text-secondary);font-size:1.25rem;font-weight:500;margin:0 0 1rem}@media(max-width:768px){.channel-detail__username{font-size:1.125rem}}.channel-detail__specialization{align-items:center;background:var(--primary-gradient);border-radius:1rem;box-shadow:0 4px 6px -1px #3b82f64d;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem}.channel-detail__stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:2rem}@media(max-width:768px){.channel-detail__stats-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}}.channel-detail__stat{align-items:center;background:var(--bg-surface);border:2px solid var(--border-color);border-radius:1rem;display:flex;gap:.75rem;padding:1rem;transition:all .3s ease}.channel-detail__stat:hover{background:var(--bg-surface);box-shadow:var(--shadow);transform:translateY(-2px)}.channel-detail__stat svg{color:var(--color-primary);flex-shrink:0}.channel-detail__stat div{display:flex;flex-direction:column;min-width:0}.channel-detail__stat .stat-number{color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1}.channel-detail__stat .stat-label{color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.channel-detail__description{color:var(--text-secondary);font-size:1.125rem;line-height:1.7;margin-bottom:2rem}@media(max-width:768px){.channel-detail__description{font-size:1rem}}.channel-detail__actions{align-items:center;display:flex;gap:1rem}@media(max-width:768px){.channel-detail__actions{flex-wrap:wrap;justify-content:center}}.channel-detail__subscribe-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:1rem;box-shadow:0 4px 6px -1px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.channel-detail__subscribe-btn:hover{box-shadow:0 8px 16px -4px #3b82f666;transform:translateY(-2px)}.channel-detail__subscribe-btn.subscribed{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 6px -1px #10b9814d}.channel-detail__subscribe-btn.subscribed:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 16px -4px #ef444466}.channel-detail__notification-btn,.channel-detail__share-btn{align-items:center;background:#3b82f61a;border:2px solid var(--color-primary);border-radius:1rem;color:var(--color-primary);cursor:pointer;display:inline-flex;height:56px;justify-content:center;transition:all .3s ease;width:56px}.channel-detail__notification-btn:hover,.channel-detail__share-btn:hover{background:var(--color-primary);box-shadow:0 4px 6px -1px #3b82f64d;color:#fff;transform:translateY(-2px)}.channel-detail__notification-btn.active,.channel-detail__share-btn.active{animation:pulse 2s infinite;background:var(--color-primary);color:#fff}.channel-detail__content{animation:fadeInUp .8s ease}.channel-detail__tabs{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:1.5rem;box-shadow:var(--shadow);display:flex;gap:0;margin-bottom:3rem;padding:.5rem}@media(max-width:768px){.channel-detail__tabs{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none}.channel-detail__tabs::-webkit-scrollbar{display:none}}.channel-detail__tab{align-items:center;background:#0000;border:none;border-radius:1rem;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.75rem;justify-content:center;padding:1.25rem 2rem;transition:all .3s ease;white-space:nowrap}@media(max-width:768px){.channel-detail__tab{flex-shrink:0;padding:1rem 1.5rem}}.channel-detail__tab:hover{background:#3b82f60d;color:var(--color-primary)}.channel-detail__tab.active{background:var(--primary-gradient);box-shadow:0 4px 6px -1px #3b82f64d;color:#fff;transform:translateY(-2px)}.channel-detail__tab svg{flex-shrink:0}@media(max-width:500px){.channel-detail__tab span{display:none}}.channel-detail__tab-content{animation:fadeIn .5s ease}.channel-detail__lessons .lessons-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media(max-width:768px){.channel-detail__lessons .lessons-grid{gap:1.5rem;grid-template-columns:1fr}}.channel-detail .lesson-card{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:1.5rem;box-shadow:var(--shadow);cursor:pointer;overflow:hidden;transition:all .4s ease}.channel-detail .lesson-card:hover{border-color:var(--color-primary);box-shadow:0 20px 25px -5px var(--detail-hover-shadow);transform:translateY(-8px)}.channel-detail .lesson-card:hover .lesson-card__play-overlay{opacity:1}.channel-detail .lesson-card:hover .lesson-card__thumbnail img{transform:scale(1.1)}.channel-detail .lesson-card.locked{opacity:.8}.channel-detail .lesson-card.locked:hover{transform:translateY(-4px)}.channel-detail .lesson-card__thumbnail{height:200px;overflow:hidden;position:relative}.channel-detail .lesson-card__thumbnail img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.channel-detail .lesson-card__video-count{background:#000c;bottom:1rem;color:#fff;font-size:.875rem;right:1rem}.channel-detail .lesson-card__difficulty,.channel-detail .lesson-card__video-count{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.5rem;font-weight:600;padding:.5rem .75rem;position:absolute}.channel-detail .lesson-card__difficulty{font-size:.75rem;left:1rem;top:1rem}.channel-detail .lesson-card__difficulty.difficulty-beginner{background:#22c55ee6;color:#fff}.channel-detail .lesson-card__difficulty.difficulty-intermediate{background:#3b82f6e6;color:#fff}.channel-detail .lesson-card__difficulty.difficulty-advanced{background:#9333eae6;color:#fff}.channel-detail .lesson-card__lock{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-radius:1rem;color:#fff;display:flex;flex-direction:column;gap:.5rem;left:50%;padding:1.5rem;position:absolute;top:50%;transform:translate(-50%,-50%)}.channel-detail .lesson-card__lock .lock-icon{font-size:2rem}.channel-detail .lesson-card__lock span{font-size:.875rem;font-weight:600}.channel-detail .lesson-card__play-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.channel-detail .lesson-card__play-overlay svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.channel-detail .lesson-card__info{padding:1.5rem}.channel-detail .lesson-card__title{color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.4;margin:0 0 .75rem}.channel-detail .lesson-card__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.875rem;line-height:1.6;margin-bottom:1rem;overflow:hidden}.channel-detail .lesson-card__course-info{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:.75rem;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.channel-detail .lesson-card__duration{align-items:center;color:var(--color-primary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.channel-detail .lesson-card__price{align-items:center;color:var(--color-success);display:flex;font-size:.875rem;font-weight:700;gap:.25rem}.channel-detail .lesson-card__price svg{color:var(--color-success)}.channel-detail .lesson-card__meta{border-top:1px solid var(--border-color);padding-top:1rem}.channel-detail .lesson-card__stats{display:flex;flex-wrap:wrap;gap:1rem}.channel-detail .lesson-card__stats .stat{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:.375rem}.channel-detail .lesson-card__stats .stat svg{color:var(--color-primary)}.channel-detail__reels .reels-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(5,1fr)}@media(max-width:1024px){.channel-detail__reels .reels-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.channel-detail__reels .reels-grid{gap:.5rem;grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.channel-detail__reels .reels-grid{grid-template-columns:repeat(2,1fr)}}.channel-detail .reel-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;overflow:hidden;transition:all .3s ease}.channel-detail .reel-card:hover{border-color:#667eea;transform:translateY(-2px)}.channel-detail .reel-card:hover .reel-card__play-overlay{opacity:1}.channel-detail .reel-card__thumbnail{background:var(--bg-secondary);overflow:hidden;padding-top:177.78%;position:relative;width:100%}.channel-detail .reel-card__thumbnail img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.channel-detail .reel-card__placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.channel-detail .reel-card__placeholder svg{opacity:.8}.channel-detail .reel-card__duration{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:.375rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem}.channel-detail .reel-card__stats{bottom:.5rem;display:flex;gap:.5rem;left:.5rem;position:absolute}.channel-detail .reel-card__stats .reel-stat{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:.375rem;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.channel-detail .reel-card__stats .reel-stat svg{color:#f59e0b;height:12px;width:12px}.channel-detail .reel-card__play-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.channel-detail .reel-card__play-overlay svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.channel-detail .reel-card__info{padding:.5rem}.channel-detail .reel-card__title{color:var(--text-primary);font-size:.875rem;font-weight:600;line-height:1.3;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-detail .reel-card__date{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.75rem;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.channel-detail__about .about-grid{grid-gap:2rem;display:grid;gap:2rem}@media(min-width:768px){.channel-detail__about .about-grid{grid-template-columns:repeat(2,1fr)}}.channel-detail__about .about-section{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:1.5rem;box-shadow:var(--shadow);padding:2rem}@media(max-width:768px){.channel-detail__about .about-section{padding:1.5rem}}.channel-detail__about .about-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0 0 1.5rem;position:relative}.channel-detail__about .about-section h3:after{background:var(--primary-gradient);border-radius:2px;bottom:-.75rem;content:"";height:3px;left:0;position:absolute;width:60px}.channel-detail__about .about-section h3 svg{color:var(--color-primary)}.channel-detail__about .about-section h4{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:1.5rem 0 1rem}.channel-detail__about .about-section p{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin:0}.channel-detail__about .about-details{grid-gap:1rem;display:grid;gap:1rem}.channel-detail__about .about-details .about-detail{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:1rem;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.channel-detail__about .about-details .about-detail:hover{background:#3b82f60d;border-color:var(--color-primary);transform:translateX(5px)}.channel-detail__about .about-details .about-detail svg{color:var(--color-primary);flex-shrink:0}.channel-detail__about .about-details .about-detail div{display:flex;flex-direction:column;gap:.25rem;min-width:0}.channel-detail__about .about-details .about-detail strong{color:var(--text-primary);font-size:.875rem;font-weight:600}.channel-detail__about .about-details .about-detail span{color:var(--text-secondary);font-size:.875rem}.channel-detail__about .about-details .about-detail a{color:var(--color-primary);font-size:.875rem;font-weight:500;text-decoration:none}.channel-detail__about .about-details .about-detail a:hover{text-decoration:underline}.channel-detail__about .achievements{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.channel-detail__about .achievements .achievement-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:1rem;box-shadow:0 2px 4px -1px #f59e0b4d;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.channel-detail__about .achievements .achievement-badge:hover{box-shadow:0 4px 6px -1px #f59e0b66;transform:translateY(-2px)}.channel-detail__about .achievements .achievement-badge svg{color:#fff}.channel-detail__about .certificates-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1rem}.channel-detail__about .certificates .certificate-item{border:2px solid var(--border-color);border-radius:.75rem;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.channel-detail__about .certificates .certificate-item:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.channel-detail__about .certificates .certificate-item:hover .certificate-overlay{opacity:1}.channel-detail__about .certificates .certificate-item img{height:120px;object-fit:cover;width:100%}.channel-detail__about .certificates .certificate-item .certificate-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.channel-detail__about .certificates .certificate-item .certificate-overlay span{color:#fff;font-size:.875rem;font-weight:600}.channel-detail__about .social-links{grid-gap:1rem;display:grid;gap:1rem}.channel-detail__about .social-links a{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:1rem;color:var(--text-primary);display:flex;gap:1rem;padding:1rem;text-decoration:none;transition:all .3s ease}.channel-detail__about .social-links a:hover{background:#3b82f60d;border-color:var(--color-primary);transform:translateX(10px)}.channel-detail__about .social-links a .social-icon{align-items:center;border-radius:.75rem;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.channel-detail__about .social-links a .social-icon.telegram{background:linear-gradient(135deg,#08c,#006bb3)}.channel-detail__about .social-links a .social-icon.instagram{background:linear-gradient(135deg,#e4405f,#c13584)}.channel-detail__about .social-links a .social-icon.github{background:linear-gradient(135deg,#333,#24292e)}.channel-detail__about .social-links a div{display:flex;flex-direction:column;gap:.25rem}.channel-detail__about .social-links a div strong{color:var(--text-primary);font-weight:600}.channel-detail__about .social-links a div span{color:var(--text-secondary);font-size:.875rem}.modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);inset:0}.modal-content{animation:slideUp .3s ease;background:var(--bg-surface);border:2px solid var(--border-color);border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;max-width:500px;padding:0;width:90%}.modal-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;gap:1rem;padding:2rem 2rem 1rem;position:relative}.modal-header .modal-icon{color:#f59e0b;flex-shrink:0}.modal-header h3{color:var(--text-primary);flex:1 1;font-size:1.5rem;font-weight:700;margin:0}.modal-header .modal-close{background:none;border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease}.modal-header .modal-close:hover{background:var(--bg-primary);color:var(--text-primary)}.modal-body{padding:1.5rem 2rem}.modal-body p{color:var(--text-primary);font-size:1rem;line-height:1.6;margin:0 0 1rem}.modal-body .modal-warning{color:var(--text-secondary);font-size:.875rem;margin:0}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1rem 2rem 2rem}.modal-btn{border:none;border-radius:.75rem;cursor:pointer;font-size:.875rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.modal-btn--cancel{background:var(--bg-primary);border:2px solid var(--border-color);color:var(--text-primary)}.modal-btn--cancel:hover{background:var(--bg-surface);transform:translateY(-2px)}.modal-btn--confirm{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.modal-btn--confirm:hover{box-shadow:0 8px 16px -4px #ef444466;transform:translateY(-2px)}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:all var(--transition-normal);width:280px;z-index:1000}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:2px}.sidebar__header{border-bottom:1px solid var(--border-color);padding:var(--space-6) var(--space-5)}.sidebar__logo{align-items:center;display:flex;gap:var(--space-3)}.sidebar__logo-icon{align-items:center;display:flex;font-weight:var(--font-weight-bold);height:50px;justify-content:center;width:50px}.sidebar__logo-icon img{height:100%;object-fit:cover;width:100%}.sidebar__logo-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--success-500),var(--primary-500));-webkit-background-clip:text;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}.sidebar__logo-text span{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.sidebar__user{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-xl);display:flex;gap:var(--space-3);margin:0 var(--space-4);margin-bottom:var(--space-6);padding:var(--space-5)}.sidebar__user-avatar{align-items:center;background:var(--primary-500);border-radius:var(--radius-full);color:#fff;display:flex;font-weight:var(--font-weight-bold);height:44px;justify-content:center;overflow:hidden;width:44px}.sidebar__user-avatar img{height:100%;object-fit:cover;width:100%}.sidebar__user-info{flex:1 1;min-width:0}.sidebar__user-info h4{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-role{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.sidebar__section{margin-bottom:var(--space-4);padding:0 16px}.sidebar__section .sidebar__nav-title{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;padding:0 12px;text-transform:uppercase}.sidebar__section .sidebar__nav-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:12px;margin-bottom:4px;padding:12px;text-decoration:none;transition:all var(--transition-fast)}.sidebar__section .sidebar__nav-item:hover{background:var(--bg-hover);border-color:var(--primary-200);transform:translateX(2px)}.sidebar__section .sidebar__nav-item .sidebar__nav-icon{align-items:center;color:var(--primary-600);display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.sidebar__section .sidebar__nav-item .sidebar__nav-label{flex:1 1;font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__nav{flex:1 1;padding:0 16px}.sidebar__nav-section{margin-bottom:var(--space-8)}.sidebar__nav-section:last-child{margin-bottom:0}.sidebar__nav-title{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin:0 0 var(--space-3) 0;padding:0 var(--space-3);text-transform:uppercase}.sidebar__nav-item{align-items:center;border-radius:var(--radius-lg);color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-3);margin-bottom:var(--space-1);padding:var(--space-3);position:relative;text-decoration:none;transition:all var(--transition-fast)}.sidebar__nav-item:hover{background:var(--bg-hover);color:var(--primary-600);transform:translateX(2px)}.sidebar__nav-item--active{background:var(--primary-50);color:var(--primary-600);font-weight:var(--font-weight-semibold)}[data-theme=dark] .sidebar__nav-item--active{background:#3b82f61a;color:var(--primary-400)}.sidebar__nav-item--active:before{background:var(--primary-500);border-radius:0 2px 2px 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar__nav-icon{align-items:center;color:inherit;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.sidebar__nav-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__footer{border-top:1px solid var(--border-color);margin-top:auto;padding:var(--space-4)}.sidebar__logout,.sidebar__theme-toggle{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-3);margin-bottom:var(--space-1);padding:var(--space-3);transition:all var(--transition-fast);width:100%}.sidebar__logout:hover,.sidebar__theme-toggle:hover{background:var(--bg-hover);transform:translateX(2px)}.sidebar__logout:active,.sidebar__theme-toggle:active{transform:translateX(1px)}.sidebar__logout{color:var(--error-600)}.sidebar__logout:hover{background:var(--error-50);color:var(--error-700)}[data-theme=dark] .sidebar__logout:hover{background:#ef44441a;color:var(--error-400)}@media(max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar--open{transform:translateX(0)}}.sidebar__nav-item{animation:slideInLeft .3s ease forwards;opacity:0;transform:translateX(-20px)}.sidebar__nav-item:first-child{animation-delay:.05s}.sidebar__nav-item:nth-child(2){animation-delay:.1s}.sidebar__nav-item:nth-child(3){animation-delay:.15s}.sidebar__nav-item:nth-child(4){animation-delay:.2s}.sidebar__nav-item:nth-child(5){animation-delay:.25s}.sidebar__nav-item:nth-child(6){animation-delay:.3s}.sidebar__nav-item:nth-child(7){animation-delay:.35s}.sidebar__nav-item:nth-child(8){animation-delay:.4s}.sidebar__nav-item:nth-child(9){animation-delay:.45s}.sidebar__nav-item:nth-child(10){animation-delay:.5s}@keyframes slideInLeft{to{opacity:1;transform:translateX(0)}}.sidebar--loading .sidebar__nav-item{opacity:.6;pointer-events:none}.sidebar-loading{align-items:center;background:var(--bg-surface);color:var(--detail-text);display:flex;flex-direction:column;height:100vh;justify-content:center}.sidebar-loading .loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--detail-border);border:3px solid var(--detail-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;margin-bottom:16px;width:40px}.sidebar-loading p{color:var(--detail-text-muted);font-size:14px;margin:0}.sidebar-media{position:relative;z-index:1000}.sidebar-media__overlay{animation:fadeIn .3s ease;background:var(--detail-overlay);bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar-media__modal{background:var(--bg-surface);border-radius:20px 20px 0 0;bottom:0;box-shadow:var(--shadow);left:0;max-height:80vh;overflow-y:auto;position:fixed;right:0;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000}.sidebar-media__modal--open{transform:translateY(0)}.sidebar-media__modal::-webkit-scrollbar{width:4px}.sidebar-media__modal::-webkit-scrollbar-track{background:#0000}.sidebar-media__modal::-webkit-scrollbar-thumb{background:var(--detail-border);border-radius:2px}.sidebar-media__handle{display:flex;justify-content:center;padding:12px 0 8px}.sidebar-media__handle-bar{background:var(--detail-border);border-radius:2px;height:4px;width:40px}.sidebar-media__header{align-items:center;border-bottom:1px solid var(--detail-border);display:flex;justify-content:space-between;padding:16px 20px}.sidebar-media__logo{align-items:center;display:flex;gap:12px}.sidebar-media__logo-icon{align-items:center;border-radius:8px;display:flex;font-weight:700;height:46px;justify-content:center;width:46px}.sidebar-media__logo-icon img{height:100%;object-fit:cover;width:100%}.sidebar-media__logo-text h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--success-500),var(--primary-500));-webkit-background-clip:text;font-size:18px;font-weight:700;line-height:1.2;margin:0}.sidebar-media__logo-text span{color:var(--detail-text-muted);font-size:11px;font-weight:500}.sidebar-media__close{align-items:center;background:var(--detail-card-bg);border:none;border-radius:8px;color:var(--detail-text);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.sidebar-media__close:hover{background:var(--detail-border)}.sidebar-media__close:active{transform:scale(.95)}.sidebar-media__user{align-items:center;background:var(--detail-card-bg);border-radius:12px;display:flex;gap:12px;margin:0 16px 16px;padding:16px 20px}.sidebar-media__user-avatar{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:40px;justify-content:center;overflow:hidden;width:40px}.sidebar-media__user-avatar img{height:100%;object-fit:cover;width:100%}.sidebar-media__user-info{flex:1 1;min-width:0}.sidebar-media__user-info h4{color:var(--detail-text);font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-media__user-role{color:var(--detail-text-muted);font-size:12px;font-weight:500}.sidebar-media__channel{margin-bottom:var(--space-4);padding:0 16px}.sidebar-media__channel .sidebar-media__channel-title{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin:0 0 var(--space-3) 0;padding:0 var(--space-3);text-transform:uppercase}.sidebar-media__channel .sidebar-media__channel-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-3);margin-bottom:var(--space-1);padding:var(--space-3);text-decoration:none;transition:all var(--transition-fast)}.sidebar-media__channel .sidebar-media__channel-item:hover{background:var(--bg-hover);border-color:var(--primary-200)}.sidebar-media__channel .sidebar-media__channel-item .sidebar-media__nav-icon{align-items:center;color:var(--primary-600);display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.sidebar-media__channel .sidebar-media__channel-item .sidebar-media__nav-label{flex:1 1;font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-media__nav{padding:0 16px}.sidebar-media__nav-section{margin-bottom:var(--space-6)}.sidebar-media__nav-section:last-child{margin-bottom:0}.sidebar-media__nav-title{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin:0 0 var(--space-3) 0;padding:0 var(--space-3);text-transform:uppercase}.sidebar-media__nav-item{align-items:center;border-radius:var(--radius-lg);color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-3);margin-bottom:var(--space-1);padding:var(--space-3);position:relative;text-decoration:none;transition:all var(--transition-fast)}.sidebar-media__nav-item:hover{background:var(--bg-hover);color:var(--primary-600)}.sidebar-media__nav-item--active{background:var(--primary-50);color:var(--primary-600);font-weight:var(--font-weight-semibold)}[data-theme=dark] .sidebar-media__nav-item--active{background:#3b82f61a;color:var(--primary-400)}.sidebar-media__nav-item--active:before{background:var(--primary-500);border-radius:0 2px 2px 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar-media__nav-icon{align-items:center;color:inherit;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.sidebar-media__nav-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-media__footer{border-top:1px solid var(--border-color);padding:var(--space-4)}.sidebar-media__action-btn,.sidebar-media__logout-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-3);margin-bottom:var(--space-1);padding:var(--space-3);transition:all var(--transition-fast);width:100%}.sidebar-media__action-btn:hover,.sidebar-media__logout-btn:hover{background:var(--bg-hover)}.sidebar-media__action-btn:active,.sidebar-media__logout-btn:active{transform:scale(.98)}.sidebar-media__logout-btn{color:var(--error-600)}.sidebar-media__logout-btn:hover{background:var(--error-50);color:var(--error-700)}[data-theme=dark] .sidebar-media__logout-btn:hover{background:#ef44441a;color:var(--error-400)}.sidebar-media__bottom-nav{align-items:center;background:var(--bg-surface);border-top:1px solid var(--border-color);bottom:0;box-shadow:var(--shadow-lg);display:flex;height:57px;left:0;padding:var(--space-2) var(--space-4);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));position:fixed;right:0;z-index:100}@media(min-width:769px){.sidebar-media__bottom-nav{display:none}}.sidebar-media__bottom-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-2) var(--space-1);position:relative;text-decoration:none;transition:all var(--transition-fast)}.sidebar-media__bottom-item:hover{background:var(--bg-hover)}.sidebar-media__bottom-item--active{background:var(--primary-50);color:var(--primary-600)}[data-theme=dark] .sidebar-media__bottom-item--active{background:#3b82f61a;color:var(--primary-400)}.sidebar-media__bottom-item:active{transform:scale(.95)}.sidebar-media__bottom-icon{align-items:center;display:flex;height:24px;justify-content:center;position:relative;width:24px}.sidebar-media .indicator-dot{background:var(--primary-500);border:2px solid var(--bg-surface);border-radius:var(--radius-full);height:8px;width:8px;z-index:2}@media(max-width:360px){.sidebar-media .indicator-dot{height:6px;right:3px;top:3px;width:6px}}.sidebar-media__bottom-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-media__more-btn.sidebar-media__bottom-item--active .sidebar-media__bottom-icon .indicator-dot{animation:pulse 2s infinite}@media(min-width:769px){.sidebar-media{display:none}}@supports(padding-bottom:env(safe-area-inset-bottom)){.sidebar-media__bottom-nav{padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom))}}.admin-videos{padding:var(--spacing-lg)}.admin-videos .videos-header{margin-bottom:var(--spacing-xl)}.admin-videos .videos-header h1{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.admin-videos .videos-header p{color:var(--text-secondary);font-size:var(--font-size-base)}.admin-videos .videos-filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.admin-videos .videos-filters button{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.admin-videos .videos-filters button:hover{background:var(--bg-secondary);color:var(--text-primary)}.admin-videos .videos-filters button.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--primary-text)}.admin-videos .videos-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.admin-videos .videos-grid .video-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden;transition:all .3s ease}.admin-videos .videos-grid .video-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.admin-videos .videos-grid .video-card .video-thumbnail{position:relative}.admin-videos .videos-grid .video-card .video-thumbnail img{height:200px;object-fit:cover;width:100%}.admin-videos .videos-grid .video-card .video-thumbnail .video-duration{background:#000c;bottom:var(--spacing-sm);color:#fff;right:var(--spacing-sm)}.admin-videos .videos-grid .video-card .video-thumbnail .video-duration,.admin-videos .videos-grid .video-card .video-thumbnail .video-status{border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);position:absolute}.admin-videos .videos-grid .video-card .video-thumbnail .video-status{left:var(--spacing-sm);text-transform:uppercase;top:var(--spacing-sm)}.admin-videos .videos-grid .video-card .video-thumbnail .video-status.status-pending{background:var(--warning-bg);color:var(--warning-color)}.admin-videos .videos-grid .video-card .video-thumbnail .video-status.status-approved{background:var(--success-bg);color:var(--success-color)}.admin-videos .videos-grid .video-card .video-thumbnail .video-status.status-rejected{background:var(--danger-bg);color:var(--danger-color)}.admin-videos .videos-grid .video-card .video-content{padding:var(--spacing-md)}.admin-videos .videos-grid .video-card .video-content h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.4;margin-bottom:var(--spacing-sm)}.admin-videos .videos-grid .video-card .video-content p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.admin-videos .videos-grid .video-card .video-content p.video-price{color:var(--primary-color);font-weight:var(--font-weight-semibold)}.admin-videos .videos-grid .video-card .video-content .video-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.admin-videos .videos-grid .video-card .video-content .video-actions .btn{align-items:center;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.admin-videos .videos-grid .video-card .video-content .video-actions .btn.btn-success{background:var(--success-color);color:#fff}.admin-videos .videos-grid .video-card .video-content .video-actions .btn.btn-success:hover{background:var(--success-hover)}.admin-videos .videos-grid .video-card .video-content .video-actions .btn.btn-danger{background:var(--danger-color);color:#fff}.admin-videos .videos-grid .video-card .video-content .video-actions .btn.btn-danger:hover{background:var(--danger-hover)}.admin-videos .videos-grid .video-card .video-content .video-actions .btn.btn-secondary{background:var(--bg-secondary);color:var(--text-primary)}.admin-videos .videos-grid .video-card .video-content .video-actions .btn.btn-secondary:hover{background:var(--primary-color);color:var(--primary-text)}.admin-videos .videos-grid .video-card .video-content .rejection-reason{background:var(--danger-bg);border-left:3px solid var(--danger-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm)}.admin-videos .videos-grid .video-card .video-content .rejection-reason strong{color:var(--danger-color)}.director-dashboard{background:var(--bg-primary);color:var(--text-primary);margin:0 auto;max-width:1400px;padding:0;width:100%}.director-dashboard .dashboard-header{margin-bottom:32px;text-align:center}@media(min-width:769px){.director-dashboard .dashboard-header{margin-bottom:40px;text-align:left}}.director-dashboard .dashboard-header h1{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 12px}@media(max-width:768px){.director-dashboard .dashboard-header h1{font-size:2rem}}@media(max-width:480px){.director-dashboard .dashboard-header h1{font-size:1.75rem}}.director-dashboard .dashboard-header p{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin:0}@media(max-width:768px){.director-dashboard .dashboard-header p{font-size:1rem}}.director-dashboard .stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-bottom:40px}@media(min-width:481px){.director-dashboard .stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:769px){.director-dashboard .stats-grid{gap:24px;grid-template-columns:repeat(4,1fr)}}.director-dashboard .stats-grid .stat-card{align-items:center;background:var(--detail-card-bg);border:1px solid var(--detail-border);border-radius:16px;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.director-dashboard .stats-grid .stat-card:before{background:var(--primary-gradient);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.director-dashboard .stats-grid .stat-card:hover{border-color:var(--color-primary);box-shadow:var(--detail-hover-shadow);transform:translateY(-4px)}@media(max-width:480px){.director-dashboard .stats-grid .stat-card{gap:12px;padding:20px}}.director-dashboard .stats-grid .stat-card .stat-icon{align-items:center;background:var(--primary-gradient);border-radius:12px;box-shadow:0 4px 12px #0066ff4d;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;width:56px}@media(max-width:480px){.director-dashboard .stats-grid .stat-card .stat-icon{font-size:20px;height:48px;width:48px}}.director-dashboard .stats-grid .stat-card .stat-content{flex:1 1;min-width:0}.director-dashboard .stats-grid .stat-card .stat-content h3{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 4px}@media(max-width:480px){.director-dashboard .stats-grid .stat-card .stat-content h3{font-size:1.75rem}}.director-dashboard .stats-grid .stat-card .stat-content p{color:var(--text-secondary);font-size:14px;font-weight:500;line-height:1.4;margin:0}.director-dashboard .stats-grid .stat-card:first-child .stat-icon{background:linear-gradient(135deg,#0f0,#0c0)}.director-dashboard .stats-grid .stat-card:nth-child(2) .stat-icon{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.director-dashboard .stats-grid .stat-card:nth-child(3) .stat-icon{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.director-dashboard .stats-grid .stat-card:nth-child(4) .stat-icon{background:linear-gradient(135deg,#45b7d1,#96c93d)}.director-dashboard .dashboard-charts{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}@media(min-width:769px){.director-dashboard .dashboard-charts{grid-template-columns:2fr 1fr}}.director-dashboard .dashboard-charts .chart-container{background:var(--detail-card-bg);border:1px solid var(--detail-border);border-radius:16px;box-shadow:var(--detail-shadow);padding:24px;transition:all .3s ease}.director-dashboard .dashboard-charts .chart-container:hover{border-color:var(--color-primary);box-shadow:var(--detail-hover-shadow)}@media(max-width:768px){.director-dashboard .dashboard-charts .chart-container{padding:20px}}.director-dashboard .dashboard-charts .chart-container h3{border-bottom:1px solid var(--detail-border);color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 20px;padding-bottom:12px}.director-dashboard .dashboard-charts .chart-container .chart-placeholder{align-items:center;background:var(--detail-bg);border:2px dashed var(--detail-border);border-radius:12px;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:300px;text-align:center;transition:all .3s ease}.director-dashboard .dashboard-charts .chart-container .chart-placeholder:hover{background:var(--detail-card-bg);border-color:var(--color-primary)}.director-dashboard .dashboard-charts .chart-container .chart-placeholder svg{margin-bottom:16px;opacity:.6}.director-dashboard .dashboard-charts .chart-container .chart-placeholder p{font-size:16px;font-weight:500;margin:0}.director-dashboard .additional-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-top:40px}@media(min-width:481px){.director-dashboard .additional-stats{grid-template-columns:repeat(2,1fr)}}@media(min-width:769px){.director-dashboard .additional-stats{grid-template-columns:repeat(3,1fr)}}.director-dashboard .additional-stats .stat-card{background:var(--detail-card-bg);border:1px solid var(--detail-border);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.director-dashboard .additional-stats .stat-card:hover{border-color:var(--color-primary);box-shadow:var(--detail-hover-shadow);transform:translateY(-2px)}.director-dashboard .additional-stats .stat-card .stat-icon{align-items:center;background:var(--primary-gradient);border-radius:10px;box-shadow:0 2px 8px #0066ff4d;color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.director-dashboard .additional-stats .stat-card .stat-content h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 8px}.director-dashboard .additional-stats .stat-card .stat-content p{color:var(--text-secondary);font-size:14px;font-weight:500;margin:0}.director-dashboard .stat-card{animation:slideInUp .6s ease forwards;opacity:0;transform:translateY(20px)}.director-dashboard .stat-card:first-child{animation-delay:.1s}.director-dashboard .stat-card:nth-child(2){animation-delay:.2s}.director-dashboard .stat-card:nth-child(3){animation-delay:.3s}.director-dashboard .stat-card:nth-child(4){animation-delay:.4s}.director-dashboard .stat-card:nth-child(5){animation-delay:.5s}.director-dashboard .stat-card:nth-child(6){animation-delay:.6s}.director-dashboard .stat-card:nth-child(7){animation-delay:.7s}.director-dashboard .stat-card:nth-child(8){animation-delay:.8s}.director-dashboard .chart-container{animation:fadeIn .8s ease forwards;opacity:0}@media(max-width:480px){.director-dashboard .dashboard-header{margin-bottom:24px}.director-dashboard .dashboard-header h1{font-size:1.5rem}.director-dashboard .dashboard-header p{font-size:.9rem}.director-dashboard .stats-grid{gap:16px;margin-bottom:32px}.director-dashboard .stats-grid .stat-card{gap:12px;padding:16px}.director-dashboard .stats-grid .stat-card .stat-icon{font-size:18px;height:40px;width:40px}.director-dashboard .stats-grid .stat-card .stat-content h3{font-size:1.5rem}.director-dashboard .stats-grid .stat-card .stat-content p{font-size:13px}.director-dashboard .dashboard-charts{gap:16px}.director-dashboard .dashboard-charts .chart-container{padding:16px}.director-dashboard .dashboard-charts .chart-container .chart-placeholder{min-height:200px}.director-dashboard .dashboard-charts .chart-container .chart-placeholder svg{height:36px;width:36px}.director-dashboard .dashboard-charts .chart-container .chart-placeholder p{font-size:14px}}[data-theme=dark] .director-dashboard .stat-card{background:var(--detail-card-bg);border-color:var(--detail-border)}[data-theme=dark] .director-dashboard .stat-card:hover{background:var(--detail-bg);box-shadow:0 8px 25px #0000004d}[data-theme=dark] .director-dashboard .chart-container{background:var(--detail-card-bg);border-color:var(--detail-border)}[data-theme=dark] .director-dashboard .chart-container:hover{background:var(--detail-bg);box-shadow:0 8px 25px #0000004d}.director-users{padding:var(--spacing-lg)}.director-users .users-header{margin-bottom:var(--spacing-xl)}.director-users .users-header h1{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.director-users .users-header p{color:var(--text-secondary);font-size:var(--font-size-base)}.director-users .users-controls{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.director-users .users-controls .filter-box,.director-users .users-controls .search-box{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.director-users .users-controls .filter-box svg,.director-users .users-controls .search-box svg{color:var(--text-secondary);font-size:18px}.director-users .users-controls .filter-box input,.director-users .users-controls .filter-box select,.director-users .users-controls .search-box input,.director-users .users-controls .search-box select{background:#0000;border:none;color:var(--text-primary);font-size:var(--font-size-base);min-width:200px;outline:none}.director-users .users-controls .filter-box input::placeholder,.director-users .users-controls .filter-box select::placeholder,.director-users .users-controls .search-box input::placeholder,.director-users .users-controls .search-box select::placeholder{color:var(--text-secondary)}.director-users .users-table{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}.director-users .users-table table{border-collapse:collapse;width:100%}.director-users .users-table table td,.director-users .users-table table th{border-bottom:1px solid var(--border-color);padding:var(--spacing-md);text-align:left}.director-users .users-table table th{background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.director-users .users-table table td{color:var(--text-primary);font-size:var(--font-size-base)}.director-users .users-table table .user-info{align-items:center;display:flex;gap:var(--spacing-sm)}.director-users .users-table table .user-info .user-avatar{align-items:center;background:var(--primary-color);border-radius:50%;color:var(--primary-text);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);height:32px;justify-content:center;width:32px}.director-users .users-table table .role-badge,.director-users .users-table table .status-badge{border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.director-users .users-table table .role-badge.role-user{background:var(--success-bg);color:var(--success-color)}.director-users .users-table table .role-badge.role-teacher{background:var(--warning-bg);color:var(--warning-color)}.director-users .users-table table .role-badge.role-admin{background:var(--primary-bg);color:var(--primary-color)}.director-users .users-table table .status-badge.status-active{background:var(--success-bg);color:var(--success-color)}.director-users .users-table table .status-badge.status-blocked{background:var(--danger-bg);color:var(--danger-color)}.director-users .users-table table .actions{display:flex;gap:var(--spacing-xs)}.director-users .users-table table .actions .action-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.director-users .users-table table .actions .action-btn:hover{background:var(--primary-color);color:var(--primary-text)}.director-users .users-table table .actions .action-btn.danger:hover{background:var(--danger-color);color:#fff}.content-review{min-height:100vh;padding:var(--space-6);width:100%}.content-review .cr__header{margin-bottom:var(--space-8)}.content-review .cr__header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.content-review .cr__header p{color:var(--text-secondary);font-size:var(--font-size-lg)}.content-review .cr__filters{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-4)}.content-review .cr__filter-group,.content-review .cr__filters{align-items:center;display:flex;gap:var(--space-4)}.content-review .cr__filter-item{display:flex;flex-direction:column;gap:var(--space-1)}.content-review .cr__filter-item label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.content-review .cr__select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);min-width:150px;padding:var(--space-2) var(--space-3);transition:var(--transition-fast)}.content-review .cr__select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.content-review .cr__select:hover{border-color:var(--primary-400)}.content-review .cr__search-group{align-items:center;display:flex;gap:var(--space-3)}.content-review .cr__search{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--space-2);min-width:300px;padding:var(--space-2) var(--space-3);transition:var(--transition-fast)}.content-review .cr__search:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.content-review .cr__search svg{color:var(--text-secondary);flex-shrink:0;font-size:16px}.content-review .cr__search input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm)}.content-review .cr__search input::placeholder{color:var(--text-secondary)}.content-review .cr__search input:focus{outline:none}.content-review .cr__view-toggle{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--space-1);padding:var(--space-1)}.content-review .cr__view-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:var(--space-2);transition:var(--transition-fast)}.content-review .cr__view-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.content-review .cr__view-btn--active{background:var(--primary-500);box-shadow:0 2px 4px #3b82f64d;color:#fff}.content-review .cr__tabs{border-bottom:2px solid var(--border-color);display:flex;gap:var(--space-2);margin-bottom:var(--space-6);overflow-x:auto}.content-review .cr__tabs::-webkit-scrollbar{height:4px}.content-review .cr__tabs::-webkit-scrollbar-thumb{background:var(--primary-500);border-radius:var(--radius-full)}.content-review .cr__tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-5);position:relative;transition:var(--transition-fast);white-space:nowrap}.content-review .cr__tab svg{font-size:18px}.content-review .cr__tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.content-review .cr__tab--active{background:linear-gradient(0deg,#3b82f61a,#0000);border-bottom-color:var(--primary-600);color:var(--primary-600)}.content-review .cr__tab--active svg{color:var(--primary-600)}.content-review .cr__course-meta .cr__level{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.content-review .cr__course-meta .cr__price{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.content-review .cr__reason-mini span{line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.content-review .cr__course-footer{background:var(--bg-secondary);padding:var(--space-3) var(--space-4)}.content-review .cr__btn-icon{font-size:16px}.content-review .cr__btn-icon--view{background:var(--primary-500);color:#fff}.content-review .cr__btn-icon--view:hover:not(:disabled){background:var(--primary-600);transform:translateY(-2px)}.content-review .cr__btn-icon--approve:hover:not(:disabled),.content-review .cr__btn-icon--reject:hover:not(:disabled){transform:translateY(-2px)}.content-review .cr__modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.content-review .cr__modal{animation:slideUp .3s ease;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.content-review .cr__modal--medium{max-width:900px}.content-review .cr__modal--large{max-width:1400px}@media(max-width:1440px){.content-review .cr__modal--large{max-width:95vw}}@media(max-width:768px){.content-review .cr__modal{border-radius:var(--radius-xl);max-height:95vh;max-width:95vw}}@media(max-width:480px){.content-review .cr__modal{border-radius:0;max-height:100vh;max-width:100vw}}.content-review .cr__modal-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(to bottom,var(--bg-surface),var(--bg-surface) 90%,#0000);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-5) var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:10}@media(max-width:768px){.content-review .cr__modal-header{padding:var(--space-4)}}@media(max-width:480px){.content-review .cr__modal-header{padding:var(--space-3)}}.content-review .cr__modal-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);gap:var(--space-3)}.content-review .cr__modal-title svg{background:var(--primary-100);border-radius:var(--radius-lg);color:var(--primary-600);font-size:28px;padding:var(--space-2)}@media(max-width:480px){.content-review .cr__modal-title svg{font-size:20px;padding:var(--space-1)}}.content-review .cr__modal-title h3{line-height:1.2}@media(max-width:768px){.content-review .cr__modal-title h3{font-size:var(--font-size-xl)}}@media(max-width:480px){.content-review .cr__modal-title h3{font-size:var(--font-size-lg)}}.content-review .cr__modal-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:var(--radius-xl);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s ease;width:44px}.content-review .cr__modal-close svg{font-size:22px}.content-review .cr__modal-close:hover{background:var(--error-100);color:var(--error-600);transform:rotate(90deg) scale(1.1)}.content-review .cr__modal-body{flex:1 1;overflow-y:auto;padding:var(--space-6)}.content-review .cr__modal-body::-webkit-scrollbar{width:8px}.content-review .cr__modal-body::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-md)}.content-review .cr__modal-body::-webkit-scrollbar-thumb{background:var(--primary-300);border-radius:var(--radius-md)}.content-review .cr__modal-body::-webkit-scrollbar-thumb:hover{background:var(--primary-400)}@media(max-width:768px){.content-review .cr__modal-body{padding:var(--space-4)}}@media(max-width:480px){.content-review .cr__modal-body{padding:var(--space-3)}}.content-review .cr__course-main-layout{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:400px 1fr;margin-bottom:var(--space-5)}@media(max-width:1024px){.content-review .cr__course-main-layout{gap:var(--space-4);grid-template-columns:350px 1fr}}@media(max-width:768px){.content-review .cr__course-main-layout{gap:var(--space-4);grid-template-columns:1fr}}.content-review .cr__course-visual-section{display:flex;flex-direction:column;gap:var(--space-3);position:relative}.content-review .cr__course-banner-bg{border-radius:var(--radius-xl);box-shadow:0 4px 12px #0000001a;height:250px;overflow:hidden;position:relative;width:100%}.content-review .cr__course-banner-bg img{height:100%;object-fit:cover;width:100%}@media(max-width:768px){.content-review .cr__course-banner-bg{height:200px}}.content-review .cr__banner-overlay{background:linear-gradient(180deg,#0000 0,#0000004d);bottom:0;left:0;position:absolute;right:0;top:0}.content-review .cr__course-thumbnail-main{aspect-ratio:16/9;background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:0 4px 12px #0000001a;overflow:hidden;width:100%}.content-review .cr__course-thumbnail-main img{height:100%;object-fit:cover;width:100%}.content-review .cr__course-main-info{display:flex;flex-direction:column;gap:var(--space-4)}.content-review .cr__course-title-section h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.3;margin:0 0 var(--space-3) 0}@media(max-width:768px){.content-review .cr__course-title-section h2{font-size:var(--font-size-xl)}}.content-review .cr__course-quick-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.content-review .cr__level-badge,.content-review .cr__price-badge{border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:6px 14px}.content-review .cr__level-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.content-review .cr__price-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.content-review .cr__info-section--compact{padding:var(--space-4)}.content-review .cr__info-section--compact h4{font-size:var(--font-size-lg);margin-bottom:var(--space-3);padding-bottom:var(--space-2)}.content-review .cr__info-section--compact .cr__info-item{padding:var(--space-1) 0}.content-review .cr__info-section--compact .cr__info-item label{font-size:var(--font-size-xs);min-width:100px}.content-review .cr__info-section--compact .cr__info-item span{font-size:var(--font-size-sm)}.content-review .cr__course-description-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);margin-bottom:var(--space-5);padding:var(--space-4)}.content-review .cr__course-description-section h4{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--space-2);margin:0 0 var(--space-3) 0}.content-review .cr__course-description-section h4 svg{color:var(--primary-500);font-size:20px}.content-review .cr__course-description-section p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.7;margin:0}.content-review .cr__reason{align-items:flex-start;background:#ef44441a;border-radius:var(--radius-md);display:flex;gap:var(--space-2);padding:var(--space-3)}.content-review .cr__reason svg{color:#ef4444;flex-shrink:0;font-size:16px;margin-top:2px}.content-review .cr__reason span{color:#dc2626;font-size:var(--font-size-sm);line-height:1.5}.content-review .cr__courses-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.content-review .cr__course-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:var(--transition-normal)}.content-review .cr__course-card:hover{border-color:var(--primary-300);box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.content-review .cr__course-image{background:var(--bg-secondary);height:200px;overflow:hidden;position:relative;width:100%}.content-review .cr__course-image img{height:100%;object-fit:cover;width:100%}.content-review .cr__status-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000026;color:#fff;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:6px;padding:6px 12px;transition:var(--transition-fast);white-space:nowrap}.content-review .cr__status-badge svg{flex-shrink:0;font-size:14px}.content-review .cr__status-badge span{line-height:1}.content-review .cr__status-badge--absolute{position:absolute;right:var(--space-2);top:var(--space-2);z-index:2}.content-review .cr__status-badge:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.content-review .cr__badges-container{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end;max-width:calc(100% - var(--space-4));position:absolute;right:var(--space-2);top:var(--space-2);z-index:2}.content-review .cr__course-content{flex:1 1;padding:var(--space-3)}.content-review .cr__course-content h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.content-review .cr__course-content p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--space-2)}.content-review .cr__course-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.content-review .cr__course-meta span{background:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}.content-review .cr__course-meta .cr__level{background:var(--primary-100);color:var(--primary-700)}.content-review .cr__course-meta .cr__price{background:var(--success-100);color:var(--success-700);font-weight:var(--font-weight-bold)}.content-review .cr__course-footer{border-top:1px solid var(--border-color);display:flex;gap:var(--space-2);padding:var(--space-3)}.content-review .cr__videos-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.content-review .cr__video-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:var(--transition-normal)}.content-review .cr__video-card:hover{border-color:var(--primary-300);box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.content-review .cr__video-poster{background:var(--bg-secondary);height:200px;overflow:hidden;position:relative;width:100%}.content-review .cr__video-poster img{height:100%;object-fit:cover;width:100%}.content-review .cr__video-duration{border-radius:var(--radius-sm);bottom:var(--space-2);font-size:var(--font-size-xs);gap:4px;padding:4px var(--space-2);right:var(--space-2)}.content-review .cr__video-duration svg{font-size:12px}.content-review .cr__video-info{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.content-review .cr__video-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.content-review .cr__video-description{line-height:1.6}.content-review .cr__types-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.content-review .cr__type-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:0 4px 6px #00000012;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.content-review .cr__type-card:hover{border-color:#667eea;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-8px)}.content-review .cr__type-main{background:linear-gradient(135deg,#667eea0d,#764ba20d);display:flex;gap:var(--space-4);padding:var(--space-5)}.content-review .cr__type-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #667eea4d;display:flex;flex-shrink:0;height:72px;justify-content:center;width:72px}.content-review .cr__type-icon svg{color:#fff;font-size:32px}.content-review .cr__type-content{flex:1 1;min-width:0}.content-review .cr__type-content h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1.3;margin-bottom:var(--space-2)}.content-review .cr__type-content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--font-size-sm);line-height:1.6;margin-bottom:var(--space-3);overflow:hidden}.content-review .cr__type-header-row{align-items:flex-start;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-2)}.content-review .cr__type-footer{background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;gap:var(--space-2);padding:var(--space-4)}.content-review .cr__type-footer .cr__btn-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex:1 1;font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-4);transition:all .2s}.content-review .cr__type-footer .cr__btn-icon span{font-size:var(--font-size-sm)}.content-review .cr__type-footer .cr__btn-icon:hover:not(:disabled){box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.content-review .cr__course-types h4{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--space-2);margin-bottom:var(--space-4)}.content-review .cr__course-types h4 svg{color:var(--primary-500)}.content-review .cr__type-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);margin-bottom:var(--space-4);padding:var(--space-4)}.content-review .cr__type-header{align-items:flex-start;display:flex;gap:var(--space-3);justify-content:space-between}.content-review .cr__type-info{flex:1 1}.content-review .cr__type-info h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.content-review .cr__type-info p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-3)}.content-review .cr__type-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);position:relative}.content-review .cr__type-meta span{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.content-review .cr__type-meta span svg{font-size:12px}.content-review .cr__type-meta .cr__type-price{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.content-review .cr__type-meta .cr__type-videos{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.content-review .cr__type-meta .cr__type-slug{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);font-family:monospace}.content-review .cr__type-actions{display:flex;gap:var(--space-2)}.content-review .cr__btn-small{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;padding:var(--space-2);transition:var(--transition-fast);width:36px}.content-review .cr__btn-small:disabled{cursor:not-allowed;opacity:.4}.content-review .cr__btn-small--approve{background:var(--success-500);color:#fff}.content-review .cr__btn-small--approve:hover:not(:disabled){background:var(--success-600);transform:scale(1.1)}.content-review .cr__btn-small--reject{background:var(--error-500);color:#fff}.content-review .cr__btn-small--reject:hover:not(:disabled){background:var(--error-600);transform:scale(1.1)}.content-review .cr__reason-small{align-items:center;background:#ef44441a;border-radius:var(--radius-md);color:#dc2626;display:flex;font-size:var(--font-size-xs);gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-2)}.content-review .cr__reason-small svg{flex-shrink:0;font-size:12px}.content-review .cr__video-content{flex:1 1;padding:var(--space-3)}.content-review .cr__video-content h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.content-review .cr__video-content h3,.content-review .cr__video-content p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin-bottom:var(--space-2);overflow:hidden}.content-review .cr__video-content p{color:var(--text-secondary);font-size:var(--font-size-sm)}.content-review .cr__video-meta .cr__course-type{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.content-review .cr__reason-mini{align-items:center;background:#ef44441a;border-radius:var(--radius-md);color:#dc2626;display:flex;font-size:var(--font-size-xs);gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-2)}.content-review .cr__reason-mini svg{flex-shrink:0;font-size:12px}.content-review .cr__video-actions{border-top:1px solid var(--border-color);padding:var(--space-3)}.content-review .cr__btn-icon{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:14px;justify-content:center;padding:var(--space-2);transition:var(--transition-fast)}.content-review .cr__btn-icon svg{font-size:16px}.content-review .cr__btn-icon:disabled{cursor:not-allowed;opacity:.4}.content-review .cr__btn-icon--approve{background:var(--success-500);color:#fff}.content-review .cr__btn-icon--approve:hover:not(:disabled){background:var(--success-600);transform:scale(1.05)}.content-review .cr__btn-icon--reject{background:var(--error-500);color:#fff}.content-review .cr__btn-icon--reject:hover:not(:disabled){background:var(--error-600);transform:scale(1.05)}.content-review .cr__videos-list{display:flex;flex-direction:column;gap:var(--space-3)}.content-review .cr__video-duration{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:var(--radius-md);bottom:var(--space-1);color:#fff;display:flex;font-weight:var(--font-weight-semibold);gap:var(--space-1);padding:var(--space-1) var(--space-2);position:absolute;right:var(--space-1)}.content-review .cr__video-duration svg{font-size:10px}.content-review .cr__video-info{flex:1 1}.content-review .cr__video-info h6{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.content-review .cr__video-info p{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--font-size-sm);margin-bottom:var(--space-2);overflow:hidden}.content-review .cr__video-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.content-review .cr__video-meta span{background:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}.content-review .cr__video-meta .cr__video-order{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary)}.content-review .cr__video-meta .cr__video-feature{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.content-review .cr__video-actions{display:flex;flex-direction:column;gap:var(--space-2);justify-content:center}.content-review .cr__modal-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(to top,var(--bg-surface),var(--bg-surface) 90%,#0000);border-top:2px solid var(--border-color);bottom:0;box-shadow:0 -4px 12px #0000000d;display:flex;gap:var(--space-3);padding:var(--space-5) var(--space-6);position:-webkit-sticky;position:sticky;z-index:10}.content-review .cr__btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:var(--transition-fast)}.content-review .cr__btn svg{font-size:16px}.content-review .cr__btn:disabled{cursor:not-allowed;opacity:.5}.content-review .cr__btn--approve{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.content-review .cr__btn--approve:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.content-review .cr__btn--reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.content-review .cr__btn--reject:hover:not(:disabled){box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.content-review .cr__btn--cancel{background:var(--bg-secondary);color:var(--text-secondary)}.content-review .cr__btn--cancel:hover{background:var(--bg-tertiary);color:var(--text-primary)}.content-review .cr__textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);padding:var(--space-3);resize:vertical;width:100%}.content-review .cr__textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.content-review .cr__textarea::placeholder{color:var(--text-secondary)}.content-review .cr__empty,.content-review .cr__empty-small,.content-review .cr__loading,.content-review .cr__modal-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-8);text-align:center}.content-review .cr__empty svg,.content-review .cr__empty-small svg,.content-review .cr__loading svg,.content-review .cr__modal-loading svg{color:var(--text-secondary);font-size:48px;margin-bottom:var(--space-3)}.content-review .cr__empty .spinner,.content-review .cr__empty-small .spinner,.content-review .cr__loading .spinner,.content-review .cr__modal-loading .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-600);height:48px;margin-bottom:var(--space-3);width:48px}.content-review .cr__empty p,.content-review .cr__empty-small p,.content-review .cr__loading p,.content-review .cr__modal-loading p{color:var(--text-secondary);font-size:var(--font-size-base)}.content-review .cr__empty-small{padding:var(--space-4)}.content-review .cr__empty-small p{font-size:var(--font-size-sm)}@media(max-width:768px){.content-review{padding:var(--space-4)}.content-review .cr__header{margin-bottom:var(--space-6)}.content-review .cr__header h1{font-size:var(--font-size-2xl)}.content-review .cr__header p{font-size:var(--font-size-base)}.content-review .cr__filters{flex-direction:column;gap:var(--space-3)}.content-review .cr__filter-group{flex-direction:column;gap:var(--space-2);width:100%}.content-review .cr__filter-item,.content-review .cr__filter-item .cr__select{width:100%}.content-review .cr__search{min-width:auto;width:100%}.content-review .cr__courses-grid{grid-template-columns:1fr}.content-review .cr__modal--large{max-width:100%}.content-review .cr__course-detail{grid-template-columns:1fr}.content-review .cr__detail-cover img{height:200px}.content-review .cr__video-item{grid-template-columns:1fr}.content-review .cr__video-poster{height:180px;width:100%}.content-review .cr__video-actions{flex-direction:row}.content-review .cr__modal-footer{flex-direction:column}.content-review .cr__btn{justify-content:center;width:100%}}.content-review .cr__table-container{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow-x:auto}.content-review .cr__table{border-collapse:collapse;width:100%}.content-review .cr__table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.content-review .cr__table thead th{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:var(--space-4);text-align:left;text-transform:uppercase;white-space:nowrap}.content-review .cr__table thead th:first-child{border-radius:var(--radius-xl) 0 0 0}.content-review .cr__table thead th:last-child{border-radius:0 var(--radius-xl) 0 0}.content-review .cr__table tbody tr{border-bottom:1px solid var(--border-color);transition:var(--transition-fast)}.content-review .cr__table tbody tr:hover{background:var(--bg-secondary)}.content-review .cr__table tbody tr:last-child{border-bottom:none}.content-review .cr__table tbody td{color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);vertical-align:middle}.content-review .cr__table-name{align-items:center;display:flex;gap:var(--space-2)}.content-review .cr__table-name svg{color:var(--primary-500);flex-shrink:0;font-size:20px}.content-review .cr__table-name div{display:flex;flex-direction:column;gap:var(--space-1)}.content-review .cr__table-name strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.content-review .cr__table-slug{color:var(--text-secondary);font-family:monospace;font-size:var(--font-size-xs)}.content-review .cr__table-desc{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;max-width:300px;overflow:hidden}.content-review .cr__table-price{color:var(--success-600);font-weight:var(--font-weight-semibold)}.content-review .cr__table-count{background:var(--primary-100);border-radius:var(--radius-md);color:var(--primary-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}.content-review .cr__table-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.content-review .cr__table-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:var(--transition-fast);width:32px}.content-review .cr__table-btn:disabled{cursor:not-allowed;opacity:.4}.content-review .cr__table-btn--approve{background:var(--success-500);color:#fff}.content-review .cr__table-btn--approve:hover:not(:disabled){background:var(--success-600);transform:scale(1.1)}.content-review .cr__table-btn--reject{background:var(--error-500);color:#fff}.content-review .cr__table-btn--reject:hover:not(:disabled){background:var(--error-600);transform:scale(1.1)}.content-review .cr__table-level{background:var(--primary-100);border-radius:var(--radius-md);color:var(--primary-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}.content-review .cr__table-duration{color:var(--text-primary);font-family:monospace;font-weight:var(--font-weight-medium)}.content-review .cr__modal--medium{max-width:700px}.content-review .cr__modal-title{align-items:center;display:flex;gap:var(--space-2)}.content-review .cr__modal-title svg{color:var(--primary-500);font-size:24px}.content-review .cr__modal-title h3{margin:0}.content-review .cr__detail-poster{border-radius:var(--radius-xl);height:300px;margin-bottom:var(--space-4);overflow:hidden;position:relative;width:100%}.content-review .cr__detail-poster img{height:100%;object-fit:cover;width:100%}.content-review .cr__detail-duration{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:var(--radius-md);bottom:var(--space-3);color:#fff;display:flex;font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-2) var(--space-3);position:absolute;right:var(--space-3)}.content-review .cr__detail-duration svg{font-size:16px}.content-review .cr__detail-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.content-review .cr__detail-item{display:flex;flex-direction:column;gap:var(--space-2)}.content-review .cr__detail-item--full{grid-column:1/-1}.content-review .cr__detail-item label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.content-review .cr__detail-item p,.content-review .cr__detail-item span{color:var(--text-primary);font-size:var(--font-size-base)}.content-review .cr__detail-item p{line-height:1.6;margin:0}.content-review .cr__detail-slug{background:var(--bg-secondary);border-radius:var(--radius-sm);font-family:monospace;font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2)}.content-review .cr__detail-price{color:var(--success-600);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.content-review .cr__detail-features{display:flex;flex-wrap:wrap;gap:var(--space-2)}.content-review .cr__feature-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}.content-review .cr__course-images{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:2fr 1fr;margin-bottom:var(--space-5)}.content-review .cr__course-cover,.content-review .cr__course-thumbnail{border-radius:var(--radius-xl);box-shadow:0 4px 6px #0000001a;overflow:hidden;position:relative}.content-review .cr__course-cover img,.content-review .cr__course-thumbnail img{height:100%;object-fit:cover;width:100%}.content-review .cr__course-cover,.content-review .cr__course-thumbnail{height:300px}.content-review .cr__cover-label,.content-review .cr__thumbnail-label{background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);left:0;padding:var(--space-2) var(--space-3);position:absolute;right:0}.content-review .cr__course-info-grid,.content-review .cr__video-info-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--space-5)}@media(max-width:768px){.content-review .cr__course-info-grid,.content-review .cr__video-info-grid{grid-template-columns:1fr}}.content-review .cr__info-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5)}.content-review .cr__info-section h4{align-items:center;border-bottom:2px solid var(--border-color);color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.content-review .cr__info-section h4 svg{color:var(--primary-500);font-size:24px}.content-review .cr__info-items{display:flex;flex-direction:column;gap:var(--space-3)}.content-review .cr__info-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:var(--space-3);padding:var(--space-2) 0}.content-review .cr__info-item:last-child{border-bottom:none}.content-review .cr__info-item label{color:var(--text-secondary);flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-width:140px}.content-review .cr__info-item span{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.content-review .cr__info-item p{color:var(--text-primary);font-size:var(--font-size-base);line-height:1.6;margin:0}@media(max-width:768px){.content-review .cr__info-item{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.content-review .cr__info-item label{min-width:auto}}.content-review .cr__slug-text{background:var(--bg-primary);border-radius:var(--radius-sm);font-family:monospace}.content-review .cr__level-badge,.content-review .cr__slug-text{font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2)}.content-review .cr__level-badge{background:var(--primary-100);border-radius:var(--radius-md);color:var(--primary-700);display:inline-block;font-weight:var(--font-weight-medium)}.content-review .cr__price-text{color:var(--success-600);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.content-review .cr__features-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.content-review .cr__feature-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}.content-review .cr__channel-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-3)}.content-review .cr__channel-avatar{border-radius:50%;height:60px;object-fit:cover;width:60px}.content-review .cr__channel-info{flex:1 1}.content-review .cr__channel-info h5{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);gap:var(--space-2);margin-bottom:var(--space-1)}.content-review .cr__channel-info p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:var(--space-1) 0}.content-review .cr__verified{color:var(--primary-500);font-size:16px}.content-review .cr__channel-badge{background:var(--primary-100);border-radius:var(--radius-sm);color:var(--primary-700);display:inline-block;font-size:var(--font-size-xs);margin-bottom:var(--space-2);padding:2px var(--space-2)}.content-review .cr__channel-stats{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.content-review .cr__channel-stats span{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-1)}.content-review .cr__channel-stats span svg{font-size:14px}.content-review .cr__reason-box{background:#ef44441a;border-left:4px solid #ef4444;border-radius:var(--radius-md);display:flex;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4)}.content-review .cr__reason-box svg{color:#ef4444;flex-shrink:0;font-size:20px;margin-top:2px}.content-review .cr__reason-box strong{color:#dc2626;display:block;margin-bottom:var(--space-1)}.content-review .cr__reason-box p{color:#dc2626;line-height:1.5;margin:0}.content-review .cr__videos-horizontal{display:flex;gap:var(--space-3);margin-top:var(--space-3);overflow-x:auto;padding:var(--space-2) 0}.content-review .cr__videos-horizontal::-webkit-scrollbar{height:8px}.content-review .cr__videos-horizontal::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-md)}.content-review .cr__videos-horizontal::-webkit-scrollbar-thumb{background:var(--primary-300);border-radius:var(--radius-md)}.content-review .cr__videos-horizontal::-webkit-scrollbar-thumb:hover{background:var(--primary-400)}.content-review .cr__video-mini-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;flex-shrink:0;overflow:hidden;transition:var(--transition-normal);width:220px}.content-review .cr__video-mini-card:hover{border-color:var(--primary-300);box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.content-review .cr__video-mini-poster{background:var(--bg-secondary);height:120px;position:relative;width:100%}.content-review .cr__video-mini-poster img{height:100%;object-fit:cover;width:100%}.content-review .cr__video-mini-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;height:100%;justify-content:center;width:100%}.content-review .cr__video-mini-placeholder svg{font-size:32px}.content-review .cr__video-mini-duration{align-items:center;background:#000c;border-radius:var(--radius-sm);bottom:var(--space-2);color:#fff;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:4px;padding:4px var(--space-2);position:absolute;right:var(--space-2)}.content-review .cr__video-mini-duration svg{font-size:12px}.content-review .cr__video-mini-info{padding:var(--space-2)}.content-review .cr__video-mini-info h6{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1);overflow:hidden}.content-review .cr__video-mini-meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:var(--font-size-xs);gap:var(--space-2)}.content-review .cr__mini-badge{background:var(--success-100);border-radius:var(--radius-sm);color:var(--success-700);font-size:10px;padding:2px var(--space-1)}.content-review .cr__video-mini-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--space-1);padding:var(--space-2)}.content-review .cr__btn-mini{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:14px;justify-content:center;padding:var(--space-1);transition:var(--transition-fast)}.content-review .cr__btn-mini:disabled{cursor:not-allowed;opacity:.4}.content-review .cr__btn-mini--approve{background:var(--success-500);color:#fff}.content-review .cr__btn-mini--approve:hover:not(:disabled){background:var(--success-600)}.content-review .cr__btn-mini--reject{background:var(--error-500);color:#fff}.content-review .cr__btn-mini--reject:hover:not(:disabled){background:var(--error-600)}.content-review .cr__video-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;gap:var(--space-2);height:100%;justify-content:center;width:100%}.content-review .cr__video-placeholder svg{font-size:48px}.content-review .cr__video-placeholder span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.content-review .cr__video-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:var(--transition-normal)}.content-review .cr__video-overlay .cr__play-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:48px}.content-review .cr__video-card:hover .cr__video-overlay{opacity:1}.content-review .cr__video-header{align-items:flex-start;display:flex;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-2)}.content-review .cr__video-type-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-md);color:#fff;flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:4px var(--space-2)}.content-review .cr__video-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.5;overflow:hidden}.content-review .cr__video-description,.content-review .cr__video-meta-row{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.content-review .cr__video-meta-row{display:flex;gap:var(--space-3)}.content-review .cr__video-meta-row span{align-items:center;display:flex;gap:var(--space-1)}.content-review .cr__video-meta-row span svg{font-size:14px}.content-review .cr__video-features{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.content-review .cr__video-badge{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:4px;padding:4px var(--space-2)}.content-review .cr__video-badge svg{font-size:12px}.content-review .cr__video-badge--test{background:var(--primary-100);color:var(--primary-700)}.content-review .cr__video-badge--assignment{background:var(--success-100);color:var(--success-700)}.content-review .cr__video-actions .cr__btn-icon span{font-size:var(--font-size-sm)}.content-review .cr__video-modal-layout{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:1.2fr 1fr;margin-bottom:var(--space-4)}@media(max-width:1024px){.content-review .cr__video-modal-layout{grid-template-columns:1fr}}.content-review .cr__video-player{background:#000;border-radius:var(--radius-xl);box-shadow:0 8px 16px #0003;overflow:hidden;width:100%}.content-review .cr__video-element{display:block;max-height:450px;width:100%}.content-review .cr__video-side-info{display:flex;flex-direction:column;gap:var(--space-3);max-height:450px;overflow-y:auto;padding-right:var(--space-2)}.content-review .cr__video-side-info::-webkit-scrollbar{width:6px}.content-review .cr__video-side-info::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-md)}.content-review .cr__video-side-info::-webkit-scrollbar-thumb{background:var(--primary-300);border-radius:var(--radius-md)}.content-review .cr__video-side-info::-webkit-scrollbar-thumb:hover{background:var(--primary-400)}.content-review .cr__order-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-md);color:#fff;display:inline-block;font-weight:var(--font-weight-bold);padding:var(--space-1) var(--space-2)}.content-review .cr__type-info-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-3)}.content-review .cr__type-info-box strong{color:var(--text-primary);display:block;font-size:var(--font-size-base);margin-bottom:var(--space-1)}.content-review .cr__type-info-box p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:var(--space-1) 0}.content-review .cr__type-price{background:var(--success-100);border-radius:var(--radius-md);color:var(--success-700);display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:4px var(--space-2)}.content-review .cr__list-items{display:flex;flex-direction:column;gap:var(--space-2)}.content-review .cr__list-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--space-2);padding:var(--space-2)}.content-review .cr__list-item svg{color:var(--primary-500);flex-shrink:0;font-size:16px}.content-review .cr__list-item span{color:var(--text-primary);font-size:var(--font-size-sm)}.content-review .cr__empty-text{color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}.content-review .cr__file-path{background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:monospace;font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);word-break:break-all}.content-review .cr__status-active{color:var(--success-600);font-weight:var(--font-weight-semibold)}.content-review .cr__status-inactive{color:var(--error-600);font-weight:var(--font-weight-semibold)}.content-review .cr__type-videos-section{border-top:2px solid var(--border-color);margin-top:var(--space-5);padding-top:var(--space-4)}.content-review .cr__type-videos-section h4{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--space-2);margin-bottom:var(--space-4)}.content-review .cr__type-videos-section h4 svg{color:var(--primary-500)}.content-review .cr__empty-small{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--space-6) var(--space-4);text-align:center}@media(prefers-color-scheme:dark){.content-review .cr__course-card,.content-review .cr__modal,.content-review .cr__table-container,.content-review .cr__type-card,.content-review .cr__type-section,.content-review .cr__video-card,.content-review .cr__video-item{background:var(--bg-secondary)}}.director-reports{padding:var(--space-6);width:100%}.director-reports .dr__header{margin-bottom:var(--space-8)}.director-reports .dr__header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.director-reports .dr__header p{color:var(--text-secondary);font-size:var(--font-size-lg)}.director-reports .dr__section{margin-bottom:var(--space-8)}.director-reports .dr__section-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.director-reports .dr__section-header svg{color:var(--primary-600);font-size:28px}.director-reports .dr__section-header h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.director-reports .dr__users-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.director-reports .dr__user-card{align-items:center;background:var(--bg-surface);border-left:4px solid var(--role-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);display:flex;gap:var(--space-4);padding:var(--space-5);transition:var(--transition-normal)}.director-reports .dr__user-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.director-reports .dr__user-icon{align-items:center;background:linear-gradient(135deg,var(--role-color),var(--role-color));border-radius:var(--radius-full);display:flex;height:60px;justify-content:center;opacity:.7;position:relative;width:60px}.director-reports .dr__user-icon svg{color:var(--text-primary);font-size:28px;opacity:1;position:absolute;z-index:1}.director-reports .dr__user-info{flex:1 1}.director-reports .dr__user-info h3{color:var(--role-color);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.director-reports .dr__user-info p{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.director-reports .dr__content-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.director-reports .dr__content-card{background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:var(--space-6);transition:var(--transition-normal)}.director-reports .dr__content-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.director-reports .dr__content-card--courses{border-top:4px solid #f59e0b}.director-reports .dr__content-card--videos{border-top:4px solid #8b5cf6}.director-reports .dr__content-card--channels{border-top:4px solid #10b981}.director-reports .dr__content-icon{align-items:center;border-radius:var(--radius-xl);display:flex;height:56px;justify-content:center;margin-bottom:var(--space-4);width:56px}.director-reports .dr__content-icon svg{font-size:28px;z-index:1}.dr__content-card--courses .director-reports .dr__content-icon{background:#f59e0b33}.dr__content-card--courses .director-reports .dr__content-icon svg{color:#f59e0b}.dr__content-card--videos .director-reports .dr__content-icon{background:#8b5cf633}.dr__content-card--videos .director-reports .dr__content-icon svg{color:#8b5cf6}.dr__content-card--channels .director-reports .dr__content-icon{background:#10b98133}.dr__content-card--channels .director-reports .dr__content-icon svg{color:#10b981}.director-reports .dr__content-info h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.director-reports .dr__content-stats{display:flex;flex-direction:column;gap:var(--space-2)}.director-reports .dr__stat{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--space-2)}.director-reports .dr__stat-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.director-reports .dr__stat-value{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.director-reports .dr__stat-value--success{color:#10b981}.director-reports .dr__financial-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.director-reports .dr__financial-card{align-items:center;background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);display:flex;gap:var(--space-4);padding:var(--space-6);transition:var(--transition-normal)}.director-reports .dr__financial-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.director-reports .dr__financial-card--income{background:linear-gradient(135deg,#10b9811a,#0596690d);border:1px solid #10b98133}.director-reports .dr__financial-card--expense{background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid #ef444433}.director-reports .dr__financial-card--transactions{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border:1px solid #3b82f633}.director-reports .dr__financial-icon{align-items:center;border-radius:var(--radius-xl);display:flex;height:64px;justify-content:center;width:64px}.director-reports .dr__financial-icon svg{font-size:32px;z-index:1}.dr__financial-card--income .director-reports .dr__financial-icon{background:#10b9814d}.dr__financial-card--income .director-reports .dr__financial-icon svg{color:#10b981}.dr__financial-card--expense .director-reports .dr__financial-icon{background:#ef44444d}.dr__financial-card--expense .director-reports .dr__financial-icon svg{color:#ef4444}.dr__financial-card--transactions .director-reports .dr__financial-icon{background:#3b82f64d}.dr__financial-card--transactions .director-reports .dr__financial-icon svg{color:#3b82f6}.director-reports .dr__financial-info{flex:1 1}.director-reports .dr__financial-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.director-reports .dr__financial-value{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.dr__financial-card--income .director-reports .dr__financial-value{color:#10b981}.dr__financial-card--expense .director-reports .dr__financial-value{color:#ef4444}.dr__financial-card--transactions .director-reports .dr__financial-value{color:#3b82f6}.director-reports .dr__transactions-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3)}.director-reports .dr__transaction-card{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-4);transition:var(--transition-fast)}.director-reports .dr__transaction-card:hover{box-shadow:var(--shadow-md)}.director-reports .dr__transaction-bar{background:var(--bg-secondary);border-radius:var(--radius-full);height:8px;margin-bottom:var(--space-3);overflow:hidden;width:100%}.director-reports .dr__transaction-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:var(--radius-full);height:100%;transition:width .6s ease}.director-reports .dr__transaction-info{align-items:center;display:flex;justify-content:space-between}.director-reports .dr__transaction-label{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.director-reports .dr__transaction-stats{align-items:center;display:flex;gap:var(--space-3)}.director-reports .dr__transaction-count{color:var(--primary-600);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.director-reports .dr__transaction-percent{background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2)}.director-reports .dr__last-transaction{background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);display:flex;gap:var(--space-4);padding:var(--space-6)}.director-reports .dr__last-transaction-icon{align-items:center;background:linear-gradient(135deg,#6366f11a,#4f46e50d);border-radius:var(--radius-xl);display:flex;height:64px;justify-content:center;width:64px}.director-reports .dr__last-transaction-icon svg{color:var(--primary-600);font-size:32px;z-index:1}.director-reports .dr__last-transaction-info{display:flex;flex:1 1;flex-direction:column;gap:var(--space-3)}.director-reports .dr__last-transaction-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding-bottom:var(--space-2)}.director-reports .dr__last-transaction-row:last-child{border-bottom:none;padding-bottom:0}.director-reports .dr__last-transaction-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.director-reports .dr__last-transaction-value{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.director-reports .dr__last-transaction-value--amount{color:var(--primary-600);font-size:var(--font-size-lg)}.director-reports .dr__empty,.director-reports .dr__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-12);text-align:center}.director-reports .dr__empty svg,.director-reports .dr__loading svg{color:var(--text-secondary);font-size:64px;margin-bottom:var(--space-4)}.director-reports .dr__empty .spinner,.director-reports .dr__loading .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-600);height:48px;margin-bottom:var(--space-4);width:48px}.director-reports .dr__empty p,.director-reports .dr__loading p{color:var(--text-secondary);font-size:var(--font-size-lg)}@media(prefers-color-scheme:dark){.director-reports .dr__content-card,.director-reports .dr__financial-card,.director-reports .dr__last-transaction,.director-reports .dr__transaction-card,.director-reports .dr__user-card{background:var(--bg-secondary)}}@media(max-width:768px){.director-reports{padding:var(--space-4)}.director-reports .dr__header{margin-bottom:var(--space-6)}.director-reports .dr__header h1{font-size:var(--font-size-2xl)}.director-reports .dr__header p{font-size:var(--font-size-base)}.director-reports .dr__section{margin-bottom:var(--space-6)}.director-reports .dr__section-header svg{font-size:24px}.director-reports .dr__section-header h2{font-size:var(--font-size-xl)}.director-reports .dr__content-grid,.director-reports .dr__financial-grid,.director-reports .dr__users-grid{grid-template-columns:1fr}.director-reports .dr__user-card{padding:var(--space-4)}.director-reports .dr__user-icon{height:48px;width:48px}.director-reports .dr__user-icon svg{font-size:24px}.director-reports .dr__user-info h3{font-size:var(--font-size-2xl)}.director-reports .dr__financial-icon{height:48px;width:48px}.director-reports .dr__financial-icon svg{font-size:24px}.director-reports .dr__financial-value{font-size:var(--font-size-2xl)}.director-reports .dr__last-transaction{flex-direction:column}.director-reports .dr__last-transaction-icon{height:48px;width:48px}.director-reports .dr__last-transaction-icon svg{font-size:24px}}.sm{margin:0 auto;max-width:1600px;padding:var(--space-6)}@media(max-width:768px){.sm{padding:var(--space-4)}}@media(max-width:480px){.sm{padding:var(--space-3)}}.sm__header{margin-bottom:var(--space-6)}@media(max-width:768px){.sm__header{margin-bottom:var(--space-4)}}.sm__header-content h1{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}@media(max-width:768px){.sm__header-content h1{font-size:var(--font-size-2xl)}}.sm__header-content p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.sm__tabs{border-bottom:2px solid var(--border-color);display:flex;gap:var(--space-2);margin-bottom:var(--space-5);overflow-x:auto}.sm__tabs::-webkit-scrollbar{height:4px}.sm__tabs::-webkit-scrollbar-thumb{background:var(--primary-300);border-radius:var(--radius-md)}.sm__tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:var(--transition-fast);white-space:nowrap}.sm__tab svg{font-size:20px}.sm__tab--active,.sm__tab:hover{background:var(--primary-50);color:var(--primary-600)}.sm__tab--active{border-bottom-color:var(--primary-600)}@media(max-width:480px){.sm__tab{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}.sm__tab svg{font-size:18px}}.sm__content{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-6)}@media(max-width:768px){.sm__content{padding:var(--space-4)}}@media(max-width:480px){.sm__content{border-radius:var(--radius-xl);padding:var(--space-3)}}.sm__banners-header{align-items:center;display:flex;gap:var(--space-4);justify-content:flex-end;margin-bottom:var(--space-5)}@media(max-width:768px){.sm__banners-header{justify-content:stretch}}.sm__add-btn{align-items:center;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border:none;border-radius:var(--radius-lg);box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:var(--transition-fast)}.sm__add-btn svg{font-size:20px}.sm__add-btn:hover{box-shadow:0 6px 16px #6366f166;transform:translateY(-2px)}@media(max-width:768px){.sm__add-btn{justify-content:center;width:100%}}.sm__empty,.sm__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-10) var(--space-4);text-align:center}.sm__empty svg,.sm__loading svg{color:var(--text-tertiary);font-size:64px;margin-bottom:var(--space-4)}.sm__empty h3,.sm__loading h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.sm__empty p,.sm__loading p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.sm__spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-600);height:48px;margin-bottom:var(--space-4);width:48px}.sm__banners-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media(max-width:768px){.sm__banners-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:480px){.sm__banners-grid{grid-template-columns:1fr}}.sm__banner-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:var(--transition-fast)}.sm__banner-card:hover{border-color:var(--primary-300);box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.sm__banner-image{aspect-ratio:16/9;background:var(--bg-primary);overflow:hidden;position:relative;width:100%}.sm__banner-image img{display:block;height:100%;object-fit:cover;width:100%}.sm__banner-badge{position:absolute;right:var(--space-2);top:var(--space-2);z-index:2}.sm__banner-info{flex:1 1;padding:var(--space-4)}.sm__banner-info h4{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0;overflow:hidden}.sm__banner-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.sm__order{color:var(--text-secondary)}.sm__order,.sm__status{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.sm__status{align-items:center;border-radius:var(--radius-lg);display:flex;gap:var(--space-1);padding:6px 12px}.sm__status svg{font-size:16px}.sm__status--active{background:var(--success-600);color:#fff}.sm__status--inactive{background:var(--error-600);color:#fff}.sm__banner-actions{background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.sm__position-badge{background:var(--primary-100);border-radius:var(--radius-md);color:var(--primary-700);display:inline-block;font-size:var(--font-size-xs);padding:4px 10px;text-transform:capitalize}.sm__action-btn,.sm__position-badge{font-weight:var(--font-weight-semibold)}.sm__action-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-sm);gap:var(--space-2);justify-content:center;padding:var(--space-2) var(--space-3);transition:var(--transition-fast)}.sm__action-btn svg{font-size:18px}.sm__action-btn--edit{background:var(--primary-100);color:var(--primary-700)}.sm__action-btn--edit:hover{background:var(--primary-200);transform:scale(1.05)}.sm__action-btn--delete{background:var(--error-100);color:var(--error-700)}.sm__action-btn--delete:hover{background:var(--error-200);transform:scale(1.05)}.sm__modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.sm__modal{animation:slideUp .3s ease;background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.sm__modal--preview{max-width:1200px}@media(max-width:768px){.sm__modal{border-radius:var(--radius-xl);max-width:95vw}}@media(max-width:480px){.sm__modal{border-radius:0;max-height:100vh;max-width:100vw}}.sm__modal-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-5)}.sm__modal-header h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}@media(max-width:480px){.sm__modal-header h3{font-size:var(--font-size-lg)}.sm__modal-header{padding:var(--space-4)}}.sm__modal-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:var(--transition-fast);width:40px}.sm__modal-close:hover{background:var(--error-100);color:var(--error-700)}.sm__modal-body{flex:1 1;overflow-y:auto;padding:var(--space-5)}.sm__modal-body::-webkit-scrollbar{width:8px}.sm__modal-body::-webkit-scrollbar-thumb{background:var(--primary-300);border-radius:var(--radius-md)}@media(max-width:480px){.sm__modal-body{padding:var(--space-4)}}.sm__form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr;margin-bottom:var(--space-4)}@media(max-width:768px){.sm__form-row{grid-template-columns:1fr}}.sm__form-group{margin-bottom:var(--space-4)}.sm__form-group label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.sm__form-group input,.sm__form-group select,.sm__form-group textarea{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-3);transition:var(--transition-fast);width:100%}.sm__form-group input:focus,.sm__form-group select:focus,.sm__form-group textarea:focus{background:var(--bg-surface);border-color:var(--primary-600);outline:none}.sm__form-group--checkbox label{align-items:center;cursor:pointer;display:flex;gap:var(--space-2)}.sm__form-group--checkbox label input[type=checkbox]{cursor:pointer;height:20px;width:20px}.sm__form-group--checkbox label span{font-size:var(--font-size-base)}.sm__images-section{border-top:2px solid var(--border-color);margin-top:var(--space-5);padding-top:var(--space-5)}.sm__images-section h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--space-4) 0}.sm__images-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.sm__images-grid{grid-template-columns:1fr}}.sm__image-upload label{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);justify-content:center;min-height:150px;padding:var(--space-4);transition:var(--transition-fast)}.sm__image-upload label svg{color:var(--text-secondary);font-size:32px}.sm__image-upload label span{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center}.sm__image-upload label input[type=file]{display:none}.sm__image-upload label:hover{background:var(--primary-50);border-color:var(--primary-600)}.sm__image-upload label:hover span,.sm__image-upload label:hover svg{color:var(--primary-600)}.sm__image-preview{border:2px solid var(--border-color);border-radius:var(--radius-lg);margin-top:var(--space-2);overflow:hidden}.sm__image-preview img{display:block;height:auto;width:100%}.sm__modal-footer{border-top:2px solid var(--border-color);display:flex;gap:var(--space-3);padding:var(--space-5)}@media(max-width:480px){.sm__modal-footer{flex-direction:column;padding:var(--space-4)}}.sm__btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-4);transition:var(--transition-fast)}.sm__btn svg{font-size:18px}.sm__btn--primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 4px 12px #6366f14d;color:#fff}.sm__btn--primary:hover{box-shadow:0 6px 16px #6366f166;transform:translateY(-2px)}.sm__btn--secondary{background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary)}.sm__btn--secondary:hover{background:var(--bg-primary)}.sm__preview-controls{margin-bottom:var(--space-5)}.sm__device-selector{background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);justify-content:center;padding:var(--space-1)}@media(max-width:480px){.sm__device-selector{flex-wrap:wrap}}.sm__device-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:var(--transition-fast)}.sm__device-btn svg{font-size:18px}.sm__device-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.sm__device-btn--active{background:var(--primary-600);color:#fff}.sm__device-btn--active:hover{background:var(--primary-700)}@media(max-width:480px){.sm__device-btn{flex:1 1;justify-content:center}.sm__device-btn span{display:none}}.sm__preview-container{align-items:center;background:var(--bg-primary);border-radius:var(--radius-xl);display:flex;justify-content:center;margin-bottom:var(--space-5);min-height:400px;padding:var(--space-5)}@media(max-width:768px){.sm__preview-container{min-height:300px;padding:var(--space-3)}}.sm__preview-frame{margin:0 auto;position:relative;transition:var(--transition-normal);width:100%}.sm__preview-frame img{border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000026;display:block;height:auto;width:100%}.sm__preview-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:var(--radius-lg);bottom:var(--space-3);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);left:50%;padding:var(--space-2) var(--space-3);position:absolute;transform:translateX(-50%);white-space:nowrap}.sm__preview-details{background:var(--bg-secondary);border-radius:var(--radius-xl);margin-bottom:var(--space-5);padding:var(--space-5)}@media(max-width:480px){.sm__preview-details{padding:var(--space-4)}}.sm__detail-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media(max-width:480px){.sm__detail-grid{grid-template-columns:1fr}}.sm__detail-item{display:flex;flex-direction:column;gap:var(--space-1)}.sm__detail-item label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.sm__detail-item span{color:var(--text-primary)}.sm__detail-item a,.sm__detail-item span{align-items:center;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-1)}.sm__detail-item a{color:var(--primary-600);text-decoration:none;transition:var(--transition-fast)}.sm__detail-item a:hover{color:var(--primary-700);text-decoration:underline}.sm__categories-header{display:flex;justify-content:end;margin-bottom:2rem}.sm__categories-grid{grid-gap:1.5rem;animation:fadeIn .5s ease;display:grid;gap:1.5rem;grid-template-columns:repeat(3,360px)}.sm__category-card{background:var(--bg-surface);border-radius:16px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.sm__category-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.sm__category-banner{background:linear-gradient(135deg,#667eea,#764ba2);height:280px;overflow:hidden;position:relative;width:100%}.sm__category-banner img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.sm__category-banner:hover img{transform:scale(1.05)}.sm__category-info{padding:2.5rem 1.5rem 1.5rem;text-align:center}.sm__category-info h4{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.sm__category-slug{background:var(--bg-secondary);border-radius:6px;display:inline-block;font-family:Courier New,monospace;margin-bottom:.75rem;padding:.25rem .75rem}.sm__category-desc,.sm__category-slug{color:var(--text-secondary);font-size:.875rem}.sm__category-desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.5;margin-bottom:1rem;overflow:hidden}.sm__category-meta{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:space-between;padding-top:1rem}.sm__category-color{align-items:center;background:var(--bg-secondary);border-radius:8px;display:flex;gap:.5rem;padding:.5rem 1rem}.sm__category-color:before{background-color:inherit;border:2px solid #fff;border-radius:4px;box-shadow:0 0 0 1px #0000001a;content:"";height:20px;width:20px}.sm__category-color span{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.75rem;font-weight:500}.sm__category-count{color:var(--text-secondary);font-size:.875rem;font-weight:500}.sm__category-actions{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:.5rem;padding:1rem 1.5rem}.sm__category-actions .sm__action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease}.sm__category-actions .sm__action-btn svg{font-size:1rem}.sm__category-actions .sm__action-btn--view{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.sm__category-actions .sm__action-btn--view:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.sm__category-actions .sm__action-btn--edit{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.sm__category-actions .sm__action-btn--edit:hover{box-shadow:0 4px 12px #f093fb66;transform:translateY(-2px)}.sm__category-actions .sm__action-btn--delete{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.sm__category-actions .sm__action-btn--delete:hover{box-shadow:0 4px 12px #fa709a66;transform:translateY(-2px)}.sm__color-picker{align-items:center;display:flex;gap:1rem}.sm__color-picker input[type=color]{border:2px solid var(--border-color);border-radius:8px;cursor:pointer;height:40px;transition:all .2s ease;width:60px}.sm__color-picker input[type=color]:hover{border-color:var(--primary-500)}.sm__color-picker .sm__color-input{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-family:Courier New,monospace;font-size:.875rem;padding:.75rem;transition:all .2s ease}.sm__color-picker .sm__color-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #667eea1a;outline:none}.sm__color-picker .sm__color-preview{border:2px solid #fff;border-radius:8px;box-shadow:0 0 0 1px var(--border-color),0 2px 4px #0000001a;height:40px;width:40px}.sm__images-grid--two{grid-template-columns:repeat(2,1fr)}.sm__category-preview{align-items:flex-start;box-sizing:border-box;display:flex;margin-bottom:2rem}.sm__category-preview-left{align-items:center;display:flex;flex:0 0 30%;justify-content:center}.sm__category-preview-right{flex:0 0 70%}.sm__category-preview-icon{box-shadow:0 8px 24px #00000026;height:300px;margin-right:1rem;z-index:1}.sm__category-preview-icon img{border-radius:12px;height:100%;width:100%}.sm__category-preview-banner{border-radius:12px;height:300px;overflow:hidden;width:100%}.sm__category-preview-banner img{height:100%;object-fit:cover;width:100%}.sm__category-preview .sm__preview-details .sm__detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.sm__category-preview .sm__preview-details .sm__detail-item label{display:block;font-weight:600;margin-bottom:.25rem}.sm__category-preview .sm__preview-details .sm__detail-full{margin-top:1rem}.sm__category-preview .sm__preview-details .sm__detail-full label{display:block;font-weight:600;margin-bottom:.25rem}.sm__slug-badge{background:var(--bg-secondary);border-radius:8px;color:var(--text-primary);font-family:Courier New,monospace;font-size:.875rem;padding:.5rem 1rem}.sm__color-display{align-items:center;display:flex;gap:.75rem}.sm__color-box{border:2px solid #fff;border-radius:6px;box-shadow:0 0 0 1px var(--border-color);height:32px;width:32px}.sm__count-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.sm__detail-full{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.sm__detail-full label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.sm__detail-full p{color:var(--text-secondary);line-height:1.6}@media(max-width:1024px){.sm__categories-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.sm__categories-grid{grid-template-columns:1fr}.sm__category-actions{flex-direction:column}.sm__category-actions .sm__action-btn{width:100%}.sm__color-picker{flex-wrap:wrap}.sm__color-picker .sm__color-input,.sm__color-picker input[type=color]{width:100%}.sm__images-grid--two{grid-template-columns:1fr}}.cm{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}@media(prefers-color-scheme:dark){.cm{background:linear-gradient(135deg,#0f172a,#1e293b)}}.cm__loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;min-height:50vh}@media(prefers-color-scheme:dark){.cm__loading{color:#94a3b8}}.cm__loading p{font-size:1.1rem;font-weight:500;margin-top:1rem}.cm__spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-left-color:#3b82f6;border-radius:50%;height:40px;width:40px}@media(prefers-color-scheme:dark){.cm__spinner{border:4px solid #334155;border-left-color:#60a5fa}}.cm__error{align-items:center;color:#ef4444;display:flex;flex-direction:column;justify-content:center;min-height:50vh;text-align:center}@media(prefers-color-scheme:dark){.cm__error{color:#f87171}}.cm__error h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.cm__error p{color:#64748b;margin-bottom:2rem;opacity:.8}@media(prefers-color-scheme:dark){.cm__error p{color:#94a3b8}}.cm__header{margin-bottom:0;padding:2rem}.cm__header-top{margin-bottom:1.5rem}.cm__back-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:#475569;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}@media(prefers-color-scheme:dark){.cm__back-btn{background:#1e293b;border:1px solid #334155;color:#e2e8f0}}.cm__back-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}@media(prefers-color-scheme:dark){.cm__back-btn:hover{background:#334155;border-color:#475569}}.cm__category-info{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 20px 40px #0000001a;overflow:hidden;position:relative}@media(prefers-color-scheme:dark){.cm__category-info{background:#1e293b;border:1px solid #334155;box-shadow:0 20px 40px #0000004d}}.cm__category-banner{background:linear-gradient(135deg,#3b82f6,#8b5cf6);height:280px;overflow:hidden;position:relative}.cm__banner-img{height:100%;object-fit:cover;width:100%}.cm__category-overlay{align-items:flex-end;background:linear-gradient(180deg,#0000 0,#0009);display:flex;inset:0;padding:2rem;position:absolute}.cm__category-details{color:#fff}.cm__category-title{font-size:2.25rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.75rem;text-shadow:0 2px 8px #0000004d}.cm__category-description{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;max-width:600px;opacity:.95}.cm__category-stats{display:flex;flex-wrap:wrap;gap:1rem}.cm__stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.cm__controls,.cm__stat{align-items:center;display:flex}.cm__controls{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;justify-content:space-between;margin:2rem 2rem 0;padding:1.5rem}@media(prefers-color-scheme:dark){.cm__controls{background:#1e293b;border:1px solid #334155;box-shadow:0 4px 12px #0003}}@media(max-width:768px){.cm__controls{flex-direction:column;gap:1rem;margin:1rem}}.cm__controls-left{align-items:center;display:flex;gap:1rem}@media(max-width:768px){.cm__controls-left{flex-direction:column;width:100%}}.cm__search{align-items:center;display:flex;position:relative}.cm__search-icon{color:#64748b;left:1rem;position:absolute;z-index:1}@media(prefers-color-scheme:dark){.cm__search-icon{color:#94a3b8}}.cm__search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s ease;width:300px}@media(prefers-color-scheme:dark){.cm__search-input{background:#0f172a;border:1px solid #334155;color:#e2e8f0}}.cm__search-input::placeholder{color:#64748b}@media(prefers-color-scheme:dark){.cm__search-input::placeholder{color:#94a3b8}}.cm__search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}@media(prefers-color-scheme:dark){.cm__search-input:focus{background:#1e293b;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}}@media(max-width:768px){.cm__search-input{width:100%}}.cm__filter{align-items:center;display:flex;position:relative}.cm__filter-icon{color:#64748b;left:1rem;position:absolute;z-index:1}@media(prefers-color-scheme:dark){.cm__filter-icon{color:#94a3b8}}.cm__filter-select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;cursor:pointer;font-size:.9rem;min-width:150px;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s ease}@media(prefers-color-scheme:dark){.cm__filter-select{background:#0f172a;border:1px solid #334155;color:#e2e8f0}}.cm__filter-select option{background:#fff;color:#1e293b}@media(prefers-color-scheme:dark){.cm__filter-select option{background:#1e293b;color:#e2e8f0}}.cm__filter-select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}@media(prefers-color-scheme:dark){.cm__filter-select:focus{background:#1e293b;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}}.cm__btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.cm__btn--primary{background:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.cm__btn--primary:hover{background:#2563eb;box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}.cm__btn--primary:active{transform:translateY(0)}.cm__btn--secondary{background:#f8fafc;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;color:#475569}@media(prefers-color-scheme:dark){.cm__btn--secondary{background:#334155;border:1px solid #475569;color:#e2e8f0}}.cm__btn--secondary:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}@media(prefers-color-scheme:dark){.cm__btn--secondary:hover{background:#475569;border-color:#64748b}}.cm__btn--secondary:active{transform:translateY(0)}.cm__btn--small{font-size:.85rem;padding:.5rem 1rem}.cm__content{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 12px #0000000d;margin:1.5rem 2rem 2rem;min-height:400px;padding:2rem}@media(prefers-color-scheme:dark){.cm__content{background:#1e293b;border:1px solid #334155;box-shadow:0 4px 12px #0003}}@media(max-width:768px){.cm__content{margin:1rem;padding:1.5rem}}.cm__empty{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;min-height:300px;text-align:center}@media(prefers-color-scheme:dark){.cm__empty{color:#94a3b8}}.cm__empty-icon{color:#cbd5e1;font-size:4rem;margin-bottom:1.5rem;opacity:.5}@media(prefers-color-scheme:dark){.cm__empty-icon{color:#475569}}.cm__empty h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}@media(prefers-color-scheme:dark){.cm__empty h3{color:#e2e8f0}}.cm__empty p{line-height:1.6;margin-bottom:2rem;max-width:400px;opacity:.8}.cm__movies-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.cm__movie-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 12px #0000000d;overflow:hidden;transition:all .3s ease}@media(prefers-color-scheme:dark){.cm__movie-card{background:#0f172a;border:1px solid #334155;box-shadow:0 4px 12px #0003}}.cm__movie-card:hover{border-color:#cbd5e1;box-shadow:0 12px 32px #00000026;transform:translateY(-4px)}@media(prefers-color-scheme:dark){.cm__movie-card:hover{border-color:#475569;box-shadow:0 12px 32px #0006}}.cm__movie-poster{height:200px;overflow:hidden;position:relative}.cm__movie-poster img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.cm__movie-poster:hover img{transform:scale(1.05)}.cm__movie-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.cm__movie-card:hover .cm__movie-overlay{opacity:1}.cm__overlay-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;padding:1rem;transition:all .3s ease}.cm__overlay-btn:hover{background:#ffffff4d;transform:scale(1.1)}.cm__movie-type{left:1rem;position:absolute;top:1rem}.cm__type-badge{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.cm__type-badge--movie{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.cm__type-badge--serial{background:linear-gradient(135deg,#4834d4,#686de0);color:#fff}.cm__movie-rating{align-items:center;background:#000000b3;border-radius:20px;color:gold;display:flex;font-size:.9rem;font-weight:500;gap:.25rem;padding:.25rem .5rem;position:absolute;right:1rem;top:1rem}.cm__movie-info{color:#1e293b;padding:1.5rem}@media(prefers-color-scheme:dark){.cm__movie-info{color:#e2e8f0}}.cm__movie-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.cm__movie-title{color:#0f172a;flex:1 1;font-size:1.2rem;font-weight:600;line-height:1.4;margin:0}@media(prefers-color-scheme:dark){.cm__movie-title{color:#f8fafc}}.cm__movie-meta{color:#64748b;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}@media(prefers-color-scheme:dark){.cm__movie-meta{color:#94a3b8}}.cm__meta-item{align-items:center;display:flex;font-size:.9rem;gap:.25rem}.cm__movie-description{color:#475569;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}@media(prefers-color-scheme:dark){.cm__movie-description{color:#cbd5e1}}.cm__movie-actions{display:flex;gap:.5rem}.cm__action-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;padding:.5rem;transition:all .3s ease}@media(prefers-color-scheme:dark){.cm__action-btn{background:#334155;border:1px solid #475569;color:#94a3b8}}.cm__action-btn:hover{background:#f1f5f9;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}@media(prefers-color-scheme:dark){.cm__action-btn:hover{background:#475569;box-shadow:0 2px 8px #0000004d}}.cm__action-btn--edit:hover{background:#dbeafe;border-color:#3b82f6;color:#3b82f6}@media(prefers-color-scheme:dark){.cm__action-btn--edit:hover{background:#3b82f61a;border-color:#60a5fa;color:#60a5fa}}.cm__action-btn--remove:hover{background:#fef3c7;border-color:#f59e0b;color:#f59e0b}@media(prefers-color-scheme:dark){.cm__action-btn--remove:hover{background:#f59e0b1a;border-color:#fbbf24;color:#fbbf24}}.cm__action-btn--upload:hover{background:#f0fdf4;border-color:#22c55e;color:#22c55e}@media(prefers-color-scheme:dark){.cm__action-btn--upload:hover{background:#22c55e1a;border-color:#4ade80;color:#4ade80}}.cm__action-btn--delete:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}@media(prefers-color-scheme:dark){.cm__action-btn--delete:hover{background:#ef44441a;border-color:#f87171;color:#f87171}}.cm__modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.cm__modal{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 25px 50px #00000026;max-height:85vh;max-width:600px;overflow:hidden;width:90%}@media(prefers-color-scheme:dark){.cm__modal{background:#1e293b;border:1px solid #334155;box-shadow:0 25px 50px #0006}}.cm__modal--large{max-width:900px}.cm__modal-banner{height:120px;margin:-1.5rem -1.5rem 0;overflow:hidden;position:relative}.cm__modal-banner-img{height:100%;object-fit:cover;width:100%}.cm__modal-banner-overlay{background:linear-gradient(180deg,#0000004d 0,#000c);color:#fff;display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:1rem;position:absolute}.cm__modal-banner-overlay h3{font-size:1.3rem;font-weight:600;margin-bottom:.25rem}.cm__modal-banner-overlay p{font-size:.9rem;opacity:.9}.cm__modal-header{align-items:center;border-bottom:1px solid #e2e8f0;color:#1e293b;display:flex;justify-content:space-between;padding:1.5rem}@media(prefers-color-scheme:dark){.cm__modal-header{border-bottom:1px solid #334155;color:#e2e8f0}}.cm__modal-header h3{font-size:1.3rem;font-weight:600}.cm__modal-close{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;padding:.5rem;transition:all .3s ease;width:36px}@media(prefers-color-scheme:dark){.cm__modal-close{background:#334155;border:1px solid #475569;color:#94a3b8}}.cm__modal-close:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}@media(prefers-color-scheme:dark){.cm__modal-close:hover{background:#475569;border-color:#64748b;color:#e2e8f0}}.cm__modal-body{color:#1e293b;max-height:60vh;overflow-y:auto;padding:1.5rem}@media(prefers-color-scheme:dark){.cm__modal-body{color:#e2e8f0}}.cm__movie-form{display:flex;flex-direction:column;gap:2rem}.cm__form-grid{grid-gap:2rem;display:grid;gap:2rem}.cm__form-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem}@media(prefers-color-scheme:dark){.cm__form-section{background:#0f172a;border:1px solid #334155}}.cm__form-section h4{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}@media(prefers-color-scheme:dark){.cm__form-section h4{border-bottom:1px solid #334155;color:#f8fafc}}.cm__form-section--full{grid-column:1/-1}.cm__form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media(max-width:768px){.cm__form-row{grid-template-columns:1fr}}.cm__form-group{display:flex;flex-direction:column;gap:.5rem}.cm__form-group label{color:#374151;font-size:.9rem;font-weight:500}@media(prefers-color-scheme:dark){.cm__form-group label{color:#d1d5db}}.cm__form-input,.cm__form-select,.cm__form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:12px;color:#1f2937;font-size:.9rem;padding:.75rem;transition:all .3s ease}@media(prefers-color-scheme:dark){.cm__form-input,.cm__form-select,.cm__form-textarea{background:#1f2937;border:1px solid #4b5563;color:#f9fafb}}.cm__form-input::placeholder,.cm__form-select::placeholder,.cm__form-textarea::placeholder{color:#9ca3af}@media(prefers-color-scheme:dark){.cm__form-input::placeholder,.cm__form-select::placeholder,.cm__form-textarea::placeholder{color:#6b7280}}.cm__form-input:focus,.cm__form-select:focus,.cm__form-textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}@media(prefers-color-scheme:dark){.cm__form-input:focus,.cm__form-select:focus,.cm__form-textarea:focus{background:#1f2937;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}}.cm__form-textarea{line-height:1.6;min-height:100px;resize:vertical}.cm__form-select{cursor:pointer}.cm__form-select option{background:#fff;color:#1f2937}@media(prefers-color-scheme:dark){.cm__form-select option{background:#1f2937;color:#f9fafb}}.cm__image-upload{background:#f9fafb;border:2px dashed #d1d5db;border-radius:16px;overflow:hidden;position:relative;transition:all .3s ease}@media(prefers-color-scheme:dark){.cm__image-upload{background:#111827;border:2px dashed #4b5563}}.cm__image-upload:hover{background:#f8fafc;border-color:#3b82f6}@media(prefers-color-scheme:dark){.cm__image-upload:hover{background:#1f2937;border-color:#60a5fa}}.cm__file-input{display:none}.cm__file-label{cursor:pointer;display:block;height:150px;position:relative}.cm__image-preview{height:100%;object-fit:cover;width:100%}.cm__upload-placeholder{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;transition:all .3s ease}@media(prefers-color-scheme:dark){.cm__upload-placeholder{color:#9ca3af}}.cm__upload-placeholder:hover{color:#3b82f6;transform:scale(1.02)}@media(prefers-color-scheme:dark){.cm__upload-placeholder:hover{color:#60a5fa}}.cm__upload-placeholder span{font-size:.9rem;font-weight:500;margin-top:.5rem}.cm__form-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem}@media(prefers-color-scheme:dark){.cm__form-actions{border-top:1px solid #334155}}@media(max-width:768px){.cm__form-actions{flex-direction:column}}.cm__add-modal-controls{border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}@media(prefers-color-scheme:dark){.cm__add-modal-controls{border-bottom:1px solid #334155}}@media(max-width:768px){.cm__add-modal-controls{flex-direction:column}}.cm__available-movies{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto}.cm__available-movie{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}@media(prefers-color-scheme:dark){.cm__available-movie{background:#0f172a;border:1px solid #334155}}.cm__available-movie:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}@media(prefers-color-scheme:dark){.cm__available-movie:hover{background:#1e293b;border-color:#475569;box-shadow:0 4px 12px #0000004d}}.cm__available-poster{border-radius:8px;height:80px;object-fit:cover;width:60px}.cm__available-info{flex:1 1}.cm__available-info h4{color:#1e293b;font-weight:600;margin-bottom:.25rem}@media(prefers-color-scheme:dark){.cm__available-info h4{color:#f8fafc}}.cm__available-info p{color:#64748b;font-size:.9rem;margin-bottom:.5rem}@media(prefers-color-scheme:dark){.cm__available-info p{color:#94a3b8}}.cm__movie-type-badge{background:#3b82f6;border-radius:6px;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.025em;padding:.25rem .5rem;text-transform:uppercase;white-space:nowrap}.cm__movie-type-badge--serial{background:#10b981}.cm__movie-type-badge--movie{background:#f59e0b}.cm__preview-content{display:flex;gap:2rem}@media(max-width:768px){.cm__preview-content{flex-direction:column}}.cm__preview-poster{flex-shrink:0}.cm__preview-poster img{border-radius:12px;height:280px;object-fit:cover;width:200px}.cm__preview-info{flex:1 1}.cm__preview-meta{gap:1rem;margin-bottom:1.5rem}.cm__preview-meta,.cm__rating{align-items:center;display:flex}.cm__rating{color:gold;font-weight:500;gap:.25rem}.cm__preview-details{margin-bottom:2rem}.cm__detail-row{display:flex;line-height:1.5;margin-bottom:.75rem}.cm__detail-row strong{min-width:120px;opacity:.8}.cm__preview-description h4{font-weight:600;margin-bottom:.75rem}.cm__preview-description p{line-height:1.6;opacity:.9}@media(max-width:768px){.cm{padding:1rem}.cm__category-title{font-size:2rem}.cm__movies-grid{grid-template-columns:1fr}.cm__content,.cm__controls{padding:1rem}.cm__controls-right{flex-direction:column;gap:.5rem;width:100%}.cm__modal{max-height:90vh;width:95%}.cm__modal-banner{height:80px}.cm__form-section{padding:1rem}}.mf__container{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;padding:var(--space-6)}.mf__files-table-container{margin-top:var(--space-6);overflow-x:auto}.mf__files-table{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;width:100%}.mf__files-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-secondary);display:grid;font-weight:var(--font-weight-semibold);grid-template-columns:3fr 1fr 1fr 1fr 1.5fr;padding:var(--space-4)}.mf__files-header.serial-mode{grid-template-columns:3fr 1fr .8fr .8fr 1fr 1.5fr}.mf__files-row{align-items:center;border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:3fr 1fr 1fr 1fr 1.5fr;padding:var(--space-4);transition:background var(--transition-fast)}.mf__files-row.serial-mode{grid-template-columns:3fr 1fr .8fr .8fr 1fr 1.5fr}.mf__files-row:last-child{border-bottom:none}.mf__files-row:hover{background:var(--bg-hover)}.mf__file-cell{padding:var(--space-2)}.mf__file-cell--title{font-weight:var(--font-weight-medium)}.mf__file-cell--actions{text-align:right}.mf__file-title-container{align-items:center;display:flex;gap:var(--space-3)}.mf__file-thumbnail{border-radius:var(--radius-md);flex-shrink:0;height:40px;object-fit:cover;width:60px}.mf__file-info{display:flex;flex-direction:column;gap:var(--space-1)}.mf__file-title{color:var(--text-primary);font-weight:var(--font-weight-medium)}.mf__trailer-badge{background:var(--warning-100);color:var(--warning-700);display:inline-block;font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}.mf__quality-badge,.mf__trailer-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs)}.mf__quality-badge{align-items:center;display:inline-flex;font-weight:var(--font-weight-semibold);justify-content:center;padding:var(--space-1) var(--space-3)}.mf__quality-badge--480p{background:var(--warning-100);color:var(--warning-700)}.mf__quality-badge--720p{background:var(--primary-100);color:var(--primary-700)}.mf__quality-badge--1080p{background:var(--success-100);color:var(--success-700)}.mf__quality-badge--4k{background:var(--purple-100);color:var(--purple-700)}.mf__file-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.mf__action-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.mf__action-btn:hover{transform:translateY(-2px)}.mf__action-btn--view:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-600)}.mf__action-btn--play:hover{background:var(--success-50);border-color:var(--success-300);color:var(--success-600)}.mf__action-btn--edit:hover{background:var(--warning-50);border-color:var(--warning-300);color:var(--warning-600)}.mf__action-btn--delete:hover{background:var(--error-50);border-color:var(--error-300);color:var(--error-600)}.mf__header{margin-bottom:var(--space-10)}.mf__back-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.mf__back-btn:hover{background:var(--bg-hover);border-color:var(--primary-500);transform:translateY(-1px)}.mf__movie-info{align-items:flex-start;display:flex;gap:var(--space-8);margin-top:var(--space-6)}.mf__movie-poster{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);flex-shrink:0;height:270px;overflow:hidden;position:relative;width:180px}.mf__movie-poster img{height:100%;object-fit:cover;width:100%}.mf__movie-type{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border-radius:var(--radius-full);bottom:var(--space-3);color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;position:absolute;right:var(--space-3);width:48px}.mf__movie-details{flex:1 1}.mf__movie-details h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:1.2;margin:0 0 var(--space-3) 0}.mf__movie-meta{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.mf__type-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:var(--space-1) var(--space-3);text-transform:uppercase}.mf__type-badge--movie{background:var(--primary-100);color:var(--primary-700)}.mf__type-badge--serial{background:var(--success-100);color:var(--success-700)}.mf__movie-description{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-top:var(--space-4)}.mf__controls{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding-bottom:var(--space-4)}.mf__controls-left h2{font-size:var(--font-size-2xl);margin:0 0 var(--space-2) 0}.mf__controls-left .mf__files-count{color:var(--text-muted);font-size:var(--font-size-sm)}.mf__btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:all var(--transition-normal)}.mf__btn--primary{background:var(--primary-600);color:#fff}.mf__btn--primary:hover{background:var(--primary-700);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.mf__btn--primary:disabled{background:var(--neutral-400);cursor:not-allowed;transform:none}.mf__btn--secondary{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary)}.mf__btn--secondary:hover{background:var(--bg-hover);border-color:var(--primary-500)}.mf__content{margin-top:var(--space-10)}.mf__empty{color:var(--text-muted);padding:var(--space-16) var(--space-8);text-align:center}.mf__empty-icon{color:var(--neutral-400);font-size:80px;margin-bottom:var(--space-6)}.mf__empty h3{color:var(--text-primary);font-size:var(--font-size-3xl);margin:0 0 var(--space-4) 0}.mf__empty p{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 auto var(--space-8) auto;max-width:600px}.mf__error,.mf__loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;min-height:60vh}.mf__spinner{animation:spin 1s linear infinite;border-top:5px solid var(--neutral-200);border:5px solid var(--neutral-200);border-radius:50%;border-top-color:var(--primary-600);height:60px;margin-bottom:var(--space-6);width:60px}.mf__error-icon{color:var(--error-500);font-size:64px;margin-bottom:var(--space-4)}.mf__modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:999}.mf__modal{background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-height:95vh;max-width:800px;overflow-y:auto;width:100%}.mf__modal--large{max-width:900px}.mf__modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-6)}.mf__modal-header h3{align-items:center;display:flex;font-size:var(--font-size-2xl);gap:var(--space-3);margin:0}.mf__modal-close{background:none;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-size:28px;padding:var(--space-2)}.mf__modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.mf__modal-close:disabled{cursor:not-allowed;opacity:.5}.mf__modal-body{padding:var(--space-6)}.mf__file-details{display:flex;flex-direction:column;gap:var(--space-6)}.mf__file-details-header{align-items:flex-start;display:flex;gap:var(--space-6)}.mf__file-preview{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-shrink:0;height:135px;overflow:hidden;position:relative;width:240px}.mf__file-preview img{height:100%;object-fit:cover;width:100%}.mf__preview-play-btn{align-items:center;background:#0000004d;border:none;color:#fff;cursor:pointer;display:flex;font-size:48px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.mf__preview-play-btn:hover{background:#00000080;opacity:1}.mf__file-details-info{flex:1 1}.mf__file-details-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2;margin:0 0 var(--space-3) 0}.mf__file-details-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.mf__meta-item{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-full);color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-1) var(--space-3)}.mf__meta-item--trailer{background:var(--warning-100);color:var(--warning-700)}.mf__file-details-content{display:flex;flex-direction:column;gap:var(--space-6)}.mf__details-section{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-5)}.mf__details-section-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4) 0}.mf__details-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.mf__details-item{display:flex;flex-direction:column;gap:var(--space-1)}.mf__details-label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.mf__details-value{color:var(--text-primary);font-size:var(--font-size-sm)}.mf__details-links{display:flex;flex-direction:column;gap:var(--space-3)}.mf__details-link-item{display:flex;flex-direction:column;gap:var(--space-1)}.mf__details-url{background:var(--bg-surface);border-radius:var(--radius-md);font-family:monospace;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);padding-right:40px;position:relative;word-break:break-all}.mf__copy-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);transition:all var(--transition-fast);width:28px}.mf__copy-btn:hover{background:var(--primary-100);color:var(--primary-600)}.mf__file-details-actions{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:var(--space-4)}.mf__action-buttons{display:flex;gap:var(--space-3)}.mf__btn--success{background:var(--success-600);color:#fff}.mf__btn--success:hover{background:var(--success-700)}.mf__upload-form{display:flex;flex-direction:column;gap:var(--space-6)}.mf__form-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.mf__form-group{display:flex;flex-direction:column;gap:var(--space-2)}.mf__form-group--full{grid-column:1/-1}.mf__form-group label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.mf__form-input,.mf__form-select{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-3) var(--space-4)}.mf__form-input:focus,.mf__form-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f633;outline:none}.mf__file-upload .mf__file-input{display:none}.mf__file-upload .mf__file-label{align-items:center;background:var(--bg-hover);border:2px dashed var(--border-primary);border-radius:var(--radius-xl);cursor:pointer;display:flex;font-size:var(--font-size-lg);gap:var(--space-3);justify-content:center;padding:var(--space-12);text-align:center;transition:all var(--transition-normal)}.mf__file-upload .mf__file-label:hover{background:var(--primary-50);border-color:var(--primary-500)}.mf__form-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--space-4);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-6)}@media(max-width:768px){.mf__container{padding:var(--space-4)}.mf__movie-info{flex-direction:column}.mf__movie-poster{height:225px;width:150px}.mf__controls{align-items:stretch;flex-direction:column;gap:var(--space-4)}.mf__form-grid{grid-template-columns:1fr}}.pcm{padding:var(--space-6);width:100%}@media(max-width:768px){.pcm{padding:var(--space-4)}}.pcm__header{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}@media(max-width:768px){.pcm__header{align-items:flex-start;flex-direction:column}}.pcm__header-content h1{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}@media(max-width:768px){.pcm__header-content h1{font-size:var(--font-size-2xl)}}.pcm__header-content p{color:var(--text-secondary);font-size:var(--font-size-base)}.pcm__add-btn{align-items:center;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border:none;border-radius:var(--radius-xl);box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:var(--transition-fast)}.pcm__add-btn svg{font-size:20px}.pcm__add-btn:hover{box-shadow:0 6px 16px #6366f166;transform:translateY(-2px)}@media(max-width:768px){.pcm__add-btn{justify-content:center;width:100%}}.pcm__loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-12)}.pcm__loading p{color:var(--text-secondary);font-size:var(--font-size-base)}.pcm__spinner{animation:spin .8s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-600);height:48px;width:48px}.pcm__empty{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-2xl);display:flex;flex-direction:column;justify-content:center;padding:var(--space-12)}.pcm__empty svg{color:var(--text-tertiary);font-size:64px;margin-bottom:var(--space-4)}.pcm__empty h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.pcm__empty p{color:var(--text-secondary);font-size:var(--font-size-base)}.pcm__grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}@media(max-width:768px){.pcm__grid{grid-template-columns:1fr}}.pcm__card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);cursor:pointer;overflow:hidden;transition:var(--transition-fast)}.pcm__card:hover{border-color:var(--primary-300);box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.pcm__card--inactive{opacity:.6}.pcm__card-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:var(--space-5)}.pcm__code-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.pcm__code-badge{align-items:center;background:#fff;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4)}.pcm__code-badge svg{color:var(--primary-600);font-size:20px}.pcm__code{color:var(--primary-700);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:1px}.pcm__copy-btn{align-items:center;background:#fff;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:var(--transition-fast);width:36px}.pcm__copy-btn svg{font-size:18px}.pcm__copy-btn:hover{background:var(--primary-600);color:#fff;transform:scale(1.1)}.pcm__status-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pcm__badge{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-1);padding:6px 12px}.pcm__badge svg{font-size:16px}.pcm__badge--active{background:var(--success-600);color:#fff}.pcm__badge--inactive{background:var(--error-600);color:#fff}.pcm__badge--expired{background:var(--warning-600);color:#fff}.pcm__card-body{padding:var(--space-5)}.pcm__discount{background:linear-gradient(135deg,var(--success-50),var(--success-100));border-radius:var(--radius-xl);margin-bottom:var(--space-4);padding:var(--space-4);text-align:center}.pcm__discount-value{color:var(--success-700);display:block;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.pcm__discount-label{color:var(--success-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pcm__stats{margin-bottom:var(--space-4)}.pcm__stat{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-2)}.pcm__stat svg{color:var(--primary-600);font-size:20px}.pcm__stat-content{display:flex;flex-direction:column;gap:var(--space-1)}.pcm__stat-value{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.pcm__stat-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.pcm__usage-bar{background:var(--bg-primary);border-radius:var(--radius-full);height:8px;overflow:hidden;width:100%}.pcm__usage-fill{background:linear-gradient(90deg,var(--primary-600),var(--primary-700));border-radius:var(--radius-full);height:100%;transition:width .3s ease}.pcm__dates{grid-gap:var(--space-3);border-top:1px solid var(--border-color);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr;padding-top:var(--space-4)}.pcm__date{align-items:flex-start;display:flex;gap:var(--space-2)}.pcm__date svg{color:var(--text-secondary);font-size:18px;margin-top:2px}.pcm__date-content{display:flex;flex-direction:column;gap:var(--space-1)}.pcm__date-label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.pcm__date-value{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.pcm__card-actions{background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;gap:var(--space-2);padding:var(--space-4)}.pcm__action-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-2) var(--space-3);transition:var(--transition-fast)}.pcm__action-btn svg{font-size:16px}.pcm__action-btn--edit{background:var(--primary-100);color:var(--primary-700)}.pcm__action-btn--edit:hover{background:var(--primary-200);transform:scale(1.05)}.pcm__action-btn--delete{background:var(--error-100);color:var(--error-700)}.pcm__action-btn--delete:hover{background:var(--error-200);transform:scale(1.05)}.pcm__modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:1000}.pcm__modal{animation:slideUp .3s ease;background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}@media(max-width:768px){.pcm__modal{border-radius:var(--radius-xl);max-width:95vw}}.pcm__modal-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-5) var(--space-6)}.pcm__modal-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}@media(max-width:480px){.pcm__modal-header{padding:var(--space-4)}.pcm__modal-header h2{font-size:var(--font-size-lg)}}.pcm__close-btn{align-items:center;background:#fff;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:var(--transition-fast);width:36px}.pcm__close-btn svg{font-size:20px}.pcm__close-btn:hover{background:var(--error-100);color:var(--error-600);transform:scale(1.1)}.pcm__form{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.pcm__form-body{flex:1 1;overflow-y:auto;padding:var(--space-6)}@media(max-width:480px){.pcm__form-body{padding:var(--space-4)}}.pcm__form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr;margin-bottom:var(--space-4)}@media(max-width:480px){.pcm__form-row{grid-template-columns:1fr}}.pcm__form-group{display:flex;flex-direction:column;gap:var(--space-2)}.pcm__form-group:last-child{margin-bottom:0}.pcm__form-group label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.pcm__form-group input,.pcm__form-group select,.pcm__form-group textarea{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-3);transition:var(--transition-fast)}.pcm__form-group input:focus,.pcm__form-group select:focus,.pcm__form-group textarea:focus{border-color:var(--primary-600);box-shadow:0 0 0 3px #6366f11a;outline:none}.pcm__form-group input::placeholder,.pcm__form-group select::placeholder,.pcm__form-group textarea::placeholder{color:var(--text-tertiary)}.pcm__form-group textarea{min-height:100px;resize:vertical}.pcm__checkbox-label{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-3);transition:var(--transition-fast)}.pcm__checkbox-label:hover{background:var(--primary-50)}.pcm__checkbox-label input[type=checkbox]{accent-color:var(--primary-600);cursor:pointer;height:20px;width:20px}.pcm__checkbox-label span{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.pcm__modal-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:var(--space-3);padding:var(--space-5) var(--space-6)}@media(max-width:480px){.pcm__modal-footer{flex-direction:column-reverse;padding:var(--space-4)}}.pcm__btn{border:none;border-radius:var(--radius-lg);cursor:pointer;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-4);transition:var(--transition-fast)}.pcm__btn--primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 4px 12px #6366f14d;color:#fff}.pcm__btn--primary:hover{box-shadow:0 6px 16px #6366f166;transform:translateY(-2px)}.pcm__btn--secondary{background:var(--bg-primary);border:2px solid var(--border-color);color:var(--text-primary)}.pcm__btn--secondary:hover{background:var(--bg-secondary)}.pcm__modal--detail{max-width:900px}.pcm__detail-hero{background:var(--bg-primary);border-radius:var(--radius-xl);margin-bottom:var(--space-5);padding:var(--space-6);text-align:center}.pcm__detail-code{align-items:center;background:#fff;border-radius:var(--radius-xl);box-shadow:0 4px 12px #0000001a;display:inline-flex;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4) var(--space-6)}.pcm__detail-code svg{color:var(--primary-600);font-size:32px}.pcm__detail-code span{color:var(--primary-700);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:2px}.pcm__detail-discount{display:flex;flex-direction:column;gap:var(--space-2)}.pcm__detail-value{color:var(--success-700);font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold)}.pcm__detail-label{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.pcm__detail-status{display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-5)}.pcm__detail-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pcm__detail-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;gap:var(--space-3);padding:var(--space-4)}.pcm__detail-icon{align-items:center;background:var(--primary-100);border-radius:var(--radius-lg);color:var(--primary-600);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.pcm__detail-icon svg{font-size:24px}.pcm__detail-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.pcm__detail-title{color:var(--text-secondary);font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.pcm__detail-text,.pcm__detail-title{font-weight:var(--font-weight-semibold)}.pcm__detail-text{color:var(--text-primary);font-size:var(--font-size-base)}.pcm__detail-progress{background:var(--bg-primary);border-radius:var(--radius-full);height:6px;margin-top:var(--space-2);overflow:hidden;width:100%}.pcm__detail-progress-fill{background:linear-gradient(90deg,var(--primary-600),var(--primary-700));border-radius:var(--radius-full);height:100%;transition:width .3s ease}.um{padding:var(--space-6);width:100%}@media(max-width:768px){.um{padding:var(--space-4)}}.um__header{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}@media(max-width:768px){.um__header{align-items:flex-start;flex-direction:column}}.um__header-content{align-items:center;display:flex;gap:var(--space-4)}.um__header-content h1{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-1) 0}@media(max-width:768px){.um__header-content h1{font-size:var(--font-size-2xl)}}.um__header-content p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.um__header-icon{align-items:center;border-radius:var(--radius-2xl);display:flex;font-size:32px;height:64px;justify-content:center;width:64px}.um__header-icon[data-color=blue]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.um__header-icon[data-color=green]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.um__header-icon[data-color=purple]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.um__add-btn{align-items:center;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border:none;border-radius:var(--radius-xl);box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:var(--transition-fast)}.um__add-btn svg{font-size:20px}.um__add-btn:hover{box-shadow:0 6px 16px #6366f166;transform:translateY(-2px)}@media(max-width:768px){.um__add-btn{justify-content:center;width:100%}}.um__controls{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-5)}@media(max-width:768px){.um__controls{flex-direction:column}}.um__search{flex:1 1;max-width:400px;position:relative}.um__search svg{color:var(--text-secondary);font-size:20px;left:var(--space-3);position:absolute;top:50%;transform:translateY(-50%)}.um__search input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-10);transition:var(--transition-fast);width:100%}.um__search input:focus{background:var(--bg-surface);border-color:var(--primary-600);outline:none}.um__search input::placeholder{color:var(--text-tertiary)}@media(max-width:768px){.um__search{max-width:100%}}.um__stats{align-items:center;display:flex;gap:var(--space-3)}.um__count{background:var(--primary-100);border-radius:var(--radius-lg);color:var(--primary-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-4)}.um__empty,.um__loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-12)}.um__empty svg,.um__loading svg{color:var(--text-tertiary);font-size:64px}.um__empty h3,.um__loading h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.um__empty p,.um__loading p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.um__spinner{animation:spin .8s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-600);height:48px;width:48px}.um__table-container{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);overflow:hidden}.um__table{border-collapse:collapse;width:100%}.um__table thead{background:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.um__table thead th{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:var(--space-4);text-align:left;text-transform:uppercase}.um__table tbody tr{border-bottom:1px solid var(--border-color);transition:var(--transition-fast)}.um__table tbody tr:hover{background:var(--bg-secondary)}.um__table tbody tr:last-child{border-bottom:none}.um__table tbody td{color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-4)}.um__user-cell{gap:var(--space-3)}.um__avatar,.um__user-cell{align-items:center;display:flex}.um__avatar{background:var(--primary-100);border-radius:var(--radius-full);flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.um__avatar img{height:100%;object-fit:cover;width:100%}.um__avatar svg{color:var(--primary-600);font-size:24px}.um__username{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.um__email{align-items:center;color:var(--text-secondary);display:flex;gap:var(--space-2)}.um__email svg{font-size:16px}.um__name{color:var(--text-primary)}.um__no-data{color:var(--text-tertiary);font-style:italic}.um__role-badge{border-radius:var(--radius-lg);display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:6px 12px}.um__role-badge--user{background:var(--primary-100);color:var(--primary-700)}.um__role-badge--teacher{background:var(--success-100);color:var(--success-700)}.um__role-badge--admin{background:var(--purple-100);color:var(--purple-700)}.um__actions{display:flex;gap:var(--space-2)}.um__action-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;height:36px;justify-content:center;transition:var(--transition-fast);width:36px}.um__action-btn svg{font-size:18px}.um__action-btn--edit{background:var(--primary-100);color:var(--primary-700)}.um__action-btn--edit:hover{background:var(--primary-200);transform:scale(1.1)}.um__action-btn--delete{background:var(--error-100);color:var(--error-700)}.um__action-btn--delete:hover{background:var(--error-200);transform:scale(1.1)}.um__modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:1000}.um__modal{animation:slideUp .3s ease;background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}@media(max-width:768px){.um__modal{border-radius:var(--radius-xl);max-width:95vw}}.um__modal-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-5) var(--space-6)}.um__modal-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}@media(max-width:480px){.um__modal-header{padding:var(--space-4)}.um__modal-header h2{font-size:var(--font-size-lg)}}.um__close-btn{align-items:center;background:#fff;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:var(--transition-fast);width:36px}.um__close-btn svg{font-size:20px}.um__close-btn:hover{background:var(--error-100);color:var(--error-600);transform:scale(1.1)}.um__form{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.um__form-body{flex:1 1;overflow-y:auto;padding:var(--space-6)}@media(max-width:480px){.um__form-body{padding:var(--space-4)}}.um__form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr;margin-bottom:var(--space-4)}@media(max-width:480px){.um__form-row{grid-template-columns:1fr}}.um__form-group{display:flex;flex-direction:column;gap:var(--space-2)}.um__form-group label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.um__form-group input,.um__form-group select{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-3);transition:var(--transition-fast)}.um__form-group input:focus,.um__form-group select:focus{border-color:var(--primary-600);box-shadow:0 0 0 3px #6366f11a;outline:none}.um__form-group input::placeholder,.um__form-group select::placeholder{color:var(--text-tertiary)}.um__modal-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:var(--space-3);padding:var(--space-5) var(--space-6)}@media(max-width:480px){.um__modal-footer{flex-direction:column-reverse;padding:var(--space-4)}}.um__btn{border:none;border-radius:var(--radius-lg);cursor:pointer;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-4);transition:var(--transition-fast)}.um__btn--primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 4px 12px #6366f14d;color:#fff}.um__btn--primary:hover{box-shadow:0 6px 16px #6366f166;transform:translateY(-2px)}.um__btn--secondary{background:var(--bg-primary);border:2px solid var(--border-color);color:var(--text-primary)}.um__btn--secondary:hover{background:var(--bg-secondary)}.um__modal--detail{max-width:800px}.um__detail-hero{background:var(--bg-primary);border-radius:var(--radius-xl);margin-bottom:var(--space-5);padding:var(--space-6);text-align:center}.um__detail-avatar{align-items:center;background:#fff;border:4px solid #fff;border-radius:var(--radius-full);box-shadow:0 4px 12px #0000001a;display:flex;height:120px;justify-content:center;margin:0 auto var(--space-4);overflow:hidden;width:120px}.um__detail-avatar img{height:100%;object-fit:cover;width:100%}.um__detail-avatar svg{color:var(--primary-600);font-size:48px}.um__detail-username{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-3) 0}.um__detail-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.um__detail-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;gap:var(--space-3);padding:var(--space-4)}.um__detail-icon{align-items:center;background:var(--primary-100);border-radius:var(--radius-lg);color:var(--primary-600);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.um__detail-icon svg{font-size:24px}.um__detail-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.um__detail-title{color:var(--text-secondary);font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.um__detail-text,.um__detail-title{font-weight:var(--font-weight-semibold)}.um__detail-text{color:var(--text-primary);font-size:var(--font-size-base)}.director-channels{padding:var(--spacing-lg)}.director-channels .dc__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.director-channels .dc__header h1{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2}.director-channels .dc__header p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-2xs)}.director-channels .dc__header .dc__refresh{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.director-channels .dc__header .dc__refresh:hover:not(:disabled){background:var(--primary-color);border-color:#0000;color:var(--primary-text)}.director-channels .dc__header .dc__refresh:disabled{cursor:not-allowed;opacity:.7}.director-channels .dc__controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.director-channels .dc__controls .dc__search{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-xs);min-width:260px;padding:var(--spacing-sm) var(--spacing-md)}.director-channels .dc__controls .dc__search input{background:#0000;border:none;color:var(--text-primary);font-size:var(--font-size-base);outline:none;width:100%}.director-channels .dc__controls .dc__search svg{color:var(--text-secondary)}.director-channels .dc__controls .dc__filter{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md)}.director-channels .dc__controls .dc__count{color:var(--text-secondary);font-size:var(--font-size-sm);margin-left:auto}.director-channels .dc__empty,.director-channels .dc__error,.director-channels .dc__loading{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-secondary);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.director-channels .dc__spinner{animation:dc-spin .9s linear infinite;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:18px;width:18px}@keyframes dc-spin{to{transform:rotate(1turn)}}.director-channels .dc__grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.director-channels .dc__card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.director-channels .dc__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.director-channels .dc__banner{background:var(--bg-secondary);height:140px;position:relative}.director-channels .dc__banner img{display:block;height:100%;object-fit:cover;width:100%}.director-channels .dc__banner-placeholder{background:var(--bg-secondary);height:100%}.director-channels .dc__body{padding:var(--spacing-lg)}.director-channels .dc__avatar-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);margin-top:-48px}.director-channels .dc__avatar{align-items:center;background:var(--bg-secondary);border:3px solid var(--bg-card);border-radius:50%;color:var(--text-secondary);display:flex;font-weight:var(--font-weight-bold);height:72px;justify-content:center;overflow:hidden;width:72px}.director-channels .dc__avatar img{display:block;height:100%;object-fit:cover;width:100%}.director-channels .dc__unverified,.director-channels .dc__verified{align-items:center;border-radius:var(--border-radius-md);display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-2xs);padding:var(--spacing-2xs) var(--spacing-sm)}.director-channels .dc__verified{background:var(--success-bg);color:var(--success-color)}.director-channels .dc__unverified{background:var(--warning-bg);color:var(--warning-color)}.director-channels .dc__info .dc__title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.director-channels .dc__info .dc__slug{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-2xs)}.director-channels .dc__info .dc__desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--font-size-sm);line-height:1.5;margin-top:var(--spacing-sm);overflow:hidden}.director-channels .dc__stats{align-items:center;display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.director-channels .dc__stats .dc__stat{align-items:center;color:var(--text-secondary);display:inline-flex;gap:var(--spacing-2xs)}.director-channels .dc__stats .dc__stat svg{height:16px;width:16px}.director-channels .dc__stats .dc__stat span{color:var(--text-primary);font-weight:var(--font-weight-medium)}.director-channels .dc__actions{margin-top:var(--spacing-lg)}.director-channels .dc__btn{align-items:center;border:1px solid #0000;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;gap:var(--spacing-2xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.director-channels .dc__btn--verify{background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 6px 16px #3b82f647;color:#fff}.director-channels .dc__btn--verify:hover{filter:brightness(1.05)}.director-channels .dc__btn--verify:disabled{cursor:not-allowed;opacity:.7}.director-channels .dc__btn--verified{background:var(--success-bg);border-color:var(--success-color);color:var(--success-color)}.director-reels{padding:var(--spacing-lg)}.director-reels .dr__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.director-reels .dr__header h1{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.director-reels .dr__header p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-2xs)}.director-reels .dr__header .dr__refresh{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.director-reels .dr__header .dr__refresh:hover:not(:disabled){background:var(--primary-color);border-color:#0000;color:var(--primary-text)}.director-reels .dr__header .dr__refresh:disabled{cursor:not-allowed;opacity:.7}.director-reels .dr__tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.director-reels .dr__tabs .dr__tab{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.director-reels .dr__tabs .dr__tab--active{background:var(--primary-color);border-color:#0000;color:var(--primary-text)}.director-reels .dr__tabs .dr__tab:hover{transform:translateY(-1px)}.director-reels .dr__controls{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.director-reels .dr__controls .dr__search{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-xs);min-width:280px;padding:var(--spacing-sm) var(--spacing-md)}.director-reels .dr__controls .dr__search input{background:#0000;border:none;color:var(--text-primary);outline:none;width:100%}.director-reels .dr__controls .dr__search svg{color:var(--text-secondary)}.director-reels .dr__controls .dr__count{color:var(--text-secondary);font-size:var(--font-size-sm);margin-left:auto}.director-reels .dr__empty,.director-reels .dr__error,.director-reels .dr__loading{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-secondary);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.director-reels .dr__spinner{animation:dr-spin .9s linear infinite;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:18px;width:18px}@keyframes dr-spin{to{transform:rotate(1turn)}}.director-reels .dr__grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.director-reels .dr__card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.director-reels .dr__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.director-reels .dr__thumb{background:var(--bg-secondary);height:160px;position:relative}.director-reels .dr__thumb img{display:block;height:100%;object-fit:cover;width:100%}.director-reels .dr__thumb-placeholder{background:var(--bg-secondary);height:100%;width:100%}.director-reels .dr__thumb--top{height:180px}.director-reels .dr__card-body{padding:var(--spacing-lg)}.director-reels .dr__report-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.director-reels .dr__user{align-items:center;display:flex;gap:var(--spacing-sm)}.director-reels .dr__avatar{align-items:center;background:var(--bg-secondary);border-radius:50%;color:var(--text-secondary);display:flex;font-weight:var(--font-weight-semibold);height:42px;justify-content:center;overflow:hidden;width:42px}.director-reels .dr__avatar img{display:block;height:100%;object-fit:cover;width:100%}.director-reels .dr__user-info{display:grid}.director-reels .dr__user-name{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.director-reels .dr__date,.director-reels .dr__user-username{color:var(--text-secondary);font-size:var(--font-size-sm)}.director-reels .dr__date{align-items:center;display:inline-flex;gap:var(--spacing-2xs)}.director-reels .dr__reel-row{grid-gap:var(--spacing-lg);align-items:stretch;display:grid;gap:var(--spacing-lg);grid-template-columns:160px 1fr}.director-reels .dr__reel-info{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm)}.director-reels .dr__title-row{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.director-reels .dr__title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.director-reels .dr__caption,.director-reels .dr__stats{color:var(--text-secondary);font-size:var(--font-size-sm)}.director-reels .dr__caption{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.director-reels .dr__reason{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-md)}.director-reels .dr__reason span{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.director-reels .dr__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.director-reels .dr__btn{align-items:center;border:1px solid #0000;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;gap:var(--spacing-2xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.director-reels .dr__btn--ghost{background:#0000;border-color:var(--border-color);color:var(--text-primary)}.director-reels .dr__btn--ghost:hover{background:var(--bg-secondary)}.director-reels .dr__btn--primary{background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 10px 25px #3b82f647;color:#fff}.director-reels .dr__btn--primary:hover{filter:brightness(1.05)}.director-reels .dr__btn--danger{background:var(--danger-bg);border-color:var(--danger-color);color:var(--danger-color)}.director-reels .dr__btn--danger:hover{filter:brightness(1.05)}.assignment-grader{max-width:1400px;min-width:100vw;padding:24px}.assignment-grader .grader-header{margin-bottom:32px}.assignment-grader .grader-header h1{color:var(--text-primary);margin-bottom:8px}.assignment-grader .grader-header p{color:var(--text-secondary);margin:0}.assignment-grader .grader-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.assignment-grader .grader-stats .stat-card{background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-small);padding:24px;text-align:center}.assignment-grader .grader-stats .stat-card h3{color:var(--primary-color);font-size:32px;font-weight:700;margin-bottom:8px}.assignment-grader .grader-stats .stat-card p{color:var(--text-secondary);margin:0}.assignment-grader .grader-filters{display:flex;gap:12px;margin-bottom:24px}.assignment-grader .grader-filters button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;padding:10px 20px;transition:all .2s ease}.assignment-grader .grader-filters button:hover{background:var(--bg-tertiary)}.assignment-grader .grader-filters button.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.assignment-grader .assignments-list{display:flex;flex-direction:column;gap:16px}.assignment-grader .empty-state{color:var(--text-secondary);padding:60px 20px;text-align:center}.assignment-grader .empty-state h3{margin-bottom:8px}.assignment-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .2s ease}.assignment-card:hover{box-shadow:var(--shadow-medium)}.assignment-card .assignment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.assignment-card .assignment-header .student-info{align-items:center;display:flex;gap:12px}.assignment-card .assignment-header .student-info .student-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.assignment-card .assignment-header .student-info h4{color:var(--text-primary);margin:0}.assignment-card .assignment-header .student-info .video-title{color:var(--text-secondary);font-size:14px;margin:0}.assignment-card .assignment-header .assignment-status{font-size:14px;font-weight:600}.assignment-card .assignment-content{margin-bottom:20px}.assignment-card .assignment-content h3{color:var(--text-primary);margin-bottom:8px}.assignment-card .assignment-content .assignment-description{color:var(--text-secondary);margin-bottom:16px}.assignment-card .assignment-content .assignment-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.assignment-card .assignment-content .assignment-meta .meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:6px}.assignment-card .assignment-content .assignment-meta .meta-item svg{height:16px;width:16px}.assignment-card .assignment-content .grade-info{background:var(--bg-secondary);border-radius:8px;padding:16px}.assignment-card .assignment-content .grade-info .score{align-items:center;color:var(--success-color);display:flex;font-weight:600;gap:8px;margin-bottom:8px}.assignment-card .assignment-content .grade-info .feedback{color:var(--text-secondary);font-size:14px}.assignment-card .assignment-actions{display:flex;flex-wrap:wrap;gap:12px}.modal{border-radius:12px;max-width:600px}.modal .modal-content .assignment-info{background:var(--bg-secondary);border-radius:8px;margin-bottom:24px;padding:16px}.modal .modal-content .assignment-info h3{color:var(--text-primary);margin-bottom:12px}.modal .modal-content .assignment-info p{color:var(--text-secondary);font-size:14px;margin:4px 0}.modal .modal-content .grading-form .form-group{margin-bottom:20px}.modal .modal-content .grading-form .form-group label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:8px}.modal .modal-content .grading-form .form-group input,.modal .modal-content .grading-form .form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:12px;width:100%}.modal .modal-content .grading-form .form-group input:focus,.modal .modal-content .grading-form .form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha);outline:none}.modal .modal-content .grading-form .form-group .score-input{align-items:center;display:flex;gap:8px}.modal .modal-content .grading-form .form-group .score-input input{width:100px}.modal .modal-content .grading-form .form-group .score-input span{color:var(--text-secondary);font-weight:500}.btn{padding:10px 20px}.btn.btn-primary:hover{background:var(--primary-color-dark)}.teacher-assignments{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);max-width:1400px;min-height:100vh;padding:var(--space-8)}@media(max-width:767px){.teacher-assignments{padding:var(--space-4)}}.teacher-assignments .assignments-header{align-items:flex-start;background:var(--gradient-success);border-radius:var(--radius-3xl);color:#fff;display:flex;gap:var(--space-6);justify-content:space-between;margin-bottom:var(--space-8);overflow:hidden;padding:var(--space-8);position:relative}.teacher-assignments .assignments-header:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@media(max-width:767px){.teacher-assignments .assignments-header{flex-direction:column;gap:var(--space-4);text-align:center}}.teacher-assignments .assignments-header .header-info{flex:1 1;z-index:2}.teacher-assignments .assignments-header .header-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0f2fe);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-4xl);font-weight:var(--font-weight-black);line-height:var(--line-height-tight);margin-bottom:var(--space-2)}@media(max-width:767px){.teacher-assignments .assignments-header .header-info h1{font-size:var(--font-size-3xl)}}.teacher-assignments .assignments-header .header-info p{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);opacity:.9}@media(max-width:767px){.teacher-assignments .assignments-header .header-info p{font-size:var(--font-size-base)}}.teacher-assignments .assignments-header .header-actions{z-index:2}.teacher-assignments .assignments-header .header-actions .btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);color:#fff;font-weight:var(--font-weight-semibold);padding:var(--space-4) var(--space-8);transition:all var(--transition-normal)}.teacher-assignments .assignments-header .header-actions .btn:hover{background:#ffffff4d;box-shadow:var(--shadow-2xl);transform:translateY(-3px)}@media(max-width:767px){.teacher-assignments .assignments-header .header-actions .btn{padding:var(--space-3) var(--space-6);width:100%}}.teacher-assignments .assignments-tabs{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);display:flex;gap:var(--space-2);margin-bottom:var(--space-8);padding:var(--space-2)}@media(max-width:767px){.teacher-assignments .assignments-tabs{flex-wrap:wrap;gap:var(--space-1)}}.teacher-assignments .assignments-tabs button{align-items:center;background:#0000;border:none;border-radius:var(--radius-xl);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-4) var(--space-6);position:relative;transition:all var(--transition-normal)}.teacher-assignments .assignments-tabs button.active{background:var(--success-50);box-shadow:var(--shadow-md);color:var(--success-600);transform:translateY(-2px)}.teacher-assignments .assignments-tabs button.active:before{background:var(--gradient-success);border-radius:var(--radius-full);bottom:-2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.teacher-assignments .assignments-tabs button:hover:not(.active){background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}@media(max-width:767px){.teacher-assignments .assignments-tabs button{font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4)}}.teacher-assignments .assignments-list{grid-gap:var(--space-6);display:grid;gap:var(--space-6);margin-bottom:var(--space-8)}.teacher-assignments .assignment-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--space-8);position:relative;transition:all var(--transition-normal)}.teacher-assignments .assignment-card:before{background:var(--gradient-success);content:"";height:4px;left:0;position:absolute;right:0;top:0}.teacher-assignments .assignment-card:hover{border-color:var(--success-500);box-shadow:var(--shadow-2xl);transform:translateY(-8px)}.teacher-assignments .assignment-card .assignment-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}@media(max-width:767px){.teacher-assignments .assignment-card .assignment-header{flex-direction:column;gap:var(--space-4)}}.teacher-assignments .assignment-card .assignment-header h3{color:var(--text-primary);flex:1 1;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-2)}.teacher-assignments .assignment-card .assignment-header .assignment-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.teacher-assignments .assignment-card .assignment-header .assignment-actions .btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-5);text-align:center;text-decoration:none;transition:all var(--transition-fast)}.teacher-assignments .assignment-card .assignment-header .assignment-actions .btn.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary)}.teacher-assignments .assignment-card .assignment-header .assignment-actions .btn.btn-secondary:hover{background:var(--bg-hover);border-color:var(--success-500);transform:translateY(-2px)}.teacher-assignments .assignment-card .assignment-header .assignment-actions .btn.btn-danger{background:var(--gradient-error);box-shadow:var(--shadow-md);color:#fff}.teacher-assignments .assignment-card .assignment-header .assignment-actions .btn.btn-danger:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.teacher-assignments .assignment-card .assignment-description{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.teacher-assignments .assignment-card .assignment-meta{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-6)}@media(max-width:767px){.teacher-assignments .assignment-card .assignment-meta{grid-template-columns:1fr}}.teacher-assignments .assignment-card .assignment-meta .meta-item{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4)}.teacher-assignments .assignment-card .assignment-meta .meta-item strong{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.teacher-assignments .assignment-card .assignment-meta .meta-item span{color:var(--text-secondary);font-size:var(--font-size-base)}.teacher-assignments .assignment-card .assignment-stats{grid-gap:var(--space-4);background:var(--gradient-success);border-radius:var(--radius-2xl);color:#fff;display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr);padding:var(--space-6)}@media(max-width:767px){.teacher-assignments .assignment-card .assignment-stats{gap:var(--space-3);grid-template-columns:1fr}}.teacher-assignments .assignment-card .assignment-stats .stat{text-align:center}.teacher-assignments .assignment-card .assignment-stats .stat .stat-number{color:#fff;display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);margin-bottom:var(--space-1)}.teacher-assignments .assignment-card .assignment-stats .stat .stat-label{color:#ffffffe6;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.teacher-assignments .submissions-list{grid-gap:var(--space-6);display:grid;gap:var(--space-6);margin-bottom:var(--space-8)}.teacher-assignments .submission-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-6);position:relative;transition:all var(--transition-normal)}.teacher-assignments .submission-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.teacher-assignments .submission-card.urgent{background:linear-gradient(135deg,#f59e0b0d,var(--bg-card));border-left:6px solid var(--warning-500);box-shadow:var(--shadow-lg),0 0 20px #f59e0b1a}.teacher-assignments .submission-card .submission-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4)}@media(max-width:767px){.teacher-assignments .submission-card .submission-header{flex-direction:column;gap:var(--space-3)}}.teacher-assignments .submission-card .submission-header .student-info{flex:1 1}.teacher-assignments .submission-card .submission-header .student-info h4{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.teacher-assignments .submission-card .submission-header .student-info p{color:var(--text-secondary);font-size:var(--font-size-sm)}.teacher-assignments .submission-card .submission-header .submission-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:var(--space-2) var(--space-4);text-transform:uppercase}.teacher-assignments .submission-card .submission-header .submission-status.status-pending{background:#f59e0be6;color:#fff}.teacher-assignments .submission-card .submission-header .submission-status.status-graded{background:#22c55ee6;color:#fff}.teacher-assignments .submission-card .submission-header .submission-date{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-2) var(--space-3)}.teacher-assignments .submission-card .submission-details{margin-bottom:var(--space-4)}.teacher-assignments .submission-card .submission-details p{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);margin-bottom:var(--space-2)}.teacher-assignments .submission-card .submission-details p strong{color:var(--text-primary);font-weight:var(--font-weight-semibold);min-width:100px}.teacher-assignments .submission-card .submission-feedback{background:var(--bg-tertiary);border-left:4px solid var(--success-500);border-radius:var(--radius-xl);margin-bottom:var(--space-4);padding:var(--space-4)}.teacher-assignments .submission-card .submission-feedback strong{color:var(--text-primary);display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.teacher-assignments .submission-card .submission-feedback p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.teacher-assignments .submission-card .submission-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}@media(max-width:767px){.teacher-assignments .submission-card .submission-actions{justify-content:stretch}}.teacher-assignments .submission-card .submission-actions .btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-5);text-align:center;text-decoration:none;transition:all var(--transition-fast)}@media(max-width:767px){.teacher-assignments .submission-card .submission-actions .btn{flex:1 1;min-width:120px}}.teacher-assignments .submission-card .submission-actions .btn.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-md);color:#fff}.teacher-assignments .submission-card .submission-actions .btn.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.teacher-assignments .submission-card .submission-actions .btn.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary)}.teacher-assignments .submission-card .submission-actions .btn.btn-secondary:hover{background:var(--bg-hover);border-color:var(--primary-500);transform:translateY(-2px)}.teacher-assignments .pending-submissions .pending-header{background:var(--gradient-warning);border-radius:var(--radius-3xl);color:#fff;margin-bottom:var(--space-8);overflow:hidden;padding:var(--space-8);position:relative;text-align:center}.teacher-assignments .pending-submissions .pending-header:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.teacher-assignments .pending-submissions .pending-header h3{color:#fff;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);position:relative;z-index:2}.teacher-assignments .pending-submissions .pending-header p{color:#ffffffe6;font-size:var(--font-size-lg);position:relative;z-index:2}.teacher-assignments .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.teacher-assignments .modal-overlay .modal{animation:scaleIn var(--transition-normal);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.teacher-assignments .modal-overlay .modal.grading-modal{max-width:500px}.teacher-assignments .modal-overlay .modal .modal-header{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;color:#fff;display:flex;justify-content:space-between;padding:var(--space-8)}.teacher-assignments .modal-overlay .modal .modal-header h2{align-items:center;display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);gap:var(--space-3)}.teacher-assignments .modal-overlay .modal .modal-header button{align-items:center;background:#fff3;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.teacher-assignments .modal-overlay .modal .modal-header button:hover{background:#ffffff4d;transform:scale(1.1)}.teacher-assignments .modal-overlay .modal .grading-content{padding:var(--space-8)}.teacher-assignments .modal-overlay .modal .grading-content .submission-info{background:var(--bg-tertiary);border-left:4px solid var(--primary-500);border-radius:var(--radius-2xl);margin-bottom:var(--space-6);padding:var(--space-6)}.teacher-assignments .modal-overlay .modal .grading-content .submission-info h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.teacher-assignments .modal-overlay .modal .grading-content .submission-info p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.teacher-assignments .modal-overlay .modal .grading-content .submission-info p strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.teacher-assignments .modal-overlay .modal .grading-content .grading-form .form-group{margin-bottom:var(--space-6)}.teacher-assignments .modal-overlay .modal .grading-content .grading-form .form-group label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.teacher-assignments .modal-overlay .modal .grading-content .grading-form .form-group .score-input{align-items:center;display:flex;gap:var(--space-3)}.teacher-assignments .modal-overlay .modal .grading-content .grading-form .form-group .score-input input{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);color:var(--text-primary);flex:1 1;font-size:var(--font-size-base);padding:var(--space-4);transition:all var(--transition-normal)}.teacher-assignments .modal-overlay .modal .grading-content .grading-form .form-group .score-input input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-2px)}.teacher-assignments .modal-overlay .modal .grading-content .grading-form .form-group .score-input .score-max{color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.teacher-assignments .modal-overlay .modal .grading-content .grading-form .form-group textarea{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);color:var(--text-primary);font-size:var(--font-size-base);min-height:120px;padding:var(--space-4);resize:vertical;transition:all var(--transition-normal);width:100%}.teacher-assignments .modal-overlay .modal .grading-content .grading-form .form-group textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-2px)}.teacher-assignments .modal-overlay .modal .grading-content .grading-form .form-group textarea::placeholder{color:var(--text-muted)}.teacher-assignments .modal-overlay .modal .grading-content .grading-form .grading-actions{border-top:1px solid var(--border-primary);display:flex;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6)}@media(max-width:767px){.teacher-assignments .modal-overlay .modal .grading-content .grading-form .grading-actions{flex-direction:column}}.teacher-assignments .modal-overlay .modal .grading-content .grading-form .grading-actions .btn{align-items:center;border:none;border-radius:var(--radius-xl);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-4) var(--space-8);text-align:center;text-decoration:none;transition:all var(--transition-normal)}.teacher-assignments .modal-overlay .modal .grading-content .grading-form .grading-actions .btn.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-lg);color:#fff}.teacher-assignments .modal-overlay .modal .grading-content .grading-form .grading-actions .btn.btn-primary:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.teacher-assignments .modal-overlay .modal .grading-content .grading-form .grading-actions .btn:not(.btn-primary){background:var(--bg-secondary);border:2px solid var(--border-primary);color:var(--text-primary)}.teacher-assignments .modal-overlay .modal .grading-content .grading-form .grading-actions .btn:not(.btn-primary):hover{background:var(--bg-hover);border-color:var(--primary-500)}.teacher-assignments .modal-overlay .modal .grading-content .assignment-form{padding:var(--space-8)}.teacher-assignments .modal-overlay .modal .grading-content .assignment-form .form-group{margin-bottom:var(--space-6)}.teacher-assignments .modal-overlay .modal .grading-content .assignment-form .form-group label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.teacher-assignments .modal-overlay .modal .grading-content .assignment-form .form-group input,.teacher-assignments .modal-overlay .modal .grading-content .assignment-form .form-group select,.teacher-assignments .modal-overlay .modal .grading-content .assignment-form .form-group textarea{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-4);transition:all var(--transition-normal);width:100%}.teacher-assignments .modal-overlay .modal .grading-content .assignment-form .form-group input:focus,.teacher-assignments .modal-overlay .modal .grading-content .assignment-form .form-group select:focus,.teacher-assignments .modal-overlay .modal .grading-content .assignment-form .form-group textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-2px)}.teacher-assignments .modal-overlay .modal .grading-content .assignment-form .form-group input::placeholder,.teacher-assignments .modal-overlay .modal .grading-content .assignment-form .form-group select::placeholder,.teacher-assignments .modal-overlay .modal .grading-content .assignment-form .form-group textarea::placeholder{color:var(--text-muted)}.teacher-assignments .modal-overlay .modal .grading-content .assignment-form .form-group textarea{min-height:120px;resize:vertical}.teacher-assignments .modal-overlay .modal .grading-content .assignment-form .form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media(max-width:767px){.teacher-assignments .modal-overlay .modal .grading-content .assignment-form .form-row{grid-template-columns:1fr}}.teacher-assignments .modal-overlay .modal .grading-content .assignment-form .form-actions{border-top:1px solid var(--border-primary);display:flex;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6)}@media(max-width:767px){.teacher-assignments .modal-overlay .modal .grading-content .assignment-form .form-actions{flex-direction:column}}.teacher-assignments .modal-overlay .modal .grading-content .assignment-form .form-actions .btn{align-items:center;border:none;border-radius:var(--radius-xl);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-4) var(--space-8);text-align:center;text-decoration:none;transition:all var(--transition-normal)}.teacher-assignments .modal-overlay .modal .grading-content .assignment-form .form-actions .btn.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-lg);color:#fff}.teacher-assignments .modal-overlay .modal .grading-content .assignment-form .form-actions .btn.btn-primary:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.teacher-assignments .modal-overlay .modal .grading-content .assignment-form .form-actions .btn:not(.btn-primary){background:var(--bg-secondary);border:2px solid var(--border-primary);color:var(--text-primary)}.teacher-assignments .modal-overlay .modal .grading-content .assignment-form .form-actions .btn:not(.btn-primary):hover{background:var(--bg-hover);border-color:var(--primary-500)}.teacher-category-detail{margin:0 auto;max-width:1200px;padding:var(--space-8)}.teacher-category-detail .detail-header{align-items:center;display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.teacher-category-detail .months-table{grid-gap:var(--space-6);display:grid;gap:var(--space-6)}.teacher-category-detail .months-table .month-block{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-4)}.teacher-category-detail .months-table .month-block h3{margin-bottom:var(--space-4)}.teacher-category-detail .months-table .month-block .lessons-table{grid-gap:var(--space-2);display:grid;gap:var(--space-2)}.teacher-category-detail .months-table .month-block .lessons-table .table-head,.teacher-category-detail .months-table .month-block .lessons-table .table-row{grid-gap:var(--space-3);align-items:center;display:grid;gap:var(--space-3);grid-template-columns:2fr 120px 2fr 100px 100px 100px 140px}.teacher-category-detail .months-table .month-block .lessons-table .table-head{border-bottom:1px solid var(--border-primary);color:var(--text-secondary);font-weight:var(--font-weight-semibold);padding-bottom:var(--space-2)}.teacher-category-detail .months-table .month-block .lessons-table .table-row{border-bottom:1px solid var(--border-primary);padding:var(--space-2) 0}.teacher-category-detail .months-table .month-block .lessons-table .table-row .status-badge{text-transform:capitalize}.teacher-category-detail .months-table .month-block .lessons-table .table-row .status-badge.status-pending{color:var(--warning-600)}.teacher-category-detail .months-table .month-block .lessons-table .table-row .status-badge.status-approved{color:var(--success-600)}.teacher-category-detail .months-table .month-block .lessons-table .table-row .status-badge.status-rejected{color:var(--error-600)}.teacher-category-detail .months-table .month-block .lessons-table .table-row .btn-sm{font-size:var(--font-size-sm);padding:6px 10px}@media(max-width:768px){.teacher-category-detail{padding:var(--space-4)}.teacher-category-detail .months-table .month-block .lessons-table .table-head,.teacher-category-detail .months-table .month-block .lessons-table .table-row{grid-template-columns:1fr 100px 1fr 70px 70px 70px 120px}}.teacher-attendance{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding:2rem}.teacher-attendance .ta-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.teacher-attendance .ta-loading .ta-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.teacher-attendance .ta-loading p{color:var(--text-secondary);font-size:.9rem}.teacher-attendance .ta-loading.is-disabled{pointer-events:none}.teacher-attendance .ta-header{align-items:flex-start;background:var(--bg-surface);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}@media(max-width:768px){.teacher-attendance .ta-header{flex-direction:column;gap:1rem}}.teacher-attendance .ta-header .ta-header-info h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;margin:0 0 .5rem}.teacher-attendance .ta-header .ta-header-info h2 svg{color:var(--primary-color)}.teacher-attendance .ta-header .ta-header-info p{color:var(--text-secondary);font-size:.9rem;margin:0}.teacher-attendance .ta-header .ta-header-controls{align-items:center;display:flex;gap:1rem}@media(max-width:768px){.teacher-attendance .ta-header .ta-header-controls{justify-content:space-between;width:100%}}.teacher-attendance .ta-header .ta-header-controls .ta-month-selector{display:flex;gap:.5rem}.teacher-attendance .ta-header .ta-header-controls .ta-month-selector select{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.5rem .75rem}.teacher-attendance .ta-header .ta-header-controls .ta-month-selector select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.teacher-attendance .ta-header .ta-header-controls .ta-save-btn,.teacher-attendance .ta-header .ta-header-controls .ta-settings-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.teacher-attendance .ta-header .ta-header-controls .ta-save-btn svg,.teacher-attendance .ta-header .ta-header-controls .ta-settings-btn svg{font-size:1rem}.teacher-attendance .ta-header .ta-header-controls .ta-settings-btn{background:var(--bg-secondary);color:var(--text-secondary)}.teacher-attendance .ta-header .ta-header-controls .ta-settings-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.teacher-attendance .ta-header .ta-header-controls .ta-save-btn{background:var(--primary-color);color:#fff}.teacher-attendance .ta-header .ta-header-controls .ta-save-btn:hover{background:var(--primary-hover)}.teacher-attendance .ta-attendance-table{background:var(--bg-surface);border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.teacher-attendance .ta-attendance-table .ta-table-container{max-height:70vh;overflow-x:auto;overflow-y:auto}.teacher-attendance .ta-attendance-table .ta-table-container::-webkit-scrollbar{height:8px;width:8px}.teacher-attendance .ta-attendance-table .ta-table-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.teacher-attendance .ta-attendance-table .ta-table-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.teacher-attendance .ta-attendance-table .ta-table-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.teacher-attendance .ta-attendance-table .ta-table-header{background:var(--bg-secondary);display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:10}.teacher-attendance .ta-attendance-table .ta-table-header .ta-student-column{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);flex-shrink:0;font-weight:600;left:0;padding:1rem;position:-webkit-sticky;position:sticky;width:200px;z-index:11}.teacher-attendance .ta-attendance-table .ta-table-header .ta-days-container{display:flex;flex:1 1;min-width:0}.teacher-attendance .ta-attendance-table .ta-table-header .ta-day-column{background-color:var(--bg-surface);border:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;gap:.25rem;justify-content:space-between;max-width:120px;min-height:110px;min-width:120px;padding:.75rem .5rem;text-align:center;width:120px}.teacher-attendance .ta-attendance-table .ta-table-header .ta-day-column .ta-day-number{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:700;gap:.25rem;justify-content:center}.teacher-attendance .ta-attendance-table .ta-table-header .ta-day-column .ta-day-number .ta-day-lock{align-items:center;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);display:inline-flex;height:18px;justify-content:center;margin-left:.25rem;width:18px}.teacher-attendance .ta-attendance-table .ta-table-header .ta-day-column .ta-day-number .ta-day-lock svg{font-size:.7rem}.teacher-attendance .ta-attendance-table .ta-table-header .ta-day-column .ta-day-topic{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);cursor:help;display:-webkit-box;font-size:.7rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.teacher-attendance .ta-attendance-table .ta-table-header .ta-day-column .ta-lesson-number{align-self:center;background:#3b82f61a;border-radius:4px;color:var(--primary-color);font-size:.65rem;font-weight:600;padding:.125rem .25rem}.teacher-attendance .ta-attendance-table .ta-table-header .ta-stats-column{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);flex-shrink:0;font-weight:600;padding:1rem;position:-webkit-sticky;position:sticky;right:0;text-align:center;width:120px;z-index:11}.teacher-attendance .ta-attendance-table .ta-table-body .ta-student-row{display:flex;transition:background-color .2s ease}@media(max-width:768px){.teacher-attendance .ta-attendance-table .ta-table-body .ta-student-row{grid-template-columns:200px repeat(auto-fit,minmax(80px,1fr)) 120px}}.teacher-attendance .ta-attendance-table .ta-table-body .ta-student-row:last-child{border-bottom:none}.teacher-attendance .ta-attendance-table .ta-table-body .ta-student-row .ta-student-info{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);display:flex;flex-shrink:0;gap:.75rem;left:0;padding:1rem;position:-webkit-sticky;position:sticky;width:200px;z-index:5}.teacher-attendance .ta-attendance-table .ta-table-body .ta-student-row .ta-student-info .ta-student-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.teacher-attendance .ta-attendance-table .ta-table-body .ta-student-row .ta-student-info .ta-student-avatar img{height:100%;object-fit:cover;width:100%}.teacher-attendance .ta-attendance-table .ta-table-body .ta-student-row .ta-student-info .ta-student-avatar .ta-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:1.1rem;font-weight:600;height:100%;justify-content:center;width:100%}.teacher-attendance .ta-attendance-table .ta-table-body .ta-student-row .ta-student-info .ta-student-details{flex:1 1;min-width:0}.teacher-attendance .ta-attendance-table .ta-table-body .ta-student-row .ta-student-info .ta-student-details h4{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teacher-attendance .ta-attendance-table .ta-table-body .ta-student-row .ta-student-info .ta-student-details span{color:var(--text-secondary);font-size:.8rem}.teacher-attendance .ta-attendance-table .ta-table-body .ta-student-row .ta-days-container{display:flex;flex:1 1;min-width:0}.teacher-attendance .ta-attendance-table .ta-table-body .ta-student-row .ta-days-container .ta-attendance-cell{align-items:center;border:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:center;max-width:120px;min-width:120px;padding:1rem .5rem;width:120px}.teacher-attendance .ta-attendance-table .ta-table-body .ta-student-row .ta-days-container .ta-attendance-cell.ta-attendance-cell--locked{background:var(--bg-secondary);cursor:not-allowed;opacity:.5}.teacher-attendance .ta-attendance-table .ta-table-body .ta-student-row .ta-days-container .ta-attendance-cell:hover{background:var(--bg-hover)}.teacher-attendance .ta-attendance-table .ta-table-body .ta-student-row .ta-student-stats{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;justify-content:center;padding:1rem;position:-webkit-sticky;position:sticky;right:0;width:120px;z-index:5}.teacher-attendance .ta-attendance-table .ta-table-body .ta-student-row .ta-student-stats .ta-stats-percentage{color:var(--primary-color);font-size:1.1rem;font-weight:700}.teacher-attendance .ta-attendance-table .ta-table-body .ta-student-row .ta-student-stats .ta-stats-details{display:flex;font-size:.8rem;gap:.5rem}.teacher-attendance .ta-attendance-table .ta-table-body .ta-student-row .ta-student-stats .ta-stats-details .ta-stat-present{color:#10b981;color:var(--success-color,#10b981);font-weight:600}.teacher-attendance .ta-attendance-table .ta-table-body .ta-student-row .ta-student-stats .ta-stats-details .ta-stat-absent{color:#ef4444;color:var(--danger-color,#ef4444);font-weight:600}.teacher-attendance .ta-attendance-table .ta-table-body .ta-student-row .ta-student-stats .ta-stats-details .ta-stat-excused{color:#f59e0b;color:var(--warning-color,#f59e0b);font-weight:600}.teacher-attendance .ta-attendance-wrapper{position:relative}.teacher-attendance .ta-attendance-wrapper .ta-attendance-btn{align-items:center;background:var(--bg-surface);border:2px solid var(--border-color);border-radius:50%;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}.teacher-attendance .ta-attendance-wrapper .ta-attendance-btn:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.1)}.teacher-attendance .ta-attendance-wrapper .ta-attendance-btn .ta-empty-circle{background:var(--border-color);border-radius:50%;height:8px;width:8px}.teacher-attendance .ta-attendance-wrapper .ta-attendance-btn--present{background:var(--success-color);border-color:var(--success-color);color:#fff}.teacher-attendance .ta-attendance-wrapper .ta-attendance-btn--absent{background:#ef4444;background:var(--danger-color,#ef4444);border-color:#ef4444;border-color:var(--danger-color,#ef4444);color:#fff}.teacher-attendance .ta-attendance-wrapper .ta-attendance-btn--excused{background:#f59e0b;background:var(--warning-color,#f59e0b);border-color:#f59e0b;border-color:var(--warning-color,#f59e0b);color:#fff}.teacher-attendance .ta-attendance-wrapper .ta-attendance-btn:disabled,.teacher-attendance .ta-attendance-wrapper .ta-attendance-btn[aria-disabled=true]{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.teacher-attendance .ta-attendance-wrapper .ta-attendance-menu{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;left:50%;margin-top:.5rem;min-width:180px;overflow:hidden;position:absolute;top:100%;transform:translateX(-50%);z-index:100}.teacher-attendance .ta-attendance-wrapper .ta-attendance-menu .ta-menu-item{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.75rem 1rem;transition:background-color .2s ease;width:100%}.teacher-attendance .ta-attendance-wrapper .ta-attendance-menu .ta-menu-item:hover{background:var(--bg-hover)}.teacher-attendance .ta-attendance-wrapper .ta-attendance-menu .ta-menu-item--present:hover{background:#10b9811a;color:#10b981;color:var(--success-color,#10b981)}.teacher-attendance .ta-attendance-wrapper .ta-attendance-menu .ta-menu-item--absent:hover{background:#ef44441a;color:#ef4444;color:var(--danger-color,#ef4444)}.teacher-attendance .ta-attendance-wrapper .ta-attendance-menu .ta-menu-item--excused:hover{background:#f59e0b1a;color:#f59e0b;color:var(--warning-color,#f59e0b)}.teacher-attendance .ta-attendance-wrapper .ta-attendance-menu .ta-menu-item svg{font-size:1rem}.teacher-attendance .ta-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.teacher-attendance .ta-modal-overlay .ta-modal{background:var(--bg-surface);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.teacher-attendance .ta-modal-overlay .ta-modal .ta-modal-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.teacher-attendance .ta-modal-overlay .ta-modal .ta-modal-header h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0}.teacher-attendance .ta-modal-overlay .ta-modal .ta-modal-header button{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;height:32px;transition:all .2s ease;width:32px}.teacher-attendance .ta-modal-overlay .ta-modal .ta-modal-header button:hover{background:var(--bg-hover);color:var(--text-primary)}.teacher-attendance .ta-modal-overlay .ta-modal .ta-modal-content{max-height:400px;overflow-y:auto;padding:1.5rem}.teacher-attendance .ta-modal-overlay .ta-modal .ta-modal-content .ta-form-group{margin-bottom:1.5rem}.teacher-attendance .ta-modal-overlay .ta-modal .ta-modal-content .ta-form-group:last-child{margin-bottom:0}.teacher-attendance .ta-modal-overlay .ta-modal .ta-modal-content .ta-form-group label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.teacher-attendance .ta-modal-overlay .ta-modal .ta-modal-content .ta-form-group input,.teacher-attendance .ta-modal-overlay .ta-modal .ta-modal-content .ta-form-group select{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;padding:.75rem;transition:border-color .2s ease;width:100%}.teacher-attendance .ta-modal-overlay .ta-modal .ta-modal-content .ta-form-group input:focus,.teacher-attendance .ta-modal-overlay .ta-modal .ta-modal-content .ta-form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.teacher-attendance .ta-modal-overlay .ta-modal .ta-modal-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.teacher-attendance .ta-modal-overlay .ta-modal .ta-modal-footer .ta-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.teacher-attendance .ta-modal-overlay .ta-modal .ta-modal-footer .ta-btn.ta-btn-secondary{background:var(--bg-secondary);color:var(--text-secondary)}.teacher-attendance .ta-modal-overlay .ta-modal .ta-modal-footer .ta-btn.ta-btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.teacher-attendance .ta-modal-overlay .ta-modal .ta-modal-footer .ta-btn.ta-btn-primary{background:var(--primary-color);color:#fff}.teacher-attendance .ta-modal-overlay .ta-modal .ta-modal-footer .ta-btn.ta-btn-primary:hover{background:var(--primary-hover)}@media(max-width:768px){.teacher-attendance{padding:1rem}.teacher-attendance .ta-attendance-table{overflow-x:auto}.teacher-attendance .ta-attendance-table .ta-student-row,.teacher-attendance .ta-attendance-table .ta-table-header{min-width:800px}.teacher-attendance .ta-attendance-menu{left:50%;min-width:200px;position:fixed;top:50%;transform:translate(-50%,-50%)}}.tcd-settings-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.tcd-settings-btn:hover{background:#fff3;transform:scale(1.05)}.tcd-settings-btn:active{transform:scale(.95)}.tcd-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.tcd-tab-selector-modal{animation:slideInUp .3s ease;background:#fff;background:var(--bg-surface,#fff);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.tcd-tab-selector-modal .tcd-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;position:relative;text-align:center}.tcd-tab-selector-modal .tcd-modal-header h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.tcd-tab-selector-modal .tcd-modal-header p{font-size:.9rem;margin:0;opacity:.9}.tcd-tab-selector-modal .tcd-modal-header .tcd-modal-close{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:32px}.tcd-tab-selector-modal .tcd-modal-header .tcd-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.tcd-tab-selector-modal .tcd-modal-content{max-height:500px;overflow-y:auto;padding:2rem}.tcd-tab-selector-modal .tcd-modal-content .tcd-tab-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}@media(max-width:768px){.tcd-tab-selector-modal .tcd-modal-content .tcd-tab-grid{grid-template-columns:1fr}}.tcd-tab-selector-modal .tcd-modal-content .tcd-tab-option{background:#fff;background:var(--bg-surface,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:12px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease}.tcd-tab-selector-modal .tcd-modal-content .tcd-tab-option:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.tcd-tab-selector-modal .tcd-modal-content .tcd-tab-option.selected{background:#10b9810d;border-color:#10b981;border-color:var(--success-color,#10b981)}.tcd-tab-selector-modal .tcd-modal-content .tcd-tab-option.selected .tcd-tab-option-header .tcd-tab-option-icon{background:#10b981;background:var(--success-color,#10b981);color:#fff}.tcd-tab-selector-modal .tcd-modal-content .tcd-tab-option.selected .tcd-tab-option-header .tcd-tab-option-check{background:#10b981;background:var(--success-color,#10b981);color:#fff;opacity:1}.tcd-tab-selector-modal .tcd-modal-content .tcd-tab-option.selected h4{color:#10b981;color:var(--success-color,#10b981)}.tcd-tab-selector-modal .tcd-modal-content .tcd-tab-option.disabled{cursor:not-allowed;opacity:.5}.tcd-tab-selector-modal .tcd-modal-content .tcd-tab-option.disabled:hover{border-color:#e2e8f0;border-color:var(--border-color,#e2e8f0);box-shadow:none;transform:none}.tcd-tab-selector-modal .tcd-modal-content .tcd-tab-option .tcd-tab-option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.tcd-tab-selector-modal .tcd-modal-content .tcd-tab-option .tcd-tab-option-header .tcd-tab-option-icon{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:12px;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:1.5rem;height:48px;justify-content:center;transition:all .2s ease;width:48px}.tcd-tab-selector-modal .tcd-modal-content .tcd-tab-option .tcd-tab-option-header .tcd-tab-option-check{align-items:center;background:#e2e8f0;background:var(--border-color,#e2e8f0);border-radius:50%;display:flex;font-size:.9rem;height:24px;justify-content:center;opacity:0;transition:all .2s ease;width:24px}.tcd-tab-selector-modal .tcd-modal-content .tcd-tab-option h4{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.1rem;font-weight:600;margin:0 0 .5rem;transition:color .2s ease}.tcd-tab-selector-modal .tcd-modal-content .tcd-tab-option p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.85rem;line-height:1.4;margin:0}.tcd-tab-selector-modal .tcd-modal-content .tcd-selection-info{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:12px;padding:1.5rem;text-align:center}.tcd-tab-selector-modal .tcd-modal-content .tcd-selection-info p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.9rem;margin:0 0 1rem}.tcd-tab-selector-modal .tcd-modal-content .tcd-selection-info p strong{color:#3b82f6;color:var(--primary-color,#3b82f6);font-weight:600}.tcd-tab-selector-modal .tcd-modal-content .tcd-selection-info .tcd-selected-tabs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tcd-tab-selector-modal .tcd-modal-content .tcd-selection-info .tcd-selected-tabs .tcd-selected-tag{background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.tcd-tab-selector-modal .tcd-modal-footer{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.tcd-tab-selector-modal .tcd-modal-footer .tcd-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;min-width:100px;padding:.75rem 1.5rem;transition:all .2s ease}.tcd-tab-selector-modal .tcd-modal-footer .tcd-btn:disabled{cursor:not-allowed;opacity:.5}.tcd-tab-selector-modal .tcd-modal-footer .tcd-btn.tcd-btn-secondary{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b)}.tcd-tab-selector-modal .tcd-modal-footer .tcd-btn.tcd-btn-secondary:hover:not(:disabled){background:#f1f5f9;background:var(--bg-hover,#f1f5f9);color:#1e293b;color:var(--text-primary,#1e293b)}.tcd-tab-selector-modal .tcd-modal-footer .tcd-btn.tcd-btn-primary{background:#3b82f6;background:var(--primary-color,#3b82f6);color:#fff}.tcd-tab-selector-modal .tcd-modal-footer .tcd-btn.tcd-btn-primary:hover:not(:disabled){background:#2563eb;background:var(--primary-hover,#2563eb);transform:translateY(-1px)}.tcd-tab-selector-modal .tcd-modal-footer .tcd-btn.tcd-btn-primary:active:not(:disabled){transform:translateY(0)}@media(max-width:768px){.tcd-modal-overlay{padding:.5rem}.tcd-tab-selector-modal .tcd-modal-header{padding:1.5rem}.tcd-tab-selector-modal .tcd-modal-header h3{font-size:1.3rem}.tcd-tab-selector-modal .tcd-modal-header .tcd-modal-close{right:.75rem;top:.75rem}.tcd-tab-selector-modal .tcd-modal-content{padding:1.5rem}.tcd-tab-selector-modal .tcd-modal-content .tcd-tab-option{padding:1rem}.tcd-tab-selector-modal .tcd-modal-content .tcd-tab-option .tcd-tab-option-header .tcd-tab-option-icon{font-size:1.2rem;height:40px;width:40px}.tcd-tab-selector-modal .tcd-modal-content .tcd-tab-option .tcd-tab-option-header .tcd-tab-option-check{font-size:.8rem;height:20px;width:20px}.tcd-tab-selector-modal .tcd-modal-content .tcd-tab-option h4{font-size:1rem}.tcd-tab-selector-modal .tcd-modal-content .tcd-tab-option p{font-size:.8rem}.tcd-tab-selector-modal .tcd-modal-footer{flex-direction:column;padding:1rem 1.5rem}.tcd-tab-selector-modal .tcd-modal-footer .tcd-btn{width:100%}}.tc-action-btn.tab-selector{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.tc-action-btn.tab-selector:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.tc-action-btn.tab-selector:active{transform:translateY(0)}.tc-action-btn.tab-selector span{font-weight:600}.tc-action-btn.tab-selector svg{font-size:1rem}.tc-tab-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.tc-tab-selector-modal{animation:slideInUp .4s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--bg-surface,#fff);border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.tc-tab-selector-modal .tc-tab-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2.5rem;position:relative;text-align:center}.tc-tab-selector-modal .tc-tab-modal-header h3{font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin:0 0 .75rem}.tc-tab-selector-modal .tc-tab-modal-header p{font-size:1rem;line-height:1.5;margin:0;opacity:.9}.tc-tab-selector-modal .tc-tab-modal-header .tc-tab-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s ease;width:40px}.tc-tab-selector-modal .tc-tab-modal-header .tc-tab-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.tc-tab-selector-modal .tc-tab-modal-content{max-height:500px;overflow-y:auto;padding:2.5rem}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2.5rem}@media(max-width:768px){.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-grid{gap:1rem;grid-template-columns:1fr}}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-option{background:#fff;background:var(--bg-surface,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:16px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-option:before{background:linear-gradient(135deg,#667eea0d,#764ba20d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-option:hover{border-color:#667eea;border-color:var(--primary-color,#667eea);box-shadow:0 10px 30px #00000026;transform:translateY(-4px)}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-option:hover:before{opacity:1}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-option.selected{background:#10b9810d;border-color:#10b981;border-color:var(--success-color,#10b981);box-shadow:0 8px 25px #10b98133;transform:translateY(-2px)}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-option.selected:before{background:linear-gradient(135deg,#10b9811a,#0596691a);opacity:1}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-option.selected .tc-tab-option-header .tc-tab-option-icon{background:#10b981;background:var(--success-color,#10b981);color:#fff;transform:scale(1.1)}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-option.selected .tc-tab-option-header .tc-tab-option-check{background:#10b981;background:var(--success-color,#10b981);color:#fff;opacity:1;transform:scale(1)}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-option.selected h4{color:#10b981;color:var(--success-color,#10b981);font-weight:700}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-option.disabled{cursor:not-allowed;opacity:.4}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-option.disabled:hover{border-color:#e2e8f0;border-color:var(--border-color,#e2e8f0);box-shadow:none;transform:none}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-option.disabled:hover:before{opacity:0}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-option .tc-tab-option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-option .tc-tab-option-header .tc-tab-option-icon{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:16px;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:1.75rem;height:56px;justify-content:center;transition:all .3s ease;width:56px}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-option .tc-tab-option-header .tc-tab-option-check{align-items:center;background:#e2e8f0;background:var(--border-color,#e2e8f0);border-radius:50%;display:flex;font-size:1rem;height:28px;justify-content:center;opacity:0;transform:scale(.8);transition:all .3s ease;width:28px}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-option h4{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.25rem;font-weight:600;margin:0 0 .75rem;transition:all .3s ease}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-option p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.9rem;line-height:1.5;margin:0}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-selection-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;padding:2rem;text-align:center}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-selection-info .tc-selection-counter{margin-bottom:1.5rem}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-selection-info .tc-selection-counter span{color:#64748b;color:var(--text-secondary,#64748b);font-size:1rem}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-selection-info .tc-selection-counter span strong{color:#667eea;color:var(--primary-color,#667eea);font-size:1.1rem;font-weight:700}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-selection-info .tc-selected-tabs{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-selection-info .tc-selected-tabs .tc-selected-tag{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-selection-info .tc-selected-tabs .tc-selected-tag:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-selection-info .tc-selected-tabs .tc-selected-tag svg{font-size:.9rem}.tc-tab-selector-modal .tc-tab-modal-footer{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:1rem;justify-content:flex-end;padding:2rem 2.5rem}.tc-tab-selector-modal .tc-tab-modal-footer .tc-tab-btn{border:none;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;min-width:120px;overflow:hidden;padding:.875rem 2rem;position:relative;transition:all .3s ease}.tc-tab-selector-modal .tc-tab-modal-footer .tc-tab-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.tc-tab-selector-modal .tc-tab-modal-footer .tc-tab-btn.tc-tab-btn-cancel{background:#fff;background:var(--bg-surface,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b)}.tc-tab-selector-modal .tc-tab-modal-footer .tc-tab-btn.tc-tab-btn-cancel:hover:not(:disabled){background:#f1f5f9;background:var(--bg-hover,#f1f5f9);border-color:#64748b;border-color:var(--text-secondary,#64748b);color:#1e293b;color:var(--text-primary,#1e293b);transform:translateY(-1px)}.tc-tab-selector-modal .tc-tab-modal-footer .tc-tab-btn.tc-tab-btn-save{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.tc-tab-selector-modal .tc-tab-modal-footer .tc-tab-btn.tc-tab-btn-save:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.tc-tab-selector-modal .tc-tab-modal-footer .tc-tab-btn.tc-tab-btn-save:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.tc-tab-selector-modal .tc-tab-modal-footer .tc-tab-btn.tc-tab-btn-save:hover:not(:disabled):before{left:100%}.tc-tab-selector-modal .tc-tab-modal-footer .tc-tab-btn.tc-tab-btn-save:active:not(:disabled){transform:translateY(0)}@media(max-width:768px){.tc-tab-modal-overlay{padding:.5rem}.tc-action-btn.tab-selector{font-size:.8rem;padding:.5rem .75rem}.tc-action-btn.tab-selector span{display:none}.tc-tab-selector-modal .tc-tab-modal-header{padding:2rem 1.5rem}.tc-tab-selector-modal .tc-tab-modal-header h3{font-size:1.5rem}.tc-tab-selector-modal .tc-tab-modal-header p{font-size:.9rem}.tc-tab-selector-modal .tc-tab-modal-header .tc-tab-modal-close{height:32px;right:1rem;top:1rem;width:32px}.tc-tab-selector-modal .tc-tab-modal-content,.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-option{padding:1.5rem}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-option .tc-tab-option-header .tc-tab-option-icon{font-size:1.5rem;height:48px;width:48px}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-option .tc-tab-option-header .tc-tab-option-check{font-size:.9rem;height:24px;width:24px}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-option h4{font-size:1.1rem}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-option p{font-size:.85rem}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-selection-info{padding:1.5rem}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-selection-info .tc-selected-tabs{gap:.5rem}.tc-tab-selector-modal .tc-tab-modal-content .tc-tab-selection-info .tc-selected-tabs .tc-selected-tag{font-size:.8rem;padding:.4rem .8rem}.tc-tab-selector-modal .tc-tab-modal-footer{flex-direction:column;padding:1.5rem}.tc-tab-selector-modal .tc-tab-modal-footer .tc-tab-btn{padding:1rem;width:100%}}.teacher-channel-editor{background:#f8fafc;min-height:100vh;padding:2rem}.teacher-channel-editor .tce__loading{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.teacher-channel-editor .tce__loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#4f46e5;height:40px;margin-bottom:1rem;width:40px}.teacher-channel-editor .tce__loading p{color:#6b7280;font-size:1.1rem}.teacher-channel-editor .tce__header{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.teacher-channel-editor .tce__header .tce__header-content{align-items:center;display:flex;gap:1rem}.teacher-channel-editor .tce__header .tce__header-content .tce__back-btn{align-items:center;background:#f3f4f6;border:none;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.teacher-channel-editor .tce__header .tce__header-content .tce__back-btn:hover{background:#e5e7eb;color:#374151;transform:translateX(-2px)}.teacher-channel-editor .tce__header .tce__header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:.5rem}.teacher-channel-editor .tce__header .tce__header-content p{color:#6b7280;font-size:1rem;line-height:1.6}.teacher-channel-editor .tce__header .tce__header-actions .btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.teacher-channel-editor .tce__header .tce__header-actions .btn:hover{border-color:#4f46e5;color:#4f46e5;transform:translateY(-1px)}.teacher-channel-editor .tce__header .tce__header-actions .btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.teacher-channel-editor .tce__container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.teacher-channel-editor .tce__form-section{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.teacher-channel-editor .tce__form{display:flex;flex-direction:column;gap:2rem;padding:2rem}.teacher-channel-editor .tce__section h3{border-bottom:2px solid #f3f4f6;color:#1a1a1a;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem}.teacher-channel-editor .tce__field{margin-bottom:1.5rem}.teacher-channel-editor .tce__field label{display:flex;flex-direction:column;gap:.5rem}.teacher-channel-editor .tce__field label span{color:#374151;font-size:.875rem;font-weight:600}.teacher-channel-editor .tce__field label small{color:#6b7280;font-size:.75rem;margin-top:.25rem}.teacher-channel-editor .tce__field input,.teacher-channel-editor .tce__field select,.teacher-channel-editor .tce__field textarea{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease}.teacher-channel-editor .tce__field input:focus,.teacher-channel-editor .tce__field select:focus,.teacher-channel-editor .tce__field textarea:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.teacher-channel-editor .tce__field input::placeholder,.teacher-channel-editor .tce__field select::placeholder,.teacher-channel-editor .tce__field textarea::placeholder{color:#9ca3af}.teacher-channel-editor .tce__field textarea{line-height:1.6;min-height:100px;resize:vertical}.teacher-channel-editor .tce__field select{cursor:pointer}.teacher-channel-editor .tce__field select option{background:#fff;color:#1a1a1a;padding:.5rem}.teacher-channel-editor .tce__select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%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 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.teacher-channel-editor .tce__input-prefix{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;display:flex;gap:.75rem;padding:.875rem 1rem;transition:all .2s ease}.teacher-channel-editor .tce__input-prefix:focus-within{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.teacher-channel-editor .tce__input-prefix svg{color:#6b7280}.teacher-channel-editor .tce__input-prefix input{background:#0000;border:none;color:#1a1a1a;flex:1 1;outline:none;padding:0}.teacher-channel-editor .tce__input-prefix input::placeholder{color:#9ca3af}.teacher-channel-editor .tce__fields-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.teacher-channel-editor .tce__images-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.teacher-channel-editor .tce__image-upload label{cursor:pointer}.teacher-channel-editor .tce__image-upload label span{display:block;margin-bottom:1rem}.teacher-channel-editor .tce__image-preview{border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.teacher-channel-editor .tce__image-preview:hover{border-color:#4f46e5;box-shadow:0 8px 25px -8px #4f46e54d;transform:translateY(-2px)}.teacher-channel-editor .tce__image-preview:hover .tce__image-overlay{opacity:1}.teacher-channel-editor .tce__image-preview--avatar{aspect-ratio:1;max-width:200px}.teacher-channel-editor .tce__image-preview--banner{aspect-ratio:4/1;min-height:200px;width:100%}.teacher-channel-editor .tce__image-preview img{height:100%;object-fit:cover;width:100%}.teacher-channel-editor .tce__image-preview .tce__image-overlay{align-items:center;background:#000000b3;color:#fff;display:flex;flex-direction:column;gap:.5rem;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.teacher-channel-editor .tce__image-preview .tce__image-overlay span{font-size:.875rem;font-weight:500}.teacher-channel-editor .tce__image-preview .tce__image-placeholder{align-items:center;background:#f9fafb;color:#9ca3af;display:flex;flex-direction:column;gap:.75rem;height:100%;justify-content:center;min-height:120px;width:100%}.teacher-channel-editor .tce__image-preview .tce__image-placeholder span{font-size:.875rem;font-weight:500}.teacher-channel-editor .tce__error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;display:flex;font-weight:500;gap:.5rem;padding:1rem}.teacher-channel-editor .tce__actions{border-top:2px solid #f3f4f6;display:flex;gap:1rem;justify-content:flex-end;padding-top:2rem}.teacher-channel-editor .tce__actions .btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .2s ease}.teacher-channel-editor .tce__actions .btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.teacher-channel-editor .tce__actions .btn.btn-outline{background:#fff;border:2px solid #e5e7eb;color:#6b7280}.teacher-channel-editor .tce__actions .btn.btn-outline:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151;transform:translateY(-1px)}.teacher-channel-editor .tce__actions .btn.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.teacher-channel-editor .tce__actions .btn.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px -8px #667eea99;transform:translateY(-2px)}.teacher-channel-editor .tce__actions .btn .spinner-sm{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.teacher-channel-editor .tce__modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.teacher-channel-editor .tce__modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:90vw;overflow:hidden}.teacher-channel-editor .tce__modal-header{align-items:center;background:#f9fafb;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;padding:1.5rem 2rem}.teacher-channel-editor .tce__modal-header h3{color:#1a1a1a;font-size:1.25rem;font-weight:600}.teacher-channel-editor .tce__modal-header .tce__preview-modes{background:#e5e7eb;border-radius:8px;display:flex;gap:.5rem;padding:.25rem}.teacher-channel-editor .tce__modal-header .tce__preview-modes .tce__preview-mode{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.teacher-channel-editor .tce__modal-header .tce__preview-modes .tce__preview-mode:hover{color:#374151}.teacher-channel-editor .tce__modal-header .tce__preview-modes .tce__preview-mode.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#4f46e5}.teacher-channel-editor .tce__modal-header .tce__modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.teacher-channel-editor .tce__modal-header .tce__modal-close:hover{background:#e5e7eb;color:#374151}.teacher-channel-editor .tce__modal-content{max-height:70vh;overflow-y:auto;padding:2rem}.teacher-channel-editor .tce__preview-section{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.teacher-channel-editor .tce__preview-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.teacher-channel-editor .tce__preview-header h3{color:#1a1a1a;font-size:1.125rem;font-weight:600}.teacher-channel-editor .tce__preview-header .tce__preview-modes{background:#f3f4f6;border-radius:8px;display:flex;gap:.5rem;padding:.25rem}.teacher-channel-editor .tce__preview-header .tce__preview-modes .tce__preview-mode{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.teacher-channel-editor .tce__preview-header .tce__preview-modes .tce__preview-mode:hover{color:#374151}.teacher-channel-editor .tce__preview-header .tce__preview-modes .tce__preview-mode.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#4f46e5}.teacher-channel-editor .tce__preview-container{transition:all .3s ease}.teacher-channel-editor .tce__preview-container--desktop{width:100%}.teacher-channel-editor .tce__preview-container--tablet{margin:0 auto;width:280px}.teacher-channel-editor .tce__preview-container--mobile{margin:0 auto;width:200px}.teacher-channel-editor .tce__preview-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.teacher-channel-editor .tce__preview-banner{background:linear-gradient(135deg,#667eea,#764ba2);height:80px;overflow:hidden;position:relative}.teacher-channel-editor .tce__preview-banner img{height:100%;object-fit:cover;width:100%}.teacher-channel-editor .tce__preview-banner .tce__preview-banner-placeholder{align-items:center;color:#fffc;display:flex;height:100%;justify-content:center;width:100%}.teacher-channel-editor .tce__preview-content{padding:1rem}.teacher-channel-editor .tce__preview-profile{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:.75rem}.teacher-channel-editor .tce__preview-profile .tce__preview-avatar{background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:40px;margin-top:-30px;overflow:hidden;position:relative;width:40px}.teacher-channel-editor .tce__preview-profile .tce__preview-avatar img{height:100%;object-fit:cover;width:100%}.teacher-channel-editor .tce__preview-profile .tce__preview-avatar .tce__preview-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;height:100%;justify-content:center;width:100%}.teacher-channel-editor .tce__preview-profile .tce__preview-info{flex:1 1;margin-top:-10px}.teacher-channel-editor .tce__preview-profile .tce__preview-info .tce__preview-title{align-items:center;color:#1a1a1a;display:flex;font-size:1rem;font-weight:700;gap:.375rem;margin-bottom:.125rem}.teacher-channel-editor .tce__preview-profile .tce__preview-info .tce__preview-title .verified-icon{color:#10b981}.teacher-channel-editor .tce__preview-profile .tce__preview-info .tce__preview-slug{color:#6b7280;font-size:.75rem;font-weight:500}.teacher-channel-editor .tce__preview-profile .tce__preview-info .tce__preview-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;color:#fff;display:inline-block;font-size:.6875rem;font-weight:600;margin-top:.25rem;padding:.25rem .5rem}.teacher-channel-editor .tce__preview-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.75rem;line-height:1.5;margin-bottom:.75rem;overflow:hidden}.teacher-channel-editor .tce__preview-stats{display:flex;gap:.75rem;margin-bottom:1rem}.teacher-channel-editor .tce__preview-stats .stat-item{align-items:center;color:#6b7280;display:flex;font-size:.6875rem;font-weight:500;gap:.25rem}.teacher-channel-editor .tce__preview-stats .stat-item svg{color:#9ca3af}.teacher-channel-editor .tce__preview-actions .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;justify-content:center;padding:.5rem .75rem;width:100%}.teacher-channel-editor .tce__preview-actions .btn.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}@media(max-width:1200px){.teacher-channel-editor .tce__modal{max-width:95vw}}@media(max-width:968px){.teacher-channel-editor{padding:1rem}.teacher-channel-editor .tce__container{gap:1.5rem;grid-template-columns:1fr!important}.teacher-channel-editor .tce__modal{max-height:95vh;max-width:98vw}.teacher-channel-editor .tce__modal-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem 1.5rem}.teacher-channel-editor .tce__modal-header .tce__preview-modes{align-self:center}.teacher-channel-editor .tce__modal-header .tce__modal-close{position:absolute;right:1rem;top:1rem}.teacher-channel-editor .tce__modal-content{padding:1rem}.teacher-channel-editor .tce__header{padding:1.5rem}.teacher-channel-editor .tce__header .tce__header-content{align-items:flex-start;flex-direction:column;gap:1rem}.teacher-channel-editor .tce__header .tce__header-content h1{font-size:1.75rem}.teacher-channel-editor .tce__images-grid{gap:1.5rem;grid-template-columns:1fr}.teacher-channel-editor .tce__fields-grid{grid-template-columns:1fr}}@media(max-width:640px){.teacher-channel-editor{padding:.5rem}.teacher-channel-editor .tce__form{padding:1.5rem}.teacher-channel-editor .tce__header{margin-bottom:1rem;padding:1rem}.teacher-channel-editor .tce__header .tce__header-content h1{font-size:1.5rem}.teacher-channel-editor .tce__header .tce__header-actions .btn{font-size:.875rem;padding:.625rem 1rem}.teacher-channel-editor .tce__actions{flex-direction:column}.teacher-channel-editor .tce__actions .btn{justify-content:center;width:100%}.teacher-channel-editor .tce__preview-container--mobile,.teacher-channel-editor .tce__preview-container--tablet{width:100%}}.teacher-channel-selector{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal)}.teacher-channel-selector .tcs__header{align-items:flex-start;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding:var(--space-8)}.teacher-channel-selector .tcs__header .tcs__header-content h1{-webkit-text-fill-color:#0000;background:var(--gradient-rainbow);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.teacher-channel-selector .tcs__header .tcs__header-content p{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.teacher-channel-selector .tcs__header .tcs__header-stats .stat-item{align-items:center;background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-xl);color:var(--primary-700);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-4) var(--space-6)}.teacher-channel-selector .tcs__header .tcs__header-stats .stat-item svg{color:var(--primary-600)}.teacher-channel-selector .tcs__toolbar{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-8);padding:var(--space-6)}.teacher-channel-selector .tcs__toolbar .tcs__search{flex:1 1;max-width:500px;position:relative}.teacher-channel-selector .tcs__toolbar .tcs__search svg{color:var(--text-muted);left:var(--space-4);position:absolute;top:50%;transform:translateY(-50%);z-index:1}.teacher-channel-selector .tcs__toolbar .tcs__search input{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-12);transition:all var(--transition-fast);width:100%}.teacher-channel-selector .tcs__toolbar .tcs__search input:focus{background:var(--bg-surface);border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.teacher-channel-selector .tcs__toolbar .tcs__search input::placeholder{color:var(--text-muted)}.teacher-channel-selector .tcs__toolbar .btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast);white-space:nowrap}.teacher-channel-selector .tcs__toolbar .btn.btn-primary{background:var(--gradient-rainbow);box-shadow:var(--shadow-md);color:#fff}.teacher-channel-selector .tcs__toolbar .btn.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.teacher-channel-selector .tcs__loading{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;padding:var(--space-16) var(--space-8)}.teacher-channel-selector .tcs__loading .spinner{animation:spin 1s linear infinite;border-top:4px solid var(--neutral-200);border:4px solid var(--neutral-200);border-radius:var(--radius-full);border-top-color:var(--primary-500);height:40px;margin-bottom:var(--space-4);width:40px}.teacher-channel-selector .tcs__loading p{color:var(--text-secondary);font-size:var(--font-size-lg)}.teacher-channel-selector .tcs__error{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:var(--space-16) var(--space-8);text-align:center}.teacher-channel-selector .tcs__error h3{color:var(--error-500);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.teacher-channel-selector .tcs__error p{color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-8)}.teacher-channel-selector .tcs__error .btn{background:var(--error-500);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.teacher-channel-selector .tcs__error .btn:hover{background:var(--error-600);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.teacher-channel-selector .tcs__empty{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:4rem 2rem;text-align:center}.teacher-channel-selector .tcs__empty svg{color:#d1d5db;margin-bottom:1.5rem}.teacher-channel-selector .tcs__empty h3{color:#374151;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.teacher-channel-selector .tcs__empty p{color:#6b7280;font-size:1.1rem;margin-bottom:2rem}.teacher-channel-selector .tcs__empty .btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .2s ease}.teacher-channel-selector .tcs__empty .btn:hover{box-shadow:0 8px 25px -8px #667eea99;transform:translateY(-2px)}.teacher-channel-selector .tcs__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.teacher-channel-selector .tcs__card{background:var(--bg-surface);border:2px solid #0000;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);overflow:hidden;position:relative;transition:all var(--transition-normal)}.teacher-channel-selector .tcs__card:hover{border-color:var(--border-primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.teacher-channel-selector .tcs__card.tcs__card--active{border-color:var(--success-500);box-shadow:0 20px 25px -5px #22c55e33}.teacher-channel-selector .tcs__card.tcs__card--active .tcs__banner:after{background:linear-gradient(135deg,#22c55e1a,#15803d1a);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.teacher-channel-selector .tcs__card .tcs__banner{background:var(--gradient-rainbow);height:120px;overflow:hidden;position:relative}.teacher-channel-selector .tcs__card .tcs__banner img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.teacher-channel-selector .tcs__card .tcs__banner .tcs__banner-placeholder{align-items:center;color:#ffffffe6;display:flex;font-size:var(--font-size-2xl);height:100%;justify-content:center;width:100%}.teacher-channel-selector .tcs__card .tcs__banner .tcs__banner-actions{display:flex;gap:.5rem;left:.75rem;opacity:0;position:absolute;top:.75rem;transition:opacity .2s ease}.teacher-channel-selector .tcs__card .tcs__banner .tcs__banner-actions .tcs__gallery-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.teacher-channel-selector .tcs__card .tcs__banner .tcs__banner-actions .tcs__gallery-btn:hover{background:#000000e6;transform:scale(1.1)}.teacher-channel-selector .tcs__card .tcs__banner:hover .tcs__banner-actions{opacity:1}.teacher-channel-selector .tcs__card .tcs__banner .tcs__verified-badge{background:#10b981}.teacher-channel-selector .tcs__card .tcs__banner .tcs__verified-badge,.teacher-channel-selector .tcs__card .tcs__banner .tcs__verified-badge-x{align-items:center;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;height:28px;justify-content:center;position:absolute;right:.75rem;top:.75rem;width:28px}.teacher-channel-selector .tcs__card .tcs__banner .tcs__verified-badge-x{background:#ef4444}.teacher-channel-selector .tcs__card .tcs__content{padding:1.5rem}.teacher-channel-selector .tcs__card .tcs__profile{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.teacher-channel-selector .tcs__card .tcs__profile .tcs__avatar{background:#fff;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;height:60px;margin-top:-45px;overflow:hidden;width:60px;z-index:1}.teacher-channel-selector .tcs__card .tcs__profile .tcs__avatar img{height:100%;object-fit:cover;width:100%}.teacher-channel-selector .tcs__card .tcs__profile .tcs__avatar .tcs__avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;height:100%;justify-content:center;width:100%}.teacher-channel-selector .tcs__card .tcs__profile .tcs__avatar .tcs__avatar-gallery-btn{align-items:center;background:#000c;border:2px solid #fff;border-radius:50%;bottom:-2px;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;opacity:0;position:absolute;right:-2px;transition:all .2s ease;width:20px}.teacher-channel-selector .tcs__card .tcs__profile .tcs__avatar .tcs__avatar-gallery-btn:hover{background:#000;transform:scale(1.1)}.teacher-channel-selector .tcs__card .tcs__profile .tcs__avatar:hover .tcs__avatar-gallery-btn{opacity:1}.teacher-channel-selector .tcs__card .tcs__profile .tcs__profile-info{flex:1 1;margin-top:-15px}.teacher-channel-selector .tcs__card .tcs__profile .tcs__profile-info .tcs__title{align-items:center;color:#1a1a1a;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:.25rem}.teacher-channel-selector .tcs__card .tcs__profile .tcs__profile-info .tcs__title .verified-icon{color:#10b981}.teacher-channel-selector .tcs__card .tcs__profile .tcs__profile-info .tcs__slug{color:#6b7280;font-size:.875rem;font-weight:500}.teacher-channel-selector .tcs__card .tcs__profile .tcs__profile-info .tcs__badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-top:.5rem;padding:.375rem .75rem}.teacher-channel-selector .tcs__card .tcs__description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.875rem;line-height:1.6;margin-bottom:1rem;overflow:hidden}.teacher-channel-selector .tcs__card .tcs__stats{display:flex;gap:1rem;margin-bottom:1.5rem}.teacher-channel-selector .tcs__card .tcs__stats .stat-item{align-items:center;color:#6b7280;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem}.teacher-channel-selector .tcs__card .tcs__stats .stat-item svg{color:#9ca3af}.teacher-channel-selector .tcs__card .tcs__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.teacher-channel-selector .tcs__card .tcs__actions .tcs__actions_btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .25s ease}.teacher-channel-selector .tcs__card .tcs__actions .tcs__actions_btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.teacher-channel-selector .tcs__card .tcs__actions .tcs__actions_btn-primary:hover{box-shadow:0 8px 20px #667eea59;transform:translateY(-2px)}.teacher-channel-selector .tcs__card .tcs__actions .tcs__actions_btn-primary:active{transform:translateY(0)}.teacher-channel-selector .tcs__card .tcs__actions .tcs__actions_btn-success{background:#10b981;color:#fff}.teacher-channel-selector .tcs__card .tcs__actions .tcs__actions_btn-success:hover{background:#059669;box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.teacher-channel-selector .tcs__card .tcs__actions .tcs__actions_btn-outline{background:#fff;border:1.5px solid #d1d5db;color:#6b7280}.teacher-channel-selector .tcs__card .tcs__actions .tcs__actions_btn-outline:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.teacher-channel-selector .tcs__card .tcs__actions .tcs__actions_btn-outline.danger{border-color:#fca5a5;color:#dc2626}.teacher-channel-selector .tcs__card .tcs__actions .tcs__actions_btn-outline.danger:hover{background:#fef2f2;border-color:#f87171;color:#b91c1c}.teacher-channel-selector .tcs__card .tcs__actions .tcs__actions_btn-sm{flex:none;min-width:38px;padding:.5rem}.teacher-channel-selector .tcs__card .tcs__actions .tcs__action-menu{display:flex;gap:.5rem;margin-left:auto}@media(max-width:480px){.teacher-channel-selector .tcs__card .tcs__actions .tcs__action-menu{justify-content:center;margin-left:0;width:100%}}@media(max-width:768px){.teacher-channel-selector{padding:1rem}.teacher-channel-selector .tcs__header{flex-direction:column;gap:1rem;padding:1.5rem}.teacher-channel-selector .tcs__header .tcs__header-content h1{font-size:2rem}.teacher-channel-selector .tcs__toolbar{flex-direction:column;gap:1rem;padding:1rem}.teacher-channel-selector .tcs__toolbar .tcs__search{max-width:none}.teacher-channel-selector .tcs__toolbar .btn{justify-content:center;width:100%}.teacher-channel-selector .tcs__grid{grid-template-columns:1fr}.teacher-channel-selector .tcs__card .tcs__profile .tcs__avatar{height:50px;margin-top:-35px;width:50px}.teacher-channel-selector .tcs__card .tcs__actions{flex-direction:column}.teacher-channel-selector .tcs__card .tcs__actions .btn,.teacher-channel-selector .tcs__card .tcs__actions .tcs__action-menu{width:100%}.teacher-channel-selector .tcs__card .tcs__actions .tcs__action-menu .btn{flex:1 1}}@media(max-width:480px){.teacher-channel-selector{padding:.5rem}.teacher-channel-selector .tcs__header{margin-bottom:1rem;padding:1rem}.teacher-channel-selector .tcs__header .tcs__header-content h1{font-size:1.75rem}.teacher-channel-selector .tcs__toolbar{margin-bottom:1rem;padding:1rem}.teacher-channel-selector .tcs__card .tcs__content{padding:1rem}.teacher-channel-selector .tcs__card .tcs__banner{height:100px}.teacher-channel-selector .tcs__card .tcs__profile .tcs__avatar{height:45px;margin-top:-30px;width:45px}.teacher-channel-selector .tcs__card .tcs__profile .tcs__profile-info .tcs__title{font-size:1.125rem}}.tcs__modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--black);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.tcs__modal{animation:modalSlideIn .3s ease-out;background:var(--bg-primary);border-radius:16px;box-shadow:0 25px 50px -12px var(--black);max-height:90vh;max-width:90vw;overflow:hidden;width:600px}.tcs__modal-header{align-items:center;background:var(--bg-primary);border-bottom:2px solid var(--black);display:flex;justify-content:space-between;padding:1.5rem 2rem}.tcs__modal-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600}.tcs__modal-header .tcs__modal-close{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.tcs__modal-header .tcs__modal-close,.tcs__modal-header .tcs__modal-close:hover{background:var(--bg-primary);color:var(--text-primary)}.tcs__modal-content{max-height:70vh;overflow-y:auto;padding:2rem}.tcs__details-grid{display:flex;flex-direction:column;gap:2rem}.tcs__detail-section h4{border-bottom:2px solid var(--black);color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.tcs__detail-item{align-items:center;border-bottom:1px solid var(--black);display:flex;justify-content:space-between;padding:.75rem 0}.tcs__detail-item:last-child{border-bottom:none}.tcs__detail-item .label{font-weight:600}.tcs__detail-item .label,.tcs__detail-item .value{align-items:center;color:var(--text-primary);display:flex;gap:.5rem}.tcs__detail-item .value{font-weight:500}.tcs__detail-item .value.badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;font-size:.875rem;padding:.25rem .75rem}.tcs__detail-item .value.verified{color:#10b981}.tcs__detail-item .value.not-verified{color:#6b7280}.tcs__detail-item .value.link{color:#4f46e5;text-decoration:none}.tcs__detail-item .value.link:hover{text-decoration:underline}.tcs__description-full{color:#6b7280;line-height:1.6;margin:0}.teacher-channel{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);max-width:1400px;min-height:100vh;padding:var(--space-8)}@media(max-width:767px){.teacher-channel{padding:var(--space-4)}}.teacher-channel .channel-header{align-items:flex-start;background:var(--gradient-rainbow);border-radius:var(--radius-3xl);color:#fff;display:flex;gap:var(--space-6);justify-content:space-between;margin-bottom:var(--space-8);overflow:hidden;padding:var(--space-8);position:relative}.teacher-channel .channel-header:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@media(max-width:767px){.teacher-channel .channel-header{flex-direction:column;gap:var(--space-4);text-align:center}}.teacher-channel .channel-header .channel-info{flex:1 1;z-index:2}.teacher-channel .channel-header .channel-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f9ff);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-4xl);font-weight:var(--font-weight-black);line-height:var(--line-height-tight);margin-bottom:var(--space-2)}@media(max-width:767px){.teacher-channel .channel-header .channel-info h1{font-size:var(--font-size-3xl)}}.teacher-channel .channel-header .channel-info p{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);opacity:.9}@media(max-width:767px){.teacher-channel .channel-header .channel-info p{font-size:var(--font-size-base)}}.teacher-channel .channel-header .channel-actions{z-index:2}.teacher-channel .channel-header .channel-actions .btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);color:#fff;font-weight:var(--font-weight-semibold);padding:var(--space-4) var(--space-8);transition:all var(--transition-normal)}.teacher-channel .channel-header .channel-actions .btn:hover{background:#ffffff4d;box-shadow:var(--shadow-2xl);transform:translateY(-3px)}@media(max-width:767px){.teacher-channel .channel-header .channel-actions .btn{padding:var(--space-3) var(--space-6);width:100%}}.teacher-channel .channel-content{display:flex;flex-direction:column;gap:var(--space-8)}.teacher-channel .cover-section{margin-bottom:var(--space-8)}.teacher-channel .cover-section .cover-image{align-items:center;background:var(--gradient-ocean);border:3px dashed var(--border-primary);border-radius:var(--radius-3xl);display:flex;height:400px;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-normal)}@media(max-width:767px){.teacher-channel .cover-section .cover-image{height:250px}}.teacher-channel .cover-section .cover-image:hover{border-color:var(--primary-500);box-shadow:var(--shadow-2xl);transform:translateY(-4px)}.teacher-channel .cover-section .cover-image img{border-radius:var(--radius-2xl);height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.teacher-channel .cover-section .cover-image .cover-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8)}.teacher-channel .cover-section .cover-image .cover-placeholder .upload-icon{align-items:center;background:#ffffff1a;border-radius:var(--radius-full);color:var(--primary-500);display:flex;font-size:var(--font-size-4xl);height:80px;justify-content:center;width:80px}.teacher-channel .cover-section .cover-image .cover-placeholder p{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.teacher-channel .cover-section .cover-image .cover-overlay{align-items:center;background:#000000b3;border-radius:var(--radius-2xl);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.teacher-channel .cover-section .cover-image .cover-overlay .cover-upload{bottom:0;cursor:pointer;left:0;opacity:0;position:absolute;right:0;top:0}.teacher-channel .cover-section .cover-image .cover-overlay .btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:var(--radius-2xl);color:var(--primary-600);cursor:pointer;display:flex;font-weight:var(--font-weight-bold);gap:var(--space-3);padding:var(--space-4) var(--space-8);transition:all var(--transition-normal)}.teacher-channel .cover-section .cover-image .cover-overlay .btn:hover{background:#fff;box-shadow:var(--shadow-xl);transform:scale(1.05)}.teacher-channel .cover-section .cover-image:hover .cover-overlay{opacity:1}.teacher-channel .profile-section{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-3xl);box-shadow:var(--shadow-xl);display:flex;gap:var(--space-8);overflow:hidden;padding:var(--space-8);position:relative}.teacher-channel .profile-section:before{background:var(--gradient-rainbow);content:"";height:4px;left:0;position:absolute;right:0;top:0}@media(max-width:767px){.teacher-channel .profile-section{flex-direction:column;gap:var(--space-6);text-align:center}}.teacher-channel .profile-section .profile-avatar{align-items:center;background:var(--gradient-primary);border:4px solid var(--primary-500);border-radius:var(--radius-full);box-shadow:var(--shadow-xl);display:flex;height:150px;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-normal);width:150px}@media(max-width:767px){.teacher-channel .profile-section .profile-avatar{height:120px;width:120px}}.teacher-channel .profile-section .profile-avatar:hover{box-shadow:var(--shadow-2xl);transform:scale(1.05)}.teacher-channel .profile-section .profile-avatar img{height:100%;object-fit:cover;width:100%}.teacher-channel .profile-section .profile-avatar .avatar-placeholder{color:#fff;font-size:var(--font-size-4xl)}.teacher-channel .profile-section .profile-avatar .avatar-overlay{align-items:center;background:#000000b3;border-radius:var(--radius-full);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.teacher-channel .profile-section .profile-avatar .avatar-overlay .avatar-upload{bottom:0;cursor:pointer;left:0;opacity:0;position:absolute;right:0;top:0}.teacher-channel .profile-section .profile-avatar .avatar-overlay .btn{align-items:center;background:#ffffffe6;border:none;border-radius:var(--radius-full);color:var(--primary-600);cursor:pointer;display:flex;height:50px;justify-content:center;padding:var(--space-3);transition:all var(--transition-normal);width:50px}.teacher-channel .profile-section .profile-avatar .avatar-overlay .btn:hover{background:#fff;box-shadow:var(--shadow-lg);transform:scale(1.1)}.teacher-channel .profile-section .profile-avatar:hover .avatar-overlay{opacity:1}.teacher-channel .profile-section .profile-info{flex:1 1}.teacher-channel .profile-section .profile-info .profile-name{margin-bottom:var(--space-2)}.teacher-channel .profile-section .profile-info .profile-name h2{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);margin-bottom:var(--space-1)}@media(max-width:767px){.teacher-channel .profile-section .profile-info .profile-name h2{font-size:var(--font-size-2xl)}}.teacher-channel .profile-section .profile-info .profile-name input{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);padding:var(--space-3);transition:all var(--transition-normal);width:100%}.teacher-channel .profile-section .profile-info .profile-name input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.teacher-channel .profile-section .profile-info .profile-username{background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-block;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4)}.teacher-channel .info-section{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-3xl);box-shadow:var(--shadow-lg);padding:var(--space-8);transition:all var(--transition-normal)}.teacher-channel .info-section:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.teacher-channel .info-section h3{align-items:center;border-bottom:2px solid var(--border-primary);color:var(--text-primary);display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.teacher-channel .info-section .info-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(max-width:767px){.teacher-channel .info-section .info-grid{grid-template-columns:1fr}}.teacher-channel .info-section .info-group{display:flex;flex-direction:column;gap:var(--space-3)}.teacher-channel .info-section .info-group label{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);letter-spacing:.5px;text-transform:uppercase}.teacher-channel .info-section .info-group .form-input,.teacher-channel .info-section .info-group .form-textarea{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-4);transition:all var(--transition-normal)}.teacher-channel .info-section .info-group .form-input:focus,.teacher-channel .info-section .info-group .form-textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-2px)}.teacher-channel .info-section .info-group .form-input:disabled,.teacher-channel .info-section .info-group .form-textarea:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.teacher-channel .info-section .info-group .form-textarea{min-height:120px;resize:vertical}.teacher-channel .info-section .info-group span{color:var(--text-secondary);font-size:var(--font-size-base)}.teacher-channel .info-section .info-group a,.teacher-channel .info-section .info-group span{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-3)}.teacher-channel .info-section .info-group a{color:var(--primary-500);text-decoration:none;transition:all var(--transition-normal)}.teacher-channel .info-section .info-group a:hover{background:var(--primary-50);border-color:var(--primary-500);transform:translateY(-2px)}.teacher-channel .social-links{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media(max-width:767px){.teacher-channel .social-links{grid-template-columns:1fr}}.teacher-channel .social-links .social-group{display:flex;flex-direction:column;gap:var(--space-3)}.teacher-channel .social-links .social-group label{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);letter-spacing:.5px;text-transform:uppercase}.teacher-channel .social-links .social-group .form-input{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-4);transition:all var(--transition-normal)}.teacher-channel .social-links .social-group .form-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-2px)}.teacher-channel .social-links .social-group .form-input:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.teacher-channel .social-links .social-group a{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--primary-500);padding:var(--space-3);text-decoration:none;transition:all var(--transition-normal)}.teacher-channel .social-links .social-group a:hover{background:var(--primary-50);border-color:var(--primary-500);transform:translateY(-2px)}.teacher-channel .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.teacher-channel .section-header h3{align-items:center;border-bottom:2px solid var(--border-primary);color:var(--text-primary);display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);gap:var(--space-3);margin-bottom:0;padding-bottom:var(--space-4)}.teacher-channel .achievements-grid,.teacher-channel .certificates-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media(max-width:767px){.teacher-channel .achievements-grid,.teacher-channel .certificates-grid{grid-template-columns:1fr}}.teacher-channel .achievement-card,.teacher-channel .certificate-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-normal)}.teacher-channel .achievement-card:before,.teacher-channel .certificate-card:before{background:var(--gradient-rainbow);content:"";height:4px;left:0;position:absolute;right:0;top:0}.teacher-channel .achievement-card:hover,.teacher-channel .certificate-card:hover{border-color:var(--primary-500);box-shadow:var(--shadow-2xl);transform:translateY(-8px)}.teacher-channel .achievement-card .achievement-image,.teacher-channel .achievement-card .certificate-image,.teacher-channel .certificate-card .achievement-image,.teacher-channel .certificate-card .certificate-image{border-radius:var(--radius-xl);height:150px;margin-bottom:var(--space-4);object-fit:cover;transition:transform var(--transition-normal);width:100%}.teacher-channel .achievement-card .achievement-image:hover,.teacher-channel .achievement-card .certificate-image:hover,.teacher-channel .certificate-card .achievement-image:hover,.teacher-channel .certificate-card .certificate-image:hover{transform:scale(1.05)}.teacher-channel .achievement-card .achievement-content h4,.teacher-channel .achievement-card .certificate-content h4,.teacher-channel .certificate-card .achievement-content h4,.teacher-channel .certificate-card .certificate-content h4{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-2)}.teacher-channel .achievement-card .achievement-content p,.teacher-channel .achievement-card .certificate-content p,.teacher-channel .certificate-card .achievement-content p,.teacher-channel .certificate-card .certificate-content p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3)}.teacher-channel .achievement-card .achievement-content .achievement-date,.teacher-channel .achievement-card .achievement-content .certificate-date,.teacher-channel .achievement-card .certificate-content .achievement-date,.teacher-channel .achievement-card .certificate-content .certificate-date,.teacher-channel .certificate-card .achievement-content .achievement-date,.teacher-channel .certificate-card .achievement-content .certificate-date,.teacher-channel .certificate-card .certificate-content .achievement-date,.teacher-channel .certificate-card .certificate-content .certificate-date{background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-muted);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;padding:var(--space-1) var(--space-3);text-transform:uppercase}.teacher-channel .achievement-card .btn-danger,.teacher-channel .certificate-card .btn-danger{align-items:center;background:var(--gradient-error);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;right:var(--space-4);top:var(--space-4);transition:all var(--transition-normal);width:36px}.teacher-channel .achievement-card .btn-danger:hover,.teacher-channel .certificate-card .btn-danger:hover{box-shadow:var(--shadow-lg);transform:scale(1.1)}.teacher-channel .form-actions{display:flex;gap:var(--space-4);justify-content:flex-end;margin-top:var(--space-8)}@media(max-width:767px){.teacher-channel .form-actions{flex-direction:column}}.teacher-channel .form-actions .btn{align-items:center;border:none;border-radius:var(--radius-xl);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-4) var(--space-8);text-align:center;text-decoration:none;transition:all var(--transition-normal)}.teacher-channel .form-actions .btn.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-lg);color:#fff}.teacher-channel .form-actions .btn.btn-primary:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.teacher-channel .form-actions .btn.btn-secondary{background:var(--bg-secondary);border:2px solid var(--border-primary);color:var(--text-primary)}.teacher-channel .form-actions .btn.btn-secondary:hover{background:var(--bg-hover);border-color:var(--primary-500);transform:translateY(-2px)}.teacher-channel .form-actions .btn.btn-danger{background:var(--gradient-error);box-shadow:var(--shadow-lg);color:#fff}.teacher-channel .form-actions .btn.btn-danger:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.teacher-channel .form-actions .btn.btn-sm{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4)}.teacher-channel .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.teacher-channel .modal-overlay .modal{animation:scaleIn var(--transition-normal);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:600px;overflow-y:auto;padding:var(--space-8);position:relative;width:90%}.teacher-channel .modal-overlay .modal .modal-header{align-items:center;border-bottom:2px solid var(--border-primary);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.teacher-channel .modal-overlay .modal .modal-header h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.teacher-channel .modal-overlay .modal .modal-header button{align-items:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-normal);width:40px}.teacher-channel .modal-overlay .modal .modal-header button:hover{background:var(--bg-hover);color:var(--text-primary);transform:scale(1.1)}.teacher-channel .modal-overlay .modal .modal-content .form-group{margin-bottom:var(--space-6)}.teacher-channel .modal-overlay .modal .modal-content .form-group label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin-bottom:var(--space-2);text-transform:uppercase}.teacher-channel .modal-overlay .modal .modal-content .form-group .form-input,.teacher-channel .modal-overlay .modal .modal-content .form-group .form-textarea{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-4);transition:all var(--transition-normal);width:100%}.teacher-channel .modal-overlay .modal .modal-content .form-group .form-input:focus,.teacher-channel .modal-overlay .modal .modal-content .form-group .form-textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-2px)}.teacher-channel .modal-overlay .modal .modal-content .form-group .form-textarea{min-height:120px;resize:vertical}.teacher-channel .modal-overlay .modal .modal-content .form-actions{border-top:2px solid var(--border-primary);display:flex;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6)}@media(max-width:767px){.teacher-channel .modal-overlay .modal .modal-content .form-actions{flex-direction:column}}.teacher-channel .modal-overlay .modal .modal-content .form-actions .btn{align-items:center;border:none;border-radius:var(--radius-xl);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-4) var(--space-8);text-align:center;text-decoration:none;transition:all var(--transition-normal)}.teacher-channel .modal-overlay .modal .modal-content .form-actions .btn.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-lg);color:#fff}.teacher-channel .modal-overlay .modal .modal-content .form-actions .btn.btn-primary:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.teacher-channel .modal-overlay .modal .modal-content .form-actions .btn.btn-secondary{background:var(--bg-secondary);border:2px solid var(--border-primary);color:var(--text-primary)}.teacher-channel .modal-overlay .modal .modal-content .form-actions .btn.btn-secondary:hover{background:var(--bg-hover);border-color:var(--primary-500)}.teacher-analytics{background:var(--bg-primary);min-height:100vh;padding:var(--space-4)}@media(max-width:768px){.teacher-analytics{padding:var(--space-2)}}.teacher-analytics .ta__loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;min-height:60vh}.teacher-analytics .ta__loading .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:var(--radius-full);border-top-color:var(--primary-500);height:48px;width:48px}.teacher-analytics .ta__loading p{color:var(--text-secondary);font-size:var(--font-size-lg)}.teacher-analytics .ta__error{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;min-height:60vh;text-align:center}.teacher-analytics .ta__error h3{color:var(--error-500);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.teacher-analytics .ta__error p{color:var(--text-secondary);font-size:var(--font-size-lg)}.teacher-analytics .ta__header{margin-bottom:var(--space-8)}.teacher-analytics .ta__header .ta__header-content{text-align:center}.teacher-analytics .ta__header .ta__header-content h1{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);gap:var(--space-3);justify-content:center;margin-bottom:var(--space-2)}@media(max-width:768px){.teacher-analytics .ta__header .ta__header-content h1{font-size:var(--font-size-3xl)}}.teacher-analytics .ta__header .ta__header-content p{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0 auto;max-width:600px}.teacher-analytics .ta__tabs{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-8);padding:var(--space-2)}@media(max-width:768px){.teacher-analytics .ta__tabs{flex-direction:column;gap:var(--space-1)}}.teacher-analytics .ta__tabs .ta__tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast);white-space:nowrap}@media(max-width:768px){.teacher-analytics .ta__tabs .ta__tab{justify-content:center;padding:var(--space-3) var(--space-4)}}.teacher-analytics .ta__tabs .ta__tab:hover{background:var(--bg-hover);color:var(--text-primary)}.teacher-analytics .ta__tabs .ta__tab.active{background:var(--primary-50);box-shadow:var(--shadow-sm);color:var(--primary-600)}[data-theme=dark] .teacher-analytics .ta__tabs .ta__tab.active{background:#3b82f61a;color:var(--primary-400)}.teacher-analytics .ta__content{margin:0 auto;max-width:1400px}.teacher-analytics .ta__overview .ta__stats-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--space-8)}@media(max-width:768px){.teacher-analytics .ta__overview .ta__stats-grid{gap:var(--space-4);grid-template-columns:1fr}}.teacher-analytics .ta__overview .ta__stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-normal)}.teacher-analytics .ta__overview .ta__stat-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.teacher-analytics .ta__overview .ta__stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.teacher-analytics .ta__overview .ta__stat-card:hover:before{opacity:1}.teacher-analytics .ta__overview .ta__stat-card--primary:before{background:var(--gradient-primary)}.teacher-analytics .ta__overview .ta__stat-card--success:before{background:var(--gradient-success)}.teacher-analytics .ta__overview .ta__stat-card--warning:before{background:var(--gradient-warning)}.teacher-analytics .ta__overview .ta__stat-card--info:before{background:linear-gradient(135deg,var(--primary-400),var(--primary-600))}.teacher-analytics .ta__overview .ta__stat-card .ta__stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.teacher-analytics .ta__overview .ta__stat-card .ta__stat-header .ta__stat-icon{align-items:center;background:#3b82f61a;border-radius:var(--radius-xl);color:var(--primary-600);display:flex;height:64px;justify-content:center;width:64px}.ta__stat-card--success .teacher-analytics .ta__overview .ta__stat-card .ta__stat-header .ta__stat-icon{background:#22c55e1a;color:var(--success-600)}.ta__stat-card--warning .teacher-analytics .ta__overview .ta__stat-card .ta__stat-header .ta__stat-icon{background:#f59e0b1a;color:var(--warning-600)}.ta__stat-card--info .teacher-analytics .ta__overview .ta__stat-card .ta__stat-header .ta__stat-icon{background:#3b82f61a;color:var(--primary-600)}.teacher-analytics .ta__overview .ta__stat-card .ta__stat-header .ta__stat-trend{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.teacher-analytics .ta__overview .ta__stat-card .ta__stat-header .ta__stat-trend.positive{background:#22c55e1a;color:var(--success-600)}.teacher-analytics .ta__overview .ta__stat-card .ta__stat-header .ta__stat-trend.negative{background:#ef44441a;color:var(--error-600)}.teacher-analytics .ta__overview .ta__stat-card .ta__stat-content .ta__stat-value{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-1)}.teacher-analytics .ta__overview .ta__stat-card .ta__stat-content .ta__stat-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.teacher-analytics .ta__overview .ta__detailed-stats .ta__detailed-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:var(--space-8)}.teacher-analytics .ta__overview .ta__detailed-stats .ta__detailed-card h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--space-3);margin-bottom:var(--space-6)}.teacher-analytics .ta__overview .ta__detailed-stats .ta__detailed-card .ta__detailed-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media(max-width:768px){.teacher-analytics .ta__overview .ta__detailed-stats .ta__detailed-card .ta__detailed-grid{grid-template-columns:1fr}}.teacher-analytics .ta__overview .ta__detailed-stats .ta__detailed-card .ta__detailed-item{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-4);transition:all var(--transition-fast)}.teacher-analytics .ta__overview .ta__detailed-stats .ta__detailed-card .ta__detailed-item:hover{background:var(--bg-hover);transform:translateY(-2px)}.teacher-analytics .ta__overview .ta__detailed-stats .ta__detailed-card .ta__detailed-item .ta__detailed-icon{align-items:center;border-radius:var(--radius-lg);display:flex;height:48px;justify-content:center;width:48px}.teacher-analytics .ta__overview .ta__detailed-stats .ta__detailed-card .ta__detailed-item .ta__detailed-icon.success{background:#22c55e1a;color:var(--success-600)}.teacher-analytics .ta__overview .ta__detailed-stats .ta__detailed-card .ta__detailed-item .ta__detailed-icon.warning{background:#f59e0b1a;color:var(--warning-600)}.teacher-analytics .ta__overview .ta__detailed-stats .ta__detailed-card .ta__detailed-item .ta__detailed-icon.info{background:#3b82f61a;color:var(--primary-600)}.teacher-analytics .ta__overview .ta__detailed-stats .ta__detailed-card .ta__detailed-item .ta__detailed-content .ta__detailed-value{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.teacher-analytics .ta__overview .ta__detailed-stats .ta__detailed-card .ta__detailed-item .ta__detailed-content .ta__detailed-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.teacher-analytics .ta__courses .ta__courses-header{margin-bottom:var(--space-8);text-align:center}.teacher-analytics .ta__courses .ta__courses-header h2{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}@media(max-width:768px){.teacher-analytics .ta__courses .ta__courses-header h2{font-size:var(--font-size-2xl)}}.teacher-analytics .ta__courses .ta__courses-header p{color:var(--text-secondary);font-size:var(--font-size-lg)}.teacher-analytics .ta__courses .ta__courses-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:var(--space-8)}@media(max-width:768px){.teacher-analytics .ta__courses .ta__courses-grid{gap:var(--space-4);grid-template-columns:1fr}}.teacher-analytics .ta__courses .ta__course-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:all var(--transition-normal)}.teacher-analytics .ta__courses .ta__course-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.teacher-analytics .ta__courses .ta__course-card .ta__course-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.teacher-analytics .ta__courses .ta__course-card .ta__course-header .ta__course-info{flex:1 1}.teacher-analytics .ta__courses .ta__course-card .ta__course-header .ta__course-info h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-1)}.teacher-analytics .ta__courses .ta__course-card .ta__course-header .ta__course-info .ta__course-slug{color:var(--text-secondary);font-family:monospace;font-size:var(--font-size-sm)}.teacher-analytics .ta__courses .ta__course-card .ta__course-header .ta__performance-badge{border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--space-1) var(--space-3);white-space:nowrap}.teacher-analytics .ta__courses .ta__course-card .ta__course-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-6)}@media(max-width:768px){.teacher-analytics .ta__courses .ta__course-card .ta__course-stats{gap:var(--space-3);grid-template-columns:1fr}}.teacher-analytics .ta__courses .ta__course-card .ta__course-stats .ta__course-stat{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-3)}.teacher-analytics .ta__courses .ta__course-card .ta__course-stats .ta__course-stat .stat-icon{color:var(--primary-600);height:20px;width:20px}.teacher-analytics .ta__courses .ta__course-card .ta__course-stats .ta__course-stat .stat-content .stat-value{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.teacher-analytics .ta__courses .ta__course-card .ta__course-stats .ta__course-stat .stat-content .stat-label{color:var(--text-secondary);font-size:var(--font-size-xs)}.teacher-analytics .ta__courses .ta__course-card .ta__course-metrics{margin-bottom:var(--space-6)}.teacher-analytics .ta__courses .ta__course-card .ta__course-metrics .ta__course-metric{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--space-3);padding:var(--space-3)}.teacher-analytics .ta__courses .ta__course-card .ta__course-metrics .ta__course-metric:last-child{margin-bottom:0}.teacher-analytics .ta__courses .ta__course-card .ta__course-metrics .ta__course-metric .metric-header{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2)}.teacher-analytics .ta__courses .ta__course-card .ta__course-metrics .ta__course-metric .metric-header .metric-icon{color:var(--primary-600)}.teacher-analytics .ta__courses .ta__course-card .ta__course-metrics .ta__course-metric .metric-value{color:var(--text-primary);font-weight:var(--font-weight-bold)}.teacher-analytics .ta__courses .ta__course-card .ta__course-metrics .ta__course-metric .ta__engagement-rate{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2)}.teacher-analytics .ta__courses .ta__course-card .ta__course-metrics .ta__course-metric .ta__engagement-rate .rate-icon{color:var(--primary-600)}.teacher-analytics .ta__courses .ta__course-card .ta__course-progress .progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.teacher-analytics .ta__courses .ta__course-card .ta__course-progress .progress-header span{color:var(--text-secondary);font-size:var(--font-size-sm)}.teacher-analytics .ta__courses .ta__course-card .ta__course-progress .progress-header span:last-child{color:var(--text-primary);font-weight:var(--font-weight-bold)}.teacher-analytics .ta__courses .ta__course-card .ta__course-progress .progress-bar{background:var(--bg-secondary);border-radius:var(--radius-full);height:8px;overflow:hidden}.teacher-analytics .ta__courses .ta__course-card .ta__course-progress .progress-bar .progress-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.teacher-analytics .ta__courses .ta__empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-16);text-align:center}.teacher-analytics .ta__courses .ta__empty-state svg{color:var(--text-secondary);margin-bottom:var(--space-4)}.teacher-analytics .ta__courses .ta__empty-state h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.teacher-analytics .ta__courses .ta__empty-state p{color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-6)}.teacher-analytics .ta__courses .ta__empty-state .btn-primary{margin:0}.teacher-analytics .ta__courses .ta__insights{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:var(--space-8)}.teacher-analytics .ta__courses .ta__insights h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6)}.teacher-analytics .ta__courses .ta__insights .ta__insights-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(max-width:768px){.teacher-analytics .ta__courses .ta__insights .ta__insights-grid{grid-template-columns:1fr}}.teacher-analytics .ta__courses .ta__insights .ta__insights-grid .ta__insight-card{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-fast)}.teacher-analytics .ta__courses .ta__insights .ta__insights-grid .ta__insight-card:hover{background:var(--bg-hover);transform:translateY(-2px)}.teacher-analytics .ta__courses .ta__insights .ta__insights-grid .ta__insight-card h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.teacher-analytics .ta__courses .ta__insights .ta__insights-grid .ta__insight-card .insight-content .insight-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.teacher-analytics .ta__courses .ta__insights .ta__insights-grid .ta__insight-card .insight-content .insight-value{color:var(--text-secondary);font-size:var(--font-size-sm)}.teacher-analytics .ta__engagement .ta__engagement-header{margin-bottom:var(--space-8);text-align:center}.teacher-analytics .ta__engagement .ta__engagement-header h2{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}@media(max-width:768px){.teacher-analytics .ta__engagement .ta__engagement-header h2{font-size:var(--font-size-2xl)}}.teacher-analytics .ta__engagement .ta__engagement-header p{color:var(--text-secondary);font-size:var(--font-size-lg)}.teacher-analytics .ta__engagement .ta__engagement-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:var(--space-8)}@media(max-width:768px){.teacher-analytics .ta__engagement .ta__engagement-grid{gap:var(--space-4);grid-template-columns:1fr}}.teacher-analytics .ta__engagement .ta__engagement-grid .ta__engagement-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:all var(--transition-normal)}.teacher-analytics .ta__engagement .ta__engagement-grid .ta__engagement-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.teacher-analytics .ta__engagement .ta__engagement-grid .ta__engagement-card .ta__engagement-icon{align-items:center;border-radius:var(--radius-xl);display:flex;height:64px;justify-content:center;margin-bottom:var(--space-4);width:64px}.teacher-analytics .ta__engagement .ta__engagement-grid .ta__engagement-card .ta__engagement-icon.success{background:#22c55e1a;color:var(--success-600)}.teacher-analytics .ta__engagement .ta__engagement-grid .ta__engagement-card .ta__engagement-icon.warning{background:#f59e0b1a;color:var(--warning-600)}.teacher-analytics .ta__engagement .ta__engagement-grid .ta__engagement-card .ta__engagement-icon.info,.teacher-analytics .ta__engagement .ta__engagement-grid .ta__engagement-card .ta__engagement-icon.primary{background:#3b82f61a;color:var(--primary-600)}.teacher-analytics .ta__engagement .ta__engagement-grid .ta__engagement-card .ta__engagement-content .ta__engagement-value{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-2)}.teacher-analytics .ta__engagement .ta__engagement-grid .ta__engagement-card .ta__engagement-content .ta__engagement-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4)}.teacher-analytics .ta__engagement .ta__engagement-grid .ta__engagement-card .ta__engagement-content .ta__engagement-progress{background:var(--bg-secondary);border-radius:var(--radius-full);height:6px;overflow:hidden}.teacher-analytics .ta__engagement .ta__engagement-grid .ta__engagement-card .ta__engagement-content .ta__engagement-progress .progress-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.teacher-analytics .ta__engagement .ta__engagement-grid .ta__engagement-card .ta__engagement-content .ta__engagement-progress .progress-fill.success{background:var(--success-500)}.teacher-analytics .ta__engagement .ta__engagement-grid .ta__engagement-card .ta__engagement-content .ta__engagement-progress .progress-fill.warning{background:var(--warning-500)}.teacher-analytics .ta__engagement .ta__engagement-grid .ta__engagement-card .ta__engagement-content .ta__engagement-progress .progress-fill.info,.teacher-analytics .ta__engagement .ta__engagement-grid .ta__engagement-card .ta__engagement-content .ta__engagement-progress .progress-fill.primary{background:var(--primary-500)}.teacher-analytics .ta__engagement .ta__engagement-details .ta__engagement-detail-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:var(--space-8)}.teacher-analytics .ta__engagement .ta__engagement-details .ta__engagement-detail-card h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--space-3);margin-bottom:var(--space-6)}.teacher-analytics .ta__engagement .ta__engagement-details .ta__engagement-detail-card .ta__engagement-detail-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media(max-width:768px){.teacher-analytics .ta__engagement .ta__engagement-details .ta__engagement-detail-card .ta__engagement-detail-grid{grid-template-columns:1fr}}.teacher-analytics .ta__engagement .ta__engagement-details .ta__engagement-detail-card .ta__engagement-detail-grid .detail-item{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4)}.teacher-analytics .ta__engagement .ta__engagement-details .ta__engagement-detail-card .ta__engagement-detail-grid .detail-item .detail-label{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.teacher-analytics .ta__engagement .ta__engagement-details .ta__engagement-detail-card .ta__engagement-detail-grid .detail-item .detail-value{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.teacher-dashboard{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding:var(--space-8);transition:background-color var(--transition-normal),color var(--transition-normal)}.teacher-dashboard .dashboard-header{align-items:flex-start;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding:var(--space-8)}.teacher-dashboard .dashboard-header .header-content h1{-webkit-text-fill-color:#0000;background:var(--gradient-rainbow);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.teacher-dashboard .dashboard-header .header-content p{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.teacher-dashboard .dashboard-header .header-actions{display:flex;gap:var(--space-4)}.teacher-dashboard .dashboard-header .header-actions .btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-6);text-decoration:none;transition:all var(--transition-fast)}.teacher-dashboard .dashboard-header .header-actions .btn.btn-outline{background:var(--bg-surface);border:1px solid var(--border-primary);color:var(--text-secondary)}.teacher-dashboard .dashboard-header .header-actions .btn.btn-outline:hover{background:var(--bg-hover);border-color:var(--primary-500);color:var(--text-primary)}.teacher-dashboard .dashboard-header .header-actions .btn.btn-primary{background:var(--gradient-rainbow);box-shadow:var(--shadow-md);color:#fff;margin:0}.teacher-dashboard .dashboard-header .header-actions .btn.btn-primary:hover{box-shadow:var(--shadow-lg);color:#000;transform:translateY(-1px)}.teacher-dashboard .dashboard-loading{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center}.teacher-dashboard .dashboard-loading .spinner{animation:spin 1s linear infinite;border-top:4px solid var(--neutral-200);border:4px solid var(--neutral-200);border-radius:var(--radius-full);border-top-color:var(--primary-500);height:40px;margin-bottom:var(--space-4);width:40px}.teacher-dashboard .dashboard-loading p{color:var(--text-secondary);font-size:var(--font-size-lg)}.teacher-dashboard .dashboard-no-channel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:var(--space-16) var(--space-8);text-align:center}.teacher-dashboard .dashboard-no-channel h2{color:var(--error-500);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.teacher-dashboard .dashboard-no-channel p{color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-8)}.teacher-dashboard .dashboard-no-channel .btn{background:var(--gradient-rainbow);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;display:inline-block;font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-6);text-decoration:none;transition:all var(--transition-fast)}.teacher-dashboard .dashboard-no-channel .btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.teacher-dashboard .dashboard-stats{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--space-8)}.teacher-dashboard .dashboard-stats .stat-card{align-items:center;background:var(--bg-surface);border:2px solid #0000;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);color:inherit;display:flex;gap:var(--space-6);overflow:hidden;padding:var(--space-8);position:relative;text-decoration:none;transition:all var(--transition-normal)}.teacher-dashboard .dashboard-stats .stat-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.teacher-dashboard .dashboard-stats .stat-card--blue:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.teacher-dashboard .dashboard-stats .stat-card--purple:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.teacher-dashboard .dashboard-stats .stat-card--green:before{background:linear-gradient(135deg,#10b981,#059669)}.teacher-dashboard .dashboard-stats .stat-card--orange:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.teacher-dashboard .dashboard-stats .stat-card:hover{border-color:var(--border-primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.teacher-dashboard .dashboard-stats .stat-card .stat-icon{align-items:center;background:var(--gradient-rainbow);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-2xl);height:60px;justify-content:center;width:60px}.teacher-dashboard .dashboard-stats .stat-card .stat-content{flex:1 1}.teacher-dashboard .dashboard-stats .stat-card .stat-content .stat-value{color:var(--text-primary);display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.teacher-dashboard .dashboard-stats .stat-card .stat-content .stat-title{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.teacher-dashboard .dashboard-stats .stat-card .stat-arrow{color:var(--text-muted);font-size:var(--font-size-xl);transition:all var(--transition-fast)}.teacher-dashboard .dashboard-stats .stat-card:hover .stat-arrow{color:var(--primary-500);transform:translateX(4px)}.dashboard-analytics{margin-bottom:var(--space-8)}.dashboard-analytics .analytics-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:var(--space-6);transition:all var(--transition-normal)}.dashboard-analytics .analytics-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dashboard-analytics .analytics-card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.dashboard-analytics .analytics-card .card-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);gap:var(--space-2)}.dashboard-analytics .analytics-card .card-header h3 svg{color:var(--primary-500)}.dashboard-analytics .analytics-card .card-header .view-all-link{align-items:center;color:var(--primary-500);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);text-decoration:none;transition:all var(--transition-fast)}.dashboard-analytics .analytics-card .card-header .view-all-link:hover{color:var(--primary-600);transform:translateX(2px)}.dashboard-analytics .analytics-card .analytics-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dashboard-analytics .analytics-card .analytics-grid .metric-item{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-4);transition:var(--transition-fast)}.dashboard-analytics .analytics-card .analytics-grid .metric-item:hover{background:var(--bg-hover)}.dashboard-analytics .analytics-card .analytics-grid .metric-item .metric-icon{align-items:center;background:var(--primary-100);border-radius:var(--radius-lg);color:var(--primary-600);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.dashboard-analytics .analytics-card .analytics-grid .metric-item .metric-content{display:flex;flex-direction:column;gap:var(--space-1)}.dashboard-analytics .analytics-card .analytics-grid .metric-item .metric-content .metric-value{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1}.dashboard-analytics .analytics-card .analytics-grid .metric-item .metric-content .metric-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.dashboard-courses{margin-bottom:var(--space-8)}.dashboard-courses .courses-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.dashboard-courses .courses-header h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.dashboard-courses .courses-header .view-all-link{align-items:center;color:var(--primary-500);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);text-decoration:none;transition:all var(--transition-fast)}.dashboard-courses .courses-header .view-all-link:hover{color:var(--primary-600);transform:translateX(2px)}.dashboard-courses .courses-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.dashboard-courses .courses-grid .course-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:var(--space-6);transition:all var(--transition-normal)}.dashboard-courses .courses-grid .course-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dashboard-courses .courses-grid .course-card .course-thumbnail{background:var(--bg-secondary);border-radius:var(--radius-lg);height:120px;margin-bottom:var(--space-4);overflow:hidden;width:100%}.dashboard-courses .courses-grid .course-card .course-thumbnail img{height:100%;object-fit:cover;width:100%}.dashboard-courses .courses-grid .course-card .course-thumbnail .course-placeholder{align-items:center;background:var(--gradient-secondary);color:var(--text-secondary);display:flex;height:100%;justify-content:center;width:100%}.dashboard-courses .courses-grid .course-card .course-content h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--space-2)}.dashboard-courses .courses-grid .course-card .course-content .course-slug{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4)}.dashboard-courses .courses-grid .course-card .course-content .course-stats{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4)}.dashboard-courses .courses-grid .course-card .course-content .course-stats .stat{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2)}.dashboard-courses .courses-grid .course-card .course-content .course-stats .stat svg{color:var(--primary-500)}.dashboard-courses .courses-grid .course-card .course-content .course-progress .progress-bar{background:var(--bg-secondary);border-radius:var(--radius-full);height:6px;margin-bottom:var(--space-2);overflow:hidden;width:100%}.dashboard-courses .courses-grid .course-card .course-content .course-progress .progress-bar .progress-fill{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;transition:width .5s ease-in-out}.dashboard-courses .courses-grid .course-card .course-content .course-progress .progress-text{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.dashboard-courses .empty-state{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);display:flex;flex-direction:column;justify-content:center;padding:var(--space-12);text-align:center}.dashboard-courses .empty-state svg{color:var(--text-secondary);opacity:.5}.dashboard-courses .empty-state h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.dashboard-courses .empty-state p{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-6)}.dashboard-courses .empty-state .btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-6);text-decoration:none;transition:all var(--transition-fast)}.dashboard-courses .empty-state .btn.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-md);color:#fff;margin:0}.dashboard-courses .empty-state .btn.btn-primary:hover{box-shadow:var(--shadow-lg);color:#000;transform:translateY(-1px)}.dashboard-actions h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-6)}.dashboard-actions .actions-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.dashboard-actions .actions-grid .action-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);color:inherit;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);text-align:center;text-decoration:none;transition:all var(--transition-normal)}.dashboard-actions .actions-grid .action-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.dashboard-actions .actions-grid .action-card svg{color:var(--primary-500);font-size:var(--font-size-3xl)}.dashboard-actions .actions-grid .action-card span{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.analytics-overview{margin-bottom:var(--space-8)}.analytics-overview .overview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.analytics-overview .overview-header h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.analytics-overview .overview-header .view-all-link{align-items:center;color:var(--primary-500);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);text-decoration:none;transition:all var(--transition-fast)}.analytics-overview .overview-header .view-all-link:hover{color:var(--primary-600);transform:translateX(2px)}.analytics-overview .overview-cards{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.analytics-overview .overview-cards .overview-card{background:var(--bg-surface);border:2px solid #0000;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:var(--space-8);transition:all var(--transition-normal)}.analytics-overview .overview-cards .overview-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.analytics-overview .overview-cards .overview-card--primary{background:linear-gradient(135deg,#3b82f60d,#1d4ed80d);border-color:var(--primary-500)}.analytics-overview .overview-cards .overview-card--success{background:linear-gradient(135deg,#22c55e0d,#15803d0d);border-color:var(--success-500)}.analytics-overview .overview-cards .overview-card--warning{background:linear-gradient(135deg,#f59e0b0d,#d977060d);border-color:var(--warning-500)}.analytics-overview .overview-cards .overview-card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.analytics-overview .overview-cards .overview-card .card-header h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.analytics-overview .overview-cards .overview-card .card-header .card-icon{color:var(--primary-500);font-size:var(--font-size-2xl)}.analytics-overview .overview-cards .overview-card .card-content{display:flex;gap:var(--space-4);justify-content:space-between}.analytics-overview .overview-cards .overview-card .card-content .metric{text-align:center}.analytics-overview .overview-cards .overview-card .card-content .metric .metric-value{color:var(--text-primary);display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.analytics-overview .overview-cards .overview-card .card-content .metric .metric-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.recent-courses{margin-bottom:2rem}.recent-courses .courses-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.recent-courses .courses-header h2{color:#1a1a1a;font-size:1.5rem;font-weight:600}.recent-courses .courses-header .view-all-link{align-items:center;color:#667eea;display:flex;font-weight:600;gap:.5rem;text-decoration:none;transition:all .2s ease}.recent-courses .courses-header .view-all-link:hover{color:#4f46e5;transform:translateX(2px)}.recent-courses .courses-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.recent-courses .courses-grid .course-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:2rem;transition:all .3s ease}.recent-courses .courses-grid .course-card:hover{border-color:#e5e7eb;box-shadow:0 12px 20px -5px #0000001a;transform:translateY(-2px)}.recent-courses .courses-grid .course-card .course-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.recent-courses .courses-grid .course-card .course-header .course-title{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin-bottom:0}.recent-courses .courses-grid .course-card .course-header .course-date{align-items:center;color:#9ca3af;display:flex;font-size:.875rem;gap:.5rem}.recent-courses .courses-grid .course-card .course-stats{display:flex;gap:1rem;margin-bottom:1.5rem}.recent-courses .courses-grid .course-card .course-stats .course-stat{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.recent-courses .courses-grid .course-card .course-stats .course-stat .stat-icon{color:#667eea}.recent-courses .courses-grid .course-card .course-progress .progress-bar{background:#f3f4f6;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.recent-courses .courses-grid .course-card .course-progress .progress-bar .progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .3s ease}.recent-courses .courses-grid .course-card .course-progress .progress-text{color:#6b7280;font-size:.875rem}.quick-actions h2{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.quick-actions .actions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.quick-actions .actions-grid .action-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;color:inherit;padding:2rem;text-align:center;text-decoration:none;transition:all .3s ease}.quick-actions .actions-grid .action-card:hover{box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-4px)}.quick-actions .actions-grid .action-card--primary{border-color:#667eea}.quick-actions .actions-grid .action-card--primary:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d)}.quick-actions .actions-grid .action-card--primary .action-icon{color:#667eea}.quick-actions .actions-grid .action-card--success{border-color:#10b981}.quick-actions .actions-grid .action-card--success:hover{background:linear-gradient(135deg,#10b9810d,#0596690d)}.quick-actions .actions-grid .action-card--success .action-icon{color:#10b981}.quick-actions .actions-grid .action-card--warning{border-color:#f59e0b}.quick-actions .actions-grid .action-card--warning:hover{background:linear-gradient(135deg,#f59e0b0d,#d977060d)}.quick-actions .actions-grid .action-card--warning .action-icon{color:#f59e0b}.quick-actions .actions-grid .action-card--info{border-color:#3b82f6}.quick-actions .actions-grid .action-card--info:hover{background:linear-gradient(135deg,#3b82f60d,#1d4ed80d)}.quick-actions .actions-grid .action-card--info .action-icon{color:#3b82f6}.quick-actions .actions-grid .action-card .action-icon{font-size:2.5rem;margin-bottom:1rem}.quick-actions .actions-grid .action-card h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.quick-actions .actions-grid .action-card p{color:#6b7280;font-size:.875rem}@media(max-width:768px){.teacher-dashboard{padding:1rem}.teacher-dashboard .dashboard-header{flex-direction:column;gap:1rem;padding:1.5rem}.teacher-dashboard .dashboard-header .header-content h1{font-size:2rem}.teacher-dashboard .dashboard-header .header-actions{width:100%}.teacher-dashboard .dashboard-header .header-actions .btn{flex:1 1;justify-content:center}.teacher-dashboard .actions-grid,.teacher-dashboard .courses-grid,.teacher-dashboard .overview-cards,.teacher-dashboard .stats-grid{grid-template-columns:1fr}.teacher-dashboard .courses-header,.teacher-dashboard .overview-header{align-items:flex-start;flex-direction:column;gap:1rem}.teacher-dashboard .course-header{align-items:flex-start;flex-direction:column;gap:.5rem}.teacher-dashboard .course-stats{flex-wrap:wrap}}@media(max-width:480px){.teacher-dashboard{padding:.5rem}.teacher-dashboard .dashboard-header{padding:1rem}.teacher-dashboard .dashboard-header .header-content h1{font-size:1.75rem}.teacher-dashboard .action-card,.teacher-dashboard .course-card,.teacher-dashboard .overview-card,.teacher-dashboard .stat-card{padding:1.5rem}.teacher-dashboard .card-content{flex-direction:column;gap:1rem}}.test-creator{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.test-creator-modal{background:var(--bg-primary);border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:90vw;overflow-y:auto;width:100%}.tc-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.tc-header h2{color:var(--text-primary);font-size:24px;margin:0}.tc-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:4px;transition:all .2s}.tc-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.tc-steps{border-bottom:1px solid var(--border-color);display:flex;gap:16px;padding:24px}.tc-step{align-items:center;background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);display:flex;flex:1 1;gap:12px;padding:12px 16px;transition:all .3s}.tc-step.active{background:var(--primary-color);color:#fff}.tc-step.completed{background:var(--success-color);color:#fff}.tc-step-number{align-items:center;background:#fff3;border-radius:50%;display:flex;font-weight:600;height:32px;justify-content:center;width:32px}.tc-step.active .tc-step-number,.tc-step.completed .tc-step-number{background:#ffffff4d}.tc-step-label{font-weight:500}.tc-content{padding:24px}.tc-form{gap:20px}.tc-form,.tc-form-group{display:flex;flex-direction:column}.tc-form-group{gap:8px}.tc-form-group label{color:var(--text-primary);font-size:14px;font-weight:500}.tc-form-group input[type=date],.tc-form-group input[type=number],.tc-form-group input[type=text],.tc-form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:all .2s}.tc-form-group input[type=date]:focus,.tc-form-group input[type=number]:focus,.tc-form-group input[type=text]:focus,.tc-form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha);outline:none}.tc-form-group input[type=date]::placeholder,.tc-form-group input[type=number]::placeholder,.tc-form-group input[type=text]::placeholder,.tc-form-group textarea::placeholder{color:var(--text-tertiary)}.tc-form-group textarea{font-family:inherit;resize:vertical}.tc-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.tc-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.tc-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha);outline:none}.tc-select option{background:var(--bg-primary);color:var(--text-primary)}.tc-checkbox{align-items:center;cursor:pointer;display:flex;gap:8px}.tc-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.tc-checkbox span{color:var(--text-primary)}.tc-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.tc-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.tc-btn:disabled{cursor:not-allowed;opacity:.5}.tc-btn-primary{background:var(--primary-gradient);color:#fff}.tc-btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.tc-btn-secondary:hover:not(:disabled){background:var(--bg-tertiary)}.tc-btn-success{background:var(--primary-gradient);color:#fff}.tc-btn-success:hover:not(:disabled){transform:translateY(-2px)}.tc-btn-large{border-radius:12px;font-size:16px;padding:16px 32px}.tc-upload-section{padding:60px 20px}.tc-upload-section h3{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:50px;text-align:center}.tc-choice-cards{grid-gap:40px;align-items:stretch;display:grid;gap:40px;grid-template-columns:1fr auto 1fr;margin:0 auto;max-width:900px}.tc-choice-card{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;min-height:320px;padding:40px 30px;position:relative;text-align:center;transition:all .3s}.tc-choice-card-active{border-color:var(--primary-color);box-shadow:0 4px 20px var(--primary-color-alpha)}.tc-choice-card-active:hover{box-shadow:0 8px 30px var(--primary-color-alpha);transform:translateY(-4px)}.tc-choice-card-disabled{background:var(--bg-secondary);border-color:var(--border-color);cursor:not-allowed;filter:grayscale(100%);opacity:.6}.tc-choice-card h4{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 12px}.tc-choice-card p{color:var(--text-secondary);flex:1 1;font-size:15px;line-height:1.6;margin:0 0 24px}.tc-choice-icon{color:var(--primary-color);font-size:64px;margin-bottom:24px}.tc-choice-card-disabled .tc-choice-icon{color:var(--text-tertiary)}.tc-coming-soon{margin-bottom:16px}.tc-badge{background:#fef3c7;border-radius:20px;color:#92400e;display:inline-block;font-size:13px;font-weight:600;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.tc-upload-inline{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.tc-upload-inline .tc-upload-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .2s}.tc-upload-inline .tc-upload-btn:hover:not(:disabled){box-shadow:0 4px 12px var(--primary-color-alpha);transform:translateY(-2px)}.tc-upload-inline .tc-upload-btn-disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.tc-upload-inline .tc-file-name{color:var(--success-color);font-size:14px;font-weight:500;margin-top:12px}.tc-choice-divider{align-self:center;color:var(--text-tertiary);font-size:16px;font-weight:600;text-transform:lowercase}.tc-questions-section{display:flex;flex-direction:column;gap:24px}.tc-questions-section h3{color:var(--text-primary);margin:0}.tc-questions-list{display:flex;flex-direction:column;gap:16px}.tc-question-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.tc-question-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.tc-question-number{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;min-width:32px}.tc-question-text{color:var(--text-primary);flex:1 1;font-weight:500;line-height:1.6;margin:0}.tc-question-actions{display:flex;gap:8px}.tc-question-actions button{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.tc-question-actions button:hover{background:var(--bg-tertiary);border-color:var(--text-tertiary);color:var(--text-primary)}.tc-question-options{display:flex;flex-direction:column;gap:8px;margin-left:44px}.tc-option{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);display:flex;font-size:14px;gap:8px;padding:8px 12px}.tc-option.correct{background:var(--success-color-light);border-color:var(--success-color);color:var(--success-color-dark);font-weight:500}.tc-option.correct svg{color:var(--success-color)}.tc-question-meta{color:var(--text-secondary);font-size:13px;margin-left:44px;margin-top:12px}.tc-add-question{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:8px;padding:20px}.tc-add-question h4{color:var(--text-primary);margin:0 0 16px}.tc-options{display:flex;flex-direction:column;gap:12px}.tc-option-input{align-items:center;display:flex;gap:12px}.tc-option-input input[type=radio]{cursor:pointer;flex-shrink:0;height:20px;width:20px}.tc-option-input input[type=text]{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:14px;padding:10px 12px}.tc-option-input input[type=text]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha);outline:none}.tc-option-input input[type=text]::placeholder{color:var(--text-tertiary)}.tc-remove-option{align-items:center;background:var(--danger-color-light);border:1px solid var(--danger-color);border-radius:6px;color:var(--danger-color);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .2s}.tc-remove-option:hover{background:var(--danger-color);color:#fff}.tc-add-option{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-top:8px;padding:8px 16px;transition:all .2s;width:-webkit-fit-content;width:fit-content}.tc-add-option:hover{background:var(--bg-tertiary);border-color:var(--text-tertiary)}.tc-hint{color:var(--text-secondary);font-size:13px;margin:8px 0 0}@media(max-width:768px){.test-creator{padding:0}.test-creator-modal{border-radius:0;max-height:100vh;max-width:100%}.tc-form-row{grid-template-columns:1fr}.tc-steps{flex-direction:column}.tc-upload-section{padding:40px 20px}.tc-upload-section h3{font-size:20px;margin-bottom:30px}.tc-choice-cards{gap:24px;grid-template-columns:1fr}.tc-choice-card{min-height:auto;padding:30px 20px}.tc-choice-divider{display:none}}.teacher-courses{background:var(--bg-primary);min-height:100vh;padding:var(--space-6);width:100%}@media(max-width:767px){.teacher-courses{padding:var(--space-4)}}.teacher-courses .tc-header{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding:var(--space-6)}@media(max-width:767px){.teacher-courses .tc-header{flex-direction:column;gap:var(--space-4);text-align:center}}.teacher-courses .tc-header .tc-header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-600),var(--primary-400));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}@media(max-width:767px){.teacher-courses .tc-header .tc-header-content h1{font-size:var(--font-size-2xl)}}.teacher-courses .tc-header .tc-header-content p{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.teacher-courses .tc-header .tc-create-btn{align-items:center;background:var(--primary-500);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.teacher-courses .tc-header .tc-create-btn:hover{background:var(--primary-600);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.teacher-courses .tc-stats-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-8)}@media(max-width:767px){.teacher-courses .tc-stats-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}.teacher-courses .tc-stats-grid .tc-stat-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-fast)}.teacher-courses .tc-stats-grid .tc-stat-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.teacher-courses .tc-stats-grid .tc-stat-card:first-child:before{background:linear-gradient(90deg,var(--primary-500),var(--primary-400))}.teacher-courses .tc-stats-grid .tc-stat-card:nth-child(2):before{background:linear-gradient(90deg,var(--success-500),var(--success-400))}.teacher-courses .tc-stats-grid .tc-stat-card:nth-child(3):before{background:linear-gradient(90deg,var(--warning-500),var(--warning-400))}.teacher-courses .tc-stats-grid .tc-stat-card:nth-child(4):before{background:linear-gradient(90deg,var(--purple-500),var(--purple-400))}.teacher-courses .tc-stats-grid .tc-stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.teacher-courses .tc-stats-grid .tc-stat-card .tc-stat-icon{align-items:center;border-radius:var(--radius-lg);color:#fff;display:flex;font-size:var(--font-size-xl);height:48px;justify-content:center;margin-bottom:var(--space-4);width:48px}.teacher-courses .tc-stats-grid .tc-stat-card .tc-stat-icon.courses{background:linear-gradient(135deg,var(--primary-500),var(--primary-600))}.teacher-courses .tc-stats-grid .tc-stat-card .tc-stat-icon.students{background:linear-gradient(135deg,var(--success-500),var(--success-600))}.teacher-courses .tc-stats-grid .tc-stat-card .tc-stat-icon.videos{background:linear-gradient(135deg,var(--warning-500),var(--warning-600))}.teacher-courses .tc-stats-grid .tc-stat-card .tc-stat-icon.earnings{background:linear-gradient(135deg,var(--purple-500),var(--purple-600))}.teacher-courses .tc-stats-grid .tc-stat-card .tc-stat-content h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.teacher-courses .tc-stats-grid .tc-stat-card .tc-stat-content p{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.teacher-courses .tc-courses-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:var(--space-8)}@media(max-width:767px){.teacher-courses .tc-courses-grid{gap:var(--space-4);grid-template-columns:1fr}}@media(min-width:768px)and (max-width:1023px){.teacher-courses .tc-courses-grid{grid-template-columns:repeat(2,1fr)}}.teacher-courses .tc-empty-state{color:var(--text-secondary);grid-column:1/-1;padding:var(--space-16) var(--space-8);text-align:center}.teacher-courses .tc-empty-state .empty-icon{color:var(--primary-500);font-size:var(--font-size-6xl);margin-bottom:var(--space-6);opacity:.5}.teacher-courses .tc-empty-state h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.teacher-courses .tc-empty-state p{font-size:var(--font-size-lg);margin-bottom:var(--space-8);margin-left:auto;margin-right:auto;max-width:500px}.teacher-courses .tc-empty-state .btn{align-items:center;background:var(--primary-500);border:none;border-radius:var(--radius-xl);color:#fff;cursor:pointer;display:inline-flex;font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-4) var(--space-8);text-decoration:none;transition:all var(--transition-fast)}.teacher-courses .tc-empty-state .btn:hover{background:var(--primary-600);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.teacher-courses .tc-course-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-fast)}.teacher-courses .tc-course-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.teacher-courses .tc-course-card .tc-course-thumbnail{height:200px;overflow:hidden;position:relative;width:100%}.teacher-courses .tc-course-card .tc-course-thumbnail img{height:100%;object-fit:cover;transition:transform var(--transition-fast);width:100%}.teacher-courses .tc-course-card .tc-course-thumbnail:hover img{transform:scale(1.1)}.teacher-courses .tc-course-card .tc-course-thumbnail .tc-course-overlay{background:linear-gradient(180deg,rgba(0,0,0,.947),#0000,#0000004d);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-fast)}.teacher-courses .tc-course-card .tc-course-thumbnail .tc-course-overlay .tc-course-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);left:var(--space-3);position:absolute;top:var(--space-3)}.teacher-courses .tc-course-card .tc-course-thumbnail .tc-course-overlay .tc-course-badges .badge{border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:var(--space-1) var(--space-2);text-transform:uppercase}.teacher-courses .tc-course-card .tc-course-thumbnail .tc-course-overlay .tc-course-badges .badge.new{background:var(--success-500);color:#fff}.teacher-courses .tc-course-card .tc-course-thumbnail .tc-course-overlay .tc-course-badges .badge.bestseller{background:var(--warning-500);color:#fff}.teacher-courses .tc-course-card .tc-course-thumbnail .tc-course-overlay .tc-course-badges .badge.free{background:var(--primary-500);color:#fff}.teacher-courses .tc-course-card .tc-course-thumbnail .tc-course-overlay .tc-course-badges .badge.paid{background:var(--purple-500);color:#fff}.teacher-courses .tc-course-card .tc-course-thumbnail:hover .tc-course-overlay{opacity:1}.teacher-courses .tc-course-card .tc-course-content{padding:var(--space-6)}.teacher-courses .tc-course-card .tc-course-content .tc-course-header{align-items:flex-start;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4)}.teacher-courses .tc-course-card .tc-course-content .tc-course-header h3{color:var(--text-primary);flex:1 1;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.teacher-courses .tc-course-card .tc-course-content .tc-course-header .tc-course-level{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-2);white-space:nowrap}.teacher-courses .tc-course-card .tc-course-content .tc-course-header .tc-course-level svg{font-size:var(--font-size-sm)}.teacher-courses .tc-course-card .tc-course-content .tc-course-stats{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}@media(max-width:767px){.teacher-courses .tc-course-card .tc-course-content .tc-course-stats{flex-wrap:wrap;gap:var(--space-2)}}.teacher-courses .tc-course-card .tc-course-content .tc-course-stats .tc-stat-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-1)}.teacher-courses .tc-course-card .tc-course-content .tc-course-stats .tc-stat-item svg{color:var(--primary-500);font-size:var(--font-size-base)}.teacher-courses .tc-course-card .tc-course-content .tc-course-meta{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding:var(--space-3)}@media(max-width:767px){.teacher-courses .tc-course-card .tc-course-content .tc-course-meta{flex-direction:column;gap:var(--space-2)}}.teacher-courses .tc-course-card .tc-course-content .tc-course-meta .tc-course-date{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-1)}.teacher-courses .tc-course-card .tc-course-content .tc-course-meta .tc-course-date svg{font-size:var(--font-size-base)}.teacher-courses .tc-course-card .tc-course-content .tc-course-meta .tc-certificate{align-items:center;color:var(--success-600);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-1)}.teacher-courses .tc-course-card .tc-course-content .tc-course-meta .tc-certificate svg{font-size:var(--font-size-base)}.teacher-courses .tc-course-card .tc-course-content .tc-course-menu{position:absolute;right:var(--space-3);top:var(--space-3);z-index:5}.teacher-courses .tc-course-card .tc-course-content .tc-course-menu .tc-course-menu-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.teacher-courses .tc-course-card .tc-course-content .tc-course-menu .tc-course-menu-btn:hover{background:var(--bg-surface);border-color:var(--primary-300);box-shadow:var(--shadow-md);color:var(--text-primary);transform:scale(1.2)}.teacher-courses .tc-course-card .tc-course-content .tc-course-menu .tc-course-dropdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:var(--space-1);min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.teacher-courses .tc-course-card .tc-course-content .tc-course-menu .tc-course-dropdown .tc-dropdown-item{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4);text-align:left;transition:all var(--transition-fast);width:100%}.teacher-courses .tc-course-card .tc-course-content .tc-course-menu .tc-course-dropdown .tc-dropdown-item:hover{background:var(--bg-hover)}.teacher-courses .tc-course-card .tc-course-content .tc-course-menu .tc-course-dropdown .tc-dropdown-item.danger{color:var(--error-600)}.teacher-courses .tc-course-card .tc-course-content .tc-course-menu .tc-course-dropdown .tc-dropdown-item.danger:hover{background:var(--error-50)}.teacher-courses .tc-course-card .tc-course-content .tc-course-menu .tc-course-dropdown .tc-dropdown-item svg{font-size:var(--font-size-base)}.teacher-courses .loading{align-items:center;display:flex;justify-content:center;min-height:400px}.teacher-courses .loading .loading-spinner{text-align:center}.teacher-courses .loading .loading-spinner .spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:var(--radius-full);border-top-color:var(--primary-500);height:48px;margin-bottom:var(--space-4);width:48px}.teacher-courses .loading .loading-spinner p{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.teacher-courses .tc-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.teacher-courses .tc-modal-overlay:has(.tc-assignment-modal),.teacher-courses .tc-modal-overlay:has(.tc-test-modal){background:#000000d9;z-index:1100}.teacher-courses .tc-modal-overlay .tc-modal{background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.teacher-courses .tc-modal-overlay .tc-modal .tc-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-6)}.teacher-courses .tc-modal-overlay .tc-modal .tc-modal-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.teacher-courses .tc-modal-overlay .tc-modal .tc-modal-header .tc-modal-close{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.teacher-courses .tc-modal-overlay .tc-modal .tc-modal-header .tc-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form{padding:var(--space-6)}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}@media(max-width:767px){.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-form-row{grid-template-columns:1fr}}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-form-group{margin-bottom:var(--space-6)}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-form-group label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-form-group input,.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-form-group select,.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-form-group textarea{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-3);transition:all var(--transition-fast);width:100%}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-form-group input:focus,.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-form-group select:focus,.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-form-group textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-form-group input::placeholder,.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-form-group select::placeholder,.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-form-group textarea::placeholder{color:var(--text-secondary)}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-form-group textarea{min-height:100px;resize:vertical}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-categories-grid{grid-gap:var(--space-3);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-height:200px;overflow-y:auto;padding:var(--space-3)}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-categories-grid .tc-category-item{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-2);transition:all var(--transition-fast)}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-categories-grid .tc-category-item:hover{background:var(--bg-hover)}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-categories-grid .tc-category-item input[type=checkbox]{margin:0;width:auto}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-categories-grid .tc-category-item .tc-category-name{flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-categories-grid .tc-category-item .tc-category-color{border:2px solid #fff;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);height:16px;width:16px}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-price-toggle{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);display:flex;padding:var(--space-1)}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-price-toggle .tc-toggle-item{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-price-toggle .tc-toggle-item input[type=radio]{display:none}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-price-toggle .tc-toggle-item span{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-price-toggle .tc-toggle-item:has(input:checked){background:var(--primary-500)}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-price-toggle .tc-toggle-item:has(input:checked) span{color:#fff}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-checkboxes{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}@media(max-width:767px){.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-checkboxes{grid-template-columns:1fr}}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-checkboxes .tc-checkbox-item{align-items:center;border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-3);transition:all var(--transition-fast)}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-checkboxes .tc-checkbox-item:hover{background:var(--primary-50);border-color:var(--primary-300)}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-checkboxes .tc-checkbox-item input[type=checkbox]{margin:0;width:auto}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-checkboxes .tc-checkbox-item span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-form-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--space-3);padding-top:var(--space-6)}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-form-actions .btn{border:none;border-radius:var(--radius-lg);cursor:pointer;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-4) var(--space-6);text-align:center;text-decoration:none;transition:all var(--transition-fast)}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-form-actions .btn.btn-primary{background:var(--primary-500);color:#fff}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-form-actions .btn.btn-primary:hover{background:var(--primary-600);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-form-actions .btn.btn-secondary{background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary)}.teacher-courses .tc-modal-overlay .tc-modal .tc-course-form .tc-form-actions .btn.btn-secondary:hover{background:var(--bg-hover);border-color:var(--primary-300)}.teacher-courses .tc-detail-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.teacher-courses .tc-detail-overlay .tc-detail-modal{background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-6)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-header .tc-modal-close{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-header .tc-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content{padding:var(--space-6)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-detail-main{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:300px 1fr;margin-bottom:var(--space-8)}@media(max-width:767px){.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-detail-main{gap:var(--space-4);grid-template-columns:1fr}}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-detail-main .tc-detail-image img{border-radius:var(--radius-xl);height:200px;object-fit:cover;width:100%}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-detail-main .tc-detail-info h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-detail-main .tc-detail-info .tc-detail-description{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-detail-main .tc-detail-info .tc-detail-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-detail-main .tc-detail-info .tc-detail-badges .badge{border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3);text-transform:uppercase}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-detail-main .tc-detail-info .tc-detail-badges .badge.new{background:var(--success-100);color:var(--success-700)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-detail-main .tc-detail-info .tc-detail-badges .badge.bestseller{background:var(--warning-100);color:var(--warning-700)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-detail-main .tc-detail-info .tc-detail-badges .badge.free{background:var(--primary-100);color:var(--primary-700)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-detail-main .tc-detail-info .tc-detail-badges .badge.paid{background:var(--purple-100);color:var(--purple-700)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-detail-main .tc-detail-info .tc-detail-badges .badge.level{background:var(--bg-secondary);color:var(--text-primary)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-detail-main .tc-detail-info .tc-detail-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-4)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-detail-main .tc-detail-info .tc-detail-stats .tc-detail-stat{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);padding:var(--space-3)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-detail-main .tc-detail-info .tc-detail-stats .tc-detail-stat svg{color:var(--primary-500);font-size:var(--font-size-lg)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-detail-main .tc-detail-info .tc-detail-stats .tc-detail-stat span{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-detail-main .tc-detail-info .tc-certificate-info{align-items:center;background:var(--success-50);border:1px solid var(--success-200);border-radius:var(--radius-lg);color:var(--success-700);display:flex;gap:var(--space-2);padding:var(--space-3)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-detail-main .tc-detail-info .tc-certificate-info svg{font-size:var(--font-size-lg)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-detail-main .tc-detail-info .tc-certificate-info span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-channel-info h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-channel-info .tc-channel-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;gap:var(--space-4);padding:var(--space-4)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-channel-info .tc-channel-card .tc-channel-avatar img{border-radius:var(--radius-full);height:60px;object-fit:cover;width:60px}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-channel-info .tc-channel-card .tc-channel-details{flex:1 1}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-channel-info .tc-channel-card .tc-channel-details h5{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-channel-info .tc-channel-card .tc-channel-details p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-3)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-channel-info .tc-channel-card .tc-channel-details .tc-channel-stats{display:flex;gap:var(--space-4);margin-bottom:var(--space-3)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-channel-info .tc-channel-card .tc-channel-details .tc-channel-stats span{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-1)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-channel-info .tc-channel-card .tc-channel-details .tc-channel-stats span svg{font-size:var(--font-size-base)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-channel-info .tc-channel-card .tc-channel-details .tc-verified{align-items:center;color:var(--success-600);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-1)}.teacher-courses .tc-detail-overlay .tc-detail-modal .tc-detail-content .tc-channel-info .tc-channel-card .tc-channel-details .tc-verified svg{font-size:var(--font-size-base)}.teacher-courses .tc-months-modal{max-width:1000px}.teacher-courses .tc-months-modal .tc-modal-header .tc-modal-title{display:flex;flex-direction:column;gap:var(--space-2)}.teacher-courses .tc-months-modal .tc-modal-header .tc-modal-title h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.teacher-courses .tc-months-modal .tc-modal-header .tc-modal-title .tc-purchase-scope{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3);text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.teacher-courses .tc-months-modal .tc-modal-header .tc-modal-title .tc-purchase-scope.course{background:var(--primary-100);color:var(--primary-700)}.teacher-courses .tc-months-modal .tc-modal-header .tc-modal-title .tc-purchase-scope.course_type{background:var(--success-100);color:var(--success-700)}.teacher-courses .tc-months-modal .tc-months-content{padding:var(--space-6)}.teacher-courses .tc-months-modal .tc-months-content .tc-months-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.teacher-courses .tc-months-modal .tc-months-content .tc-months-header h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.teacher-courses .tc-months-modal .tc-months-content .tc-months-header .btn{align-items:center;background:var(--primary-500);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.teacher-courses .tc-months-modal .tc-months-content .tc-months-header .btn:hover{background:var(--primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.teacher-courses .tc-months-modal .tc-months-content .tc-empty-months{color:var(--text-secondary);padding:var(--space-12) var(--space-6);text-align:center}.teacher-courses .tc-months-modal .tc-months-content .tc-empty-months .empty-icon{color:var(--primary-500);font-size:var(--font-size-5xl);margin-bottom:var(--space-4);opacity:.5}.teacher-courses .tc-months-modal .tc-months-content .tc-empty-months h4{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.teacher-courses .tc-months-modal .tc-months-content .tc-empty-months p{font-size:var(--font-size-base);margin-bottom:var(--space-6)}.teacher-courses .tc-months-modal .tc-months-content .tc-empty-months .btn{align-items:center;background:var(--primary-500);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.teacher-courses .tc-months-modal .tc-months-content .tc-empty-months .btn:hover{background:var(--primary-600);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.teacher-courses .tc-months-modal .tc-months-content .tc-months-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media(max-width:767px){.teacher-courses .tc-months-modal .tc-months-content .tc-months-grid{grid-template-columns:1fr}}.teacher-courses .tc-months-modal .tc-months-content .tc-month-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:all var(--transition-fast)}.teacher-courses .tc-months-modal .tc-months-content .tc-month-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.teacher-courses .tc-months-modal .tc-months-content .tc-month-card .tc-month-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5)}.teacher-courses .tc-months-modal .tc-months-content .tc-month-card .tc-month-header h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.teacher-courses .tc-months-modal .tc-months-content .tc-month-card .tc-month-header .tc-month-menu{position:relative}.teacher-courses .tc-months-modal .tc-months-content .tc-month-card .tc-month-header .tc-month-menu .tc-month-menu-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.teacher-courses .tc-months-modal .tc-months-content .tc-month-card .tc-month-header .tc-month-menu .tc-month-menu-btn:hover{background:var(--bg-hover);border-color:var(--primary-300);color:var(--text-primary)}.teacher-courses .tc-months-modal .tc-months-content .tc-month-card .tc-month-header .tc-month-menu .tc-month-dropdown{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:var(--space-1);max-height:150px;min-width:180px;overflow-x:hidden;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.teacher-courses .tc-months-modal .tc-months-content .tc-month-card .tc-month-header .tc-month-menu .tc-month-dropdown::-webkit-scrollbar{width:6px}.teacher-courses .tc-months-modal .tc-months-content .tc-month-card .tc-month-header .tc-month-menu .tc-month-dropdown::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}.teacher-courses .tc-months-modal .tc-months-content .tc-month-card .tc-month-header .tc-month-menu .tc-month-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.teacher-courses .tc-months-modal .tc-months-content .tc-month-card .tc-month-header .tc-month-menu .tc-month-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.teacher-courses .tc-months-modal .tc-months-content .tc-month-card .tc-month-header .tc-month-menu .tc-month-dropdown .tc-dropdown-item{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4);text-align:left;transition:all var(--transition-fast);width:100%}.teacher-courses .tc-months-modal .tc-months-content .tc-month-card .tc-month-header .tc-month-menu .tc-month-dropdown .tc-dropdown-item:hover{background:var(--bg-hover)}.teacher-courses .tc-months-modal .tc-months-content .tc-month-card .tc-month-header .tc-month-menu .tc-month-dropdown .tc-dropdown-item.danger{color:var(--error-600)}.teacher-courses .tc-months-modal .tc-months-content .tc-month-card .tc-month-header .tc-month-menu .tc-month-dropdown .tc-dropdown-item.danger:hover{background:var(--error-50)}.teacher-courses .tc-months-modal .tc-months-content .tc-month-card .tc-month-header .tc-month-menu .tc-month-dropdown .tc-dropdown-item svg{font-size:var(--font-size-base)}.teacher-courses .tc-months-modal .tc-months-content .tc-month-card .tc-month-header .tc-month-menu .tc-month-dropdown .tc-dropdown-divider{background:var(--border-color);height:1px;margin:var(--space-1) 0}.teacher-courses .tc-months-modal .tc-months-content .tc-month-card .tc-month-info{padding:var(--space-5)}.teacher-courses .tc-months-modal .tc-months-content .tc-month-card .tc-month-info .tc-month-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.teacher-courses .tc-months-modal .tc-months-content .tc-month-card .tc-month-info .tc-month-stats{display:flex;gap:var(--space-4)}.teacher-courses .tc-months-modal .tc-months-content .tc-month-card .tc-month-info .tc-month-stats .tc-month-stat{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2)}.teacher-courses .tc-months-modal .tc-months-content .tc-month-card .tc-month-info .tc-month-stats .tc-month-stat svg{color:var(--primary-500);font-size:var(--font-size-base)}.teacher-courses .tc-test-modal{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-3xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:1300px;overflow-y:auto}@media(prefers-color-scheme:dark){.teacher-courses .tc-test-modal{background:#1f2937;border-color:#374151;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003}}.teacher-courses .tc-test-modal .tc-modal-header{background:var(--bg-surface);border-bottom:1px solid var(--border-color);border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;color:var(--text-primary);padding:var(--space-6)}@media(prefers-color-scheme:dark){.teacher-courses .tc-test-modal .tc-modal-header{background:#111827;border-color:#374151}}.teacher-courses .tc-test-modal .tc-modal-header .tc-modal-title h2{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--space-3);margin:0}.teacher-courses .tc-test-modal .tc-modal-header .tc-modal-title h2 svg{color:var(--primary-500);font-size:var(--font-size-lg)}.teacher-courses .tc-test-modal .tc-modal-header .tc-modal-close{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.teacher-courses .tc-test-modal .tc-modal-header .tc-modal-close:hover{background:var(--bg-hover);border-color:var(--primary-300);color:var(--text-primary)}.teacher-courses .tc-assignment-detail-modal,.teacher-courses .tc-assignment-modal,.teacher-courses .tc-test-detail-modal,.teacher-courses .tc-view-assignments-modal,.teacher-courses .tc-view-tests-modal{max-height:95vh;max-width:1200px;overflow-y:auto}.teacher-courses .tc-assignment-detail-modal .tc-assignment-form,.teacher-courses .tc-assignment-detail-modal .tc-test-form,.teacher-courses .tc-assignment-modal .tc-assignment-form,.teacher-courses .tc-assignment-modal .tc-test-form,.teacher-courses .tc-test-detail-modal .tc-assignment-form,.teacher-courses .tc-test-detail-modal .tc-test-form,.teacher-courses .tc-view-assignments-modal .tc-assignment-form,.teacher-courses .tc-view-assignments-modal .tc-test-form,.teacher-courses .tc-view-tests-modal .tc-assignment-form,.teacher-courses .tc-view-tests-modal .tc-test-form{background:var(--bg-primary);padding:var(--space-6)}@media(prefers-color-scheme:dark){.teacher-courses .tc-assignment-detail-modal .tc-assignment-form,.teacher-courses .tc-assignment-detail-modal .tc-test-form,.teacher-courses .tc-assignment-modal .tc-assignment-form,.teacher-courses .tc-assignment-modal .tc-test-form,.teacher-courses .tc-test-detail-modal .tc-assignment-form,.teacher-courses .tc-test-detail-modal .tc-test-form,.teacher-courses .tc-view-assignments-modal .tc-assignment-form,.teacher-courses .tc-view-assignments-modal .tc-test-form,.teacher-courses .tc-view-tests-modal .tc-assignment-form,.teacher-courses .tc-view-tests-modal .tc-test-form{background:#1f2937}}.teacher-courses .tc-test-modal .tc-test-form .tc-form-row{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:var(--space-6)}@media(max-width:767px){.teacher-courses .tc-test-modal .tc-test-form .tc-form-row{gap:var(--space-4);grid-template-columns:1fr}}.teacher-courses .tc-test-modal .tc-test-form .tc-form-group{margin-bottom:var(--space-5)}.teacher-courses .tc-test-modal .tc-test-form .tc-form-group label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.teacher-courses .tc-test-modal .tc-test-form .tc-form-group input,.teacher-courses .tc-test-modal .tc-test-form .tc-form-group select,.teacher-courses .tc-test-modal .tc-test-form .tc-form-group textarea{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-3);transition:all var(--transition-fast);width:100%}@media(prefers-color-scheme:dark){.teacher-courses .tc-test-modal .tc-test-form .tc-form-group input,.teacher-courses .tc-test-modal .tc-test-form .tc-form-group select,.teacher-courses .tc-test-modal .tc-test-form .tc-form-group textarea{background:#374151;border-color:#4b5563;color:#f9fafb}}.teacher-courses .tc-test-modal .tc-test-form .tc-form-group input:focus,.teacher-courses .tc-test-modal .tc-test-form .tc-form-group select:focus,.teacher-courses .tc-test-modal .tc-test-form .tc-form-group textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.teacher-courses .tc-test-modal .tc-test-form .tc-form-group input::placeholder,.teacher-courses .tc-test-modal .tc-test-form .tc-form-group select::placeholder,.teacher-courses .tc-test-modal .tc-test-form .tc-form-group textarea::placeholder{color:var(--text-secondary)}.teacher-courses .tc-test-modal .tc-test-form .tc-form-group textarea{font-family:inherit;min-height:100px;resize:vertical}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section{border-top:1px solid var(--border-color);margin-top:var(--space-6);padding-top:var(--space-6)}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-questions-header{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-4)}@media(prefers-color-scheme:dark){.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-questions-header{background:#374151;border-color:#4b5563}}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-questions-header h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-questions-header .btn{align-items:center;background:var(--primary-500);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-questions-header .btn:hover{background:var(--primary-600);transform:translateY(-1px)}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);margin-bottom:var(--space-4);padding:var(--space-6);transition:all var(--transition-fast)}@media(prefers-color-scheme:dark){.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card{background:#374151;border-color:#4b5563}}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card:hover{border-color:var(--primary-300);box-shadow:0 4px 12px #0000001a}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card .tc-question-header{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding:var(--space-3)}@media(prefers-color-scheme:dark){.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card .tc-question-header{background:#4b5563;border-color:#6b7280}}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card .tc-question-header h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card .tc-question-header .tc-remove-btn{align-items:center;background:var(--error-500);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card .tc-question-header .tc-remove-btn:hover{background:var(--error-600);transform:scale(1.05)}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card .tc-options-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-top:var(--space-4);padding:var(--space-4)}@media(prefers-color-scheme:dark){.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card .tc-options-section{background:#4b5563;border-color:#6b7280}}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card .tc-options-section .tc-options-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card .tc-options-section .tc-options-header label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card .tc-options-section .tc-options-header .btn{align-items:center;background:var(--success-500);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--space-1);padding:var(--space-1) var(--space-3);transition:all var(--transition-fast)}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card .tc-options-section .tc-options-header .btn:hover{background:var(--success-600);transform:translateY(-1px)}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card .tc-options-section .tc-option-row{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-3);transition:all var(--transition-fast)}@media(prefers-color-scheme:dark){.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card .tc-options-section .tc-option-row{background:#6b7280;border-color:#9ca3af}}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card .tc-options-section .tc-option-row:hover{border-color:var(--primary-300)}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card .tc-options-section .tc-option-row .tc-option-checkbox{align-items:center;display:flex;gap:var(--space-2);min-width:80px}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card .tc-options-section .tc-option-row .tc-option-checkbox input[type=radio]{accent-color:var(--primary-500);cursor:pointer;height:16px;margin:0;width:16px}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card .tc-options-section .tc-option-row .tc-option-checkbox span{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card .tc-options-section .tc-option-row .tc-option-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);padding:var(--space-2);transition:all var(--transition-fast)}@media(prefers-color-scheme:dark){.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card .tc-options-section .tc-option-row .tc-option-input{background:#9ca3af;border-color:#d1d5db;color:#111827}}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card .tc-options-section .tc-option-row .tc-option-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 2px #3b82f61a;outline:none}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card .tc-options-section .tc-option-row .tc-option-input::placeholder{color:var(--text-secondary)}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card .tc-options-section .tc-option-row .tc-remove-option-btn{align-items:center;background:var(--error-500);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.teacher-courses .tc-test-modal .tc-test-form .tc-questions-section .tc-question-card .tc-options-section .tc-option-row .tc-remove-option-btn:hover{background:var(--error-600);transform:scale(1.05)}.teacher-courses .tc-test-modal .tc-test-form .tc-form-actions{background:var(--bg-secondary);border-radius:0 0 var(--radius-3xl) var(--radius-3xl);border-top:1px solid var(--border-color);display:flex;gap:var(--space-3);margin:var(--space-6) -var(--space-6) -var(--space-6);padding:var(--space-6)}@media(prefers-color-scheme:dark){.teacher-courses .tc-test-modal .tc-test-form .tc-form-actions{background:#374151;border-color:#4b5563}}.teacher-courses .tc-test-modal .tc-test-form .tc-form-actions .btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-6);text-align:center;text-decoration:none;transition:all var(--transition-fast)}.teacher-courses .tc-test-modal .tc-test-form .tc-form-actions .btn.btn-primary{background:var(--primary-500);color:#fff}.teacher-courses .tc-test-modal .tc-test-form .tc-form-actions .btn.btn-primary:hover{background:var(--primary-600);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.teacher-courses .tc-test-modal .tc-test-form .tc-form-actions .btn.btn-secondary{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary)}@media(prefers-color-scheme:dark){.teacher-courses .tc-test-modal .tc-test-form .tc-form-actions .btn.btn-secondary{background:#6b7280;border-color:#9ca3af}}.teacher-courses .tc-test-modal .tc-test-form .tc-form-actions .btn.btn-secondary:hover{background:var(--bg-hover);border-color:var(--primary-300);transform:translateY(-1px)}.teacher-courses .tc-test-modal .tc-test-form .tc-checkbox-group .tc-checkbox-label{align-items:flex-start;border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-4);transition:all var(--transition-fast)}.teacher-courses .tc-test-modal .tc-test-form .tc-checkbox-group .tc-checkbox-label:hover{background:var(--primary-50);border-color:var(--primary-300)}.teacher-courses .tc-test-modal .tc-test-form .tc-checkbox-group .tc-checkbox-label input[type=checkbox]{margin:0;width:auto}.teacher-courses .tc-test-modal .tc-test-form .tc-checkbox-group .tc-checkbox-label .tc-checkbox-custom{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-md);height:20px;position:relative;transition:all var(--transition-fast);width:20px}.teacher-courses .tc-test-modal .tc-test-form .tc-checkbox-group .tc-checkbox-label .tc-checkbox-custom:after{color:#fff;content:"✓";font-size:var(--font-size-xs);left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity var(--transition-fast)}.teacher-courses .tc-test-modal .tc-test-form .tc-checkbox-group .tc-checkbox-label .tc-checkbox-text{flex:1 1}.teacher-courses .tc-test-modal .tc-test-form .tc-checkbox-group .tc-checkbox-label .tc-checkbox-text .tc-checkbox-title{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.teacher-courses .tc-test-modal .tc-test-form .tc-checkbox-group .tc-checkbox-label .tc-checkbox-text .tc-checkbox-desc{color:var(--text-secondary);display:block;font-size:var(--font-size-xs)}.teacher-courses .tc-test-modal .tc-test-form .tc-checkbox-group .tc-checkbox-label:has(input:checked){background:var(--primary-50);border-color:var(--primary-500)}.teacher-courses .tc-test-modal .tc-test-form .tc-checkbox-group .tc-checkbox-label:has(input:checked) .tc-checkbox-custom{background:var(--primary-500);border-color:var(--primary-500)}.teacher-courses .tc-test-modal .tc-test-form .tc-checkbox-group .tc-checkbox-label:has(input:checked) .tc-checkbox-custom:after{opacity:1}.teacher-courses .tc-assignments-content,.teacher-courses .tc-tests-content{padding:var(--space-6)}.teacher-courses .tc-assignments-content .tc-loading,.teacher-courses .tc-tests-content .tc-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-12)}.teacher-courses .tc-assignments-content .tc-loading .spinner,.teacher-courses .tc-tests-content .tc-loading .spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-500);height:40px;margin-bottom:var(--space-4);width:40px}.teacher-courses .tc-assignments-content .tc-loading p,.teacher-courses .tc-tests-content .tc-loading p{color:var(--text-secondary);font-size:var(--font-size-base)}.teacher-courses .tc-assignments-content .tc-assignments-list,.teacher-courses .tc-assignments-content .tc-tests-list,.teacher-courses .tc-tests-content .tc-assignments-list,.teacher-courses .tc-tests-content .tc-tests-list{display:flex;flex-direction:column;gap:var(--space-4)}.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-fast)}.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card:hover,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card:hover,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card:hover,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card:hover,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card:hover,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card:hover,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card:hover,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-header,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-header,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-header,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-header,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-header,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-header,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-header,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-header,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-header,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-header,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-header,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-header,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-header,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-header,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-header,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-5)}.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-assignment-info,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-test-info,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-assignment-info,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-test-info,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-assignment-info,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-test-info,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-header .tc-assignment-info,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-header .tc-test-info,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-assignment-info,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-test-info,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-assignment-info,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-test-info,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-assignment-info,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-test-info,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-header .tc-assignment-info,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-header .tc-test-info,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-assignment-info,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-test-info,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-assignment-info,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-test-info,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-assignment-info,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-test-info,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-header .tc-assignment-info,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-header .tc-test-info,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-assignment-info,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-test-info,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-assignment-info,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-test-info,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-assignment-info,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-test-info,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-header .tc-assignment-info,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-header .tc-test-info{flex:1 1}.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-assignment-info h3,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-test-info h3,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-assignment-info h3,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-test-info h3,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-assignment-info h3,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-test-info h3,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-header .tc-assignment-info h3,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-header .tc-test-info h3,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-assignment-info h3,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-test-info h3,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-assignment-info h3,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-test-info h3,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-assignment-info h3,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-test-info h3,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-header .tc-assignment-info h3,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-header .tc-test-info h3,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-assignment-info h3,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-test-info h3,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-assignment-info h3,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-test-info h3,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-assignment-info h3,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-test-info h3,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-header .tc-assignment-info h3,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-header .tc-test-info h3,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-assignment-info h3,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-test-info h3,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-assignment-info h3,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-test-info h3,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-assignment-info h3,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-test-info h3,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-header .tc-assignment-info h3,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-header .tc-test-info h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-assignment-info p,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-test-info p,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-assignment-info p,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-test-info p,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-assignment-info p,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-test-info p,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-header .tc-assignment-info p,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-header .tc-test-info p,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-assignment-info p,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-test-info p,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-assignment-info p,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-test-info p,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-assignment-info p,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-test-info p,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-header .tc-assignment-info p,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-header .tc-test-info p,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-assignment-info p,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-test-info p,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-assignment-info p,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-test-info p,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-assignment-info p,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-test-info p,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-header .tc-assignment-info p,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-header .tc-test-info p,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-assignment-info p,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-test-info p,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-assignment-info p,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-test-info p,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-assignment-info p,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-test-info p,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-header .tc-assignment-info p,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-header .tc-test-info p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-assignment-actions,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-test-actions,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-assignment-actions,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-test-actions,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-assignment-actions,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-test-actions,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-header .tc-assignment-actions,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-header .tc-test-actions,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-assignment-actions,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-test-actions,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-assignment-actions,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-test-actions,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-assignment-actions,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-test-actions,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-header .tc-assignment-actions,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-header .tc-test-actions,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-assignment-actions,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-test-actions,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-assignment-actions,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-test-actions,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-assignment-actions,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-test-actions,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-header .tc-assignment-actions,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-header .tc-test-actions,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-assignment-actions,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-test-actions,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-assignment-actions,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-test-actions,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-assignment-actions,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-test-actions,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-header .tc-assignment-actions,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-header .tc-test-actions{display:flex;gap:var(--space-2)}.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-assignment-actions .btn,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-test-actions .btn,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-assignment-actions .btn,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-test-actions .btn,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-assignment-actions .btn,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-test-actions .btn,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-header .tc-assignment-actions .btn,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-header .tc-test-actions .btn,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-assignment-actions .btn,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-test-actions .btn,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-assignment-actions .btn,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-test-actions .btn,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-assignment-actions .btn,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-test-actions .btn,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-header .tc-assignment-actions .btn,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-header .tc-test-actions .btn,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-assignment-actions .btn,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-test-actions .btn,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-assignment-actions .btn,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-test-actions .btn,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-assignment-actions .btn,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-test-actions .btn,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-header .tc-assignment-actions .btn,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-header .tc-test-actions .btn,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-assignment-actions .btn,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-test-actions .btn,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-assignment-actions .btn,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-test-actions .btn,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-assignment-actions .btn,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-test-actions .btn,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-header .tc-assignment-actions .btn,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-header .tc-test-actions .btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-assignment-actions .btn.btn-secondary,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-test-actions .btn.btn-secondary,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-assignment-actions .btn.btn-secondary,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-test-actions .btn.btn-secondary,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-assignment-actions .btn.btn-secondary,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-test-actions .btn.btn-secondary,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-header .tc-assignment-actions .btn.btn-secondary,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-header .tc-test-actions .btn.btn-secondary,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-assignment-actions .btn.btn-secondary,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-test-actions .btn.btn-secondary,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-assignment-actions .btn.btn-secondary,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-test-actions .btn.btn-secondary,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-assignment-actions .btn.btn-secondary,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-test-actions .btn.btn-secondary,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-header .tc-assignment-actions .btn.btn-secondary,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-header .tc-test-actions .btn.btn-secondary,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-assignment-actions .btn.btn-secondary,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-test-actions .btn.btn-secondary,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-assignment-actions .btn.btn-secondary,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-test-actions .btn.btn-secondary,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-assignment-actions .btn.btn-secondary,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-test-actions .btn.btn-secondary,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-header .tc-assignment-actions .btn.btn-secondary,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-header .tc-test-actions .btn.btn-secondary,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-assignment-actions .btn.btn-secondary,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-test-actions .btn.btn-secondary,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-assignment-actions .btn.btn-secondary,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-test-actions .btn.btn-secondary,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-assignment-actions .btn.btn-secondary,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-test-actions .btn.btn-secondary,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-header .tc-assignment-actions .btn.btn-secondary,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-header .tc-test-actions .btn.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-assignment-actions .btn.btn-secondary:hover,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-test-actions .btn.btn-secondary:hover,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-assignment-actions .btn.btn-secondary:hover,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-test-actions .btn.btn-secondary:hover,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-assignment-actions .btn.btn-secondary:hover,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-test-actions .btn.btn-secondary:hover,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-header .tc-assignment-actions .btn.btn-secondary:hover,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-header .tc-test-actions .btn.btn-secondary:hover,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-assignment-actions .btn.btn-secondary:hover,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-test-actions .btn.btn-secondary:hover,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-assignment-actions .btn.btn-secondary:hover,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-test-actions .btn.btn-secondary:hover,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-assignment-actions .btn.btn-secondary:hover,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-test-actions .btn.btn-secondary:hover,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-header .tc-assignment-actions .btn.btn-secondary:hover,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-header .tc-test-actions .btn.btn-secondary:hover,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-assignment-actions .btn.btn-secondary:hover,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-test-actions .btn.btn-secondary:hover,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-assignment-actions .btn.btn-secondary:hover,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-test-actions .btn.btn-secondary:hover,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-assignment-actions .btn.btn-secondary:hover,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-test-actions .btn.btn-secondary:hover,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-header .tc-assignment-actions .btn.btn-secondary:hover,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-header .tc-test-actions .btn.btn-secondary:hover,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-assignment-actions .btn.btn-secondary:hover,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-test-actions .btn.btn-secondary:hover,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-assignment-actions .btn.btn-secondary:hover,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-test-actions .btn.btn-secondary:hover,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-assignment-actions .btn.btn-secondary:hover,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-test-actions .btn.btn-secondary:hover,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-header .tc-assignment-actions .btn.btn-secondary:hover,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-header .tc-test-actions .btn.btn-secondary:hover{background:var(--bg-hover);border-color:var(--primary-300)}.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-assignment-actions .btn.btn-error,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-test-actions .btn.btn-error,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-assignment-actions .btn.btn-error,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-test-actions .btn.btn-error,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-assignment-actions .btn.btn-error,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-test-actions .btn.btn-error,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-header .tc-assignment-actions .btn.btn-error,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-header .tc-test-actions .btn.btn-error,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-assignment-actions .btn.btn-error,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-test-actions .btn.btn-error,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-assignment-actions .btn.btn-error,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-test-actions .btn.btn-error,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-assignment-actions .btn.btn-error,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-test-actions .btn.btn-error,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-header .tc-assignment-actions .btn.btn-error,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-header .tc-test-actions .btn.btn-error,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-assignment-actions .btn.btn-error,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-test-actions .btn.btn-error,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-assignment-actions .btn.btn-error,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-test-actions .btn.btn-error,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-assignment-actions .btn.btn-error,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-test-actions .btn.btn-error,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-header .tc-assignment-actions .btn.btn-error,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-header .tc-test-actions .btn.btn-error,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-assignment-actions .btn.btn-error,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-test-actions .btn.btn-error,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-assignment-actions .btn.btn-error,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-test-actions .btn.btn-error,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-assignment-actions .btn.btn-error,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-test-actions .btn.btn-error,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-header .tc-assignment-actions .btn.btn-error,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-header .tc-test-actions .btn.btn-error{background:var(--error-500);color:#fff}.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-assignment-actions .btn.btn-error:hover,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-test-actions .btn.btn-error:hover,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-assignment-actions .btn.btn-error:hover,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-test-actions .btn.btn-error:hover,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-assignment-actions .btn.btn-error:hover,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-test-actions .btn.btn-error:hover,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-header .tc-assignment-actions .btn.btn-error:hover,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-header .tc-test-actions .btn.btn-error:hover,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-assignment-actions .btn.btn-error:hover,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-test-actions .btn.btn-error:hover,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-assignment-actions .btn.btn-error:hover,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-test-actions .btn.btn-error:hover,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-assignment-actions .btn.btn-error:hover,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-test-actions .btn.btn-error:hover,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-header .tc-assignment-actions .btn.btn-error:hover,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-header .tc-test-actions .btn.btn-error:hover,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-assignment-actions .btn.btn-error:hover,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-header .tc-test-actions .btn.btn-error:hover,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-assignment-actions .btn.btn-error:hover,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-header .tc-test-actions .btn.btn-error:hover,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-assignment-actions .btn.btn-error:hover,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-header .tc-test-actions .btn.btn-error:hover,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-header .tc-assignment-actions .btn.btn-error:hover,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-header .tc-test-actions .btn.btn-error:hover,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-assignment-actions .btn.btn-error:hover,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-header .tc-test-actions .btn.btn-error:hover,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-assignment-actions .btn.btn-error:hover,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-header .tc-test-actions .btn.btn-error:hover,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-assignment-actions .btn.btn-error:hover,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-header .tc-test-actions .btn.btn-error:hover,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-header .tc-assignment-actions .btn.btn-error:hover,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-header .tc-test-actions .btn.btn-error:hover{background:var(--error-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-stats,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-stats,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-stats,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-stats,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-stats,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-stats,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-stats,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-stats,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-stats,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-stats,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-stats,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-stats,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-stats,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-stats,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-stats,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-stats{background:var(--bg-secondary);display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5)}@media(max-width:767px){.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-stats,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-stats,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-stats,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-stats,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-stats,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-stats,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-stats,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-stats,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-stats,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-stats,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-stats,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-stats,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-stats,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-stats,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-stats,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-stats{flex-wrap:wrap;gap:var(--space-2)}}.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-stats .tc-stat,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-stats .tc-stat,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-stats .tc-stat,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-stats .tc-stat,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-stats .tc-stat,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-stats .tc-stat,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-stats .tc-stat,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-stats .tc-stat,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-stats .tc-stat,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-stats .tc-stat,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-stats .tc-stat,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-stats .tc-stat,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-stats .tc-stat,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-stats .tc-stat,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-stats .tc-stat,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-stats .tc-stat{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2)}.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-stats .tc-stat svg,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-stats .tc-stat svg,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-stats .tc-stat svg,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-stats .tc-stat svg,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-stats .tc-stat svg,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-stats .tc-stat svg,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-stats .tc-stat svg,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-stats .tc-stat svg,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-stats .tc-stat svg,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-stats .tc-stat svg,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-stats .tc-stat svg,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-stats .tc-stat svg,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-stats .tc-stat svg,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-stats .tc-stat svg,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-stats .tc-stat svg,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-stats .tc-stat svg{color:var(--primary-500);font-size:var(--font-size-base)}.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-meta,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-meta,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-meta,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-meta,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-meta,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-meta,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-meta,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-meta,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-meta,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-meta,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-meta,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-meta,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-meta,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-meta,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-meta,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-meta{align-items:center;display:flex;justify-content:space-between;padding:var(--space-3) var(--space-5)}.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-meta .tc-status,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-meta .tc-status,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-meta .tc-status,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-meta .tc-status,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-meta .tc-status,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-meta .tc-status,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-meta .tc-status,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-meta .tc-status,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-meta .tc-status,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-meta .tc-status,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-meta .tc-status,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-meta .tc-status,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-meta .tc-status,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-meta .tc-status,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-meta .tc-status,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-meta .tc-status{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3);text-transform:uppercase}.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-meta .tc-status.active,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-meta .tc-status.active,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-meta .tc-status.active,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-meta .tc-status.active,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-meta .tc-status.active,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-meta .tc-status.active,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-meta .tc-status.active,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-meta .tc-status.active,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-meta .tc-status.active,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-meta .tc-status.active,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-meta .tc-status.active,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-meta .tc-status.active,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-meta .tc-status.active,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-meta .tc-status.active,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-meta .tc-status.active,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-meta .tc-status.active{background:var(--success-100);color:var(--success-700)}.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-meta .tc-status.inactive,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-meta .tc-status.inactive,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-meta .tc-status.inactive,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-meta .tc-status.inactive,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-meta .tc-status.inactive,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-meta .tc-status.inactive,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-meta .tc-status.inactive,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-meta .tc-status.inactive,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-meta .tc-status.inactive,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-meta .tc-status.inactive,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-meta .tc-status.inactive,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-meta .tc-status.inactive,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-meta .tc-status.inactive,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-meta .tc-status.inactive,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-meta .tc-status.inactive,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-meta .tc-status.inactive{background:var(--warning-100);color:var(--warning-700)}.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-assignment-meta .tc-date,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-assignment-card .tc-test-meta .tc-date,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-assignment-meta .tc-date,.teacher-courses .tc-assignments-content .tc-assignments-list .tc-test-card .tc-test-meta .tc-date,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-assignment-meta .tc-date,.teacher-courses .tc-assignments-content .tc-tests-list .tc-assignment-card .tc-test-meta .tc-date,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-assignment-meta .tc-date,.teacher-courses .tc-assignments-content .tc-tests-list .tc-test-card .tc-test-meta .tc-date,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-assignment-meta .tc-date,.teacher-courses .tc-tests-content .tc-assignments-list .tc-assignment-card .tc-test-meta .tc-date,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-assignment-meta .tc-date,.teacher-courses .tc-tests-content .tc-assignments-list .tc-test-card .tc-test-meta .tc-date,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-assignment-meta .tc-date,.teacher-courses .tc-tests-content .tc-tests-list .tc-assignment-card .tc-test-meta .tc-date,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-assignment-meta .tc-date,.teacher-courses .tc-tests-content .tc-tests-list .tc-test-card .tc-test-meta .tc-date{color:var(--text-secondary);font-size:var(--font-size-xs)}.teacher-courses .tc-assignment-detail-content,.teacher-courses .tc-test-detail-content{padding:var(--space-6)}.teacher-courses .tc-assignment-detail-content .tc-assignment-info-section,.teacher-courses .tc-assignment-detail-content .tc-test-info-section,.teacher-courses .tc-test-detail-content .tc-assignment-info-section,.teacher-courses .tc-test-detail-content .tc-test-info-section{margin-bottom:var(--space-8)}.teacher-courses .tc-assignment-detail-content .tc-assignment-info-section h3,.teacher-courses .tc-assignment-detail-content .tc-test-info-section h3,.teacher-courses .tc-test-detail-content .tc-assignment-info-section h3,.teacher-courses .tc-test-detail-content .tc-test-info-section h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.teacher-courses .tc-assignment-detail-content .tc-assignment-info-section .tc-info-grid,.teacher-courses .tc-assignment-detail-content .tc-test-info-section .tc-info-grid,.teacher-courses .tc-test-detail-content .tc-assignment-info-section .tc-info-grid,.teacher-courses .tc-test-detail-content .tc-test-info-section .tc-info-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}@media(max-width:767px){.teacher-courses .tc-assignment-detail-content .tc-assignment-info-section .tc-info-grid,.teacher-courses .tc-assignment-detail-content .tc-test-info-section .tc-info-grid,.teacher-courses .tc-test-detail-content .tc-assignment-info-section .tc-info-grid,.teacher-courses .tc-test-detail-content .tc-test-info-section .tc-info-grid{grid-template-columns:1fr}}.teacher-courses .tc-assignment-detail-content .tc-assignment-info-section .tc-info-grid .tc-info-item,.teacher-courses .tc-assignment-detail-content .tc-test-info-section .tc-info-grid .tc-info-item,.teacher-courses .tc-test-detail-content .tc-assignment-info-section .tc-info-grid .tc-info-item,.teacher-courses .tc-test-detail-content .tc-test-info-section .tc-info-grid .tc-info-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4)}.teacher-courses .tc-assignment-detail-content .tc-assignment-info-section .tc-info-grid .tc-info-item.tc-full-width,.teacher-courses .tc-assignment-detail-content .tc-test-info-section .tc-info-grid .tc-info-item.tc-full-width,.teacher-courses .tc-test-detail-content .tc-assignment-info-section .tc-info-grid .tc-info-item.tc-full-width,.teacher-courses .tc-test-detail-content .tc-test-info-section .tc-info-grid .tc-info-item.tc-full-width{grid-column:1/-1}.teacher-courses .tc-assignment-detail-content .tc-assignment-info-section .tc-info-grid .tc-info-item label,.teacher-courses .tc-assignment-detail-content .tc-test-info-section .tc-info-grid .tc-info-item label,.teacher-courses .tc-test-detail-content .tc-assignment-info-section .tc-info-grid .tc-info-item label,.teacher-courses .tc-test-detail-content .tc-test-info-section .tc-info-grid .tc-info-item label{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.teacher-courses .tc-assignment-detail-content .tc-assignment-info-section .tc-info-grid .tc-info-item .tc-description-text,.teacher-courses .tc-assignment-detail-content .tc-assignment-info-section .tc-info-grid .tc-info-item span,.teacher-courses .tc-assignment-detail-content .tc-test-info-section .tc-info-grid .tc-info-item .tc-description-text,.teacher-courses .tc-assignment-detail-content .tc-test-info-section .tc-info-grid .tc-info-item span,.teacher-courses .tc-test-detail-content .tc-assignment-info-section .tc-info-grid .tc-info-item .tc-description-text,.teacher-courses .tc-test-detail-content .tc-assignment-info-section .tc-info-grid .tc-info-item span,.teacher-courses .tc-test-detail-content .tc-test-info-section .tc-info-grid .tc-info-item .tc-description-text,.teacher-courses .tc-test-detail-content .tc-test-info-section .tc-info-grid .tc-info-item span{color:var(--text-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.teacher-courses .tc-assignment-detail-content .tc-assignment-info-section .tc-info-grid .tc-info-item .tc-status,.teacher-courses .tc-assignment-detail-content .tc-test-info-section .tc-info-grid .tc-info-item .tc-status,.teacher-courses .tc-test-detail-content .tc-assignment-info-section .tc-info-grid .tc-info-item .tc-status,.teacher-courses .tc-test-detail-content .tc-test-info-section .tc-info-grid .tc-info-item .tc-status{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3);text-transform:uppercase}.teacher-courses .tc-assignment-detail-content .tc-assignment-info-section .tc-info-grid .tc-info-item .tc-status.active,.teacher-courses .tc-assignment-detail-content .tc-test-info-section .tc-info-grid .tc-info-item .tc-status.active,.teacher-courses .tc-test-detail-content .tc-assignment-info-section .tc-info-grid .tc-info-item .tc-status.active,.teacher-courses .tc-test-detail-content .tc-test-info-section .tc-info-grid .tc-info-item .tc-status.active{background:var(--success-100);color:var(--success-700)}.teacher-courses .tc-assignment-detail-content .tc-assignment-info-section .tc-info-grid .tc-info-item .tc-status.inactive,.teacher-courses .tc-assignment-detail-content .tc-test-info-section .tc-info-grid .tc-info-item .tc-status.inactive,.teacher-courses .tc-test-detail-content .tc-assignment-info-section .tc-info-grid .tc-info-item .tc-status.inactive,.teacher-courses .tc-test-detail-content .tc-test-info-section .tc-info-grid .tc-info-item .tc-status.inactive{background:var(--warning-100);color:var(--warning-700)}.teacher-courses .tc-assignment-detail-content .tc-questions-section h3,.teacher-courses .tc-test-detail-content .tc-questions-section h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.teacher-courses .tc-assignment-detail-content .tc-questions-section .tc-questions-list,.teacher-courses .tc-test-detail-content .tc-questions-section .tc-questions-list{display:flex;flex-direction:column;gap:var(--space-4)}.teacher-courses .tc-assignment-detail-content .tc-questions-section .tc-questions-list .tc-question-item,.teacher-courses .tc-test-detail-content .tc-questions-section .tc-questions-list .tc-question-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5)}.teacher-courses .tc-assignment-detail-content .tc-questions-section .tc-questions-list .tc-question-item .tc-question-header,.teacher-courses .tc-test-detail-content .tc-questions-section .tc-questions-list .tc-question-item .tc-question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.teacher-courses .tc-assignment-detail-content .tc-questions-section .tc-questions-list .tc-question-item .tc-question-header h4,.teacher-courses .tc-test-detail-content .tc-questions-section .tc-questions-list .tc-question-item .tc-question-header h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.teacher-courses .tc-assignment-detail-content .tc-questions-section .tc-questions-list .tc-question-item .tc-question-header .tc-question-points,.teacher-courses .tc-test-detail-content .tc-questions-section .tc-questions-list .tc-question-item .tc-question-header .tc-question-points{background:var(--primary-100);border-radius:var(--radius-md);color:var(--primary-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2)}.teacher-courses .tc-assignment-detail-content .tc-questions-section .tc-questions-list .tc-question-item .tc-question-text,.teacher-courses .tc-test-detail-content .tc-questions-section .tc-questions-list .tc-question-item .tc-question-text{color:var(--text-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.teacher-courses .tc-assignment-detail-content .tc-questions-section .tc-questions-list .tc-question-item .tc-options-list,.teacher-courses .tc-test-detail-content .tc-questions-section .tc-questions-list .tc-question-item .tc-options-list{display:flex;flex-direction:column;gap:var(--space-2)}.teacher-courses .tc-assignment-detail-content .tc-questions-section .tc-questions-list .tc-question-item .tc-options-list .tc-option-item,.teacher-courses .tc-test-detail-content .tc-questions-section .tc-questions-list .tc-question-item .tc-options-list .tc-option-item{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-3);transition:all var(--transition-fast)}.teacher-courses .tc-assignment-detail-content .tc-questions-section .tc-questions-list .tc-question-item .tc-options-list .tc-option-item.correct,.teacher-courses .tc-test-detail-content .tc-questions-section .tc-questions-list .tc-question-item .tc-options-list .tc-option-item.correct{background:var(--success-50);border-color:var(--success-300)}.teacher-courses .tc-assignment-detail-content .tc-questions-section .tc-questions-list .tc-question-item .tc-options-list .tc-option-item .tc-option-letter,.teacher-courses .tc-test-detail-content .tc-questions-section .tc-questions-list .tc-question-item .tc-options-list .tc-option-item .tc-option-letter{align-items:center;background:var(--primary-500);border-radius:var(--radius-full);color:#fff;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);height:24px;justify-content:center;width:24px}.teacher-courses .tc-assignment-detail-content .tc-questions-section .tc-questions-list .tc-question-item .tc-options-list .tc-option-item .tc-option-text,.teacher-courses .tc-test-detail-content .tc-questions-section .tc-questions-list .tc-question-item .tc-options-list .tc-option-item .tc-option-text{color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm)}.teacher-courses .tc-assignment-detail-content .tc-questions-section .tc-questions-list .tc-question-item .tc-options-list .tc-option-item .tc-correct-icon,.teacher-courses .tc-test-detail-content .tc-questions-section .tc-questions-list .tc-question-item .tc-options-list .tc-option-item .tc-correct-icon{color:var(--success-600);font-size:var(--font-size-base)}.tc-status-filters{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;gap:var(--space-3);margin-bottom:var(--space-6);overflow-x:auto;padding:var(--space-4)}@media(max-width:767px){.tc-status-filters{gap:var(--space-2);padding:var(--space-3)}}.tc-status-filters .tc-filter-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:all var(--transition-fast);white-space:nowrap}@media(max-width:767px){.tc-status-filters .tc-filter-btn{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}}.tc-status-filters .tc-filter-btn svg{font-size:var(--font-size-base)}@media(max-width:767px){.tc-status-filters .tc-filter-btn .filter-label{display:none}}.tc-status-filters .tc-filter-btn .filter-count{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-full);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);height:24px;justify-content:center;min-width:24px;padding:0 var(--space-2)}.tc-status-filters .tc-filter-btn:hover{background:var(--bg-secondary);border-color:var(--primary-300);color:var(--text-primary);transform:translateY(-2px)}.tc-status-filters .tc-filter-btn.active{background:var(--primary-500);border-color:var(--primary-500);box-shadow:var(--shadow-md);color:#fff}.tc-status-filters .tc-filter-btn.active .filter-count{background:#fff3;color:#fff}.tc-status-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--space-1);left:var(--space-3);letter-spacing:.5px;padding:var(--space-2) var(--space-3);position:absolute;text-transform:uppercase;top:var(--space-3);z-index:10}.tc-status-badge svg{font-size:var(--font-size-sm)}.tc-status-badge.status-approved{background:linear-gradient(135deg,var(--success-500),var(--success-600));border:1px solid var(--success-400);color:#fff}.tc-status-badge.status-moderation{background:linear-gradient(135deg,var(--warning-500),var(--warning-600));border:1px solid var(--warning-400);color:#fff}.tc-status-badge.status-rejected{background:linear-gradient(135deg,var(--error-500),var(--error-600));border:1px solid var(--error-400);color:#fff}.tc-rejection-reason{border-top:1px solid var(--border-color);margin-top:var(--space-3);padding-top:var(--space-3)}.tc-rejection-reason .tc-reason-btn{align-items:center;background:linear-gradient(135deg,var(--error-50),var(--error-100));border:1px solid var(--error-300);border-radius:var(--radius-lg);color:var(--error-700);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.tc-rejection-reason .tc-reason-btn svg{font-size:var(--font-size-base)}.tc-rejection-reason .tc-reason-btn:hover{background:linear-gradient(135deg,var(--error-100),var(--error-200));border-color:var(--error-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tc-reason-modal{animation:slideInUp .3s ease-out;background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-height:80vh;max-width:600px;overflow:hidden;width:90%}@media(max-width:767px){.tc-reason-modal{max-height:90vh;width:95%}}.tc-reason-modal .tc-reason-modal-header{background:linear-gradient(135deg,var(--error-500),var(--error-600));color:#fff;padding:var(--space-8);position:relative;text-align:center}.tc-reason-modal .tc-reason-modal-header .tc-reason-icon{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:var(--radius-full);display:flex;height:64px;justify-content:center;margin:0 auto var(--space-4);width:64px}.tc-reason-modal .tc-reason-modal-header .tc-reason-icon svg{font-size:var(--font-size-3xl)}.tc-reason-modal .tc-reason-modal-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.tc-reason-modal .tc-reason-modal-header .tc-modal-close{align-items:center;background:#fff3;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:var(--space-4);top:var(--space-4);transition:all var(--transition-fast);width:32px}.tc-reason-modal .tc-reason-modal-header .tc-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.tc-reason-modal .tc-reason-modal-header .tc-modal-close svg{font-size:var(--font-size-lg)}.tc-reason-modal .tc-reason-modal-content{padding:var(--space-8)}@media(max-width:767px){.tc-reason-modal .tc-reason-modal-content{padding:var(--space-6)}}.tc-reason-modal .tc-reason-modal-content .tc-reason-course-title{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4)}.tc-reason-modal .tc-reason-modal-content .tc-reason-course-title svg{color:var(--primary-500);font-size:var(--font-size-xl)}.tc-reason-modal .tc-reason-modal-content .tc-reason-course-title h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.tc-reason-modal .tc-reason-modal-content .tc-reason-box{background:linear-gradient(135deg,var(--error-50),var(--error-100));border:2px solid var(--error-300);border-radius:var(--radius-xl);margin-bottom:var(--space-6);padding:var(--space-6)}.tc-reason-modal .tc-reason-modal-content .tc-reason-box .tc-reason-label{align-items:center;color:var(--error-700);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);letter-spacing:.5px;margin-bottom:var(--space-3);text-transform:uppercase}.tc-reason-modal .tc-reason-modal-content .tc-reason-box .tc-reason-label svg{font-size:var(--font-size-base)}.tc-reason-modal .tc-reason-modal-content .tc-reason-box .tc-reason-text{background:#fff;border-left:4px solid var(--error-500);border-radius:var(--radius-lg);color:var(--error-800);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0;padding:var(--space-4)}.tc-reason-modal .tc-reason-modal-content .tc-reason-actions{display:flex;gap:var(--space-3)}@media(max-width:767px){.tc-reason-modal .tc-reason-modal-content .tc-reason-actions{flex-direction:column}}.tc-reason-modal .tc-reason-modal-content .tc-reason-actions .tc-reason-btn-edit{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-4) var(--space-6);transition:all var(--transition-fast)}.tc-reason-modal .tc-reason-modal-content .tc-reason-actions .tc-reason-btn-edit svg{font-size:var(--font-size-base)}.tc-reason-modal .tc-reason-modal-content .tc-reason-actions .tc-reason-btn-edit:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:var(--shadow-lg);transform:translateY(-2px)}.tc-reason-modal .tc-reason-modal-content .tc-reason-actions .tc-reason-btn-close{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-4) var(--space-6);transition:all var(--transition-fast)}.tc-reason-modal .tc-reason-modal-content .tc-reason-actions .tc-reason-btn-close:hover{background:var(--bg-surface);border-color:var(--primary-300);transform:translateY(-2px)}.teacher-videos{padding:var(--space-6);width:100%}.teacher-videos .tv-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding-bottom:var(--space-6)}.teacher-videos .tv-header .tv-header-content h1{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.teacher-videos .tv-header .tv-header-content .tv-breadcrumb{align-items:center;display:flex;gap:var(--space-2);margin-top:var(--space-3)}.teacher-videos .tv-header .tv-header-content .tv-breadcrumb .tv-breadcrumb-item{color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.teacher-videos .tv-header .tv-header-content .tv-breadcrumb .tv-breadcrumb-item:hover{color:var(--primary-600)}.teacher-videos .tv-header .tv-header-content .tv-breadcrumb .tv-breadcrumb-item.active{color:var(--text-primary);font-weight:var(--font-weight-medium)}.teacher-videos .tv-header .tv-header-content .tv-breadcrumb .tv-breadcrumb-separator{color:var(--text-secondary);font-size:var(--font-size-sm)}.teacher-videos .tv-header .tv-create-btn{align-items:center;background:var(--primary-500);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.teacher-videos .tv-header .tv-create-btn:hover{background:var(--primary-600);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.teacher-videos .tv-course-selector .tv-selector-header{margin-bottom:var(--space-8);text-align:center}.teacher-videos .tv-course-selector .tv-selector-header h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.teacher-videos .tv-course-selector .tv-selector-header p{color:var(--text-secondary);font-size:var(--font-size-base)}.teacher-videos .tv-course-selector .tv-empty-courses{padding:var(--space-12) var(--space-6);text-align:center}.teacher-videos .tv-course-selector .tv-empty-courses .empty-icon{color:var(--primary-500);font-size:var(--font-size-5xl);margin-bottom:var(--space-4);opacity:.5}.teacher-videos .tv-course-selector .tv-empty-courses h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.teacher-videos .tv-course-selector .tv-empty-courses p{color:var(--text-secondary);margin-bottom:var(--space-6)}.teacher-videos .tv-course-selector .tv-empty-courses .btn{align-items:center;background:var(--primary-500);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.teacher-videos .tv-course-selector .tv-empty-courses .btn:hover{background:var(--primary-600);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.teacher-videos .tv-course-selector .tv-courses-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media(max-width:768px){.teacher-videos .tv-course-selector .tv-courses-grid{grid-template-columns:1fr}}.teacher-videos .tv-course-selector .tv-course-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;transition:all var(--transition-fast)}.teacher-videos .tv-course-selector .tv-course-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.teacher-videos .tv-course-selector .tv-course-card .tv-course-info{padding:var(--space-6)}.teacher-videos .tv-course-selector .tv-course-card .tv-course-info h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--space-4) 0}.teacher-videos .tv-course-selector .tv-course-card .tv-course-info .tv-course-stats{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.teacher-videos .tv-course-selector .tv-course-card .tv-course-info .tv-course-stats span{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-1)}.teacher-videos .tv-course-selector .tv-course-card .tv-course-info .tv-course-stats span svg{color:var(--primary-500)}.teacher-videos .tv-course-selector .tv-course-card .tv-course-info .tv-course-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.teacher-videos .tv-course-selector .tv-course-card .tv-course-info .tv-course-badges .tv-scope-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3);text-transform:uppercase}.teacher-videos .tv-course-selector .tv-course-card .tv-course-info .tv-course-badges .tv-scope-badge.course{background:var(--primary-100);color:var(--primary-700)}.teacher-videos .tv-course-selector .tv-course-card .tv-course-info .tv-course-badges .tv-scope-badge.course_type{background:var(--success-100);color:var(--success-700)}.teacher-videos .tv-course-selector .tv-course-card .tv-course-info .tv-course-badges .tv-price-badge{background:var(--warning-100);border-radius:var(--radius-full);color:var(--warning-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3)}.teacher-videos .tv-month-selector .tv-selector-header{margin-bottom:var(--space-8);text-align:center}.teacher-videos .tv-month-selector .tv-selector-header h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.teacher-videos .tv-month-selector .tv-selector-header p{color:var(--text-secondary);font-size:var(--font-size-base)}.teacher-videos .tv-month-selector .tv-months-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media(max-width:768px){.teacher-videos .tv-month-selector .tv-months-grid{grid-template-columns:1fr}}.teacher-videos .tv-month-selector .tv-month-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;transition:all var(--transition-fast)}.teacher-videos .tv-month-selector .tv-month-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.teacher-videos .tv-month-selector .tv-month-card.all-months{background:linear-gradient(135deg,var(--primary-50),var(--bg-surface));border:2px solid var(--primary-300)}.teacher-videos .tv-month-selector .tv-month-card.all-months:hover{background:linear-gradient(135deg,var(--primary-100),var(--bg-surface));border-color:var(--primary-500)}.teacher-videos .tv-month-selector .tv-month-card .tv-month-info{padding:var(--space-5);text-align:center}.teacher-videos .tv-month-selector .tv-month-card .tv-month-info .tv-month-icon{color:var(--primary-500);font-size:var(--font-size-2xl);margin-bottom:var(--space-3)}.teacher-videos .tv-month-selector .tv-month-card .tv-month-info h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.teacher-videos .tv-month-selector .tv-month-card .tv-month-info p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-3)}.teacher-videos .tv-month-selector .tv-month-card .tv-month-info .tv-month-stats{display:flex;gap:var(--space-3);justify-content:center}.teacher-videos .tv-month-selector .tv-month-card .tv-month-info .tv-month-stats span{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--space-1)}.teacher-videos .tv-month-selector .tv-month-card .tv-month-info .tv-month-stats span svg{color:var(--primary-500)}.teacher-videos .tv-videos-section .tv-filters{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-4)}@media(max-width:768px){.teacher-videos .tv-videos-section .tv-filters{flex-direction:column;gap:var(--space-4)}}.teacher-videos .tv-videos-section .tv-filters .tv-search{flex:1 1;max-width:400px;position:relative}@media(max-width:768px){.teacher-videos .tv-videos-section .tv-filters .tv-search{max-width:100%}}.teacher-videos .tv-videos-section .tv-filters .tv-search svg{color:var(--text-secondary);font-size:var(--font-size-base);left:var(--space-3);position:absolute;top:50%;transform:translateY(-50%)}.teacher-videos .tv-videos-section .tv-filters .tv-search input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-10);transition:all var(--transition-fast);width:100%}.teacher-videos .tv-videos-section .tv-filters .tv-search input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.teacher-videos .tv-videos-section .tv-filters .tv-search input::placeholder{color:var(--text-secondary)}.teacher-videos .tv-videos-section .tv-filters .tv-filter-controls{display:flex;gap:var(--space-3)}@media(max-width:768px){.teacher-videos .tv-videos-section .tv-filters .tv-filter-controls{flex-direction:column;width:100%}}@media(max-width:420px){.teacher-videos .tv-videos-section .tv-filters .tv-filter-controls{flex-wrap:wrap}}.teacher-videos .tv-videos-section .tv-filters .tv-filter-controls select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast);width:100%}.teacher-videos .tv-videos-section .tv-filters .tv-filter-controls select:focus{border-color:var(--primary-500);outline:none}.teacher-videos .tv-videos-section .tv-loading{padding:var(--space-12);text-align:center}.teacher-videos .tv-videos-section .tv-loading .spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:var(--radius-full);border-top-color:var(--primary-500);height:48px;margin:0 auto var(--space-4);width:48px}.teacher-videos .tv-videos-section .tv-loading p{color:var(--text-secondary);font-size:var(--font-size-base)}.teacher-videos .tv-videos-section .tv-empty-videos{padding:var(--space-12) var(--space-6);text-align:center}.teacher-videos .tv-videos-section .tv-empty-videos .empty-icon{color:var(--primary-500);font-size:var(--font-size-5xl);margin-bottom:var(--space-4);opacity:.5}.teacher-videos .tv-videos-section .tv-empty-videos h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.teacher-videos .tv-videos-section .tv-empty-videos p{color:var(--text-secondary);margin-bottom:var(--space-6)}.teacher-videos .tv-videos-section .tv-empty-videos .btn{align-items:center;background:var(--primary-500);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.teacher-videos .tv-videos-section .tv-empty-videos .btn:hover{background:var(--primary-600);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.teacher-videos .tv-videos-section .tv-videos-table{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-header{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-surface) 100%);border-bottom:2px solid var(--border-color);display:grid;grid-template-columns:2fr 140px 100px 180px 120px 80px;padding:var(--space-3);position:-webkit-sticky;position:sticky;top:0;z-index:10}@media(max-width:1200px){.teacher-videos .tv-videos-section .tv-videos-table .tv-table-header{grid-template-columns:2fr 140px 100px 180px 80px}}@media(max-width:1024px){.teacher-videos .tv-videos-section .tv-videos-table .tv-table-header{grid-template-columns:2fr 100px 180px 80px}}@media(max-width:860px){.teacher-videos .tv-videos-section .tv-videos-table .tv-table-header{grid-template-columns:2fr 180px 80px}}@media(max-width:640px){.teacher-videos .tv-videos-section .tv-videos-table .tv-table-header{grid-template-columns:2fr 80px}}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-header .tv-th{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:1px;padding:0 var(--space-3);text-transform:uppercase}@media(max-width:1200px){.teacher-videos .tv-videos-section .tv-videos-table .tv-table-header .tv-th.tv-th-date{display:none}}@media(max-width:1024px){.teacher-videos .tv-videos-section .tv-videos-table .tv-table-header .tv-th.tv-th-month{display:none}}@media(max-width:860px){.teacher-videos .tv-videos-section .tv-videos-table .tv-table-header .tv-th.tv-th-order{display:none}}@media(max-width:640px){.teacher-videos .tv-videos-section .tv-videos-table .tv-table-header .tv-th.tv-th-features{display:none}}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body{max-height:70vh;overflow-x:hidden;overflow-y:auto}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body::-webkit-scrollbar{width:8px}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-full)}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row{border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:2fr 140px 100px 180px 120px 80px;position:relative;transition:all var(--transition-fast)}@media(max-width:1200px){.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row{grid-template-columns:2fr 140px 100px 180px 80px}}@media(max-width:1024px){.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row{grid-template-columns:2fr 100px 180px 80px}}@media(max-width:860px){.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row{grid-template-columns:2fr 180px 80px}}@media(max-width:640px){.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row{grid-template-columns:2fr 80px}}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row:hover{background:var(--bg-hover);box-shadow:0 2px 8px #0000000d}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row:last-child{border-bottom:none}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td{align-items:center;display:flex;font-size:var(--font-size-sm);padding:var(--space-4)}@media(max-width:640px){.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td{padding:var(--space-3)}}@media(max-width:1200px){.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-date{display:none}}@media(max-width:1024px){.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-month{display:none}}@media(max-width:860px){.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-order{display:none}}@media(max-width:640px){.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-features{display:none}}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-video{align-items:flex-start;display:flex;gap:var(--space-3);min-width:0}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-video .tv-video-thumbnail{background:linear-gradient(135deg,var(--bg-secondary),var(--border-color));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-shrink:0;height:60px;overflow:hidden;position:relative;width:80px}@media(max-width:480px){.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-video .tv-video-thumbnail{height:45px;width:60px}}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-video .tv-video-thumbnail img{height:100%;object-fit:cover;transition:transform var(--transition-base);width:100%}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-video .tv-video-thumbnail .play-icon{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-video .tv-video-thumbnail .play-icon svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:var(--font-size-2xl)}@media(max-width:480px){.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-video .tv-video-thumbnail .play-icon svg{font-size:var(--font-size-xl)}}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-video .tv-video-thumbnail:hover img{transform:scale(1.05)}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-video .tv-video-details{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1);min-width:0}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-video .tv-video-details .tv-video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-video .tv-video-details .tv-video-title{-webkit-line-clamp:1;font-size:var(--font-size-sm)}}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-video .tv-video-details .tv-video-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-video .tv-video-details .tv-video-description{display:none}}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-video .tv-video-details .tv-video-duration{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);display:inline-flex;font-size:var(--font-size-xs);gap:var(--space-1);padding:2px var(--space-2);width:-webkit-fit-content;width:fit-content}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-video .tv-video-details .tv-video-duration svg{font-size:var(--font-size-xs)}@media(max-width:640px){.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-video .tv-video-details .tv-video-duration{display:none}}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-month .tv-month-badge{align-items:center;background:linear-gradient(135deg,var(--primary-100),var(--primary-50));border:1px solid var(--primary-200);border-radius:var(--radius-lg);color:var(--primary-700);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--space-1);padding:var(--space-2) var(--space-3);white-space:nowrap}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-month .tv-month-badge svg{font-size:var(--font-size-sm)}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-order{justify-content:center}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-order .tv-order-badge{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);display:inline-flex;font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);gap:var(--space-1);padding:var(--space-2) var(--space-3)}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-order .tv-order-badge svg{color:var(--text-secondary);font-size:var(--font-size-sm)}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-features .tv-features-wrapper{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-features .tv-features-wrapper .tv-feature-badge{align-items:center;border:1px solid;border-radius:var(--radius-lg);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast);white-space:nowrap}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-features .tv-features-wrapper .tv-feature-badge.tv-badge-test{background:linear-gradient(135deg,var(--success-100),var(--success-50));border-color:var(--success-200);color:var(--success-700)}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-features .tv-features-wrapper .tv-feature-badge.tv-badge-test:hover{background:linear-gradient(135deg,var(--success-200),var(--success-100));transform:translateX(2px)}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-features .tv-features-wrapper .tv-feature-badge.tv-badge-assignment{background:linear-gradient(135deg,var(--warning-100),var(--warning-50));border-color:var(--warning-200);color:var(--warning-700)}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-features .tv-features-wrapper .tv-feature-badge.tv-badge-assignment:hover{background:linear-gradient(135deg,var(--warning-200),var(--warning-100));transform:translateX(2px)}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-features .tv-features-wrapper .tv-feature-badge svg{font-size:var(--font-size-sm)}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-features .tv-features-wrapper .tv-feature-badge .tv-badge-text{font-weight:var(--font-weight-semibold)}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-features .tv-features-wrapper .tv-feature-badge .tv-badge-count{background:#0000001a;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 6px}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-date .tv-date-text{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-actions{justify-content:center;position:relative}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-actions .tv-menu-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-actions .tv-menu-btn svg{font-size:var(--font-size-lg)}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-actions .tv-menu-btn:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-600);transform:scale(1.05)}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-actions .tv-menu-btn:active{transform:scale(.95)}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-actions .tv-dropdown-menu{animation:slideDown .2s ease-out;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 8px 24px #0000001f;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}@media(max-width:640px){.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-actions .tv-dropdown-menu{left:auto;min-width:180px;right:0}}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-actions .tv-dropdown-menu .tv-dropdown-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:all var(--transition-fast);width:100%}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-actions .tv-dropdown-menu .tv-dropdown-item svg{font-size:var(--font-size-base);transition:transform var(--transition-fast)}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-actions .tv-dropdown-menu .tv-dropdown-item:hover{background:var(--primary-50);color:var(--primary-600)}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-actions .tv-dropdown-menu .tv-dropdown-item:hover svg{transform:translateX(2px)}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-actions .tv-dropdown-menu .tv-dropdown-item.tv-dropdown-danger{color:var(--error-600)}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-actions .tv-dropdown-menu .tv-dropdown-item.tv-dropdown-danger:hover{background:var(--error-50);color:var(--error-700)}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-td-actions .tv-dropdown-menu .tv-dropdown-divider{background:var(--border-color);height:1px;margin:var(--space-2) 0}.teacher-videos .tv-videos-section .tv-videos-table .tv-table-body .tv-table-row .tv-no-data{color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}.teacher-videos .loading{align-items:center;display:flex;justify-content:center;min-height:400px}.teacher-videos .loading .loading-spinner{text-align:center}.teacher-videos .loading .loading-spinner .spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:var(--radius-full);border-top-color:var(--primary-500);height:48px;margin-bottom:var(--space-4);width:48px}.teacher-videos .loading .loading-spinner p{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.teacher-videos .tv-video-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:2000}.teacher-videos .tv-video-modal-overlay .tv-video-modal{background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:1000px;overflow-y:auto;position:relative;width:100%}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-6)}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-header .tv-modal-close{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-header .tv-modal-close:hover{background:var(--error-50);border-color:var(--error-300);color:var(--error-600)}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-header .tv-modal-close svg{font-size:var(--font-size-lg)}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content{padding:var(--space-6)}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-player{background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-6);overflow:hidden;position:relative;width:100%}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-player .tv-video-container{background:var(--bg-secondary);padding-top:56.25%;position:relative;width:100%}@media(max-width:768px){.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-player .tv-video-container{padding-top:75%}}@media(max-width:480px){.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-player .tv-video-container{padding-top:100%}}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-player .tv-video-container .tv-video-loading{align-items:center;background:var(--bg-secondary);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-player .tv-video-container .tv-video-loading .spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-500);height:40px;margin-bottom:var(--space-4);width:40px}@media(max-width:480px){.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-player .tv-video-container .tv-video-loading .spinner{border-width:2px;height:32px;width:32px}}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-player .tv-video-container .tv-video-loading p{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}@media(max-width:480px){.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-player .tv-video-container .tv-video-loading p{font-size:var(--font-size-sm)}}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-player video{background:#000;height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-player .tv-video-placeholder{align-items:center;background:var(--bg-secondary);color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-player .tv-video-placeholder .play-icon{font-size:var(--font-size-5xl);margin-bottom:var(--space-4);opacity:.5}@media(max-width:768px){.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-player .tv-video-placeholder .play-icon{font-size:var(--font-size-4xl)}}@media(max-width:480px){.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-player .tv-video-placeholder .play-icon{font-size:var(--font-size-3xl)}}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-player .tv-video-placeholder p{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}@media(max-width:768px){.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-player .tv-video-placeholder p{font-size:var(--font-size-base)}}@media(max-width:480px){.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-player .tv-video-placeholder p{font-size:var(--font-size-sm)}}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-info-section{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:2fr 1fr}@media(max-width:768px){.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-info-section{gap:var(--space-6);grid-template-columns:1fr}}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-info-section .tv-video-main-info h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-3) 0}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-info-section .tv-video-main-info .tv-video-description{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-info-section .tv-video-main-info .tv-video-meta{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-6)}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-info-section .tv-video-main-info .tv-video-meta .tv-meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2)}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-info-section .tv-video-main-info .tv-video-meta .tv-meta-item svg{color:var(--primary-500);font-size:var(--font-size-base)}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-info-section .tv-video-main-info .tv-video-features .tv-feature-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-4)}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-info-section .tv-video-main-info .tv-video-features .tv-feature-card.test{border-left:4px solid var(--success-500)}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-info-section .tv-video-main-info .tv-video-features .tv-feature-card.assignment{border-left:4px solid var(--warning-500)}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-info-section .tv-video-main-info .tv-video-features .tv-feature-card .feature-icon{color:var(--primary-500);flex-shrink:0;font-size:var(--font-size-xl);margin-top:var(--space-1)}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-info-section .tv-video-main-info .tv-video-features .tv-feature-card .feature-info{flex:1 1}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-info-section .tv-video-main-info .tv-video-features .tv-feature-card .feature-info h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-info-section .tv-video-main-info .tv-video-features .tv-feature-card .feature-info p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-3) 0}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-info-section .tv-video-main-info .tv-video-features .tv-feature-card .feature-info .feature-item{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-info-section .tv-video-main-info .tv-video-features .tv-no-features{color:var(--text-secondary);font-style:italic;padding:var(--space-8);text-align:center}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-info-section .tv-technical-info h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4) 0}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-info-section .tv-technical-info .tv-tech-grid{display:flex;flex-direction:column;gap:var(--space-3)}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-info-section .tv-technical-info .tv-tech-grid .tv-tech-item{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--space-3)}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-info-section .tv-technical-info .tv-tech-grid .tv-tech-item .label{color:var(--text-secondary);flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-info-section .tv-technical-info .tv-tech-grid .tv-tech-item .value{color:var(--text-primary);font-size:var(--font-size-sm);text-align:right;word-break:break-all}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-info-section .tv-technical-info .tv-tech-grid .tv-tech-item .value.locked{color:var(--error-600);font-weight:var(--font-weight-medium)}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-info-section .tv-technical-info .tv-tech-grid .tv-tech-item .value.unlocked{color:var(--success-600);font-weight:var(--font-weight-medium)}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-info-section .tv-technical-info .tv-tech-grid .tv-tech-item .value.url{color:var(--primary-600);font-family:var(--font-mono);font-size:var(--font-size-xs)}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-modal-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-8);padding-top:var(--space-6)}@media(max-width:768px){.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-modal-actions{flex-direction:column}}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-modal-actions .btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-modal-actions .btn.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-modal-actions .btn.btn-secondary:hover{background:var(--bg-hover);border-color:var(--primary-300)}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-modal-actions .btn.btn-primary{background:var(--primary-500);color:#fff}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-modal-actions .btn.btn-primary:hover{background:var(--primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-modal-actions .btn.btn-danger{background:var(--error-500);color:#fff}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-modal-actions .btn.btn-danger:hover{background:var(--error-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.teacher-videos .tv-video-modal-overlay .tv-video-modal .tv-video-modal-content .tv-video-modal-actions .btn svg{font-size:var(--font-size-base)}.teacher-videos .tv-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1500}.teacher-videos .tv-modal-overlay .tv-modal{background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-height:80vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-6)}.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-header .tv-modal-close{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-header .tv-modal-close:hover{background:var(--error-50);border-color:var(--error-300);color:var(--error-600)}.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-header .tv-modal-close svg{font-size:var(--font-size-lg)}.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content{padding:var(--space-6)}.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info h3,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--space-4) 0}.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-assignment-list p,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-test-list p,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-assignment-list p,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-test-list p{color:var(--text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-assignment-list .tv-assignment-item,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-assignment-list .tv-test-item,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-test-list .tv-assignment-item,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-test-list .tv-test-item,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-assignment-list .tv-assignment-item,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-assignment-list .tv-test-item,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-test-list .tv-assignment-item,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-test-list .tv-test-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-3)}.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-assignment-list .tv-assignment-item svg,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-assignment-list .tv-test-item svg,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-test-list .tv-assignment-item svg,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-test-list .tv-test-item svg,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-assignment-list .tv-assignment-item svg,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-assignment-list .tv-test-item svg,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-test-list .tv-assignment-item svg,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-test-list .tv-test-item svg{color:var(--primary-500);font-size:var(--font-size-lg)}.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-assignment-list .tv-assignment-item span,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-assignment-list .tv-test-item span,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-test-list .tv-assignment-item span,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-test-list .tv-test-item span,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-assignment-list .tv-assignment-item span,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-assignment-list .tv-test-item span,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-test-list .tv-assignment-item span,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-test-list .tv-test-item span{color:var(--text-primary);flex:1 1;font-weight:var(--font-weight-medium)}.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-assignment-list .tv-assignment-item .btn,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-assignment-list .tv-test-item .btn,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-test-list .tv-assignment-item .btn,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-test-list .tv-test-item .btn,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-assignment-list .tv-assignment-item .btn,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-assignment-list .tv-test-item .btn,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-test-list .tv-assignment-item .btn,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-test-list .tv-test-item .btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-1) var(--space-3);transition:all var(--transition-fast)}.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-assignment-list .tv-assignment-item .btn.btn-sm,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-assignment-list .tv-test-item .btn.btn-sm,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-test-list .tv-assignment-item .btn.btn-sm,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-test-list .tv-test-item .btn.btn-sm,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-assignment-list .tv-assignment-item .btn.btn-sm,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-assignment-list .tv-test-item .btn.btn-sm,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-test-list .tv-assignment-item .btn.btn-sm,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-test-list .tv-test-item .btn.btn-sm{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-assignment-list .tv-assignment-item .btn.btn-primary,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-assignment-list .tv-test-item .btn.btn-primary,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-test-list .tv-assignment-item .btn.btn-primary,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-test-list .tv-test-item .btn.btn-primary,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-assignment-list .tv-assignment-item .btn.btn-primary,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-assignment-list .tv-test-item .btn.btn-primary,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-test-list .tv-assignment-item .btn.btn-primary,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-test-list .tv-test-item .btn.btn-primary{background:var(--primary-500);color:#fff}.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-assignment-list .tv-assignment-item .btn.btn-primary:hover,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-assignment-list .tv-test-item .btn.btn-primary:hover,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-test-list .tv-assignment-item .btn.btn-primary:hover,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-test-list .tv-test-item .btn.btn-primary:hover,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-assignment-list .tv-assignment-item .btn.btn-primary:hover,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-assignment-list .tv-test-item .btn.btn-primary:hover,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-test-list .tv-assignment-item .btn.btn-primary:hover,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-test-list .tv-test-item .btn.btn-primary:hover{background:var(--primary-600)}.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-assignment-list>.btn,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-test-list>.btn,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-assignment-list>.btn,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-test-list>.btn{align-items:center;background:var(--primary-500);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-assignment-list>.btn:hover,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-test-list>.btn:hover,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-assignment-list>.btn:hover,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-test-list>.btn:hover{background:var(--primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-no-assignments,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-no-tests,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-no-assignments,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-no-tests{padding:var(--space-8);text-align:center}.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-no-assignments p,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-no-tests p,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-no-assignments p,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-no-tests p{color:var(--text-secondary);font-style:italic;margin-bottom:var(--space-6)}.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-no-assignments .btn,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-no-tests .btn,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-no-assignments .btn,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-no-tests .btn{align-items:center;background:var(--primary-500);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-no-assignments .btn:hover,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-assignment-info .tv-no-tests .btn:hover,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-no-assignments .btn:hover,.teacher-videos .tv-modal-overlay .tv-modal .tv-modal-content .tv-test-info .tv-no-tests .btn:hover{background:var(--primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.video-upload{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);min-height:100vh;overflow-x:hidden;padding:var(--space-6);position:relative}.video-upload:before{background:linear-gradient(45deg,#3b82f61a,#9333ea1a 50%,#ec48991a);content:"";height:200px;left:0;position:absolute;right:0;top:0;z-index:0}.video-upload .upload-header{margin-bottom:var(--space-8);position:relative;text-align:center;z-index:1}.video-upload .upload-header h1{-webkit-text-fill-color:#0000;animation:titleGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#3b82f6,#8b5cf6 30%,#ec4899 60%,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}@keyframes titleGlow{0%{filter:drop-shadow(0 0 10px rgba(59,130,246,.3))}to{filter:drop-shadow(0 0 20px rgba(139,92,246,.5))}}.video-upload .upload-header p{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--space-4);margin-left:auto;margin-right:auto;max-width:600px}.video-upload .upload-header .upload-context{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin:var(--space-4) 0}.video-upload .upload-header .upload-context .context-item{animation:fadeInUp .6s ease-out}.video-upload .upload-header .upload-context .context-item .channel-badge,.video-upload .upload-header .upload-context .context-item .course-badge,.video-upload .upload-header .upload-context .context-item .month-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;border-radius:var(--radius-full);display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);overflow:hidden;padding:var(--space-2) var(--space-4);position:relative;transition:all var(--transition-normal)}.video-upload .upload-header .upload-context .context-item .channel-badge:before,.video-upload .upload-header .upload-context .context-item .course-badge:before,.video-upload .upload-header .upload-context .context-item .month-badge:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.video-upload .upload-header .upload-context .context-item .channel-badge:hover:before,.video-upload .upload-header .upload-context .context-item .course-badge:hover:before,.video-upload .upload-header .upload-context .context-item .month-badge:hover:before{left:100%}.video-upload .upload-header .upload-context .context-item .channel-badge:hover,.video-upload .upload-header .upload-context .context-item .course-badge:hover,.video-upload .upload-header .upload-context .context-item .month-badge:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.video-upload .upload-header .upload-context .context-item .channel-badge{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-color:var(--primary-300);box-shadow:0 4px 15px #3b82f633;color:var(--primary-700)}.video-upload .upload-header .upload-context .context-item .course-badge{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border-color:var(--success-300);box-shadow:0 4px 15px #22c55e33;color:var(--success-700)}.video-upload .upload-header .upload-context .context-item .month-badge{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-color:var(--warning-300);box-shadow:0 4px 15px #f59e0b33;color:var(--warning-700)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.video-upload .upload-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.video-upload .upload-container .upload-section{animation:slideInUp .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--radius-2xl);box-shadow:0 20px 40px #0000001a;margin-bottom:var(--space-6);padding:var(--space-8)}.video-upload .upload-container .upload-section .section-header{margin-bottom:var(--space-6);text-align:center}.video-upload .upload-container .upload-section .section-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);gap:var(--space-2);justify-content:center;margin-bottom:var(--space-2)}.video-upload .upload-container .upload-section .section-header h2 svg{color:var(--primary-500)}.video-upload .upload-container .upload-section .section-header p{color:var(--text-secondary);font-size:var(--font-size-base)}.video-upload .file-upload-area{background:linear-gradient(135deg,#3b82f60d,#9333ea0d);border:3px dashed var(--primary-300);border-radius:var(--radius-xl);cursor:pointer;overflow:hidden;padding:var(--space-12);position:relative;text-align:center;transition:all var(--transition-normal)}.video-upload .file-upload-area:before{animation:rotate 4s linear infinite;background:conic-gradient(#0000,#3b82f61a,#0000);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.video-upload .file-upload-area:hover{background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border-color:var(--primary-500);box-shadow:0 15px 35px #3b82f633;transform:translateY(-2px)}.video-upload .file-upload-area:hover:before{opacity:1}.video-upload .file-upload-area:hover .file-upload-label{transform:scale(1.02)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video-upload .file-upload-area .file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.video-upload .file-upload-area .file-upload-label{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);position:relative;transition:transform var(--transition-normal);z-index:1}.video-upload .file-upload-area .file-upload-label svg{animation:bounce 2s ease-in-out infinite;color:var(--primary-500)}.video-upload .file-upload-area .file-upload-label span{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.video-upload .file-upload-area .file-upload-label small{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4;max-width:400px}.video-upload .file-info{background:linear-gradient(135deg,#22c55e0d,#3b82f60d);border:1px solid var(--success-200);border-radius:var(--radius-lg);margin-top:var(--space-6);padding:var(--space-4)}.video-upload .file-info .file-details{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.video-upload .file-info .file-details .file-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.video-upload .file-info .file-details .file-size{color:var(--success-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.video-upload .file-info .chunk-info{color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-4)}.video-upload .file-info .chunk-info span{align-items:center;display:flex;gap:var(--space-1)}.video-upload .file-info .chunk-info span:before{content:"📦";font-size:var(--font-size-xs)}.video-upload .file-info .chunk-info span:last-child:before{content:"⚡"}[data-theme=dark] .video-upload .upload-section{background:#1e293bf2;border-color:#ffffff1a}[data-theme=dark] .video-upload .file-upload-area{background:linear-gradient(135deg,#3b82f61a,#9333ea1a)}[data-theme=dark] .video-upload .file-upload-area:hover{background:linear-gradient(135deg,#3b82f626,#9333ea26)}[data-theme=dark] .video-upload .file-info{background:linear-gradient(135deg,#22c55e1a,#3b82f61a);border-color:#22c55e4d}.video-upload .compact-form .form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr auto;margin-bottom:var(--space-4)}@media(max-width:768px){.video-upload .compact-form .form-row{grid-template-columns:1fr}}.video-upload .compact-form .form-group{display:flex;flex-direction:column;gap:var(--space-2)}.video-upload .compact-form .form-group.form-group-small{min-width:120px}.video-upload .compact-form .form-group label{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-1)}.video-upload .compact-form .form-group .form-input{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-3);position:relative;transition:all var(--transition-fast)}.video-upload .compact-form .form-group .form-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 4px #3b82f61a;outline:none;transform:translateY(-1px)}.video-upload .compact-form .form-group .form-input:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.video-upload .compact-form .form-group .form-input.form-input-small{font-size:var(--font-size-sm);padding:var(--space-2)}.video-upload .compact-form .form-group .form-textarea{font-family:inherit;line-height:1.5;min-height:60px;resize:vertical}.video-upload .compact-form .advanced-settings{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 4px 15px #0000000d;margin-top:var(--space-6);overflow:hidden}.video-upload .compact-form .advanced-settings summary{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--primary-50) 100%);color:var(--text-primary);cursor:pointer;font-weight:var(--font-weight-semibold);list-style:none;padding:var(--space-4);position:relative;transition:all var(--transition-fast)}.video-upload .compact-form .advanced-settings summary::-webkit-details-marker{display:none}.video-upload .compact-form .advanced-settings summary:after{content:"⚙️";position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);transition:transform var(--transition-fast)}.video-upload .compact-form .advanced-settings summary:hover{background:linear-gradient(135deg,var(--primary-100) 0,var(--primary-200) 100%);color:var(--primary-700)}.video-upload .compact-form .advanced-settings[open] summary:after{transform:translateY(-50%) rotate(180deg)}.video-upload .compact-form .advanced-settings .advanced-content{animation:expandDown .3s ease-out;background:var(--bg-surface);padding:var(--space-6)}@keyframes expandDown{0%{max-height:0;opacity:0;padding-bottom:0;padding-top:0}to{max-height:500px;opacity:1;padding-bottom:var(--space-6);padding-top:var(--space-6)}}.video-upload .compact-form .advanced-settings .advanced-content .chunk-size-info{background:var(--primary-50);border-radius:var(--radius-md);color:var(--primary-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-left:var(--space-2);padding:var(--space-1) var(--space-2)}.video-upload .compact-form .advanced-settings .advanced-content .chunk-size-options{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0}.video-upload .compact-form .advanced-settings .advanced-content .chunk-size-options .chunk-btn{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow:hidden;padding:var(--space-2) var(--space-3);position:relative;transition:all var(--transition-fast)}.video-upload .compact-form .advanced-settings .advanced-content .chunk-size-options .chunk-btn:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.video-upload .compact-form .advanced-settings .advanced-content .chunk-size-options .chunk-btn:hover{background:var(--primary-50);border-color:var(--primary-300);box-shadow:0 4px 12px #3b82f633;color:var(--primary-700);transform:translateY(-2px)}.video-upload .compact-form .advanced-settings .advanced-content .chunk-size-options .chunk-btn:hover:before{left:100%}.video-upload .compact-form .advanced-settings .advanced-content .chunk-size-options .chunk-btn.active{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border-color:var(--primary-500);box-shadow:0 6px 20px #3b82f64d;color:#fff;transform:translateY(-2px)}.video-upload .compact-form .advanced-settings .advanced-content .chunk-size-options .chunk-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.video-upload .error-section .error-card{align-items:center;animation:shakeX .5s ease-in-out;background:linear-gradient(135deg,#ef44441a,#ef44440d);border:2px solid var(--error-200);border-radius:var(--radius-lg);color:var(--error-700);display:flex;gap:var(--space-3);padding:var(--space-4)}.video-upload .error-section .error-card svg{color:var(--error-500);flex-shrink:0}.video-upload .error-section .error-card span{font-weight:var(--font-weight-medium);line-height:1.4}.video-upload .month-selector{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--space-4)}.video-upload .month-selector .month-card{animation:slideInFromTop .6s ease-out;background:linear-gradient(135deg,var(--bg-surface) 0,#3b82f605 100%);border:2px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 4px 15px #0000000d;cursor:pointer;overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-normal)}.video-upload .month-selector .month-card:before{background:linear-gradient(90deg,var(--primary-500),var(--success-500),var(--warning-500));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform var(--transition-normal)}.video-upload .month-selector .month-card:hover{border-color:var(--primary-300);box-shadow:0 12px 30px #0000001a;transform:translateY(-4px)}.video-upload .month-selector .month-card:hover:before{transform:scaleX(1)}.video-upload .month-selector .month-card:hover .month-select-btn{opacity:1;transform:scale(1)}.video-upload .month-selector .month-card .month-info h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.video-upload .month-selector .month-card .month-info p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin-bottom:var(--space-3)}.video-upload .month-selector .month-card .month-info .month-stats span{background:var(--primary-100);border-radius:var(--radius-md);color:var(--primary-700);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}.video-upload .month-selector .month-card .month-select-btn{align-items:center;background:var(--success-500);border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:var(--space-4);top:var(--space-4);transform:scale(.8);transition:all var(--transition-normal);width:32px}.video-upload .month-selector .month-card .month-select-btn svg{font-size:var(--font-size-sm)}.video-upload .month-loading{padding:var(--space-8);text-align:center}.video-upload .month-loading .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-500);height:40px;margin:0 auto var(--space-4);width:40px}.video-upload .month-loading p{color:var(--text-secondary);font-size:var(--font-size-base)}.video-upload .no-months{color:var(--text-secondary);padding:var(--space-8);text-align:center}.video-upload .no-months svg{color:var(--warning-500);font-size:48px;margin-bottom:var(--space-4)}.video-upload .no-months p{font-size:var(--font-size-base);margin-bottom:var(--space-4)}.video-upload .upload-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-top:var(--space-6)}.video-upload .upload-actions .btn{align-items:center;border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);overflow:hidden;padding:var(--space-3) var(--space-6);position:relative;transition:all var(--transition-fast)}.video-upload .upload-actions .btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.video-upload .upload-actions .btn:hover:before{left:100%}.video-upload .upload-actions .btn.btn-primary{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);box-shadow:0 4px 15px #3b82f64d;color:#fff}.video-upload .upload-actions .btn.btn-primary:hover{box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.video-upload .upload-actions .btn.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.video-upload .upload-actions .btn.btn-primary.btn-lg{font-size:var(--font-size-lg);padding:var(--space-4) var(--space-8)}.video-upload .upload-actions .btn.btn-secondary{background:var(--bg-surface);border-color:var(--border-color);color:var(--text-secondary)}.video-upload .upload-actions .btn.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--primary-300);box-shadow:0 4px 15px #0000001a;color:var(--text-primary);transform:translateY(-2px)}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .video-upload .compact-form .form-input{background:var(--bg-secondary);border-color:#ffffff1a}[data-theme=dark] .video-upload .compact-form .form-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 4px #3b82f633}[data-theme=dark] .video-upload .compact-form .advanced-settings{background:var(--bg-secondary);border-color:#ffffff1a}[data-theme=dark] .video-upload .compact-form .advanced-settings summary{background:linear-gradient(135deg,var(--bg-primary) 0,#3b82f61a 100%)}[data-theme=dark] .video-upload .month-card{background:var(--bg-secondary);border-color:#ffffff1a}[data-theme=dark] .video-upload .month-card:hover{border-color:var(--primary-400)}.video-upload .upload-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.video-upload .upload-modal{animation:slideInUp .4s cubic-bezier(.34,1.56,.64,1);background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:600px;overflow:hidden;position:relative;width:100%}.video-upload .upload-modal .upload-modal-header{align-items:center;background:linear-gradient(135deg,var(--bg-surface) 0,var(--bg-secondary) 100%);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-6)}.video-upload .upload-modal .upload-modal-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--space-3);margin:0}.video-upload .upload-modal .upload-modal-header h3 svg{font-size:var(--font-size-lg)}.video-upload .upload-modal .upload-modal-header h3 svg:first-child{animation:pulse 2s ease-in-out infinite}.video-upload .upload-modal .upload-modal-header .modal-close-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.video-upload .upload-modal .upload-modal-header .modal-close-btn:hover{background:var(--error-100);color:var(--error-600);transform:scale(1.1)}.video-upload .upload-modal .upload-modal-header .modal-close-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.video-upload .upload-modal .upload-modal-header .modal-close-btn svg{font-size:var(--font-size-base)}.video-upload .upload-modal .upload-modal-content{max-height:calc(90vh - 120px);overflow-y:auto;padding:var(--space-6)}.video-upload .upload-progress-modal{text-align:center}.video-upload .upload-progress-modal .progress-circle{align-items:center;animation:rotateProgress 2s ease-in-out infinite;background:conic-gradient(var(--primary-500) 0deg,var(--primary-500) 0deg,var(--bg-secondary) 0deg,var(--bg-secondary) 1turn);background:conic-gradient(var(--primary-500) 0deg,var(--primary-500) calc(var(--progress, 0)*3.6deg),var(--bg-secondary) calc(var(--progress, 0)*3.6deg),var(--bg-secondary) 1turn);border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto var(--space-6);position:relative;width:120px}@keyframes rotateProgress{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video-upload .upload-progress-modal .progress-circle:before{background:var(--bg-surface);border-radius:50%;content:"";inset:8px;position:absolute;z-index:1}.video-upload .upload-progress-modal .progress-circle .progress-percentage{animation:countUp .5s ease-out;color:var(--primary-600);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);position:relative;z-index:2}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.video-upload .upload-progress-modal .progress-details{margin-bottom:var(--space-6)}.video-upload .upload-progress-modal .progress-details p{color:var(--text-primary);font-size:var(--font-size-base);line-height:1.5;margin-bottom:var(--space-2)}.video-upload .upload-progress-modal .progress-details p:first-child{color:var(--primary-700);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.video-upload .upload-progress-modal .progress-details p strong{color:var(--text-primary)}.video-upload .upload-progress-modal .progress-bar-modal{background:var(--bg-secondary);border-radius:var(--radius-full);height:8px;overflow:hidden;position:relative;width:100%}.video-upload .upload-progress-modal .progress-bar-modal:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#ffffff1a,#ffffff4d 50%,#ffffff1a);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.video-upload .upload-progress-modal .progress-bar-modal .progress-fill-modal{background:linear-gradient(90deg,var(--primary-500) 0,var(--primary-400) 50%,var(--primary-600) 100%);border-radius:var(--radius-full);height:100%;overflow:hidden;position:relative;transition:width .3s ease-out}.video-upload .upload-progress-modal .progress-bar-modal .progress-fill-modal:after{animation:progressShine 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progressShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.video-upload .upload-success-modal{text-align:center}.video-upload .upload-success-modal .success-icon{align-items:center;animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,var(--success-500) 0,var(--success-600) 100%);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto var(--space-6);width:80px}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{opacity:.8;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.video-upload .upload-success-modal .success-icon svg{font-size:var(--font-size-2xl)}.video-upload .upload-success-modal .video-preview h4{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.video-upload .upload-success-modal .video-preview .video-info{background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-4)}.video-upload .upload-success-modal .video-preview .video-info .info-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-2) 0}.video-upload .upload-success-modal .video-preview .video-info .info-item:last-child{border-bottom:none}.video-upload .upload-success-modal .video-preview .video-info .info-item span:first-child{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.video-upload .upload-success-modal .video-preview .video-info .info-item span:last-child{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.video-upload .upload-success-modal .video-preview .video-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.video-upload .upload-success-modal .video-preview .video-actions .btn{align-items:center;border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-6);text-decoration:none;transition:all var(--transition-fast)}.video-upload .upload-success-modal .video-preview .video-actions .btn.btn-primary{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);box-shadow:0 4px 15px #3b82f64d;color:#fff}.video-upload .upload-success-modal .video-preview .video-actions .btn.btn-primary:hover{box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.video-upload .upload-success-modal .video-preview .video-actions .btn.btn-outline{background:#0000;border-color:var(--primary-300);color:var(--primary-600)}.video-upload .upload-success-modal .video-preview .video-actions .btn.btn-outline:hover{background:var(--primary-50);border-color:var(--primary-500);transform:translateY(-2px)}.video-upload .upload-error-modal{text-align:center}.video-upload .upload-error-modal .error-icon{align-items:center;animation:shakeError .6s ease-in-out;background:linear-gradient(135deg,var(--error-500) 0,var(--error-600) 100%);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto var(--space-6);width:80px}@keyframes shakeError{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.video-upload .upload-error-modal .error-icon svg{font-size:var(--font-size-2xl)}.video-upload .upload-error-modal p{background:var(--error-50);border:1px solid var(--error-200);border-radius:var(--radius-lg);color:var(--error-700);font-size:var(--font-size-base);line-height:1.5;margin-bottom:var(--space-6);padding:var(--space-4)}.video-upload .upload-error-modal .btn{background:var(--error-500);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.video-upload .upload-error-modal .btn:hover{background:var(--error-600);box-shadow:0 4px 15px #ef44444d;transform:translateY(-2px)}[data-theme=dark] .video-upload .upload-modal{background:var(--bg-secondary);box-shadow:0 25px 50px #00000080}[data-theme=dark] .video-upload .upload-modal .upload-modal-header{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-bottom-color:#ffffff1a}[data-theme=dark] .video-upload .upload-modal .modal-close-btn{background:var(--bg-primary)}[data-theme=dark] .video-upload .upload-modal .modal-close-btn:hover{background:#ef444433}[data-theme=dark] .video-upload .progress-circle:before{background:var(--bg-secondary)}[data-theme=dark] .video-upload .video-info{background:var(--bg-primary)}[data-theme=dark] .video-upload .video-info .info-item{border-bottom-color:#ffffff1a}[data-theme=dark] .video-upload .upload-error-modal p{background:#ef44441a;border-color:#ef44444d;color:var(--error-400)}@media(max-width:768px){.video-upload .upload-modal{margin:var(--space-4);max-width:calc(100vw - 2rem)}.video-upload .upload-modal .upload-modal-header{padding:var(--space-4)}.video-upload .upload-modal .upload-modal-header h3{font-size:var(--font-size-lg)}.video-upload .upload-modal .upload-modal-content{padding:var(--space-4)}.video-upload .upload-progress-modal .progress-circle{height:100px;width:100px}.video-upload .upload-progress-modal .progress-circle .progress-percentage{font-size:var(--font-size-xl)}.video-upload .video-actions{flex-direction:column}.video-upload .video-actions .btn{justify-content:center;width:100%}}.assignment-modal-overlay,.test-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.assignment-modal,.test-modal{animation:slideInUp .4s cubic-bezier(.34,1.56,.64,1);background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:100%}.assignment-modal .assignment-modal-header,.assignment-modal .test-modal-header,.test-modal .assignment-modal-header,.test-modal .test-modal-header{align-items:center;background:linear-gradient(135deg,var(--bg-surface) 0,var(--bg-secondary) 100%);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-6)}.assignment-modal .assignment-modal-header h2,.assignment-modal .test-modal-header h2,.test-modal .assignment-modal-header h2,.test-modal .test-modal-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--space-3);margin:0}.assignment-modal .assignment-modal-header h2 svg,.assignment-modal .test-modal-header h2 svg,.test-modal .assignment-modal-header h2 svg,.test-modal .test-modal-header h2 svg{animation:pulse 2s ease-in-out infinite;color:var(--primary-500)}.assignment-modal .assignment-modal-header .modal-close-btn,.assignment-modal .test-modal-header .modal-close-btn,.test-modal .assignment-modal-header .modal-close-btn,.test-modal .test-modal-header .modal-close-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.assignment-modal .assignment-modal-header .modal-close-btn:hover,.assignment-modal .test-modal-header .modal-close-btn:hover,.test-modal .assignment-modal-header .modal-close-btn:hover,.test-modal .test-modal-header .modal-close-btn:hover{background:var(--error-100);color:var(--error-600);transform:scale(1.1)}.assignment-modal .assignment-modal-header .modal-close-btn:disabled,.assignment-modal .test-modal-header .modal-close-btn:disabled,.test-modal .assignment-modal-header .modal-close-btn:disabled,.test-modal .test-modal-header .modal-close-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.assignment-modal .assignment-modal-header .modal-close-btn svg,.assignment-modal .test-modal-header .modal-close-btn svg,.test-modal .assignment-modal-header .modal-close-btn svg,.test-modal .test-modal-header .modal-close-btn svg{font-size:var(--font-size-base)}.assignment-modal .assignment-modal-content,.assignment-modal .test-modal-content,.test-modal .assignment-modal-content,.test-modal .test-modal-content{max-height:calc(90vh - 140px);overflow-y:auto;padding:var(--space-6)}.assignment-modal .assignment-modal-content form,.assignment-modal .test-modal-content form,.test-modal .assignment-modal-content form,.test-modal .test-modal-content form{display:flex;flex-direction:column;gap:var(--space-6)}.assignment-info h3,.test-settings h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--space-2);margin-bottom:var(--space-4)}.assignment-info h3:before,.test-settings h3:before{content:"⚙️";font-size:var(--font-size-base)}.assignment-info .form-row,.test-settings .form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-4)}@media(max-width:768px){.assignment-info .form-row,.test-settings .form-row{grid-template-columns:1fr}}.assignment-info .form-group,.test-settings .form-group{display:flex;flex-direction:column;gap:var(--space-2)}.assignment-info .form-group label,.test-settings .form-group label{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2)}.assignment-info .form-group label svg,.test-settings .form-group label svg{color:var(--primary-500);font-size:var(--font-size-sm)}.assignment-info .form-group .form-input,.test-settings .form-group .form-input{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-3);transition:all var(--transition-fast)}.assignment-info .form-group .form-input:focus,.test-settings .form-group .form-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 4px #3b82f61a;outline:none;transform:translateY(-1px)}.assignment-info .form-group .form-input:disabled,.test-settings .form-group .form-input:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.assignment-info .form-group .form-textarea,.test-settings .form-group .form-textarea{font-family:inherit;line-height:1.5;min-height:80px;resize:vertical}.assignment-info .form-group .checkbox-label,.test-settings .form-group .checkbox-label{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3);transition:all var(--transition-fast)}.assignment-info .form-group .checkbox-label:hover,.test-settings .form-group .checkbox-label:hover{background:var(--bg-secondary)}.assignment-info .form-group .checkbox-label input[type=checkbox],.test-settings .form-group .checkbox-label input[type=checkbox]{accent-color:var(--primary-500);height:20px;width:20px}.assignment-info .form-group .checkbox-label .checkbox-text,.test-settings .form-group .checkbox-label .checkbox-text{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.test-questions .questions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.test-questions .questions-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--space-2)}.test-questions .questions-header h3:before{content:"❓";font-size:var(--font-size-base)}.test-questions .questions-header .btn{align-items:center;border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.test-questions .questions-header .btn.btn-outline{background:#0000;border-color:var(--primary-300);color:var(--primary-600)}.test-questions .questions-header .btn.btn-outline:hover{background:var(--primary-50);border-color:var(--primary-500);transform:translateY(-2px)}.test-questions .questions-header .btn.btn-sm{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}.test-questions .questions-header .btn.btn-xs{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.test-questions .question-card{animation:slideInFromLeft .5s ease-out;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-xl);margin-bottom:var(--space-4);padding:var(--space-6)}.test-questions .question-card .question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.test-questions .question-card .question-header .question-number{background:var(--primary-100);border-radius:var(--radius-full);color:var(--primary-600);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);padding:var(--space-2) var(--space-3)}.test-questions .question-card .question-header .btn-icon{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.test-questions .question-card .question-header .btn-icon.btn-danger{background:var(--error-100);color:var(--error-600)}.test-questions .question-card .question-header .btn-icon.btn-danger:hover{background:var(--error-500);color:#fff;transform:scale(1.1)}.test-questions .question-card .form-group-small{max-width:120px}.test-questions .question-card .question-options .options-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.test-questions .question-card .question-options .options-header label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.test-questions .question-card .question-options .option-item{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.test-questions .question-card .question-options .option-item .option-input{flex:1 1}.test-questions .question-card .question-options .option-item .correct-btn{align-items:center;background:var(--bg-surface);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.test-questions .question-card .question-options .option-item .correct-btn:hover{background:var(--success-50);border-color:var(--success-300);color:var(--success-600);transform:scale(1.1)}.test-questions .question-card .question-options .option-item .correct-btn.active{background:var(--success-500);border-color:var(--success-500);box-shadow:0 4px 15px #22c55e4d;color:#fff}.test-questions .question-card .question-options .option-item .correct-btn svg{font-size:var(--font-size-base)}.assignment-file h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--space-2);margin-bottom:var(--space-2)}.assignment-file h3:before{content:"📎";font-size:var(--font-size-base)}.assignment-file .file-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--space-4)}.assignment-file .file-upload-area{background:linear-gradient(135deg,#3b82f60d,#9333ea0d);border:3px dashed var(--primary-300);border-radius:var(--radius-xl);cursor:pointer;padding:var(--space-8);position:relative;text-align:center;transition:all var(--transition-normal)}.assignment-file .file-upload-area:hover{background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border-color:var(--primary-500);transform:translateY(-2px)}.assignment-file .file-upload-area .file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.assignment-file .file-upload-area .file-upload-label{align-items:center;display:flex;flex-direction:column;gap:var(--space-3)}.assignment-file .file-upload-area .file-upload-label svg{animation:bounce 2s ease-in-out infinite;color:var(--primary-500)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.assignment-file .file-upload-area .file-upload-label span{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.assignment-file .file-upload-area .file-upload-label small{color:var(--text-secondary);font-size:var(--font-size-sm)}.assignment-file .file-selected{align-items:center;background:var(--success-50);border:2px solid var(--success-200);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-4)}.assignment-file .file-selected .file-info{align-items:center;display:flex;gap:var(--space-3)}.assignment-file .file-selected .file-info .file-icon{align-items:center;background:var(--success-500);border-radius:var(--radius-md);color:#fff;display:flex;height:40px;justify-content:center;width:40px}.assignment-file .file-selected .file-info .file-icon svg{font-size:var(--font-size-base)}.assignment-file .file-selected .file-info .file-details{display:flex;flex-direction:column;gap:var(--space-1)}.assignment-file .file-selected .file-info .file-details .file-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.assignment-file .file-selected .file-info .file-details .file-size{color:var(--text-secondary);font-size:var(--font-size-sm)}.error-message{animation:shakeX .5s ease-in-out;background:linear-gradient(135deg,#ef44441a,#ef44440d);border:2px solid var(--error-200);border-radius:var(--radius-lg);color:var(--error-700);padding:var(--space-4)}@keyframes shakeX{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-message span{font-weight:var(--font-weight-medium);line-height:1.4}.assignment-modal-actions,.test-modal-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--space-4);justify-content:flex-end;padding-top:var(--space-4)}.assignment-modal-actions .btn,.test-modal-actions .btn{align-items:center;border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.assignment-modal-actions .btn.btn-secondary,.test-modal-actions .btn.btn-secondary{background:var(--bg-surface);border-color:var(--border-color);color:var(--text-secondary)}.assignment-modal-actions .btn.btn-secondary:hover,.test-modal-actions .btn.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--primary-300);color:var(--text-primary);transform:translateY(-2px)}.assignment-modal-actions .btn.btn-primary,.test-modal-actions .btn.btn-primary{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);box-shadow:0 4px 15px #3b82f64d;color:#fff}.assignment-modal-actions .btn.btn-primary:hover,.test-modal-actions .btn.btn-primary:hover{box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.assignment-modal-actions .btn.btn-primary:disabled,.test-modal-actions .btn.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.assignment-modal-actions .btn .spinner-sm,.test-modal-actions .btn .spinner-sm{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}[data-theme=dark] .assignment-modal,[data-theme=dark] .test-modal{background:var(--bg-secondary);box-shadow:0 25px 50px #00000080}[data-theme=dark] .assignment-modal .assignment-modal-header,[data-theme=dark] .assignment-modal .test-modal-header,[data-theme=dark] .test-modal .assignment-modal-header,[data-theme=dark] .test-modal .test-modal-header{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-bottom-color:#ffffff1a}[data-theme=dark] .assignment-modal .modal-close-btn,[data-theme=dark] .test-modal .modal-close-btn{background:var(--bg-primary)}[data-theme=dark] .assignment-modal .modal-close-btn:hover,[data-theme=dark] .test-modal .modal-close-btn:hover{background:#ef444433}[data-theme=dark] .question-card{background:var(--bg-primary);border-color:#ffffff1a}[data-theme=dark] .file-upload-area{background:linear-gradient(135deg,#3b82f61a,#9333ea1a)}[data-theme=dark] .file-upload-area:hover{background:linear-gradient(135deg,#3b82f626,#9333ea26)}[data-theme=dark] .file-selected{background:#22c55e1a;border-color:#22c55e4d}[data-theme=dark] .error-message{background:#ef44441a;border-color:#ef44444d;color:var(--error-400)}@media(max-width:768px){.assignment-modal,.test-modal{margin:var(--space-4);max-width:calc(100vw - 2rem)}.assignment-modal .assignment-modal-header,.assignment-modal .test-modal-header,.test-modal .assignment-modal-header,.test-modal .test-modal-header{padding:var(--space-4)}.assignment-modal .assignment-modal-header h2,.assignment-modal .test-modal-header h2,.test-modal .assignment-modal-header h2,.test-modal .test-modal-header h2{font-size:var(--font-size-lg)}.assignment-modal .assignment-modal-content,.assignment-modal .test-modal-content,.test-modal .assignment-modal-content,.test-modal .test-modal-content{padding:var(--space-4)}.assignment-modal-actions,.test-modal-actions{flex-direction:column}.assignment-modal-actions .btn,.test-modal-actions .btn{justify-content:center;width:100%}.question-card{padding:var(--space-4)}.option-item{align-items:stretch;flex-direction:column;gap:var(--space-2)}.option-item .correct-btn{align-self:flex-end}}.assignment-view-modal-overlay,.test-view-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.assignment-view-modal,.test-view-modal{animation:slideInUp .4s cubic-bezier(.34,1.56,.64,1);background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:900px;overflow:hidden;position:relative;width:100%}.assignment-view-modal .assignment-view-modal-header,.assignment-view-modal .test-view-modal-header,.test-view-modal .assignment-view-modal-header,.test-view-modal .test-view-modal-header{align-items:center;background:linear-gradient(135deg,var(--bg-surface) 0,var(--bg-secondary) 100%);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-6)}.assignment-view-modal .assignment-view-modal-header h2,.assignment-view-modal .test-view-modal-header h2,.test-view-modal .assignment-view-modal-header h2,.test-view-modal .test-view-modal-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--space-3);margin:0}.assignment-view-modal .assignment-view-modal-header h2 svg,.assignment-view-modal .test-view-modal-header h2 svg,.test-view-modal .assignment-view-modal-header h2 svg,.test-view-modal .test-view-modal-header h2 svg{animation:pulse 2s ease-in-out infinite;color:var(--primary-500)}.assignment-view-modal .assignment-view-modal-header .header-actions,.assignment-view-modal .test-view-modal-header .header-actions,.test-view-modal .assignment-view-modal-header .header-actions,.test-view-modal .test-view-modal-header .header-actions{align-items:center;display:flex;gap:var(--space-2)}.assignment-view-modal .assignment-view-modal-header .header-actions .btn-icon,.assignment-view-modal .test-view-modal-header .header-actions .btn-icon,.test-view-modal .assignment-view-modal-header .header-actions .btn-icon,.test-view-modal .test-view-modal-header .header-actions .btn-icon{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.assignment-view-modal .assignment-view-modal-header .header-actions .btn-icon.btn-primary,.assignment-view-modal .test-view-modal-header .header-actions .btn-icon.btn-primary,.test-view-modal .assignment-view-modal-header .header-actions .btn-icon.btn-primary,.test-view-modal .test-view-modal-header .header-actions .btn-icon.btn-primary{background:var(--primary-100);color:var(--primary-600)}.assignment-view-modal .assignment-view-modal-header .header-actions .btn-icon.btn-primary:hover,.assignment-view-modal .test-view-modal-header .header-actions .btn-icon.btn-primary:hover,.test-view-modal .assignment-view-modal-header .header-actions .btn-icon.btn-primary:hover,.test-view-modal .test-view-modal-header .header-actions .btn-icon.btn-primary:hover{background:var(--primary-500);color:#fff;transform:scale(1.1)}.assignment-view-modal .assignment-view-modal-header .header-actions .btn-icon.btn-danger,.assignment-view-modal .test-view-modal-header .header-actions .btn-icon.btn-danger,.test-view-modal .assignment-view-modal-header .header-actions .btn-icon.btn-danger,.test-view-modal .test-view-modal-header .header-actions .btn-icon.btn-danger{background:var(--error-100);color:var(--error-600)}.assignment-view-modal .assignment-view-modal-header .header-actions .btn-icon.btn-danger:hover,.assignment-view-modal .test-view-modal-header .header-actions .btn-icon.btn-danger:hover,.test-view-modal .assignment-view-modal-header .header-actions .btn-icon.btn-danger:hover,.test-view-modal .test-view-modal-header .header-actions .btn-icon.btn-danger:hover{background:var(--error-500);color:#fff;transform:scale(1.1)}.assignment-view-modal .assignment-view-modal-header .header-actions .modal-close-btn,.assignment-view-modal .test-view-modal-header .header-actions .modal-close-btn,.test-view-modal .assignment-view-modal-header .header-actions .modal-close-btn,.test-view-modal .test-view-modal-header .header-actions .modal-close-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.assignment-view-modal .assignment-view-modal-header .header-actions .modal-close-btn:hover,.assignment-view-modal .test-view-modal-header .header-actions .modal-close-btn:hover,.test-view-modal .assignment-view-modal-header .header-actions .modal-close-btn:hover,.test-view-modal .test-view-modal-header .header-actions .modal-close-btn:hover{background:var(--error-100);color:var(--error-600);transform:scale(1.1)}.assignment-view-modal .assignment-view-modal-header .header-actions .modal-close-btn svg,.assignment-view-modal .test-view-modal-header .header-actions .modal-close-btn svg,.test-view-modal .assignment-view-modal-header .header-actions .modal-close-btn svg,.test-view-modal .test-view-modal-header .header-actions .modal-close-btn svg{font-size:var(--font-size-base)}.assignment-view-modal .assignment-view-modal-content,.assignment-view-modal .test-view-modal-content,.test-view-modal .assignment-view-modal-content,.test-view-modal .test-view-modal-content{max-height:calc(90vh - 120px);overflow-y:auto;padding:var(--space-6)}.error-state,.loading-state,.no-data{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-8);text-align:center}.error-state .spinner,.loading-state .spinner,.no-data .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-500);height:40px;margin-bottom:var(--space-4);width:40px}.error-state p,.loading-state p,.no-data p{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-4)}.error-state .btn,.loading-state .btn,.no-data .btn{background:var(--primary-500);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.error-state .btn:hover,.loading-state .btn:hover,.no-data .btn:hover{background:var(--primary-600);transform:translateY(-2px)}.test-content .test-info{margin-bottom:var(--space-6)}.test-content .test-info h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.test-content .test-info .test-description{background:var(--bg-secondary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--space-4);padding:var(--space-4)}.test-content .test-info .test-stats{display:flex;flex-wrap:wrap;gap:var(--space-4)}.test-content .test-info .test-stats .stat-item{align-items:center;background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-lg);color:var(--primary-700);display:flex;font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4)}.test-content .test-info .test-stats .stat-item svg{color:var(--primary-500)}.test-content .test-questions-view h4{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--space-2);margin-bottom:var(--space-4)}.test-content .test-questions-view h4:before{content:"❓";font-size:var(--font-size-base)}.test-content .test-questions-view .question-view-card{animation:slideInFromLeft .5s ease-out;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-xl);margin-bottom:var(--space-4);padding:var(--space-6)}.test-content .test-questions-view .question-view-card .question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.test-content .test-questions-view .question-view-card .question-header .question-number{background:var(--primary-100);border-radius:var(--radius-full);color:var(--primary-600);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);padding:var(--space-2) var(--space-3)}.test-content .test-questions-view .question-view-card .question-header .question-points{background:var(--success-100);border-radius:var(--radius-md);color:var(--success-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2)}.test-content .test-questions-view .question-view-card .question-text{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.6;margin-bottom:var(--space-4)}.test-content .test-questions-view .question-view-card .question-options-view .option-view-item{align-items:center;border-radius:var(--radius-lg);display:flex;gap:var(--space-3);margin-bottom:var(--space-2);padding:var(--space-3);transition:all var(--transition-fast)}.test-content .test-questions-view .question-view-card .question-options-view .option-view-item.correct{background:var(--success-50);border:2px solid var(--success-200)}.test-content .test-questions-view .question-view-card .question-options-view .option-view-item:not(.correct){background:var(--bg-surface);border:2px solid var(--border-color)}.test-content .test-questions-view .question-view-card .question-options-view .option-view-item .option-marker{align-items:center;border-radius:50%;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);height:32px;justify-content:center;width:32px}.test-content .test-questions-view .question-view-card .question-options-view .option-view-item .option-marker .correct-icon{color:var(--success-600);font-size:var(--font-size-base)}.test-content .test-questions-view .question-view-card .question-options-view .option-view-item .option-marker .option-letter{align-items:center;background:var(--primary-100);border-radius:50%;color:var(--primary-700);display:flex;height:100%;justify-content:center;width:100%}.test-content .test-questions-view .question-view-card .question-options-view .option-view-item.correct .option-marker{background:var(--success-500);color:#fff}.test-content .test-questions-view .question-view-card .question-options-view .option-view-item .option-text{color:var(--text-primary);flex:1 1;font-size:var(--font-size-base);line-height:1.4}.test-content .test-questions-view .no-questions{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;padding:var(--space-8);text-align:center}.test-content .test-questions-view .no-questions svg{color:var(--warning-500);font-size:48px;margin-bottom:var(--space-4)}.test-content .test-questions-view .no-questions p{font-size:var(--font-size-base)}.assignment-content .assignment-info-view{margin-bottom:var(--space-6)}.assignment-content .assignment-info-view h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.assignment-content .assignment-info-view .assignment-description{margin-bottom:var(--space-6)}.assignment-content .assignment-info-view .assignment-description h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.assignment-content .assignment-info-view .assignment-description p{background:var(--bg-secondary);border-left:4px solid var(--primary-500);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6;padding:var(--space-4)}.assignment-content .assignment-info-view .assignment-stats{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.assignment-content .assignment-info-view .assignment-stats .stat-item{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-4)}.assignment-content .assignment-info-view .assignment-stats .stat-item svg{color:var(--primary-500);flex-shrink:0;margin-top:2px}.assignment-content .assignment-info-view .assignment-stats .stat-item .stat-content{display:flex;flex-direction:column;gap:var(--space-1)}.assignment-content .assignment-info-view .assignment-stats .stat-item .stat-content .stat-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.assignment-content .assignment-info-view .assignment-stats .stat-item .stat-content .stat-value{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.assignment-content .assignment-info-view .assignment-settings{display:flex;flex-direction:column;gap:var(--space-3)}.assignment-content .assignment-info-view .assignment-settings .setting-item{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.assignment-content .assignment-info-view .assignment-settings .setting-item .setting-label{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.assignment-content .assignment-info-view .assignment-settings .setting-item .setting-badge{border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3)}.assignment-content .assignment-info-view .assignment-settings .setting-item .setting-badge.active,.assignment-content .assignment-info-view .assignment-settings .setting-item .setting-badge.enabled{background:var(--success-100);color:var(--success-700)}.assignment-content .assignment-info-view .assignment-settings .setting-item .setting-badge.disabled,.assignment-content .assignment-info-view .assignment-settings .setting-item .setting-badge.inactive{background:var(--error-100);color:var(--error-700)}.assignment-content .assignment-file-view h4{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin-bottom:var(--space-3)}.assignment-content .assignment-file-view h4:before{content:"📎";font-size:var(--font-size-base)}.assignment-content .assignment-file-view .file-item{align-items:center;background:var(--primary-50);border:2px solid var(--primary-200);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-4)}.assignment-content .assignment-file-view .file-item .file-info{align-items:center;display:flex;gap:var(--space-3)}.assignment-content .assignment-file-view .file-item .file-info .file-icon{align-items:center;background:var(--primary-500);border-radius:var(--radius-lg);color:#fff;display:flex;height:48px;justify-content:center;width:48px}.assignment-content .assignment-file-view .file-item .file-info .file-icon svg{font-size:var(--font-size-lg)}.assignment-content .assignment-file-view .file-item .file-info .file-details{display:flex;flex-direction:column;gap:var(--space-1)}.assignment-content .assignment-file-view .file-item .file-info .file-details .file-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.assignment-content .assignment-file-view .file-item .file-info .file-details .file-type{color:var(--text-secondary);font-size:var(--font-size-sm)}.assignment-content .assignment-file-view .file-item .btn{align-items:center;border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.assignment-content .assignment-file-view .file-item .btn.btn-outline{background:#0000;border-color:var(--primary-300);color:var(--primary-600)}.assignment-content .assignment-file-view .file-item .btn.btn-outline:hover{background:var(--primary-500);border-color:var(--primary-500);color:#fff;transform:translateY(-2px)}.assignment-content .assignment-file-view .file-item .btn.btn-sm{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}[data-theme=dark] .assignment-view-modal,[data-theme=dark] .test-view-modal{background:var(--bg-secondary);box-shadow:0 25px 50px #00000080}[data-theme=dark] .assignment-view-modal .assignment-view-modal-header,[data-theme=dark] .assignment-view-modal .test-view-modal-header,[data-theme=dark] .test-view-modal .assignment-view-modal-header,[data-theme=dark] .test-view-modal .test-view-modal-header{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-bottom-color:#ffffff1a}[data-theme=dark] .assignment-view-modal .modal-close-btn,[data-theme=dark] .test-view-modal .modal-close-btn{background:var(--bg-primary)}[data-theme=dark] .assignment-view-modal .modal-close-btn:hover,[data-theme=dark] .test-view-modal .modal-close-btn:hover{background:#ef444433}[data-theme=dark] .question-view-card{background:var(--bg-primary);border-color:#ffffff1a}[data-theme=dark] .assignment-description p,[data-theme=dark] .test-description{background:var(--bg-primary)}[data-theme=dark] .stat-item{background:var(--bg-primary);border-color:#ffffff1a}[data-theme=dark] .assignment-stats .stat-item{background:var(--bg-primary)}[data-theme=dark] .setting-item{background:var(--bg-primary);border-color:#ffffff1a}[data-theme=dark] .file-item{background:#3b82f61a;border-color:#3b82f64d}@media(max-width:768px){.assignment-view-modal,.test-view-modal{margin:var(--space-4);max-width:calc(100vw - 2rem)}.assignment-view-modal .assignment-view-modal-header,.assignment-view-modal .test-view-modal-header,.test-view-modal .assignment-view-modal-header,.test-view-modal .test-view-modal-header{padding:var(--space-4)}.assignment-view-modal .assignment-view-modal-header h2,.assignment-view-modal .test-view-modal-header h2,.test-view-modal .assignment-view-modal-header h2,.test-view-modal .test-view-modal-header h2{font-size:var(--font-size-lg)}.assignment-view-modal .assignment-view-modal-header .header-actions,.assignment-view-modal .test-view-modal-header .header-actions,.test-view-modal .assignment-view-modal-header .header-actions,.test-view-modal .test-view-modal-header .header-actions{gap:var(--space-1)}.assignment-view-modal .assignment-view-modal-header .header-actions .btn-icon,.assignment-view-modal .test-view-modal-header .header-actions .btn-icon,.test-view-modal .assignment-view-modal-header .header-actions .btn-icon,.test-view-modal .test-view-modal-header .header-actions .btn-icon{height:36px;width:36px}.assignment-view-modal .assignment-view-modal-content,.assignment-view-modal .test-view-modal-content,.test-view-modal .assignment-view-modal-content,.test-view-modal .test-view-modal-content{padding:var(--space-4)}.test-stats{flex-direction:column}.question-view-card{padding:var(--space-4)}.assignment-stats .stat-item,.option-view-item{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.assignment-stats .stat-item svg{margin-top:0}.file-item{align-items:stretch;flex-direction:column;gap:var(--space-3)}.file-item .btn{align-self:center}}.video-assignments-modal-overlay,.video-tests-modal-overlay{align-items:center;animation:fadeInBackdrop .3s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}@keyframes fadeInBackdrop{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:1}}.video-assignments-modal,.video-tests-modal{animation:slideInScale .4s cubic-bezier(.34,1.56,.64,1);background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:0 30px 60px #0000004d;max-height:90vh;max-width:1000px;overflow:hidden;position:relative;width:100%}@keyframes slideInScale{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.video-assignments-modal .video-assignments-modal-header,.video-assignments-modal .video-tests-modal-header,.video-tests-modal .video-assignments-modal-header,.video-tests-modal .video-tests-modal-header{align-items:flex-start;background:linear-gradient(135deg,var(--bg-surface) 0,var(--bg-secondary) 100%);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-6)}.video-assignments-modal .video-assignments-modal-header .header-info,.video-assignments-modal .video-tests-modal-header .header-info,.video-tests-modal .video-assignments-modal-header .header-info,.video-tests-modal .video-tests-modal-header .header-info{flex:1 1}.video-assignments-modal .video-assignments-modal-header .header-info h2,.video-assignments-modal .video-tests-modal-header .header-info h2,.video-tests-modal .video-assignments-modal-header .header-info h2,.video-tests-modal .video-tests-modal-header .header-info h2{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--space-3);margin:0 0 var(--space-2) 0}.video-assignments-modal .video-assignments-modal-header .header-info h2 svg,.video-assignments-modal .video-tests-modal-header .header-info h2 svg,.video-tests-modal .video-assignments-modal-header .header-info h2 svg,.video-tests-modal .video-tests-modal-header .header-info h2 svg{animation:pulse 2s ease-in-out infinite;color:var(--primary-500)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.video-assignments-modal .video-assignments-modal-header .header-info .video-title,.video-assignments-modal .video-tests-modal-header .header-info .video-title,.video-tests-modal .video-assignments-modal-header .header-info .video-title,.video-tests-modal .video-tests-modal-header .header-info .video-title{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;margin:0}.video-assignments-modal .video-assignments-modal-header .modal-close-btn,.video-assignments-modal .video-tests-modal-header .modal-close-btn,.video-tests-modal .video-assignments-modal-header .modal-close-btn,.video-tests-modal .video-tests-modal-header .modal-close-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.video-assignments-modal .video-assignments-modal-header .modal-close-btn:hover,.video-assignments-modal .video-tests-modal-header .modal-close-btn:hover,.video-tests-modal .video-assignments-modal-header .modal-close-btn:hover,.video-tests-modal .video-tests-modal-header .modal-close-btn:hover{background:var(--error-100);color:var(--error-600);transform:scale(1.1)}.video-assignments-modal .video-assignments-modal-header .modal-close-btn svg,.video-assignments-modal .video-tests-modal-header .modal-close-btn svg,.video-tests-modal .video-assignments-modal-header .modal-close-btn svg,.video-tests-modal .video-tests-modal-header .modal-close-btn svg{font-size:var(--font-size-base)}.video-assignments-modal .video-assignments-modal-content,.video-assignments-modal .video-tests-modal-content,.video-tests-modal .video-assignments-modal-content,.video-tests-modal .video-tests-modal-content{max-height:calc(90vh - 120px);overflow-y:auto;padding:var(--space-6)}.error-state,.loading-state,.no-assignments-state,.no-test-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-12);text-align:center}.error-state .spinner,.loading-state .spinner,.no-assignments-state .spinner,.no-test-state .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-500);height:48px;margin-bottom:var(--space-6);width:48px}.error-state .no-assignments-icon,.error-state .no-test-icon,.loading-state .no-assignments-icon,.loading-state .no-test-icon,.no-assignments-state .no-assignments-icon,.no-assignments-state .no-test-icon,.no-test-state .no-assignments-icon,.no-test-state .no-test-icon{color:var(--warning-500);font-size:64px;margin-bottom:var(--space-4);opacity:.7}.error-state h3,.loading-state h3,.no-assignments-state h3,.no-test-state h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-3) 0}.error-state p,.loading-state p,.no-assignments-state p,.no-test-state p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.5;margin:0 0 var(--space-6) 0}.error-state .btn,.loading-state .btn,.no-assignments-state .btn,.no-test-state .btn{background:var(--primary-500);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.error-state .btn:hover,.loading-state .btn:hover,.no-assignments-state .btn:hover,.no-test-state .btn:hover{background:var(--primary-600);box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.test-selector{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);margin-bottom:var(--space-6);padding:var(--space-4)}.test-selector h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3) 0}.test-selector .test-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.test-selector .test-buttons .test-btn{align-items:center;background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.test-selector .test-buttons .test-btn:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700);transform:translateY(-2px)}.test-selector .test-buttons .test-btn.active{background:var(--primary-500);border-color:var(--primary-500);box-shadow:0 4px 15px #3b82f64d;color:#fff}.test-selector .test-buttons .test-btn.active svg{color:#fff}.test-selector .test-buttons .test-btn svg{color:var(--primary-500);font-size:var(--font-size-sm)}.test-content .test-overview{margin-bottom:var(--space-8)}.test-content .test-overview .test-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.test-content .test-overview .test-header h3{color:var(--text-primary);flex:1 1;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.3;margin:0}.test-content .test-overview .test-header .test-status .status-badge{border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-4)}.test-content .test-overview .test-header .test-status .status-badge.active{background:var(--success-100);color:var(--success-700)}.test-content .test-overview .test-header .test-status .status-badge.inactive{background:var(--error-100);color:var(--error-700)}.test-content .test-overview .test-description{background:var(--bg-secondary);border-left:4px solid var(--primary-500);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--space-6);padding:var(--space-4)}.test-content .test-overview .test-stats-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media(max-width:768px){.test-content .test-overview .test-stats-grid{grid-template-columns:1fr}}.test-content .test-overview .test-stats-grid .stat-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;gap:var(--space-3);padding:var(--space-4);transition:all var(--transition-fast)}.test-content .test-overview .test-stats-grid .stat-card:hover{border-color:var(--primary-300);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.test-content .test-overview .test-stats-grid .stat-card .stat-icon{align-items:center;background:var(--primary-100);border-radius:var(--radius-lg);color:var(--primary-600);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.test-content .test-overview .test-stats-grid .stat-card .stat-icon svg{font-size:var(--font-size-lg)}.test-content .test-overview .test-stats-grid .stat-card .stat-content{display:flex;flex-direction:column;gap:var(--space-1)}.test-content .test-overview .test-stats-grid .stat-card .stat-content .stat-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.test-content .test-overview .test-stats-grid .stat-card .stat-content .stat-value{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.test-content .test-questions-section .section-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.test-content .test-questions-section .section-header h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.test-content .test-questions-section .section-header .total-points{background:var(--success-100);border-radius:var(--radius-full);color:var(--success-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-3)}.test-content .test-questions-section .question-display-card{animation:slideInFromLeft .5s ease-out;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-xl);margin-bottom:var(--space-4);padding:var(--space-6)}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.test-content .test-questions-section .question-display-card .question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.test-content .test-questions-section .question-display-card .question-header .question-number{background:var(--primary-100);border-radius:var(--radius-full);color:var(--primary-600);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);padding:var(--space-2) var(--space-4)}.test-content .test-questions-section .question-display-card .question-header .question-points{background:var(--success-100);border-radius:var(--radius-md);color:var(--success-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3)}.test-content .test-questions-section .question-display-card .question-text{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.6;margin-bottom:var(--space-4)}.test-content .test-questions-section .question-display-card .question-options .option-display-item{align-items:center;border-radius:var(--radius-lg);display:flex;gap:var(--space-3);margin-bottom:var(--space-2);padding:var(--space-3);transition:all var(--transition-fast)}.test-content .test-questions-section .question-display-card .question-options .option-display-item.correct{border:2px solid var(--success-200)}.test-content .test-questions-section .question-display-card .question-options .option-display-item:not(.correct){background:var(--bg-surface);border:2px solid var(--border-color)}.test-content .test-questions-section .question-display-card .question-options .option-display-item .option-marker{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);height:36px;justify-content:center;width:36px}.test-content .test-questions-section .question-display-card .question-options .option-display-item .option-marker .correct-icon{align-items:center;background:var(--success-500);border-radius:50%;color:#fff;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);height:100%;justify-content:center;width:100%}.test-content .test-questions-section .question-display-card .question-options .option-display-item .option-marker .option-letter{align-items:center;background:var(--primary-100);border-radius:50%;color:var(--primary-700);display:flex;font-weight:var(--font-weight-bold);height:100%;justify-content:center;width:100%}.test-content .test-questions-section .question-display-card .question-options .option-display-item.correct{background:var(--success-50);border-color:var(--success-200)}.test-content .test-questions-section .question-display-card .question-options .option-display-item.correct .option-marker .correct-icon{background:var(--success-500)}.test-content .test-questions-section .question-display-card .question-options .option-display-item .correct-badge{align-items:center;background:var(--success-100);border-radius:var(--radius-md);color:var(--success-700);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--space-1);margin-left:auto;padding:var(--space-1) var(--space-2)}.test-content .test-questions-section .question-display-card .question-options .option-display-item .correct-badge svg{font-size:var(--font-size-xs)}.test-content .test-questions-section .question-display-card .question-options .option-display-item .option-text{color:var(--text-primary);flex:1 1;font-size:var(--font-size-base);line-height:1.4}.test-content .test-questions-section .no-questions{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;padding:var(--space-8);text-align:center}.test-content .test-questions-section .no-questions svg{color:var(--warning-500);font-size:48px;margin-bottom:var(--space-4)}.test-content .test-questions-section .no-questions p{font-size:var(--font-size-base);margin:0}.assignments-content .assignments-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.assignments-content .assignments-header h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.assignments-content .assignments-header .assignments-count{background:var(--primary-100);border-radius:var(--radius-full);color:var(--primary-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-3)}.assignments-content .assignments-list .assignment-card{animation:slideInUp .5s ease-out;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-xl);margin-bottom:var(--space-6);padding:var(--space-6)}.assignments-content .assignments-list .assignment-card .assignment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.assignments-content .assignments-list .assignment-card .assignment-header .assignment-title-section{flex:1 1}.assignments-content .assignments-list .assignment-card .assignment-header .assignment-title-section h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1.3;margin:0 0 var(--space-2) 0}.assignments-content .assignments-list .assignment-card .assignment-header .assignment-title-section .assignment-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.assignments-content .assignments-list .assignment-card .assignment-header .assignment-title-section .assignment-badges .status-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3)}.assignments-content .assignments-list .assignment-card .assignment-header .assignment-title-section .assignment-badges .status-badge.active{background:var(--success-100);color:var(--success-700)}.assignments-content .assignments-list .assignment-card .assignment-header .assignment-title-section .assignment-badges .status-badge.inactive{background:var(--error-100);color:var(--error-700)}.assignments-content .assignments-list .assignment-card .assignment-header .assignment-title-section .assignment-badges .status-badge.overdue{background:var(--warning-100);color:var(--warning-700)}.assignments-content .assignments-list .assignment-card .assignment-header .assignment-number{background:var(--primary-100);border-radius:var(--radius-lg);color:var(--primary-600);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);min-width:40px;padding:var(--space-2) var(--space-3);text-align:center}.assignments-content .assignments-list .assignment-card .assignment-description{margin-bottom:var(--space-4)}.assignments-content .assignments-list .assignment-card .assignment-description p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6;margin:0}.assignments-content .assignments-list .assignment-card .assignment-stats-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-4)}@media(max-width:768px){.assignments-content .assignments-list .assignment-card .assignment-stats-grid{grid-template-columns:1fr}}.assignments-content .assignments-list .assignment-card .assignment-stats-grid .stat-item{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);padding:var(--space-3)}.assignments-content .assignments-list .assignment-card .assignment-stats-grid .stat-item .stat-icon{color:var(--primary-500);flex-shrink:0}.assignments-content .assignments-list .assignment-card .assignment-stats-grid .stat-item .stat-content{display:flex;flex-direction:column;gap:var(--space-1)}.assignments-content .assignments-list .assignment-card .assignment-stats-grid .stat-item .stat-content .stat-label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.assignments-content .assignments-list .assignment-card .assignment-stats-grid .stat-item .stat-content .stat-value{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.assignments-content .assignments-list .assignment-card .assignment-stats-grid .stat-item .stat-content .stat-value.overdue{color:var(--error-600)}.assignments-content .assignments-list .assignment-card .assignment-settings{margin-bottom:var(--space-4)}.assignments-content .assignments-list .assignment-card .assignment-settings .setting-item{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-3)}.assignments-content .assignments-list .assignment-card .assignment-settings .setting-item .setting-label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.assignments-content .assignments-list .assignment-card .assignment-settings .setting-item .setting-badge{border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2)}.assignments-content .assignments-list .assignment-card .assignment-settings .setting-item .setting-badge.enabled{background:var(--success-100);color:var(--success-700)}.assignments-content .assignments-list .assignment-card .assignment-settings .setting-item .setting-badge.disabled{background:var(--error-100);color:var(--error-700)}.assignments-content .assignments-list .assignment-card .assignment-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.assignments-content .assignments-list .assignment-card .assignment-actions .btn{align-items:center;border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.assignments-content .assignments-list .assignment-card .assignment-actions .btn.btn-outline{background:#0000;border-color:var(--primary-300);color:var(--primary-600)}.assignments-content .assignments-list .assignment-card .assignment-actions .btn.btn-outline:hover{background:var(--primary-50);border-color:var(--primary-500);transform:translateY(-1px)}.assignments-content .assignments-list .assignment-card .assignment-actions .btn.btn-sm{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}[data-theme=dark] .video-assignments-modal,[data-theme=dark] .video-tests-modal{background:var(--bg-secondary);box-shadow:0 30px 60px #0009}[data-theme=dark] .video-assignments-modal .video-assignments-modal-header,[data-theme=dark] .video-assignments-modal .video-tests-modal-header,[data-theme=dark] .video-tests-modal .video-assignments-modal-header,[data-theme=dark] .video-tests-modal .video-tests-modal-header{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-bottom-color:#ffffff1a}[data-theme=dark] .video-assignments-modal .modal-close-btn,[data-theme=dark] .video-tests-modal .modal-close-btn{background:var(--bg-primary)}[data-theme=dark] .video-assignments-modal .modal-close-btn:hover,[data-theme=dark] .video-tests-modal .modal-close-btn:hover{background:#ef444433}[data-theme=dark] .assignment-card,[data-theme=dark] .question-display-card{background:var(--bg-primary);border-color:#ffffff1a}[data-theme=dark] .test-description{background:var(--bg-primary)}[data-theme=dark] .assignment-settings .setting-item,[data-theme=dark] .stat-card,[data-theme=dark] .stat-item{background:var(--bg-primary);border-color:#ffffff1a}@media(max-width:768px){.video-assignments-modal,.video-tests-modal{margin:var(--space-4);max-width:calc(100vw - 2rem)}.video-assignments-modal .video-assignments-modal-header,.video-assignments-modal .video-tests-modal-header,.video-tests-modal .video-assignments-modal-header,.video-tests-modal .video-tests-modal-header{align-items:flex-start;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.video-assignments-modal .video-assignments-modal-header .header-info,.video-assignments-modal .video-tests-modal-header .header-info,.video-tests-modal .video-assignments-modal-header .header-info,.video-tests-modal .video-tests-modal-header .header-info{width:100%}.video-assignments-modal .video-assignments-modal-header .header-info h2,.video-assignments-modal .video-tests-modal-header .header-info h2,.video-tests-modal .video-assignments-modal-header .header-info h2,.video-tests-modal .video-tests-modal-header .header-info h2{font-size:var(--font-size-lg)}.video-assignments-modal .video-assignments-modal-header .modal-close-btn,.video-assignments-modal .video-tests-modal-header .modal-close-btn,.video-tests-modal .video-assignments-modal-header .modal-close-btn,.video-tests-modal .video-tests-modal-header .modal-close-btn{position:absolute;right:var(--space-4);top:var(--space-4)}.video-assignments-modal .video-assignments-modal-content,.video-assignments-modal .video-tests-modal-content,.video-tests-modal .video-assignments-modal-content,.video-tests-modal .video-tests-modal-content{padding:var(--space-4)}.assignment-stats-grid,.test-stats-grid{grid-template-columns:1fr}.assignment-card,.question-display-card{padding:var(--space-4)}.assignment-header{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.assignment-header .assignment-number{align-self:flex-end}.assignment-actions{justify-content:center}.assignment-actions .btn{flex:1 1;justify-content:center;min-width:0}}.teacher-videos{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);min-height:100vh;padding:var(--space-8)}@media(max-width:767px){.teacher-videos{padding:var(--space-4)}}.teacher-videos .videos-header{align-items:flex-start;background:var(--gradient-primary);border-radius:var(--radius-3xl);color:#fff;display:flex;gap:var(--space-6);justify-content:space-between;margin-bottom:var(--space-8);overflow:hidden;padding:var(--space-6);position:relative}.teacher-videos .videos-header:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@media(max-width:767px){.teacher-videos .videos-header{flex-direction:column;gap:var(--space-4);text-align:center}}.teacher-videos .videos-header .channel-info{flex:1 1;z-index:2}.teacher-videos .videos-header .channel-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-4xl);font-weight:var(--font-weight-black);line-height:var(--line-height-tight);margin-bottom:var(--space-2)}@media(max-width:767px){.teacher-videos .videos-header .channel-info h1{font-size:var(--font-size-3xl)}}.teacher-videos .videos-header .channel-info p{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);opacity:.9}@media(max-width:767px){.teacher-videos .videos-header .channel-info p{font-size:var(--font-size-base)}}.teacher-videos .videos-header .header-actions{z-index:2}.teacher-videos .videos-header .header-actions .btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);color:#fff;font-weight:var(--font-weight-semibold);padding:var(--space-4) var(--space-8);transition:all var(--transition-normal)}.teacher-videos .videos-header .header-actions .btn:hover{background:#ffffff4d;box-shadow:var(--shadow-2xl);transform:translateY(-3px)}@media(max-width:767px){.teacher-videos .videos-header .header-actions .btn{padding:var(--space-3) var(--space-6);width:100%}}.teacher-videos .videos-stats{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-8)}@media(max-width:767px){.teacher-videos .videos-stats{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}.teacher-videos .videos-stats .stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-normal)}.teacher-videos .videos-stats .stat-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.teacher-videos .videos-stats .stat-card:hover{border-color:var(--primary-500);box-shadow:var(--shadow-2xl);transform:translateY(-8px)}.teacher-videos .videos-stats .stat-card .stat-icon{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-xl);color:#fff;display:flex;font-size:var(--font-size-2xl);height:60px;justify-content:center;margin-bottom:var(--space-4);width:60px}.teacher-videos .videos-stats .stat-card .stat-content h3{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);margin-bottom:var(--space-1)}.teacher-videos .videos-stats .stat-card .stat-content p{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.teacher-videos .videos-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr;margin-bottom:var(--space-8)}.teacher-videos .video-card{grid-gap:var(--space-4);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);display:grid;gap:var(--space-4);grid-template-columns:240px 1fr;overflow:hidden;padding:var(--space-4);position:relative;transition:all var(--transition-normal)}@media(max-width:767px){.teacher-videos .video-card{grid-template-columns:1fr}}.teacher-videos .video-card:hover{border-color:var(--primary-500);box-shadow:var(--shadow-2xl);transform:translateY(-8px)}.teacher-videos .video-card .video-thumbnail{background:var(--gradient-primary);height:160px;overflow:hidden;position:relative;width:100%}.teacher-videos .video-card .video-thumbnail img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.teacher-videos .video-card .video-thumbnail .video-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:var(--space-2) var(--space-4);position:absolute;right:var(--space-3);text-transform:uppercase;top:var(--space-3)}.teacher-videos .video-card .video-thumbnail .video-status.status-pending{background:#f59e0be6;color:#fff}.teacher-videos .video-card .video-thumbnail .video-status.status-approved{background:#22c55ee6;color:#fff}.teacher-videos .video-card .video-thumbnail .video-status.status-rejected{background:#ef4444e6;color:#fff}.teacher-videos .video-card .video-content{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-rows:auto auto auto auto auto;padding:var(--space-2) var(--space-2)}.teacher-videos .video-card .video-content .video-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:0}.teacher-videos .video-card .video-content .video-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:0;overflow:hidden}.teacher-videos .video-card .video-content .video-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:0}.teacher-videos .video-card .video-content .rejection-reason{color:var(--error-600);font-size:var(--font-size-sm)}.teacher-videos .video-card .video-content .video-features{display:flex;gap:var(--space-2);margin-bottom:0}.teacher-videos .video-card .video-content .video-features .feature-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:var(--space-1) var(--space-3);text-transform:uppercase}.teacher-videos .video-card .video-content .video-stats{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(2,auto);justify-content:start;margin-bottom:0}.teacher-videos .video-card .video-content .video-actions{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,-webkit-max-content));grid-template-columns:repeat(5,minmax(0,max-content))}@media(max-width:767px){.teacher-videos .video-card .video-content .video-actions{grid-template-columns:1fr 1fr}}.teacher-videos .actions-panel-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.teacher-videos .actions-panel-overlay .actions-panel{animation:scaleIn var(--transition-normal);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.teacher-videos .actions-panel-overlay .actions-panel .panel-header{background:var(--gradient-primary);color:#fff;overflow:hidden;padding:var(--space-8);position:relative}.teacher-videos .actions-panel-overlay .actions-panel .panel-header:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.teacher-videos .actions-panel-overlay .actions-panel .panel-header .video-info{position:relative;z-index:2}.teacher-videos .actions-panel-overlay .actions-panel .panel-header .video-info h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.teacher-videos .actions-panel-overlay .actions-panel .panel-header .video-info p{font-size:var(--font-size-lg);opacity:.9}.teacher-videos .actions-panel-overlay .actions-panel .panel-header .close-btn{align-items:center;background:#fff3;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:var(--space-6);top:var(--space-6);transition:all var(--transition-fast);width:40px;z-index:3}.teacher-videos .actions-panel-overlay .actions-panel .panel-header .close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.teacher-videos .actions-panel-overlay .actions-panel .panel-tabs{background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);display:flex}.teacher-videos .actions-panel-overlay .actions-panel .panel-tabs .tab-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--space-3);justify-content:center;padding:var(--space-6);position:relative;transition:all var(--transition-normal)}.teacher-videos .actions-panel-overlay .actions-panel .panel-tabs .tab-btn.active{background:var(--bg-card);border-bottom:3px solid var(--primary-600);color:var(--primary-600)}.teacher-videos .actions-panel-overlay .actions-panel .panel-tabs .tab-btn:hover:not(.active){background:var(--bg-hover);color:var(--text-primary)}.teacher-videos .actions-panel-overlay .actions-panel .panel-content{flex:1 1;overflow-y:auto;padding:var(--space-8)}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .form-group,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .form-group{margin-bottom:var(--space-6)}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .form-group label,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .form-group label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .form-group input,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .form-group select,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .form-group textarea,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .form-group input,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .form-group select,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .form-group textarea{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-4);transition:all var(--transition-normal);width:100%}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .form-group input:focus,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .form-group select:focus,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .form-group textarea:focus,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .form-group input:focus,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .form-group select:focus,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .form-group textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-2px)}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .form-group input::placeholder,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .form-group select::placeholder,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .form-group textarea::placeholder,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .form-group input::placeholder,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .form-group select::placeholder,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .form-group textarea::placeholder{color:var(--text-muted)}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .form-group textarea,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .form-group textarea{min-height:120px;resize:vertical}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .form-row,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}@media(max-width:767px){.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .form-row,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .form-row{grid-template-columns:1fr}}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .questions-section,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .questions-section{margin-top:var(--space-8)}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .questions-section .questions-header,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .questions-section .questions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .questions-section .questions-header h3,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .questions-section .questions-header h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .questions-section .question-card,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .questions-section .question-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);margin-bottom:var(--space-4);padding:var(--space-6);transition:all var(--transition-normal)}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .questions-section .question-card:hover,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .questions-section .question-card:hover{border-color:var(--primary-500);box-shadow:var(--shadow-md)}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .questions-section .question-card .question-header,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .questions-section .question-card .question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .questions-section .question-card .question-header h4,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .questions-section .question-card .question-header h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .questions-section .question-card .options-grid,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .questions-section .question-card .options-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3)}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .questions-section .question-card .options-grid .option-group,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .questions-section .question-card .options-grid .option-group{align-items:center;display:flex;gap:var(--space-3)}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .questions-section .question-card .options-grid .option-group label,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .questions-section .question-card .options-grid .option-group label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);margin-bottom:0}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .questions-section .question-card .options-grid .option-group label input[type=radio],.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .questions-section .question-card .options-grid .option-group label input[type=radio]{accent-color:var(--primary-500);height:20px;width:20px}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .questions-section .question-card .options-grid .option-group input[type=text],.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .questions-section .question-card .options-grid .option-group input[type=text]{flex:1 1;margin-bottom:0}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .form-actions,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .form-actions{border-top:1px solid var(--border-primary);display:flex;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6)}@media(max-width:767px){.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .form-actions,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .form-actions{flex-direction:column}}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .form-actions .btn,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .form-actions .btn{align-items:center;border:none;border-radius:var(--radius-xl);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-4) var(--space-8);text-align:center;text-decoration:none;transition:all var(--transition-normal)}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .form-actions .btn.btn-primary,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .form-actions .btn.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-lg);color:#fff}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .form-actions .btn.btn-primary:hover,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .form-actions .btn.btn-primary:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .form-actions .btn:not(.btn-primary),.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .form-actions .btn:not(.btn-primary){background:var(--bg-secondary);border:2px solid var(--border-primary);color:var(--text-primary)}.teacher-videos .actions-panel-overlay .actions-panel .panel-content .assignment-form .form-actions .btn:not(.btn-primary):hover,.teacher-videos .actions-panel-overlay .actions-panel .panel-content .test-form .form-actions .btn:not(.btn-primary):hover{background:var(--bg-hover);border-color:var(--primary-500)}.teacher-videos .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.teacher-videos .modal-overlay .modal{animation:scaleIn var(--transition-normal);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.teacher-videos .modal-overlay .modal .modal-header{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;color:#fff;display:flex;justify-content:space-between;padding:var(--space-8)}.teacher-videos .modal-overlay .modal .modal-header h2{align-items:center;display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);gap:var(--space-3)}.teacher-videos .modal-overlay .modal .modal-header button{align-items:center;background:#fff3;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.teacher-videos .modal-overlay .modal .modal-header button:hover{background:#ffffff4d;transform:scale(1.1)}.teacher-videos .modal-overlay .modal .assignment-form,.teacher-videos .modal-overlay .modal .test-form,.teacher-videos .modal-overlay .modal .upload-form{padding:var(--space-8)}.teacher-videos .modal-overlay .modal .assignment-form .form-group,.teacher-videos .modal-overlay .modal .test-form .form-group,.teacher-videos .modal-overlay .modal .upload-form .form-group{margin-bottom:var(--space-6)}.teacher-videos .modal-overlay .modal .assignment-form .form-group label,.teacher-videos .modal-overlay .modal .test-form .form-group label,.teacher-videos .modal-overlay .modal .upload-form .form-group label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.teacher-videos .modal-overlay .modal .assignment-form .form-group input,.teacher-videos .modal-overlay .modal .assignment-form .form-group select,.teacher-videos .modal-overlay .modal .assignment-form .form-group textarea,.teacher-videos .modal-overlay .modal .test-form .form-group input,.teacher-videos .modal-overlay .modal .test-form .form-group select,.teacher-videos .modal-overlay .modal .test-form .form-group textarea,.teacher-videos .modal-overlay .modal .upload-form .form-group input,.teacher-videos .modal-overlay .modal .upload-form .form-group select,.teacher-videos .modal-overlay .modal .upload-form .form-group textarea{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-4);transition:all var(--transition-normal);width:100%}.teacher-videos .modal-overlay .modal .assignment-form .form-group input:focus,.teacher-videos .modal-overlay .modal .assignment-form .form-group select:focus,.teacher-videos .modal-overlay .modal .assignment-form .form-group textarea:focus,.teacher-videos .modal-overlay .modal .test-form .form-group input:focus,.teacher-videos .modal-overlay .modal .test-form .form-group select:focus,.teacher-videos .modal-overlay .modal .test-form .form-group textarea:focus,.teacher-videos .modal-overlay .modal .upload-form .form-group input:focus,.teacher-videos .modal-overlay .modal .upload-form .form-group select:focus,.teacher-videos .modal-overlay .modal .upload-form .form-group textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-2px)}.teacher-videos .modal-overlay .modal .assignment-form .form-group input::placeholder,.teacher-videos .modal-overlay .modal .assignment-form .form-group select::placeholder,.teacher-videos .modal-overlay .modal .assignment-form .form-group textarea::placeholder,.teacher-videos .modal-overlay .modal .test-form .form-group input::placeholder,.teacher-videos .modal-overlay .modal .test-form .form-group select::placeholder,.teacher-videos .modal-overlay .modal .test-form .form-group textarea::placeholder,.teacher-videos .modal-overlay .modal .upload-form .form-group input::placeholder,.teacher-videos .modal-overlay .modal .upload-form .form-group select::placeholder,.teacher-videos .modal-overlay .modal .upload-form .form-group textarea::placeholder{color:var(--text-muted)}.teacher-videos .modal-overlay .modal .assignment-form .form-group textarea,.teacher-videos .modal-overlay .modal .test-form .form-group textarea,.teacher-videos .modal-overlay .modal .upload-form .form-group textarea{min-height:120px;resize:vertical}.teacher-videos .modal-overlay .modal .assignment-form .form-row,.teacher-videos .modal-overlay .modal .test-form .form-row,.teacher-videos .modal-overlay .modal .upload-form .form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media(max-width:767px){.teacher-videos .modal-overlay .modal .assignment-form .form-row,.teacher-videos .modal-overlay .modal .test-form .form-row,.teacher-videos .modal-overlay .modal .upload-form .form-row{grid-template-columns:1fr}}.teacher-videos .modal-overlay .modal .assignment-form .form-checkboxes,.teacher-videos .modal-overlay .modal .test-form .form-checkboxes,.teacher-videos .modal-overlay .modal .upload-form .form-checkboxes{display:flex;gap:var(--space-8);margin:var(--space-6) 0}@media(max-width:767px){.teacher-videos .modal-overlay .modal .assignment-form .form-checkboxes,.teacher-videos .modal-overlay .modal .test-form .form-checkboxes,.teacher-videos .modal-overlay .modal .upload-form .form-checkboxes{flex-direction:column;gap:var(--space-4)}}.teacher-videos .modal-overlay .modal .assignment-form .form-checkboxes .checkbox-label,.teacher-videos .modal-overlay .modal .test-form .form-checkboxes .checkbox-label,.teacher-videos .modal-overlay .modal .upload-form .form-checkboxes .checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-3)}.teacher-videos .modal-overlay .modal .assignment-form .form-checkboxes .checkbox-label input[type=checkbox],.teacher-videos .modal-overlay .modal .test-form .form-checkboxes .checkbox-label input[type=checkbox],.teacher-videos .modal-overlay .modal .upload-form .form-checkboxes .checkbox-label input[type=checkbox]{accent-color:var(--primary-500);height:20px;width:20px}.teacher-videos .modal-overlay .modal .assignment-form .form-actions,.teacher-videos .modal-overlay .modal .test-form .form-actions,.teacher-videos .modal-overlay .modal .upload-form .form-actions{border-top:1px solid var(--border-primary);display:flex;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6)}@media(max-width:767px){.teacher-videos .modal-overlay .modal .assignment-form .form-actions,.teacher-videos .modal-overlay .modal .test-form .form-actions,.teacher-videos .modal-overlay .modal .upload-form .form-actions{flex-direction:column}}.teacher-videos .modal-overlay .modal .assignment-form .form-actions .btn,.teacher-videos .modal-overlay .modal .test-form .form-actions .btn,.teacher-videos .modal-overlay .modal .upload-form .form-actions .btn{align-items:center;border:none;border-radius:var(--radius-xl);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-4) var(--space-8);text-align:center;text-decoration:none;transition:all var(--transition-normal)}.teacher-videos .modal-overlay .modal .assignment-form .form-actions .btn.btn-primary,.teacher-videos .modal-overlay .modal .test-form .form-actions .btn.btn-primary,.teacher-videos .modal-overlay .modal .upload-form .form-actions .btn.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-lg);color:#fff}.teacher-videos .modal-overlay .modal .assignment-form .form-actions .btn.btn-primary:hover,.teacher-videos .modal-overlay .modal .test-form .form-actions .btn.btn-primary:hover,.teacher-videos .modal-overlay .modal .upload-form .form-actions .btn.btn-primary:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.teacher-videos .modal-overlay .modal .assignment-form .form-actions .btn:not(.btn-primary),.teacher-videos .modal-overlay .modal .test-form .form-actions .btn:not(.btn-primary),.teacher-videos .modal-overlay .modal .upload-form .form-actions .btn:not(.btn-primary){background:var(--bg-secondary);border:2px solid var(--border-primary);color:var(--text-primary)}.teacher-videos .modal-overlay .modal .assignment-form .form-actions .btn:not(.btn-primary):hover,.teacher-videos .modal-overlay .modal .test-form .form-actions .btn:not(.btn-primary):hover,.teacher-videos .modal-overlay .modal .upload-form .form-actions .btn:not(.btn-primary):hover{background:var(--bg-hover);border-color:var(--primary-500)}.teacher-wallet{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);padding:var(--space-8)}@media(max-width:767px){.teacher-wallet{padding:var(--space-4)}}.teacher-wallet .page-header{background:var(--detail-bg);border-radius:var(--radius-3xl);color:var(--text-primary);margin-bottom:var(--space-8);overflow:hidden;padding:var(--space-8);position:relative;text-align:center}.teacher-wallet .page-header:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.teacher-wallet .page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-4xl);font-weight:var(--font-weight-black);line-height:var(--line-height-tight);margin-bottom:var(--space-3);position:relative;z-index:2}@media(max-width:767px){.teacher-wallet .page-header h1{font-size:var(--font-size-3xl)}}.teacher-wallet .page-header p{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);opacity:.9;position:relative;z-index:2}@media(max-width:767px){.teacher-wallet .page-header p{font-size:var(--font-size-base)}}.teacher-wallet .balance-card{background:var(--gradient-primary);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);color:#fff;margin-bottom:var(--space-8);overflow:hidden;padding:var(--space-8);position:relative}.teacher-wallet .balance-card:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.teacher-wallet .balance-card .balance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6);position:relative;z-index:2}@media(max-width:767px){.teacher-wallet .balance-card .balance-header{flex-direction:column;gap:var(--space-4);text-align:center}}.teacher-wallet .balance-card .balance-header .balance-info h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);opacity:.9}.teacher-wallet .balance-card .balance-header .balance-info .balance-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0f2fe);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-5xl);font-weight:var(--font-weight-black);line-height:var(--line-height-tight)}.teacher-wallet .balance-card .balance-header .balance-info .balance-subtitle{font-size:var(--font-size-lg);margin-top:var(--space-2);opacity:.8}.teacher-wallet .balance-card .balance-header .wallet-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:var(--radius-2xl);display:flex;font-size:var(--font-size-3xl);height:80px;justify-content:center;width:80px}.teacher-wallet .balance-card .balance-actions{display:flex;gap:var(--space-4)}@media(max-width:767px){.teacher-wallet .balance-card .balance-actions{flex-direction:column}}.teacher-wallet .balance-card .balance-actions .btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #ffffff4d;border-radius:var(--radius-2xl);color:#fff;display:flex;flex:1 1;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-4) var(--space-6)}.teacher-wallet .balance-card .balance-actions .btn-primary{background:#fff3}.teacher-wallet .balance-card .balance-actions .btn-secondary{background:#0000}.teacher-wallet .balance-card .balance-actions .btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.teacher-wallet .wallet-stats{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-8)}.teacher-wallet .wallet-stats .stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--space-6);position:relative}.teacher-wallet .wallet-stats .stat-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.teacher-wallet .wallet-stats .stat-card .stat-icon{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-xl);color:#fff;display:flex;font-size:var(--font-size-2xl);height:60px;justify-content:center;margin-bottom:var(--space-4);width:60px}.teacher-wallet .cards-section{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-8);padding:var(--space-6)}.teacher-wallet .cards-section .cards-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.teacher-wallet .cards-section .cards-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.teacher-wallet .cards-section .card-item{grid-gap:var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);display:grid;gap:var(--space-2);padding:var(--space-5)}.teacher-wallet .cards-section .card-item.default{border-color:var(--primary-500);box-shadow:var(--shadow-md)}.teacher-wallet .cards-section .card-brand{color:var(--text-primary);font-weight:var(--font-weight-bold)}.teacher-wallet .cards-section .card-number{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.teacher-wallet .cards-section .card-meta{color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);justify-content:space-between}.teacher-wallet .cards-section .card-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.teacher-wallet .transaction-history{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-8);padding:var(--space-6)}.teacher-wallet .transaction-history .section-header{align-items:center;border-bottom:2px solid var(--border-primary);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.teacher-wallet .transaction-history .filter-buttons{display:flex;gap:var(--space-2)}.teacher-wallet .transaction-history .filter-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-4)}.teacher-wallet .transaction-history .filter-btn.active{background:var(--gradient-primary);border-color:var(--primary-500);color:#fff}.teacher-wallet .transaction-history .transactions-list .transaction-item{align-items:center;border:1px solid var(--border-primary);border-radius:var(--radius-xl);display:flex;justify-content:space-between;margin-bottom:var(--space-3);padding:var(--space-4)}.teacher-wallet .transaction-history .transaction-info{align-items:center;display:flex;gap:var(--space-4)}.teacher-wallet .transaction-history .transaction-icon{align-items:center;border-radius:var(--radius-xl);color:#fff;display:flex;font-size:var(--font-size-lg);height:50px;justify-content:center;width:50px}.teacher-wallet .transaction-history .transaction-icon.income{background:var(--gradient-success)}.teacher-wallet .transaction-history .transaction-icon.expense{background:var(--gradient-danger)}.teacher-wallet .transaction-history .transaction-icon.withdrawal{background:var(--gradient-warning)}.teacher-wallet .transaction-history .transaction-details h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.teacher-wallet .transaction-history .transaction-details p{color:var(--text-secondary);font-size:var(--font-size-sm)}.teacher-wallet .transaction-history .transaction-amount{text-align:right}.teacher-wallet .transaction-history .transaction-amount .amount{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.teacher-wallet .transaction-history .transaction-amount .amount.positive{color:var(--success-500)}.teacher-wallet .transaction-history .transaction-amount .amount.negative{color:var(--danger-500)}.teacher-wallet .transaction-history .date{color:var(--text-secondary);font-size:var(--font-size-sm)}.teacher-wallet .form-group{margin-bottom:var(--space-4)}.teacher-wallet .form-group label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.teacher-wallet .form-input,.teacher-wallet .form-select{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);color:var(--text-primary);padding:var(--space-4);width:100%}.teacher-wallet .form-row{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(3,1fr)}@media(max-width:767px){.teacher-wallet .form-row{grid-template-columns:1fr}}.teacher-wallet .payment-methods{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.teacher-wallet .payment-method{display:contents}.teacher-wallet .method-card{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:var(--space-2);justify-content:center;padding:var(--space-4)}.teacher-wallet .withdrawal-actions{display:flex;gap:var(--space-3)}@media(max-width:767px){.teacher-wallet .withdrawal-actions{flex-direction:column}}.teacher-wallet{background:var(--bg-primary);min-height:100vh;padding:var(--space-6);width:100%}.teacher-wallet .tw-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding-bottom:var(--space-4)}.teacher-wallet .tw-header .tw-title-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-600),var(--primary-400));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.teacher-wallet .tw-header .tw-title-section p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.teacher-wallet .tw-header .tw-header-actions{display:flex;gap:var(--space-3)}.teacher-wallet .tw-header .tw-header-actions .tw-refresh-btn{align-items:center;background:var(--primary-500);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.teacher-wallet .tw-header .tw-header-actions .tw-refresh-btn:hover{background:var(--primary-600);transform:translateY(-1px)}.teacher-wallet .tw-header .tw-header-actions .tw-refresh-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.teacher-wallet .tw-header .tw-header-actions .tw-refresh-btn svg{font-size:var(--font-size-lg)}.teacher-wallet .tw-balance-section{margin-bottom:var(--space-8)}.teacher-wallet .tw-balance-section .tw-balance-card{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);color:#fff;overflow:hidden;padding:var(--space-6);position:relative}.teacher-wallet .tw-balance-section .tw-balance-card:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-6);position:relative;z-index:1}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-header .tw-balance-info h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0 0 var(--space-3) 0;opacity:.9}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-header .tw-balance-info .tw-balance-amount{align-items:baseline;display:flex;gap:var(--space-2)}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-header .tw-balance-info .tw-balance-amount .tw-amount{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:1}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-header .tw-balance-info .tw-balance-amount .tw-currency{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);opacity:.8}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-header .tw-balance-info .tw-balance-amount .tw-hidden{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:4px}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-header .tw-balance-actions .tw-toggle-visibility{background:#fff3;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;padding:var(--space-2);transition:all var(--transition-fast)}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-header .tw-balance-actions .tw-toggle-visibility:hover{background:#ffffff4d}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-header .tw-balance-actions .tw-toggle-visibility svg{font-size:var(--font-size-lg)}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-footer{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:1}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-footer .tw-deposit-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:all var(--transition-fast)}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-footer .tw-deposit-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-footer .tw-deposit-btn svg{font-size:var(--font-size-lg)}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-footer .tw-balance-stats .tw-stat{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--space-2);opacity:.9}.teacher-wallet .tw-balance-section .tw-balance-card .tw-balance-footer .tw-balance-stats .tw-stat svg{font-size:var(--font-size-base)}.teacher-wallet .tw-stats-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--space-8)}.teacher-wallet .tw-stats-grid .tw-stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-fast)}.teacher-wallet .tw-stats-grid .tw-stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.teacher-wallet .tw-stats-grid .tw-stat-card.income{border-left:4px solid var(--success-500)}.teacher-wallet .tw-stats-grid .tw-stat-card.income .tw-stat-icon{background:linear-gradient(135deg,var(--success-500),var(--success-400))}.teacher-wallet .tw-stats-grid .tw-stat-card.expense{border-left:4px solid var(--error-500)}.teacher-wallet .tw-stats-grid .tw-stat-card.expense .tw-stat-icon{background:linear-gradient(135deg,var(--error-500),var(--error-400))}.teacher-wallet .tw-stats-grid .tw-stat-card.transactions{border-left:4px solid var(--primary-500)}.teacher-wallet .tw-stats-grid .tw-stat-card.transactions .tw-stat-icon{background:linear-gradient(135deg,var(--primary-500),var(--primary-400))}.teacher-wallet .tw-stats-grid .tw-stat-card .tw-stat-icon{align-items:center;border-radius:var(--radius-full);color:#fff;display:flex;height:60px;justify-content:center;margin-bottom:var(--space-4);width:60px}.teacher-wallet .tw-stats-grid .tw-stat-card .tw-stat-icon svg{font-size:var(--font-size-xl)}.teacher-wallet .tw-stats-grid .tw-stat-card .tw-stat-content h4{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.5px;margin:0 0 var(--space-2) 0;text-transform:uppercase}.teacher-wallet .tw-stats-grid .tw-stat-card .tw-stat-content p{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.teacher-wallet .tw-transactions-section .tw-transactions-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.teacher-wallet .tw-transactions-section .tw-transactions-header h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.teacher-wallet .tw-transactions-section .tw-transactions-header .tw-transactions-controls{align-items:center;display:flex;gap:var(--space-3)}.teacher-wallet .tw-transactions-section .tw-transactions-header .tw-transactions-controls .tw-search-box{align-items:center;display:flex;position:relative}.teacher-wallet .tw-transactions-section .tw-transactions-header .tw-transactions-controls .tw-search-box svg{color:var(--text-secondary);font-size:var(--font-size-base);left:var(--space-3);position:absolute;z-index:1}.teacher-wallet .tw-transactions-section .tw-transactions-header .tw-transactions-controls .tw-search-box input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-10);transition:all var(--transition-fast);width:250px}.teacher-wallet .tw-transactions-section .tw-transactions-header .tw-transactions-controls .tw-search-box input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(var(--primary-500-rgb),.1);outline:none}.teacher-wallet .tw-transactions-section .tw-transactions-header .tw-transactions-controls .tw-search-box input::placeholder{color:var(--text-secondary)}.teacher-wallet .tw-transactions-section .tw-transactions-header .tw-transactions-controls .tw-filter-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.teacher-wallet .tw-transactions-section .tw-transactions-header .tw-transactions-controls .tw-filter-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(var(--primary-500-rgb),.1);outline:none}.teacher-wallet .tw-transactions-section .tw-transactions-list{display:flex;flex-direction:column;gap:var(--space-4)}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;gap:var(--space-4);padding:var(--space-5);position:relative;transition:all var(--transition-fast)}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card.income{border-left:4px solid var(--success-500)}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card.income .tw-transaction-icon{background:linear-gradient(135deg,var(--success-500),var(--success-400))}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card.expense{border-left:4px solid var(--error-500)}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card.expense .tw-transaction-icon{background:linear-gradient(135deg,var(--error-500),var(--error-400))}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card .tw-transaction-icon{align-items:center;border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card .tw-transaction-icon svg{font-size:var(--font-size-lg)}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card .tw-transaction-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2)}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card .tw-transaction-content .tw-transaction-main h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card .tw-transaction-content .tw-transaction-main .tw-transaction-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin:0 0 var(--space-1) 0}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card .tw-transaction-content .tw-transaction-main .tw-course-title{align-items:center;color:var(--primary-600);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-1);margin:0}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card .tw-transaction-content .tw-transaction-main .tw-course-title svg{font-size:var(--font-size-sm)}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card .tw-transaction-content .tw-transaction-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card .tw-transaction-content .tw-transaction-meta .tw-transaction-users{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--space-2)}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card .tw-transaction-content .tw-transaction-meta .tw-transaction-users .tw-from-user,.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card .tw-transaction-content .tw-transaction-meta .tw-transaction-users .tw-to-user{align-items:center;display:flex;gap:var(--space-1)}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card .tw-transaction-content .tw-transaction-meta .tw-transaction-users .tw-from-user svg,.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card .tw-transaction-content .tw-transaction-meta .tw-transaction-users .tw-to-user svg{font-size:var(--font-size-xs)}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card .tw-transaction-content .tw-transaction-meta .tw-transaction-users .tw-arrow{color:var(--text-tertiary);font-size:var(--font-size-xs)}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card .tw-transaction-content .tw-transaction-meta .tw-transaction-date{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--space-1)}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card .tw-transaction-content .tw-transaction-meta .tw-transaction-date svg{font-size:var(--font-size-xs)}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card .tw-transaction-amount{flex-shrink:0;text-align:right}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card .tw-transaction-amount .tw-amount{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card .tw-transaction-amount .tw-amount.income{color:var(--success-600)}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card .tw-transaction-amount .tw-amount.expense{color:var(--error-600)}.teacher-wallet .tw-transactions-section .tw-transactions-list .tw-transaction-card .tw-transaction-amount .tw-balance-after{color:var(--text-secondary);font-size:var(--font-size-xs)}.teacher-wallet .tw-transactions-section .tw-transactions-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-8)}.teacher-wallet .tw-transactions-section .tw-transactions-loading .tw-spinner{margin-bottom:var(--space-4)}.teacher-wallet .tw-transactions-section .tw-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-12);text-align:center}.teacher-wallet .tw-transactions-section .tw-empty-state .tw-empty-icon{color:var(--text-tertiary);font-size:var(--font-size-6xl);margin-bottom:var(--space-4)}.teacher-wallet .tw-transactions-section .tw-empty-state h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.teacher-wallet .tw-transactions-section .tw-empty-state p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0;max-width:400px}.teacher-wallet .tw-transactions-section .tw-load-more{display:flex;justify-content:center;margin-top:var(--space-6)}.teacher-wallet .tw-transactions-section .tw-load-more .tw-load-more-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.teacher-wallet .tw-transactions-section .tw-load-more .tw-load-more-btn:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-600)}.teacher-wallet .tw-transactions-section .tw-load-more .tw-load-more-btn:disabled{cursor:not-allowed;opacity:.6}.teacher-wallet .tw-transactions-section .tw-load-more .tw-load-more-btn svg{font-size:var(--font-size-base)}.teacher-wallet .tw-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.teacher-wallet .tw-modal-overlay .tw-modal{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-6)}.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-header h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-header .tw-modal-close{background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-2xl);padding:var(--space-1);transition:all var(--transition-fast)}.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-header .tw-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-content{padding:var(--space-6)}.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-content .tw-form-group{margin-bottom:var(--space-5)}.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-content .tw-form-group label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-content .tw-form-group input,.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-content .tw-form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-3);transition:all var(--transition-fast);width:100%}.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-content .tw-form-group input:focus,.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-content .tw-form-group textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(var(--primary-500-rgb),.1);outline:none}.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-content .tw-form-group input::placeholder,.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-content .tw-form-group textarea::placeholder{color:var(--text-secondary)}.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-content .tw-form-group textarea{min-height:80px;resize:vertical}.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-content .tw-quick-amounts p{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 var(--space-3) 0}.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-content .tw-quick-amounts .tw-amount-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-content .tw-quick-amounts .tw-amount-buttons .tw-amount-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-content .tw-quick-amounts .tw-amount-buttons .tw-amount-btn:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-600)}.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--space-3);padding:var(--space-6)}.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-actions .tw-cancel-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;flex:1 1;font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-actions .tw-cancel-btn:hover{background:var(--bg-tertiary)}.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-actions .tw-deposit-submit-btn{align-items:center;background:var(--primary-500);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-actions .tw-deposit-submit-btn:hover:not(:disabled){background:var(--primary-600)}.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-actions .tw-deposit-submit-btn:disabled{cursor:not-allowed;opacity:.6}.teacher-wallet .tw-modal-overlay .tw-modal .tw-modal-actions .tw-deposit-submit-btn svg{font-size:var(--font-size-base)}.teacher-wallet .tw-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:400px}.teacher-wallet .tw-loading .tw-spinner{margin-bottom:var(--space-4)}.teacher-wallet .tw-loading p{font-size:var(--font-size-base);margin:0}.teacher-wallet .tw-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-500);height:40px;width:40px}.teacher-wallet .tw-spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@media(max-width:768px){.teacher-wallet{padding:var(--space-4)}.teacher-wallet .tw-header{align-items:stretch;flex-direction:column;gap:var(--space-4)}.teacher-wallet .tw-header .tw-header-actions{justify-content:flex-end}.teacher-wallet .tw-balance-card{padding:var(--space-4)}.teacher-wallet .tw-balance-card .tw-balance-header{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.teacher-wallet .tw-balance-card .tw-balance-footer{align-items:stretch;flex-direction:column;gap:var(--space-4)}.teacher-wallet .tw-stats-grid{gap:var(--space-4);grid-template-columns:1fr}.teacher-wallet .tw-transactions-header{align-items:stretch;flex-direction:column}.teacher-wallet .tw-transactions-header .tw-transactions-controls{flex-direction:column;gap:var(--space-3)}.teacher-wallet .tw-transactions-header .tw-transactions-controls .tw-search-box input{width:100%}.teacher-wallet .tw-transaction-card{align-items:stretch;flex-direction:column;gap:var(--space-3)}.teacher-wallet .tw-transaction-card .tw-transaction-content .tw-transaction-meta{align-items:flex-start;flex-direction:column}.teacher-wallet .tw-transaction-card .tw-transaction-amount{text-align:left}.teacher-wallet .tw-modal{margin:var(--space-4);max-width:none}}.teacher-reels{padding:var(--space-6);width:100%}.teacher-reels .teacher-reels-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-8)}.teacher-reels .teacher-reels-header .header-main h1{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.teacher-reels .teacher-reels-header .header-main .channel-info{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.teacher-reels .teacher-reels-header .header-actions{display:flex;gap:var(--space-3)}.teacher-reels .teacher-reels-header .header-actions .btn{align-items:center;display:flex;gap:var(--space-2);white-space:nowrap}.teacher-reels .reels-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.teacher-reels .reels-controls .search-filter-section{align-items:center;display:flex;flex:1 1;gap:var(--space-4)}.teacher-reels .reels-controls .search-filter-section .search-box{min-width:300px;position:relative}.teacher-reels .reels-controls .search-filter-section .search-box svg{color:var(--text-secondary);font-size:var(--font-size-lg);left:var(--space-3);position:absolute;top:50%;transform:translateY(-50%)}.teacher-reels .reels-controls .search-filter-section .search-box input{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-10);transition:var(--transition-normal);width:100%}.teacher-reels .reels-controls .search-filter-section .search-box input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.teacher-reels .reels-controls .search-filter-section .search-box input::placeholder{color:var(--text-secondary)}.teacher-reels .reels-controls .search-filter-section .filter-controls{display:flex;gap:var(--space-3)}.teacher-reels .reels-controls .search-filter-section .filter-controls .filter-select,.teacher-reels .reels-controls .search-filter-section .filter-controls .sort-select{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);transition:var(--transition-normal)}.teacher-reels .reels-controls .search-filter-section .filter-controls .filter-select:focus,.teacher-reels .reels-controls .search-filter-section .filter-controls .sort-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100);outline:none}.teacher-reels .reels-controls .view-controls{background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-1);padding:var(--space-1)}.teacher-reels .reels-controls .view-controls .view-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--space-2);transition:var(--transition-fast)}.teacher-reels .reels-controls .view-controls .view-btn svg{font-size:var(--font-size-lg)}.teacher-reels .reels-controls .view-controls .view-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.teacher-reels .reels-controls .view-controls .view-btn.active{background:var(--primary-500);color:#fff}.teacher-reels .reels-content .error-state,.teacher-reels .reels-content .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-16);text-align:center}.teacher-reels .reels-content .error-state .spinner,.teacher-reels .reels-content .loading-state .spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-500);height:40px;margin-bottom:var(--space-4);width:40px}.teacher-reels .reels-content .error-state p,.teacher-reels .reels-content .loading-state p{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-4)}.teacher-reels .reels-content .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-20);text-align:center}.teacher-reels .reels-content .empty-state .empty-icon{align-items:center;background:var(--primary-100);border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:var(--space-6);width:80px}.teacher-reels .reels-content .empty-state .empty-icon svg{color:var(--primary-500);font-size:var(--font-size-3xl)}.teacher-reels .reels-content .empty-state h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.teacher-reels .reels-content .empty-state p{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-6);max-width:400px}.teacher-reels .reels-content .reels-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.teacher-reels .reels-content .reels-grid .reel-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;position:relative;transition:var(--transition-normal)}.teacher-reels .reels-content .reels-grid .reel-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.teacher-reels .reels-content .reels-grid .reel-card .reel-thumbnail{align-items:center;aspect-ratio:9/16;background:linear-gradient(135deg,var(--primary-100),var(--primary-200));display:flex;justify-content:center;overflow:hidden;position:relative}.teacher-reels .reels-content .reels-grid .reel-card .reel-thumbnail .play-overlay{align-items:center;background:#000000b3;border-radius:50%;cursor:pointer;display:flex;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:var(--transition-normal);width:60px}.teacher-reels .reels-content .reels-grid .reel-card .reel-thumbnail .play-overlay .play-icon{color:#fff;font-size:var(--font-size-xl);margin-left:2px}.teacher-reels .reels-content .reels-grid .reel-card .reel-thumbnail .play-overlay:hover{background:#000c;transform:translate(-50%,-50%) scale(1.1)}.teacher-reels .reels-content .reels-grid .reel-card .reel-thumbnail .reel-duration{background:#000c;border-radius:var(--radius-md);bottom:var(--space-2);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);position:absolute;right:var(--space-2)}.teacher-reels .reels-content .reels-grid .reel-card .reel-thumbnail .reel-menu{position:absolute;right:var(--space-2);top:var(--space-2)}.teacher-reels .reels-content .reels-grid .reel-card .reel-thumbnail .reel-menu .menu-trigger{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:var(--transition-fast);width:32px}.teacher-reels .reels-content .reels-grid .reel-card .reel-thumbnail .reel-menu .menu-trigger:hover{background:#000c}.teacher-reels .reels-content .reels-grid .reel-card .reel-thumbnail .reel-menu .menu-dropdown{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:var(--space-1);min-width:150px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.teacher-reels .reels-content .reels-grid .reel-card .reel-thumbnail .reel-menu .menu-dropdown button{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-3);text-align:left;transition:var(--transition-fast);width:100%}.teacher-reels .reels-content .reels-grid .reel-card .reel-thumbnail .reel-menu .menu-dropdown button:hover{background:var(--bg-secondary)}.teacher-reels .reels-content .reels-grid .reel-card .reel-thumbnail .reel-menu .menu-dropdown button:last-child{color:var(--error-600)}.teacher-reels .reels-content .reels-grid .reel-card .reel-thumbnail .reel-menu .menu-dropdown button:last-child:hover{background:var(--error-50)}.teacher-reels .reels-content .reels-grid .reel-card .reel-info{padding:var(--space-4)}.teacher-reels .reels-content .reels-grid .reel-card .reel-info .reel-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);overflow:hidden}.teacher-reels .reels-content .reels-grid .reel-card .reel-info .reel-caption{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--font-size-sm);margin-bottom:var(--space-4);overflow:hidden}.teacher-reels .reels-content .reels-grid .reel-card .reel-info .reel-stats{display:flex;flex-wrap:wrap;gap:var(--space-4)}.teacher-reels .reels-content .reels-grid .reel-card .reel-info .reel-stats .stat-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--space-1)}.teacher-reels .reels-content .reels-grid .reel-card .reel-info .reel-stats .stat-item .stat-icon{font-size:var(--font-size-sm)}.teacher-reels .reels-content .reels-list{display:flex;flex-direction:column;gap:var(--space-4)}.teacher-reels .reels-content .reels-list .reel-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;gap:var(--space-4);padding:var(--space-4);transition:var(--transition-normal)}.teacher-reels .reels-content .reels-list .reel-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md)}.teacher-reels .reels-content .reels-list .reel-card .reel-thumbnail{align-items:center;aspect-ratio:9/16;background:linear-gradient(135deg,var(--primary-100),var(--primary-200));border-radius:var(--radius-lg);display:flex;flex-shrink:0;justify-content:center;position:relative;width:120px}.teacher-reels .reels-content .reels-list .reel-card .reel-thumbnail .play-overlay{align-items:center;background:#000000b3;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;width:40px}.teacher-reels .reels-content .reels-list .reel-card .reel-thumbnail .play-overlay .play-icon{color:#fff;font-size:var(--font-size-lg);margin-left:1px}.teacher-reels .reels-content .reels-list .reel-card .reel-thumbnail .reel-duration{background:#000c;border-radius:var(--radius-sm);bottom:var(--space-1);color:#fff;font-size:10px;padding:2px var(--space-1);position:absolute;right:var(--space-1)}.teacher-reels .reels-content .reels-list .reel-card .reel-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.teacher-reels .reels-content .reels-list .reel-card .reel-info .reel-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.teacher-reels .reels-content .reels-list .reel-card .reel-info .reel-caption{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--font-size-sm);margin-bottom:var(--space-3);overflow:hidden}.teacher-reels .reels-content .reels-list .reel-card .reel-info .reel-stats{display:flex;gap:var(--space-6)}.teacher-reels .reels-content .reels-list .reel-card .reel-info .reel-stats .stat-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-1)}.teacher-reels .reels-content .reels-list .reel-card .reel-info .reel-stats .stat-item .stat-icon{font-size:var(--font-size-base)}.teacher-reels .reels-content .reels-list .reel-card .reel-menu .menu-trigger{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:var(--transition-fast);width:32px}.teacher-reels .reels-content .reels-list .reel-card .reel-menu .menu-trigger:hover{background:var(--bg-secondary);color:var(--text-primary)}.teacher-reels .reels-content .reels-list .reel-card .reel-menu .menu-dropdown{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:var(--space-1);min-width:150px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.teacher-reels .reels-content .reels-list .reel-card .reel-menu .menu-dropdown button{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-3);text-align:left;transition:var(--transition-fast);width:100%}.teacher-reels .reels-content .reels-list .reel-card .reel-menu .menu-dropdown button:hover{background:var(--bg-secondary)}.teacher-reels .reels-content .reels-list .reel-card .reel-menu .menu-dropdown button:last-child{color:var(--error-600)}.teacher-reels .reels-content .reels-list .reel-card .reel-menu .menu-dropdown button:last-child:hover{background:var(--error-50)}.teacher-reels .no-channel-selected{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-20);text-align:center}.teacher-reels .no-channel-selected h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.teacher-reels .no-channel-selected p{color:var(--text-secondary);font-size:var(--font-size-base)}@media(max-width:768px){.teacher-reels{padding:var(--space-4)}.teacher-reels .teacher-reels-header{align-items:stretch;flex-direction:column}.teacher-reels .teacher-reels-header .header-actions{align-self:flex-start}.teacher-reels .reels-controls{align-items:stretch;flex-direction:column}.teacher-reels .reels-controls .search-filter-section{flex-direction:column}.teacher-reels .reels-controls .search-filter-section .search-box{min-width:auto}.teacher-reels .reels-controls .search-filter-section .filter-controls{justify-content:space-between}.teacher-reels .reels-controls .view-controls{align-self:flex-end}.teacher-reels .reels-content .reels-grid{grid-template-columns:1fr}.teacher-reels .reels-content .reels-list .reel-card{flex-direction:column}.teacher-reels .reels-content .reels-list .reel-card .reel-thumbnail{aspect-ratio:16/9;width:100%}}.teacher-reel-view-modal-overlay{align-items:center;animation:modalFadeIn .4s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#000000e6,#14141ef2);bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-6);position:fixed;right:0;top:0;z-index:1000}.teacher-reel-view-modal-overlay .teacher-reel-view-modal{animation:modalSlideIn .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,var(--bg-surface),#ffffff05);border:1px solid #ffffff1a;border-radius:var(--radius-3xl);box-shadow:0 32px 64px #0006,0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;height:95vh;max-width:1600px;overflow:hidden;position:relative;width:70vw}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-header{align-items:center;background:linear-gradient(135deg,rgba(var(--primary-500-rgb),.1),rgba(var(--primary-600-rgb),.05));border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:var(--space-6) var(--space-8)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-header .header-content{align-items:center;display:flex;flex:1 1;gap:var(--space-4)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-header .header-content .reel-icon{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-xl);color:#fff;display:flex;font-size:var(--font-size-xl);height:48px;justify-content:center;width:48px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-header .header-content .header-info{flex:1 1}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-header .header-content .header-info h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--space-1)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-header .header-content .header-info .channel-info{align-items:center;display:flex;gap:var(--space-3)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-header .header-content .header-info .channel-info .channel-name{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-header .header-content .header-info .channel-info .channel-badge{background:linear-gradient(135deg,var(--success-500),var(--success-600));border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-header .header-actions{align-items:center;display:flex;gap:var(--space-3)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-header .header-actions .action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:var(--radius-xl);color:var(--text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-header .header-actions .action-btn:hover{background:#fff3;transform:translateY(-2px)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-header .header-actions .action-btn.close-btn:hover{background:linear-gradient(135deg,var(--error-500),var(--error-600));color:#fff}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body{display:flex;flex:1 1;gap:0;justify-content:center;overflow:hidden}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .left-statistics{align-items:center;background:linear-gradient(135deg,#000000e6,#14141ecc);border-right:1px solid #ffffff1a;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-4) var(--space-2);width:80px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .left-statistics .stat-button{align-items:center;border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);justify-content:center;min-height:70px;padding:var(--space-3);transition:all .3s ease}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .left-statistics .stat-button:hover{background:#ffffff1a;transform:scale(1.05)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .left-statistics .stat-button .stat-icon{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:50%;color:#fff;display:flex;font-size:1.1rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .left-statistics .stat-button .stat-number{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-align:center}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .left-statistics .stat-button .stat-text{color:#ffffffb3;font-size:var(--font-size-xs);letter-spacing:.5px;text-align:center;text-transform:uppercase}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);display:flex;flex-direction:column;max-width:500px;position:relative}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-statistics{align-items:center;background:linear-gradient(135deg,#000c,#0009);border-right:1px solid #ffffff1a;display:flex;flex-direction:column;gap:var(--space-6);justify-content:center;padding:var(--space-4);width:80px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-statistics .stat-item{align-items:center;border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);transition:all .3s ease}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-statistics .stat-item:hover{background:#ffffff1a;transform:scale(1.05)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-statistics .stat-item .stat-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-statistics .stat-item .stat-icon.likes{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-statistics .stat-item .stat-icon.views{background:linear-gradient(135deg,#4fc3f7,#29b6f6)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-statistics .stat-item .stat-icon.comments{background:linear-gradient(135deg,#66bb6a,#4caf50)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-statistics .stat-item .stat-icon.created{background:linear-gradient(135deg,#ffca28,#ffc107)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-statistics .stat-item .stat-icon.menu{background:linear-gradient(135deg,#ab47bc,#9c27b0)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-statistics .stat-item .stat-count{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-align:center}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-statistics .stat-item .stat-label{color:#ffffffb3;font-size:var(--font-size-xs);letter-spacing:.5px;text-align:center;text-transform:uppercase}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-height:100%;max-width:100%;position:relative}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player{border-radius:var(--radius-xl);box-shadow:0 20px 40px #00000080;height:100%;overflow:hidden;position:relative;width:100%}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-element{aspect-ratio:9/16;background:#000;border-radius:var(--radius-xl);height:100%;object-fit:cover;width:100%}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay{bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;pointer-events:none;position:absolute;right:0;top:0}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .center-play-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(var(--primary-500-rgb),.9),rgba(var(--primary-600-rgb),.9));border:3px solid #ffffff4d;border-radius:50%;cursor:pointer;display:flex;height:80px;justify-content:center;left:50%;pointer-events:all;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s ease;width:80px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .center-play-btn svg{color:#fff;font-size:2rem;margin-left:4px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .center-play-btn:hover{box-shadow:0 0 30px rgba(var(--primary-500-rgb),.6);transform:translate(-50%,-50%) scale(1.1)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .top-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0009,#0006);border-radius:var(--radius-2xl);display:flex;justify-content:space-between;left:var(--space-4);opacity:0;padding:var(--space-3) var(--space-4);pointer-events:all;position:absolute;right:var(--space-4);top:var(--space-4);transition:opacity .3s ease;z-index:5}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .top-controls .volume-controls{align-items:center;display:flex;gap:var(--space-3)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .top-controls .volume-controls .control-btn{align-items:center;background:#ffffff26;border:none;border-radius:var(--radius-xl);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .top-controls .volume-controls .control-btn:hover{background:var(--primary-500);transform:scale(1.1)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .top-controls .volume-controls .volume-slider{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:var(--radius-full);cursor:pointer;height:6px;outline:none;width:100px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .top-controls .volume-controls .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:16px;width:16px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .top-controls .control-btn{align-items:center;background:#ffffff26;border:none;border-radius:var(--radius-xl);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .top-controls .control-btn:hover{background:var(--primary-500);transform:scale(1.1)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .bottom-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000c,#0009);border-radius:var(--radius-2xl);bottom:var(--space-4);left:var(--space-4);opacity:0;padding:var(--space-4);pointer-events:all;position:absolute;right:var(--space-4);transition:opacity .3s ease;z-index:5}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .bottom-controls .playback-controls{align-items:center;display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-4)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .bottom-controls .playback-controls .control-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:var(--radius-xl);color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .bottom-controls .playback-controls .control-btn:hover{background:var(--primary-500);transform:scale(1.1)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .bottom-controls .playback-controls .control-btn.play-btn{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));height:52px;width:52px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .bottom-controls .playback-controls .control-btn.skip-btn{height:40px;width:40px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .bottom-controls .playback-controls .control-btn.skip-btn svg{height:20px;width:20px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .bottom-controls .progress-container{margin-bottom:var(--space-3)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .bottom-controls .progress-container .progress-bar{background:#fff3;border-radius:var(--radius-full);cursor:pointer;height:8px;position:relative}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .bottom-controls .progress-container .progress-bar .progress-fill{background:linear-gradient(90deg,var(--primary-400),var(--primary-600));border-radius:var(--radius-full);height:100%;transition:width .1s ease}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .bottom-controls .progress-container .progress-bar .progress-handle{background:#fff;border-radius:50%;height:16px;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:16px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .bottom-controls .progress-container .progress-bar:hover .progress-handle{opacity:1}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .bottom-controls .time-display{color:#fff;display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .video-controls{background:linear-gradient(#0000,#000c);opacity:0;padding:var(--space-6);pointer-events:all;transition:opacity .3s ease}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .video-controls .controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .video-controls .controls-row .control-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:var(--radius-xl);color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .video-controls .controls-row .control-btn:hover{background:var(--primary-500);transform:scale(1.1)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .video-controls .controls-row .control-btn.play-btn{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));height:52px;width:52px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .video-controls .controls-row .control-btn.skip-btn{height:40px;width:40px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .video-controls .controls-row .control-btn.skip-btn svg{height:20px;width:20px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .video-controls .controls-row .progress-container{flex:1 1;min-width:200px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .video-controls .controls-row .progress-container .progress-bar{background:#fff3;border-radius:var(--radius-full);cursor:pointer;height:8px;position:relative}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .video-controls .controls-row .progress-container .progress-bar .progress-fill{background:linear-gradient(90deg,var(--primary-400),var(--primary-600));border-radius:var(--radius-full);height:100%;transition:width .1s ease}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .video-controls .controls-row .progress-container .progress-bar .progress-handle{background:#fff;border-radius:50%;height:16px;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:16px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .video-controls .controls-row .progress-container .progress-bar:hover .progress-handle{opacity:1}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .video-controls .controls-row .time-display{background:#0000004d;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-3);white-space:nowrap}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .video-controls .controls-row .volume-controls{align-items:center;display:flex;gap:var(--space-2)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .video-controls .controls-row .volume-controls .volume-slider{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:var(--radius-full);cursor:pointer;height:6px;outline:none;width:80px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay .video-controls .controls-row .volume-controls .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:16px;width:16px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay:hover .bottom-controls,.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .video-player .video-overlay:hover .top-controls{opacity:1}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .no-video{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-8);text-align:center}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .no-video .no-video-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.5}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .video-container .no-video h3{color:var(--text-primary);margin-bottom:var(--space-2)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .reel-info-panel{background:linear-gradient(135deg,var(--bg-surface),#ffffff05);border-top:1px solid #ffffff14;padding:var(--space-6)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .reel-info-panel .reel-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .main-video-section .reel-info-panel .reel-description{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--space-5)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section{background:linear-gradient(135deg,var(--bg-surface),#ffffff05);border-left:1px solid #ffffff1a;border-radius:0 var(--radius-2xl) var(--radius-2xl) 0;display:flex;flex-direction:column;flex-shrink:0;width:400px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-header{background:linear-gradient(135deg,rgba(var(--primary-500-rgb),.1),rgba(var(--primary-600-rgb),.05));border-bottom:1px solid #ffffff14;padding:var(--space-6)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-header .header-content{align-items:center;display:flex;gap:var(--space-3)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-header .header-content .comments-icon{align-items:center;background:linear-gradient(135deg,var(--success-500),var(--success-600));border-radius:var(--radius-lg);color:#fff;display:flex;height:40px;justify-content:center;width:40px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-header .header-content h4{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comment-form{border-bottom:1px solid #ffffff14;padding:var(--space-6)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comment-form .form-container{display:flex;gap:var(--space-3)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comment-form .form-container input{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:var(--radius-2xl);color:var(--text-primary);flex:1 1;padding:var(--space-4);transition:all .3s ease}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comment-form .form-container input:focus{border-color:var(--primary-500);box-shadow:0 0 0 4px rgba(var(--primary-500-rgb),.2);outline:none}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comment-form .form-container button{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:50%;color:#fff;cursor:pointer;height:48px;transition:all .3s ease;width:48px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comment-form .form-container button:hover:not(:disabled){transform:scale(1.1)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comment-form .form-container button:disabled{opacity:.5}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list{flex:1 1;overflow-y:auto;padding:var(--space-5)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .empty-comments{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-8);text-align:center}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .empty-comments .empty-icon{align-items:center;background:rgba(var(--primary-500-rgb),.1);border-radius:50%;color:var(--primary-500);display:flex;font-size:1.5rem;height:60px;justify-content:center;margin-bottom:var(--space-4);width:60px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .empty-comments h3{color:var(--text-primary);margin-bottom:var(--space-2)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .empty-comments p{color:var(--text-secondary);margin:0}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item{margin-bottom:var(--space-4)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item.reply{margin-left:var(--space-6);margin-top:var(--space-3)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item.reply .comment-card{background:#ffffff08;border-left:3px solid var(--primary-500);border-radius:var(--radius-lg);padding:var(--space-3)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:var(--radius-xl);padding:var(--space-4);position:relative;transition:all .3s ease}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card:hover{background:#ffffff14;border-color:#ffffff26;box-shadow:0 8px 25px #00000026;transform:translateY(-1px)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-avatar{border:2px solid #ffffff1a;border-radius:50%;height:40px;overflow:hidden;position:relative;transition:all .3s ease;width:40px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-avatar:hover{border-color:var(--primary-400);transform:scale(1.05)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-avatar img{height:100%;object-fit:cover;width:100%}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-avatar .avatar-badge{background:linear-gradient(135deg,var(--success-500),var(--success-600));border:2px solid var(--bg-surface);border-radius:50%;bottom:-2px;height:12px;position:absolute;right:-2px;width:12px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-info{flex:1 1}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-info .comment-username{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin-bottom:var(--space-1)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-info .comment-username .verified-badge{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:50%;color:#fff;display:inline-flex;font-size:10px;font-weight:700;height:16px;justify-content:center;width:16px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-info .comment-time{color:var(--text-secondary);font-size:var(--font-size-xs)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-actions{align-items:center;display:flex;gap:var(--space-2)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-actions .action-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xs);gap:var(--space-1);padding:var(--space-2);transition:all .3s ease}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-actions .action-btn:hover{background:#ffffff1a;color:var(--text-primary);transform:scale(1.1)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-actions .action-btn.like-btn.liked,.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-actions .action-btn.like-btn:hover{background:#ff30401a;color:#ff3040}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-actions .action-btn.like-btn.liked{color:#ff3040}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-actions .action-btn.like-btn.liked svg{fill:currentColor}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-actions .action-btn .action-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-actions .menu-container{position:relative}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-actions .menu-container .comment-dropdown-menu{animation:dropdownSlideIn .2s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-surface);border:1px solid #ffffff1a;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000004d;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-actions .menu-container .comment-dropdown-menu .menu-item{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:all .2s ease;width:100%}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-actions .menu-container .comment-dropdown-menu .menu-item:hover{background:#ffffff0d}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-actions .menu-container .comment-dropdown-menu .menu-item.copy-item:hover{background:#3b82f61a;color:var(--primary-400)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-actions .menu-container .comment-dropdown-menu .menu-item.report-item:hover{background:#f59e0b1a;color:#f59e0b}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-actions .menu-container .comment-dropdown-menu .menu-item.edit-item:hover{background:#22c55e1a;color:#22c55e}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-actions .menu-container .comment-dropdown-menu .menu-item.delete-item{color:#ef4444}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-actions .menu-container .comment-dropdown-menu .menu-item.delete-item:hover{background:#ef444426;color:#f55;transform:translateX(2px)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-actions .menu-container .comment-dropdown-menu .menu-item.delete-item svg{animation:deleteIconPulse 2s infinite}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-actions .menu-container .comment-dropdown-menu .menu-item svg{height:16px;width:16px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-actions .menu-container .comment-dropdown-menu .menu-item span{font-weight:var(--font-weight-medium)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-header .comment-actions .menu-container .comment-dropdown-menu .menu-divider{background:#ffffff1a;height:1px;margin:var(--space-2) 0}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-text{word-wrap:break-word;color:var(--text-primary);font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--space-3)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-footer{margin-top:var(--space-3);padding-top:var(--space-2)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-footer .comment-interactions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-footer .comment-interactions .interaction-btn{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-1);transition:all .2s ease}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-footer .comment-interactions .interaction-btn:hover{color:var(--text-primary)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-footer .comment-interactions .interaction-btn.like-interaction.liked,.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-footer .comment-interactions .interaction-btn.like-interaction:hover{color:#ff3040}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-footer .comment-interactions .interaction-btn.like-interaction.liked svg{fill:currentColor}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-footer .comment-interactions .interaction-btn.reply-interaction:hover{color:var(--primary-400)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-footer .comment-interactions .interaction-btn.reply-interaction.active{color:var(--primary-500)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-footer .comment-interactions .interaction-btn svg{height:14px;width:14px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-footer .comment-interactions .likes-count{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-footer .comment-interactions .view-replies-btn{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);position:relative;transition:all .2s ease}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-footer .comment-interactions .view-replies-btn:hover{color:var(--text-primary)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-footer .comment-interactions .view-replies-btn.expanded{color:var(--primary-400)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-footer .comment-interactions .view-replies-btn.expanded:hover{color:var(--primary-500)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-footer .comment-interactions .view-replies-btn:before{background:var(--primary-400);bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .comment-card .comment-footer .comment-interactions .view-replies-btn.expanded:before{width:100%}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .reply-form{animation:slideDown .3s ease;background:#ffffff08;border:1px solid #ffffff14;border-radius:var(--radius-xl);margin-top:var(--space-4);padding:var(--space-4)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .reply-form .reply-form-container{display:flex;gap:var(--space-3)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .reply-form .reply-form-container .reply-avatar{border:2px solid #ffffff1a;border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .reply-form .reply-form-container .reply-avatar img{height:100%;object-fit:cover;width:100%}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .reply-form .reply-form-container .reply-input-container{flex:1 1}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .reply-form .reply-form-container .reply-input-container input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-sm);margin-bottom:var(--space-3);padding:var(--space-3);transition:all .3s ease;width:100%}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .reply-form .reply-form-container .reply-input-container input:focus{background:#ffffff14;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .reply-form .reply-form-container .reply-input-container input::placeholder{color:var(--text-secondary)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .reply-form .reply-form-container .reply-input-container .reply-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .reply-form .reply-form-container .reply-input-container .reply-actions .cancel-btn{background:#0000;border:1px solid #ffffff1a;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4);transition:all .3s ease}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .reply-form .reply-form-container .reply-input-container .reply-actions .cancel-btn:hover{background:#ef44441a;border-color:var(--error-400);color:var(--error-400)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .reply-form .reply-form-container .reply-input-container .reply-actions .submit-btn{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all .3s ease}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .reply-form .reply-form-container .reply-input-container .reply-actions .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .reply-form .reply-form-container .reply-input-container .reply-actions .submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .replies{animation:slideDown .3s ease;margin-top:var(--space-4)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .replies .replies-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-3);padding-left:var(--space-4)}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .replies .replies-header .replies-line{animation:expandLine .5s ease;background:linear-gradient(90deg,var(--primary-500),#0000);height:1px;width:24px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .replies .replies-header .replies-count{animation:fadeIn .5s ease .2s forwards;color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;opacity:0;text-transform:uppercase}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .replies .replies-list{position:relative}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .replies .replies-list:before{animation:slideDown .4s ease;background:linear-gradient(180deg,var(--primary-500),#0000);bottom:0;content:"";left:20px;opacity:.3;position:absolute;top:0;width:2px}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .replies .replies-list .comment-item{animation:slideInReply .4s ease forwards;opacity:0}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .replies .replies-list .comment-item:first-child{animation-delay:.1s}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .replies .replies-list .comment-item:nth-child(2){animation-delay:.2s}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .replies .replies-list .comment-item:nth-child(3){animation-delay:.3s}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .replies .replies-list .comment-item:nth-child(4){animation-delay:.4s}.teacher-reel-view-modal-overlay .teacher-reel-view-modal .modal-body .comments-section .comments-list .comment-item .replies .replies-list .comment-item:nth-child(5){animation-delay:.5s}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes expandLine{0%{width:0}to{width:24px}}@keyframes slideInReply{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes deleteIconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.stats-modal-overlay{align-items:center;animation:modalFadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.stats-modal-overlay .stats-modal{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,var(--bg-surface),#ffffff05);border:1px solid #ffffff1a;border-radius:var(--radius-3xl);box-shadow:0 32px 64px #0006;max-height:80vh;max-width:500px;overflow:hidden;width:90vw}.stats-modal-overlay .stats-modal .stats-modal-header{align-items:center;background:linear-gradient(135deg,rgba(var(--primary-500-rgb),.1),rgba(var(--primary-600-rgb),.05));border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:var(--space-6)}.stats-modal-overlay .stats-modal .stats-modal-header h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.stats-modal-overlay .stats-modal .stats-modal-header .close-stats-modal{align-items:center;background:#ffffff1a;border:none;border-radius:var(--radius-xl);color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.stats-modal-overlay .stats-modal .stats-modal-header .close-stats-modal:hover{background:var(--error-500);color:#fff;transform:scale(1.1)}.stats-modal-overlay .stats-modal .stats-modal-content{max-height:calc(80vh - 100px);overflow-y:auto;padding:var(--space-6)}.stats-modal-overlay .stats-modal .stats-modal-content .stat-display{margin-bottom:var(--space-6);text-align:center}.stats-modal-overlay .stats-modal .stats-modal-content .stat-display .stat-icon-large{color:var(--primary-500);font-size:4rem;margin-bottom:var(--space-4)}.stats-modal-overlay .stats-modal .stats-modal-content .stat-display h2{color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.stats-modal-overlay .stats-modal .stats-modal-content .stat-display p{color:var(--text-secondary);font-size:var(--font-size-lg)}.stats-modal-overlay .stats-modal .stats-modal-content .action-buttons{display:flex;gap:var(--space-3);justify-content:center}.stats-modal-overlay .stats-modal .stats-modal-content .action-buttons .action-btn{align-items:center;border:none;border-radius:var(--radius-2xl);cursor:pointer;display:flex;font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all .3s ease}.stats-modal-overlay .stats-modal .stats-modal-content .action-buttons .action-btn.primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff}.stats-modal-overlay .stats-modal .stats-modal-content .action-buttons .action-btn.primary:hover{box-shadow:0 8px 16px rgba(var(--primary-500-rgb),.4);transform:translateY(-2px)}.stats-modal-overlay .stats-modal .stats-modal-content .action-buttons .action-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:var(--text-primary)}.stats-modal-overlay .stats-modal .stats-modal-content .action-buttons .action-btn.secondary:hover{background:#fff3;transform:translateY(-2px)}.stats-modal-overlay .stats-modal .stats-modal-content .view-details .detail-item{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:var(--space-3) 0}.stats-modal-overlay .stats-modal .stats-modal-content .view-details .detail-item:last-child{border-bottom:none}.stats-modal-overlay .stats-modal .stats-modal-content .view-details .detail-item span:first-child{color:var(--text-secondary)}.stats-modal-overlay .stats-modal .stats-modal-content .view-details .detail-item span:last-child{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.stats-modal-overlay .stats-modal .stats-modal-content .comments-preview{margin-bottom:var(--space-4)}.stats-modal-overlay .stats-modal .stats-modal-content .comments-preview .comment-preview{background:#ffffff0d;border-radius:var(--radius-xl);display:flex;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-3)}.stats-modal-overlay .stats-modal .stats-modal-content .comments-preview .comment-preview .comment-avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}.stats-modal-overlay .stats-modal .stats-modal-content .comments-preview .comment-preview .comment-avatar img{height:100%;object-fit:cover;width:100%}.stats-modal-overlay .stats-modal .stats-modal-content .comments-preview .comment-preview .comment-content{flex:1 1}.stats-modal-overlay .stats-modal .stats-modal-content .comments-preview .comment-preview .comment-content strong{color:var(--text-primary);display:block;font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.stats-modal-overlay .stats-modal .stats-modal-content .comments-preview .comment-preview .comment-content p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.stats-modal-overlay .stats-modal .stats-modal-content .info-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-6)}.stats-modal-overlay .stats-modal .stats-modal-content .info-grid .info-item{align-items:center;background:#ffffff0d;border-radius:var(--radius-xl);display:flex;gap:var(--space-3);padding:var(--space-4)}.stats-modal-overlay .stats-modal .stats-modal-content .info-grid .info-item .info-icon{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-lg);color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.stats-modal-overlay .stats-modal .stats-modal-content .info-grid .info-item div strong{color:var(--text-primary);display:block;font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.stats-modal-overlay .stats-modal .stats-modal-content .info-grid .info-item div p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.stats-modal-overlay .stats-modal .stats-modal-content .reel-description h4{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--space-3)}.stats-modal-overlay .stats-modal .stats-modal-content .reel-description p{color:var(--text-secondary);line-height:1.6;margin:0}.stats-modal-overlay .stats-modal .stats-modal-content .menu-items .menu-item{align-items:center;background:#ffffff0d;border:none;border-radius:var(--radius-xl);color:var(--text-primary);cursor:pointer;display:flex;gap:var(--space-4);margin-bottom:var(--space-3);padding:var(--space-4);transition:all .3s ease;width:100%}.stats-modal-overlay .stats-modal .stats-modal-content .menu-items .menu-item:hover{background:#ffffff1a;transform:translateX(4px)}.stats-modal-overlay .stats-modal .stats-modal-content .menu-items .menu-item.danger{color:var(--error-500)}.stats-modal-overlay .stats-modal .stats-modal-content .menu-items .menu-item.danger:hover{background:rgba(var(--error-500-rgb),.1)}.stats-modal-overlay .stats-modal .stats-modal-content .menu-items .menu-item .menu-icon{flex-shrink:0;height:20px;width:20px}.stats-modal-overlay .stats-modal .stats-modal-content .menu-items .menu-item span{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}@media(max-width:1024px){.reel-view-modal-overlay{padding:var(--space-4)}.reel-view-modal-overlay .reel-view-modal{height:90vh;width:95vw}.reel-view-modal-overlay .reel-view-modal .modal-body{flex-direction:column}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;flex-direction:column;height:60vh;max-width:none}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-statistics{border-bottom:1px solid #ffffff1a;border-right:none;flex-direction:row;height:60px;justify-content:space-around;padding:var(--space-2);width:100%}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-statistics .stat-item{gap:var(--space-1);padding:var(--space-2)}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-statistics .stat-item .stat-icon{font-size:1rem;height:32px;width:32px}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-statistics .stat-item .stat-count{font-size:var(--font-size-xs)}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-statistics .stat-item .stat-label{font-size:10px}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-container{flex:1 1}.reel-view-modal-overlay .reel-view-modal .modal-body .comments-section{border-left:none;border-radius:0 0 var(--radius-2xl) var(--radius-2xl);border-top:1px solid #ffffff1a;height:40vh;width:100%}}@media(max-width:768px){.reel-view-modal-overlay{padding:var(--space-2)}.reel-view-modal-overlay .reel-view-modal{border-radius:0;height:100vh;width:100vw}.reel-view-modal-overlay .reel-view-modal .modal-header{padding:var(--space-4)}.reel-view-modal-overlay .reel-view-modal .modal-header .header-actions .action-btn,.reel-view-modal-overlay .reel-view-modal .modal-header .header-content .reel-icon{height:40px;width:40px}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-container .video-player .video-overlay .center-play-btn{height:60px;width:60px}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-container .video-player .video-overlay .center-play-btn svg{font-size:1.5rem}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-container .video-player .video-overlay .top-controls{left:var(--space-2);padding:var(--space-2) var(--space-3);right:var(--space-2);top:var(--space-2)}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-container .video-player .video-overlay .top-controls .volume-controls{gap:var(--space-2)}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-container .video-player .video-overlay .top-controls .volume-controls .control-btn{height:36px;width:36px}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-container .video-player .video-overlay .top-controls .volume-controls .volume-slider{width:80px}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-container .video-player .video-overlay .top-controls .control-btn{height:36px;width:36px}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-container .video-player .video-overlay .bottom-controls{bottom:var(--space-2);left:var(--space-2);padding:var(--space-3);right:var(--space-2)}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-container .video-player .video-overlay .bottom-controls .playback-controls{gap:var(--space-3);margin-bottom:var(--space-3)}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-container .video-player .video-overlay .bottom-controls .playback-controls .control-btn{height:36px;width:36px}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-container .video-player .video-overlay .bottom-controls .playback-controls .control-btn.play-btn{height:44px;width:44px}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-container .video-player .video-overlay .bottom-controls .playback-controls .control-btn.skip-btn{height:32px;width:32px}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-container .video-player .video-overlay .bottom-controls .playback-controls .control-btn.skip-btn svg{height:16px;width:16px}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-container .video-player .video-overlay .bottom-controls .time-display{font-size:var(--font-size-xs)}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls{padding:var(--space-4)}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls .controls-row{gap:var(--space-2)}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls .controls-row .control-btn{height:36px;width:36px}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls .controls-row .control-btn.play-btn{height:44px;width:44px}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls .controls-row .progress-container{min-width:120px}.reel-view-modal-overlay .reel-view-modal .modal-body .video-section .video-container .video-player .video-overlay .video-controls .controls-row .volume-controls .volume-slider{width:60px}.reel-view-modal-overlay .reel-view-modal .modal-body .comments-section .comment-form,.reel-view-modal-overlay .reel-view-modal .modal-body .comments-section .comments-header,.reel-view-modal-overlay .reel-view-modal .modal-body .comments-section .comments-list{padding:var(--space-4)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.reel-create-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.reel-create-modal-overlay .reel-create-modal{animation:slideInUp .3s ease-out;background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:600px;overflow:hidden;width:100%}.reel-create-modal-overlay .reel-create-modal .modal-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-6)}.reel-create-modal-overlay .reel-create-modal .modal-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.reel-create-modal-overlay .reel-create-modal .modal-header .modal-close-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:var(--transition-fast);width:40px}.reel-create-modal-overlay .reel-create-modal .modal-header .modal-close-btn svg{font-size:var(--font-size-lg)}.reel-create-modal-overlay .reel-create-modal .modal-header .modal-close-btn:hover{background:var(--error-100);color:var(--error-600)}.reel-create-modal-overlay .reel-create-modal .modal-content{max-height:calc(90vh - 140px);overflow-y:auto;padding:var(--space-6)}.reel-create-modal-overlay .reel-create-modal .modal-content .error-message{background:var(--error-50);border:1px solid var(--error-200);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-4)}.reel-create-modal-overlay .reel-create-modal .modal-content .error-message p{align-items:center;color:var(--error-700);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);margin:0}.reel-create-modal-overlay .reel-create-modal .modal-content .error-message p:before{content:"⚠️";font-size:var(--font-size-base)}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .form-group{margin-bottom:var(--space-6)}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .form-group label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .form-group label:after{color:var(--error-500);content:" *"}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .form-group input,.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);padding:var(--space-3);resize:vertical;transition:var(--transition-normal);width:100%}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .form-group input:focus,.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .form-group textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .form-group input::placeholder,.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .form-group textarea::placeholder{color:var(--text-secondary)}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .form-group textarea{line-height:1.5;min-height:100px}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .file-upload-section .file-upload-area{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:var(--radius-xl);cursor:pointer;padding:var(--space-8);text-align:center;transition:var(--transition-normal)}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .file-upload-section .file-upload-area:hover{background:var(--primary-25);border-color:var(--primary-300)}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .file-upload-section .file-upload-area .upload-icon{color:var(--primary-400);font-size:3rem;margin-bottom:var(--space-4)}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .file-upload-section .file-upload-area h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .file-upload-section .file-upload-area p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .file-upload-section .file-upload-area p.file-size-limit{color:var(--warning-600);font-size:var(--font-size-xs);margin-bottom:var(--space-4)}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .file-upload-section .file-upload-area .btn{margin-top:var(--space-2)}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .file-upload-section .file-preview{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .file-upload-section .file-preview .video-preview{align-items:center;aspect-ratio:16/9;background:#000;display:flex;justify-content:center}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .file-upload-section .file-preview .video-preview .preview-video{height:100%;object-fit:contain;width:100%}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .file-upload-section .file-preview .file-details{align-items:center;display:flex;justify-content:space-between;padding:var(--space-4)}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .file-upload-section .file-preview .file-details .file-info{align-items:center;display:flex;gap:var(--space-3)}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .file-upload-section .file-preview .file-details .file-info .file-icon{color:var(--primary-500);font-size:var(--font-size-xl)}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .file-upload-section .file-preview .file-details .file-info .file-meta .file-name{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .file-upload-section .file-preview .file-details .file-info .file-meta .file-size{color:var(--text-secondary);font-size:var(--font-size-xs)}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .file-upload-section .file-preview .file-details .remove-file-btn{align-items:center;background:var(--error-100);border:none;border-radius:50%;color:var(--error-600);cursor:pointer;display:flex;height:36px;justify-content:center;transition:var(--transition-fast);width:36px}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .file-upload-section .file-preview .file-details .remove-file-btn:hover{background:var(--error-200);color:var(--error-700)}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .file-upload-section .file-preview .file-details .remove-file-btn svg{font-size:var(--font-size-base)}.reel-create-modal-overlay .reel-create-modal .modal-content .modal-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-6)}.reel-create-modal-overlay .reel-create-modal .modal-content .modal-actions .btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:var(--transition-fast)}.reel-create-modal-overlay .reel-create-modal .modal-content .modal-actions .btn:disabled{cursor:not-allowed;opacity:.6}.reel-create-modal-overlay .reel-create-modal .modal-content .modal-actions .btn .spinner-sm{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.reel-create-modal-overlay .reel-create-modal .modal-content .modal-actions .btn.btn-outline{background:#0000;border-color:var(--border-color);color:var(--text-secondary)}.reel-create-modal-overlay .reel-create-modal .modal-content .modal-actions .btn.btn-outline:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.reel-create-modal-overlay .reel-create-modal .modal-content .modal-actions .btn.btn-primary{background:var(--primary-500);color:#fff}.reel-create-modal-overlay .reel-create-modal .modal-content .modal-actions .btn.btn-primary:hover:not(:disabled){background:var(--primary-600)}@media(max-width:768px){.reel-create-modal-overlay{padding:var(--space-2)}.reel-create-modal-overlay .reel-create-modal{max-width:100%}.reel-create-modal-overlay .reel-create-modal .modal-header{padding:var(--space-4)}.reel-create-modal-overlay .reel-create-modal .modal-header h2{font-size:var(--font-size-lg)}.reel-create-modal-overlay .reel-create-modal .modal-content{padding:var(--space-4)}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .file-upload-section .file-upload-area{padding:var(--space-6)}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .file-upload-section .file-upload-area .upload-icon{font-size:2rem}.reel-create-modal-overlay .reel-create-modal .modal-content .form-section .file-upload-section .file-upload-area h4{font-size:var(--font-size-base)}.reel-create-modal-overlay .reel-create-modal .modal-content .modal-actions{flex-direction:column-reverse}.reel-create-modal-overlay .reel-create-modal .modal-content .modal-actions .btn{justify-content:center;width:100%}}.teacher-upload-reels{background:var(--bg-primary);min-height:100vh;padding:var(--space-6)}.teacher-upload-reels .upload-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:var(--space-6);margin-bottom:var(--space-8);padding-bottom:var(--space-4)}.teacher-upload-reels .upload-header .back-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:all .3s ease}.teacher-upload-reels .upload-header .back-btn:hover{background:var(--bg-secondary);border-color:var(--primary-400);color:var(--primary-400);transform:translateX(-2px)}.teacher-upload-reels .upload-header .back-btn svg{height:18px;width:18px}.teacher-upload-reels .upload-header .upload-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);gap:var(--space-3);margin:0}.teacher-upload-reels .upload-header .upload-title svg{color:var(--primary-500);height:32px;width:32px}.teacher-upload-reels .upload-container{margin:0 auto;max-width:1200px}.teacher-upload-reels .upload-container .upload-content{grid-gap:var(--space-8);align-items:start;display:grid;gap:var(--space-8);grid-template-columns:1fr 400px}@media(max-width:1024px){.teacher-upload-reels .upload-container .upload-content{gap:var(--space-6);grid-template-columns:1fr}}.teacher-upload-reels .section-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);gap:var(--space-3);margin-bottom:var(--space-6)}.teacher-upload-reels .section-title svg{color:var(--primary-500);height:24px;width:24px}.teacher-upload-reels .upload-section .upload-dropzone{background:var(--bg-surface);border:2px dashed var(--border-color);border-radius:var(--radius-xl);cursor:pointer;overflow:hidden;padding:var(--space-12);position:relative;text-align:center;transition:all .3s ease}.teacher-upload-reels .upload-section .upload-dropzone:before{background:linear-gradient(135deg,#3b82f60d,#9333ea0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.teacher-upload-reels .upload-section .upload-dropzone.drag-active,.teacher-upload-reels .upload-section .upload-dropzone:hover{background:var(--bg-secondary);border-color:var(--primary-400);box-shadow:0 8px 25px #3b82f626;transform:translateY(-2px)}.teacher-upload-reels .upload-section .upload-dropzone.drag-active:before,.teacher-upload-reels .upload-section .upload-dropzone:hover:before{opacity:1}.teacher-upload-reels .upload-section .upload-dropzone.drag-active .upload-icon,.teacher-upload-reels .upload-section .upload-dropzone:hover .upload-icon{color:var(--primary-500);transform:scale(1.1)}.teacher-upload-reels .upload-section .upload-dropzone .dropzone-content{position:relative;z-index:1}.teacher-upload-reels .upload-section .upload-dropzone .dropzone-content .upload-icon{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto var(--space-4);transition:all .3s ease;width:80px}.teacher-upload-reels .upload-section .upload-dropzone .dropzone-content .upload-icon svg{height:40px;width:40px}.teacher-upload-reels .upload-section .upload-dropzone .dropzone-content h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.teacher-upload-reels .upload-section .upload-dropzone .dropzone-content p{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-4)}.teacher-upload-reels .upload-section .upload-dropzone .dropzone-content p .browse-text{color:var(--primary-500);font-weight:var(--font-weight-semibold);text-decoration:underline}.teacher-upload-reels .upload-section .upload-dropzone .dropzone-content .file-info{color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:var(--space-1)}.teacher-upload-reels .upload-section .video-preview-container{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6)}.teacher-upload-reels .upload-section .video-preview-container .video-preview{aspect-ratio:16/9;background:#000;border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden;position:relative}.teacher-upload-reels .upload-section .video-preview-container .video-preview video{height:100%;object-fit:cover;width:100%}.teacher-upload-reels .upload-section .video-preview-container .video-preview .video-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;gap:var(--space-4);justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.teacher-upload-reels .upload-section .video-preview-container .video-preview .video-overlay:hover{opacity:1}.teacher-upload-reels .upload-section .video-preview-container .video-preview .video-overlay .video-control{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.teacher-upload-reels .upload-section .video-preview-container .video-preview .video-overlay .video-control:hover{background:#fff;transform:scale(1.1)}.teacher-upload-reels .upload-section .video-preview-container .video-preview .video-overlay .video-control.play-btn{background:#3b82f6e6;color:#fff;height:64px;width:64px}.teacher-upload-reels .upload-section .video-preview-container .video-preview .video-overlay .video-control.play-btn:hover{background:var(--primary-500)}.teacher-upload-reels .upload-section .video-preview-container .video-preview .video-overlay .video-control.play-btn svg{height:24px;width:24px}.teacher-upload-reels .upload-section .video-preview-container .video-preview .video-overlay .video-control.remove-btn{background:#ef4444e6;color:#fff;position:absolute;right:var(--space-4);top:var(--space-4)}.teacher-upload-reels .upload-section .video-preview-container .video-preview .video-overlay .video-control.remove-btn:hover{background:var(--error-500)}.teacher-upload-reels .upload-section .video-preview-container .video-preview .video-overlay .video-control.mute-btn{bottom:var(--space-4);position:absolute;right:var(--space-4)}.teacher-upload-reels .upload-section .video-preview-container .video-preview .video-overlay .video-control svg{height:20px;width:20px}.teacher-upload-reels .upload-section .video-preview-container .video-info .video-details .video-name{color:var(--text-primary);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);word-break:break-all}.teacher-upload-reels .upload-section .video-preview-container .video-info .video-details .video-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-4)}.teacher-upload-reels .upload-section .video-preview-container .video-info .video-details .video-meta .video-duration{align-items:center;display:flex;gap:var(--space-1)}.teacher-upload-reels .upload-section .video-preview-container .video-info .video-details .video-meta .video-duration svg{height:14px;width:14px}.teacher-upload-reels .form-section .upload-form{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6)}.teacher-upload-reels .form-section .upload-form .form-group{margin-bottom:var(--space-6)}.teacher-upload-reels .form-section .upload-form .form-group:last-child{margin-bottom:0}.teacher-upload-reels .form-section .upload-form .form-group label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.teacher-upload-reels .form-section .upload-form .form-group input[type=text],.teacher-upload-reels .form-section .upload-form .form-group select,.teacher-upload-reels .form-section .upload-form .form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-3) var(--space-4);transition:all .3s ease;width:100%}.teacher-upload-reels .form-section .upload-form .form-group input[type=text]:focus,.teacher-upload-reels .form-section .upload-form .form-group select:focus,.teacher-upload-reels .form-section .upload-form .form-group textarea:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #3b82f61a;outline:none}.teacher-upload-reels .form-section .upload-form .form-group input[type=text]::placeholder,.teacher-upload-reels .form-section .upload-form .form-group select::placeholder,.teacher-upload-reels .form-section .upload-form .form-group textarea::placeholder{color:var(--text-secondary)}.teacher-upload-reels .form-section .upload-form .form-group select{cursor:pointer}.teacher-upload-reels .form-section .upload-form .form-group select option{background:var(--bg-primary);color:var(--text-primary);padding:var(--space-2)}.teacher-upload-reels .form-section .upload-form .form-group textarea{min-height:100px;resize:vertical}.teacher-upload-reels .form-section .upload-form .form-group.checkbox-group .checkbox-label{align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-4);transition:all .3s ease}.teacher-upload-reels .form-section .upload-form .form-group.checkbox-group .checkbox-label:hover{background:var(--bg-secondary);border-color:var(--primary-400)}.teacher-upload-reels .form-section .upload-form .form-group.checkbox-group .checkbox-label input[type=checkbox]{display:none}.teacher-upload-reels .form-section .upload-form .form-group.checkbox-group .checkbox-label .checkbox-custom{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-sm);flex-shrink:0;height:20px;margin-top:2px;position:relative;transition:all .3s ease;width:20px}.teacher-upload-reels .form-section .upload-form .form-group.checkbox-group .checkbox-label .checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:6px;opacity:0;position:absolute;top:2px;transform:rotate(45deg);transition:opacity .2s ease;width:4px}.teacher-upload-reels .form-section .upload-form .form-group.checkbox-group .checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:var(--primary-500);border-color:var(--primary-500)}.teacher-upload-reels .form-section .upload-form .form-group.checkbox-group .checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{opacity:1}.teacher-upload-reels .form-section .upload-form .form-group.checkbox-group .checkbox-label .checkbox-text .checkbox-title{color:var(--text-primary);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.teacher-upload-reels .form-section .upload-form .form-group.checkbox-group .checkbox-label .checkbox-text .checkbox-desc{color:var(--text-secondary);font-size:var(--font-size-sm)}.teacher-upload-reels .form-section .upload-form .upload-progress{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-4)}.teacher-upload-reels .form-section .upload-form .upload-progress .progress-header{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);justify-content:space-between;margin-bottom:var(--space-3)}.teacher-upload-reels .form-section .upload-form .upload-progress .progress-bar{background:var(--bg-secondary);border-radius:var(--radius-full);height:8px;overflow:hidden;width:100%}.teacher-upload-reels .form-section .upload-form .upload-progress .progress-bar .progress-fill{background:linear-gradient(90deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-full);height:100%;position:relative;transition:width .3s ease}.teacher-upload-reels .form-section .upload-form .upload-progress .progress-bar .progress-fill:after{animation:progressShimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.teacher-upload-reels .form-section .upload-form .error-message,.teacher-upload-reels .form-section .upload-form .success-message{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4)}.teacher-upload-reels .form-section .upload-form .error-message svg,.teacher-upload-reels .form-section .upload-form .success-message svg{flex-shrink:0;height:20px;width:20px}.teacher-upload-reels .form-section .upload-form .error-message{background:#ef44441a;border:1px solid #ef444433;color:var(--error-500)}.teacher-upload-reels .form-section .upload-form .success-message{background:#22c55e1a;border:1px solid #22c55e33;color:var(--success-500)}.teacher-upload-reels .form-section .upload-form .form-actions .submit-btn{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-3);justify-content:center;padding:var(--space-4) var(--space-6);transition:all .3s ease;width:100%}.teacher-upload-reels .form-section .upload-form .form-actions .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 8px 25px #3b82f640;transform:translateY(-2px)}.teacher-upload-reels .form-section .upload-form .form-actions .submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.teacher-upload-reels .form-section .upload-form .form-actions .submit-btn svg{height:20px;width:20px}.teacher-upload-reels .form-section .upload-form .form-actions .submit-btn .loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes progressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media(max-width:768px){.teacher-upload-reels{padding:var(--space-4)}.teacher-upload-reels .upload-header{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.teacher-upload-reels .upload-header .upload-title{font-size:var(--font-size-xl)}.teacher-upload-reels .upload-container .upload-content{grid-template-columns:1fr}.teacher-upload-reels .upload-section .upload-dropzone{padding:var(--space-8)}.teacher-upload-reels .upload-section .upload-dropzone .dropzone-content .upload-icon{height:60px;width:60px}.teacher-upload-reels .upload-section .upload-dropzone .dropzone-content .upload-icon svg{height:30px;width:30px}.teacher-upload-reels .upload-section .upload-dropzone .dropzone-content h3{font-size:var(--font-size-lg)}.teacher-upload-reels .form-section .upload-form{padding:var(--space-4)}}.teacher-students{background:var(--bg-primary);min-height:100vh;padding:var(--space-6)}.teacher-students .ts-header{align-items:flex-end;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding:var(--space-6)}@media(max-width:768px){.teacher-students .ts-header{align-items:flex-start;flex-direction:column;gap:var(--space-4)}}.teacher-students .ts-header .ts-header-content h1{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.teacher-students .ts-header .ts-header-content p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.teacher-students .ts-header .ts-header-content .ts-selected-course{background:var(--primary-100);border-radius:var(--radius-md);color:var(--primary-700);font-size:var(--font-size-sm);margin-top:var(--space-2);padding:var(--space-2) var(--space-3)}.teacher-students .ts-header .ts-header-actions{align-items:center;display:flex;gap:var(--space-3)}@media(max-width:768px){.teacher-students .ts-header .ts-header-actions{flex-direction:column;gap:var(--space-2)}}.teacher-students .ts-header .ts-header-actions .ts-course-select,.teacher-students .ts-header .ts-header-actions .ts-period-select{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:120px;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.teacher-students .ts-header .ts-header-actions .ts-course-select:focus,.teacher-students .ts-header .ts-header-actions .ts-period-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.teacher-students .ts-header .ts-header-actions .ts-course-select{border-color:var(--primary-300)}.teacher-students .ts-header .ts-header-actions .ts-course-select:focus{border-color:var(--primary-500)}.teacher-students .ts-stats-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--space-8)}@media(max-width:768px){.teacher-students .ts-stats-grid{gap:var(--space-4);grid-template-columns:1fr}}.teacher-students .ts-stats-grid .ts-stat-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);display:flex;gap:var(--space-4);overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-fast)}.teacher-students .ts-stats-grid .ts-stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:all var(--transition-fast)}.teacher-students .ts-stats-grid .ts-stat-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.teacher-students .ts-stats-grid .ts-stat-card.students:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.teacher-students .ts-stats-grid .ts-stat-card.students .ts-stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.teacher-students .ts-stats-grid .ts-stat-card.revenue:before{background:linear-gradient(90deg,#10b981,#047857)}.teacher-students .ts-stats-grid .ts-stat-card.revenue .ts-stat-icon{background:linear-gradient(135deg,#10b981,#047857)}.teacher-students .ts-stats-grid .ts-stat-card.engagement:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.teacher-students .ts-stats-grid .ts-stat-card.engagement .ts-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.teacher-students .ts-stats-grid .ts-stat-card.tests:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.teacher-students .ts-stats-grid .ts-stat-card.tests .ts-stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.teacher-students .ts-stats-grid .ts-stat-card .ts-stat-icon{align-items:center;border-radius:var(--radius-xl);color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-xl);height:60px;justify-content:center;width:60px}.teacher-students .ts-stats-grid .ts-stat-card .ts-stat-content{flex:1 1}.teacher-students .ts-stats-grid .ts-stat-card .ts-stat-content h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-1) 0}.teacher-students .ts-stats-grid .ts-stat-card .ts-stat-content p{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 var(--space-2) 0}.teacher-students .ts-stats-grid .ts-stat-card .ts-stat-content .ts-stat-change{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.teacher-students .ts-stats-grid .ts-stat-card .ts-stat-content .ts-stat-change.positive{background:#10b9811a;color:#047857}.teacher-students .ts-stats-grid .ts-stat-card .ts-stat-content .ts-stat-change:not(.positive){background:var(--bg-secondary);color:var(--text-secondary)}.teacher-students .ts-filters{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4)}@media(max-width:768px){.teacher-students .ts-filters{flex-direction:column;gap:var(--space-3)}}.teacher-students .ts-filters .ts-search{flex:1 1;max-width:400px;position:relative}.teacher-students .ts-filters .ts-search svg{color:var(--text-secondary);font-size:var(--font-size-base);left:var(--space-3);position:absolute;top:50%;transform:translateY(-50%)}.teacher-students .ts-filters .ts-search input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-10);transition:all var(--transition-fast);width:100%}.teacher-students .ts-filters .ts-search input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.teacher-students .ts-filters .ts-search input::placeholder{color:var(--text-secondary)}.teacher-students .ts-filters .ts-filter-buttons{display:flex;gap:var(--space-2)}.teacher-students .ts-filters .ts-filter-buttons .ts-filter-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast);white-space:nowrap}.teacher-students .ts-filters .ts-filter-buttons .ts-filter-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.teacher-students .ts-filters .ts-filter-buttons .ts-filter-btn.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.teacher-students .ts-students-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media(max-width:768px){.teacher-students .ts-students-grid{gap:var(--space-4);grid-template-columns:1fr}}.teacher-students .ts-students-grid .ts-student-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-6);position:relative;transition:all var(--transition-fast)}.teacher-students .ts-students-grid .ts-student-card:hover{border-color:var(--primary-300);box-shadow:0 12px 30px #0000001a;transform:translateY(-4px)}.teacher-students .ts-students-grid .ts-student-card .ts-student-avatar{height:80px;margin:0 auto var(--space-4);position:relative;width:80px}.teacher-students .ts-students-grid .ts-student-card .ts-student-avatar img{border:3px solid var(--border-color);border-radius:var(--radius-full);height:100%;object-fit:cover;width:100%}.teacher-students .ts-students-grid .ts-student-card .ts-student-avatar .ts-student-status{align-items:center;background:var(--bg-surface);border:2px solid var(--bg-surface);border-radius:var(--radius-full);bottom:0;display:flex;height:24px;justify-content:center;position:absolute;right:0;width:24px}.teacher-students .ts-students-grid .ts-student-card .ts-student-avatar .ts-student-status svg{font-size:var(--font-size-sm)}.teacher-students .ts-students-grid .ts-student-card .ts-student-avatar .ts-student-status svg.active{color:var(--success-500)}.teacher-students .ts-students-grid .ts-student-card .ts-student-avatar .ts-student-status svg.inactive{color:var(--warning-500)}.teacher-students .ts-students-grid .ts-student-card .ts-student-info{margin-bottom:var(--space-4);text-align:center}.teacher-students .ts-students-grid .ts-student-card .ts-student-info h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--space-1) 0}.teacher-students .ts-students-grid .ts-student-card .ts-student-info p{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 var(--space-1) 0}.teacher-students .ts-students-grid .ts-student-card .ts-student-info .ts-student-email{color:var(--text-secondary);display:block;font-size:var(--font-size-xs)}.teacher-students .ts-students-grid .ts-student-card .ts-student-stats{background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding:var(--space-3)}.teacher-students .ts-students-grid .ts-student-card .ts-student-stats .ts-stat-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.teacher-students .ts-students-grid .ts-student-card .ts-student-stats .ts-stat-item svg{color:var(--primary-500);font-size:var(--font-size-base)}.teacher-students .ts-students-grid .ts-student-card .ts-student-stats .ts-stat-item span{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center}.teacher-students .ts-students-grid .ts-student-card .ts-student-actions{display:flex;gap:var(--space-2)}.teacher-students .ts-students-grid .ts-student-card .ts-student-actions .ts-action-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:var(--space-2);transition:all var(--transition-fast)}.teacher-students .ts-students-grid .ts-student-card .ts-student-actions .ts-action-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.teacher-students .ts-students-grid .ts-student-card .ts-student-actions .ts-action-btn.view:hover{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.teacher-students .ts-students-grid .ts-student-card .ts-student-actions .ts-action-btn.remove:hover{background:var(--error-500);border-color:var(--error-500);color:#fff}.teacher-students .ts-students-grid .ts-student-card .ts-student-actions .ts-action-btn svg{font-size:var(--font-size-base)}.teacher-students .ts-empty-state{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:var(--space-12);text-align:center}.teacher-students .ts-empty-state .empty-icon{color:var(--text-secondary);font-size:4rem;margin-bottom:var(--space-4)}.teacher-students .ts-empty-state h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.teacher-students .ts-empty-state p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0;max-width:400px}.teacher-students .ts-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-12);text-align:center}.teacher-students .ts-loading .ts-loading-spinner{align-items:center;display:flex;flex-direction:column;gap:var(--space-4)}.teacher-students .ts-loading .ts-loading-spinner .spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-500);height:40px;width:40px}.teacher-students .ts-loading .ts-loading-spinner p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.teacher-students .ts-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.teacher-students .ts-modal-overlay .ts-modal{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);max-height:90vh;max-width:900px;overflow:hidden;width:100%}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-6)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-header .ts-modal-title{align-items:center;display:flex;gap:var(--space-4)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-header .ts-modal-title img{border-radius:var(--radius-full);height:50px;object-fit:cover;width:50px}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-header .ts-modal-title h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-header .ts-modal-title p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-header .ts-modal-close{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xl);height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-header .ts-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content{max-height:70vh;overflow-y:auto;padding:var(--space-6)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section{margin-bottom:var(--space-8)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section:last-child{margin-bottom:0}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section h3{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--space-2);margin:0 0 var(--space-4) 0;padding-bottom:var(--space-2)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section h3 svg{color:var(--primary-500)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list{display:flex;flex-direction:column;gap:var(--space-4)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-4)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-assignment-header,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-result-header,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-assignment-header,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-result-header,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-assignment-header,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-result-header,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-assignment-header,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-assignment-header h4,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-result-header h4,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-assignment-header h4,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-result-header h4,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-assignment-header h4,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-result-header h4,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-assignment-header h4,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-result-header h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-assignment-header .ts-score,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-result-header .ts-score,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-assignment-header .ts-score,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-result-header .ts-score,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-assignment-header .ts-score,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-result-header .ts-score,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-assignment-header .ts-score,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-result-header .ts-score{border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--space-1) var(--space-3)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-assignment-header .ts-score.passed,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-result-header .ts-score.passed,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-assignment-header .ts-score.passed,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-result-header .ts-score.passed,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-assignment-header .ts-score.passed,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-result-header .ts-score.passed,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-assignment-header .ts-score.passed,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-result-header .ts-score.passed{background:var(--success-100);color:var(--success-700)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-assignment-header .ts-score.failed,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-result-header .ts-score.failed,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-assignment-header .ts-score.failed,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-result-header .ts-score.failed,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-assignment-header .ts-score.failed,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-result-header .ts-score.failed,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-assignment-header .ts-score.failed,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-result-header .ts-score.failed{background:var(--error-100);color:var(--error-700)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-assignment-header .ts-assignment-status,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-result-header .ts-assignment-status,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-assignment-header .ts-assignment-status,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-result-header .ts-assignment-status,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-assignment-header .ts-assignment-status,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-result-header .ts-assignment-status,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-assignment-header .ts-assignment-status,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-result-header .ts-assignment-status{display:flex;gap:var(--space-2)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-assignment-header .ts-assignment-status span,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-result-header .ts-assignment-status span,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-assignment-header .ts-assignment-status span,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-result-header .ts-assignment-status span,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-assignment-header .ts-assignment-status span,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-result-header .ts-assignment-status span,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-assignment-header .ts-assignment-status span,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-result-header .ts-assignment-status span{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-assignment-header .ts-assignment-status span.graded,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-result-header .ts-assignment-status span.graded,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-assignment-header .ts-assignment-status span.graded,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-result-header .ts-assignment-status span.graded,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-assignment-header .ts-assignment-status span.graded,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-result-header .ts-assignment-status span.graded,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-assignment-header .ts-assignment-status span.graded,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-result-header .ts-assignment-status span.graded{background:var(--success-100);color:var(--success-700)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-assignment-header .ts-assignment-status span.pending,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-result-header .ts-assignment-status span.pending,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-assignment-header .ts-assignment-status span.pending,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-result-header .ts-assignment-status span.pending,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-assignment-header .ts-assignment-status span.pending,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-result-header .ts-assignment-status span.pending,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-assignment-header .ts-assignment-status span.pending,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-result-header .ts-assignment-status span.pending{background:var(--warning-100);color:var(--warning-700)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-assignment-header .ts-assignment-status span.late,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-result-header .ts-assignment-status span.late,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-assignment-header .ts-assignment-status span.late,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-result-header .ts-assignment-status span.late,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-assignment-header .ts-assignment-status span.late,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-result-header .ts-assignment-status span.late,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-assignment-header .ts-assignment-status span.late,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-result-header .ts-assignment-status span.late{background:var(--error-100);color:var(--error-700)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-assignment-meta,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-result-meta,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-assignment-meta,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-result-meta,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-assignment-meta,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-result-meta,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-assignment-meta,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-result-meta{color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--space-4)}@media(max-width:768px){.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-assignment-meta,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-result-meta,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-assignment-meta,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-result-meta,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-assignment-meta,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-result-meta,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-assignment-meta,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-result-meta{flex-direction:column;gap:var(--space-1)}}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-assignment-content,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-assignment-content,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-assignment-content,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-assignment-content{margin:var(--space-3) 0}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-assignment-content .ts-text-answer,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-assignment-content .ts-text-answer,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-assignment-content .ts-text-answer,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-assignment-content .ts-text-answer{margin-bottom:var(--space-3)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-assignment-content .ts-text-answer strong,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-assignment-content .ts-text-answer strong,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-assignment-content .ts-text-answer strong,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-assignment-content .ts-text-answer strong{color:var(--text-primary);font-size:var(--font-size-sm)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-assignment-content .ts-text-answer p,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-assignment-content .ts-text-answer p,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-assignment-content .ts-text-answer p,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-assignment-content .ts-text-answer p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:var(--space-1) 0 0 0}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-assignment-content .ts-assignment-links,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-assignment-content .ts-assignment-links,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-assignment-content .ts-assignment-links,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-assignment-content .ts-assignment-links{display:flex;gap:var(--space-3)}@media(max-width:768px){.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-assignment-content .ts-assignment-links,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-assignment-content .ts-assignment-links,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-assignment-content .ts-assignment-links,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-assignment-content .ts-assignment-links{flex-direction:column}}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-assignment-content .ts-assignment-links a,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-assignment-content .ts-assignment-links a,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-assignment-content .ts-assignment-links a,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-assignment-content .ts-assignment-links a{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3);text-decoration:none;transition:all var(--transition-fast)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-assignment-content .ts-assignment-links a.ts-attachment-link,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-assignment-content .ts-assignment-links a.ts-attachment-link,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-assignment-content .ts-assignment-links a.ts-attachment-link,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-assignment-content .ts-assignment-links a.ts-attachment-link{background:var(--primary-100);color:var(--primary-700)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-assignment-content .ts-assignment-links a.ts-attachment-link:hover,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-assignment-content .ts-assignment-links a.ts-attachment-link:hover,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-assignment-content .ts-assignment-links a.ts-attachment-link:hover,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-assignment-content .ts-assignment-links a.ts-attachment-link:hover{background:var(--primary-200)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-assignment-content .ts-assignment-links a.ts-external-link,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-assignment-content .ts-assignment-links a.ts-external-link,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-assignment-content .ts-assignment-links a.ts-external-link,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-assignment-content .ts-assignment-links a.ts-external-link{background:var(--success-100);color:var(--success-700)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-assignment-card .ts-assignment-content .ts-assignment-links a.ts-external-link:hover,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-assignments-list .ts-result-card .ts-assignment-content .ts-assignment-links a.ts-external-link:hover,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-assignment-card .ts-assignment-content .ts-assignment-links a.ts-external-link:hover,.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-activity-section .ts-results-list .ts-result-card .ts-assignment-content .ts-assignment-links a.ts-external-link:hover{background:var(--success-200)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-empty-activity{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-12);text-align:center}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-empty-activity .empty-icon{color:var(--text-secondary);font-size:3rem;margin-bottom:var(--space-4)}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-empty-activity h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-activity-content .ts-empty-activity p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-error-state{align-items:center;display:flex;justify-content:center;padding:var(--space-8);text-align:center}.teacher-students .ts-modal-overlay .ts-modal .ts-modal-content .ts-error-state p{color:var(--error-600);font-size:var(--font-size-base);margin:0}.teacher-tests{max-width:100%;padding:var(--space-6)}.teacher-tests .tt-header{align-items:flex-start;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding:var(--space-6)}@media(max-width:768px){.teacher-tests .tt-header{flex-direction:column;gap:var(--space-4)}}.teacher-tests .tt-header .tt-header-content h1{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.teacher-tests .tt-header .tt-header-content p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.teacher-tests .tt-header .tt-header-content .tt-selected-course{background:var(--primary-100);border-radius:var(--radius-md);color:var(--primary-700);font-size:var(--font-size-sm);margin-top:var(--space-2);padding:var(--space-2) var(--space-3)}@media(prefers-color-scheme:dark){.teacher-tests .tt-header .tt-header-content .tt-selected-course{background:#3b82f633;color:#93c5fd}}.teacher-tests .tt-header .tt-header-actions{align-items:center;display:flex;gap:var(--space-3)}@media(max-width:768px){.teacher-tests .tt-header .tt-header-actions{flex-direction:column;gap:var(--space-2);width:100%}}.teacher-tests .tt-header .tt-header-actions .tt-course-select{background:var(--bg-surface);border:1px solid var(--primary-300);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:120px;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}@media(prefers-color-scheme:dark){.teacher-tests .tt-header .tt-header-actions .tt-course-select{background:#374151;border-color:#4b5563;color:#f9fafb}}.teacher-tests .tt-header .tt-header-actions .tt-course-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.teacher-tests .tt-header .tt-header-actions .tt-create-btn{align-items:center;background:var(--primary-500);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.teacher-tests .tt-header .tt-header-actions .tt-create-btn:hover{background:var(--primary-600);transform:translateY(-1px)}.teacher-tests .tt-stats-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--space-8)}.teacher-tests .tt-stats-grid .tt-stat-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;gap:var(--space-4);padding:var(--space-6);transition:all var(--transition-normal)}.teacher-tests .tt-stats-grid .tt-stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.teacher-tests .tt-stats-grid .tt-stat-card .tt-stat-icon{align-items:center;border-radius:var(--radius-xl);display:flex;font-size:24px;height:60px;justify-content:center;width:60px}.teacher-tests .tt-stats-grid .tt-stat-card.total .tt-stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.teacher-tests .tt-stats-grid .tt-stat-card.attempts .tt-stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.teacher-tests .tt-stats-grid .tt-stat-card.pass-rate .tt-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.teacher-tests .tt-stats-grid .tt-stat-card.types .tt-stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.teacher-tests .tt-stats-grid .tt-stat-card .tt-stat-content h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-1) 0}.teacher-tests .tt-stats-grid .tt-stat-card .tt-stat-content p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-2) 0}.teacher-tests .tt-stats-grid .tt-stat-card .tt-stat-content .tt-stat-change{background:var(--gray-100);border-radius:var(--radius-md);color:var(--gray-700);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.teacher-tests .tt-stats-grid .tt-stat-card .tt-stat-content .tt-stat-change.positive{background:var(--success-100);color:var(--success-700)}@media(prefers-color-scheme:dark){.teacher-tests .tt-stats-grid .tt-stat-card .tt-stat-content .tt-stat-change{background:#374151;color:#d1d5db}.teacher-tests .tt-stats-grid .tt-stat-card .tt-stat-content .tt-stat-change.positive{background:#10b98133;color:#6ee7b7}}.teacher-tests .tt-filters{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-4)}@media(max-width:768px){.teacher-tests .tt-filters{flex-direction:column;gap:var(--space-4)}}.teacher-tests .tt-filters .tt-search{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex:1 1;gap:var(--space-2);max-width:400px;padding:var(--space-2) var(--space-4)}.teacher-tests .tt-filters .tt-search svg{color:var(--text-secondary);font-size:18px}.teacher-tests .tt-filters .tt-search input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);outline:none}.teacher-tests .tt-filters .tt-search input::placeholder{color:var(--text-secondary)}.teacher-tests .tt-filters .tt-filter-buttons{display:flex;gap:var(--space-2)}.teacher-tests .tt-filters .tt-filter-buttons .tt-filter-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.teacher-tests .tt-filters .tt-filter-buttons .tt-filter-btn:hover{background:var(--gray-100)}.teacher-tests .tt-filters .tt-filter-buttons .tt-filter-btn.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}@media(prefers-color-scheme:dark){.teacher-tests .tt-filters .tt-filter-buttons .tt-filter-btn:hover{background:#374151}}.teacher-tests .tt-tests-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.teacher-tests .tt-tests-grid .tt-test-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal)}.teacher-tests .tt-tests-grid .tt-test-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-header .tt-test-type{display:flex;flex-direction:column;gap:var(--space-2)}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-header .tt-test-type .type-video{background:var(--blue-100);color:var(--blue-700)}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-header .tt-test-type .type-course,.teacher-tests .tt-tests-grid .tt-test-card .tt-test-header .tt-test-type .type-video{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-header .tt-test-type .type-course{background:var(--purple-100);color:var(--purple-700)}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-header .tt-test-type .difficulty{border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-header .tt-test-type .difficulty.beginner{background:var(--green-100);color:var(--green-700)}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-header .tt-test-type .difficulty.intermediate{background:var(--yellow-100);color:var(--yellow-700)}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-header .tt-test-type .difficulty.advanced{background:var(--red-100);color:var(--red-700)}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-header .tt-test-status svg{font-size:20px}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-header .tt-test-status svg.active{color:var(--success-500)}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-header .tt-test-status svg.inactive{color:var(--gray-400)}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-content{margin-bottom:var(--space-4)}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-content h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-content .tt-test-course{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-3) 0}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-content .tt-test-meta{color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--space-3)}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-content .tt-test-meta span{align-items:center;display:flex;gap:var(--space-1)}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-stats{background:var(--bg-primary);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding:var(--space-3)}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-stats .tt-stat-item{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--font-size-xs);gap:var(--space-1)}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-stats .tt-stat-item svg{color:var(--primary-500);font-size:16px}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-actions{display:flex;gap:var(--space-2)}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-actions .tt-action-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-actions .tt-action-btn svg{font-size:16px}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-actions .tt-action-btn.attempts:hover{background:var(--green-100);border-color:var(--green-300);color:var(--green-600)}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-actions .tt-action-btn.stats:hover{background:var(--blue-100);border-color:var(--blue-300);color:var(--blue-600)}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-actions .tt-action-btn.edit:hover{background:var(--yellow-100);border-color:var(--yellow-300);color:var(--yellow-600)}.teacher-tests .tt-tests-grid .tt-test-card .tt-test-actions .tt-action-btn.delete:hover{background:var(--red-100);border-color:var(--red-300);color:var(--red-600)}.teacher-tests .tt-tests-grid .tt-empty-state{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:var(--space-12);text-align:center}.teacher-tests .tt-tests-grid .tt-empty-state .empty-icon{color:var(--gray-300);font-size:64px;margin-bottom:var(--space-4)}.teacher-tests .tt-tests-grid .tt-empty-state h3{color:var(--text-primary);font-size:var(--font-size-lg);margin:0 0 var(--space-2) 0}.teacher-tests .tt-tests-grid .tt-empty-state p{color:var(--text-secondary);margin:0 0 var(--space-6) 0}.teacher-tests .tt-tests-grid .tt-empty-state .tt-create-btn-empty{align-items:center;background:var(--primary-500);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.teacher-tests .tt-tests-grid .tt-empty-state .tt-create-btn-empty:hover{background:var(--primary-600)}.teacher-tests .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-12)}.teacher-tests .loading-container .spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-500);height:40px;margin-bottom:var(--space-4);width:40px}.teacher-tests .loading-container p{color:var(--text-secondary);font-size:var(--font-size-sm)}.teacher-tests .tt-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.teacher-tests .tt-modal{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.teacher-tests .tt-modal .tt-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-6)}.teacher-tests .tt-modal .tt-modal-header h2{color:var(--text-primary);font-size:var(--font-size-lg);margin:0}.teacher-tests .tt-modal .tt-modal-header .tt-modal-close{background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:24px;padding:var(--space-2);transition:all var(--transition-fast)}.teacher-tests .tt-modal .tt-modal-header .tt-modal-close:hover{background:var(--gray-100);color:var(--text-primary)}.teacher-tests .tt-modal .tt-modal-content{padding:var(--space-6)}.teacher-tests .tt-modal .tt-modal-content .tt-stats-details .tt-stats-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-3) 0}.teacher-tests .tt-modal .tt-modal-content .tt-stats-details .tt-stats-row:last-child{border-bottom:none}.teacher-tests .tt-modal .tt-modal-content .tt-stats-details .tt-stats-row span{color:var(--text-secondary)}.teacher-tests .tt-modal .tt-modal-content .tt-stats-details .tt-stats-row strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.teacher-assignments{max-width:100%;padding:var(--space-6)}.teacher-assignments .ta-header{align-items:flex-start;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding:var(--space-6)}@media(max-width:768px){.teacher-assignments .ta-header{flex-direction:column;gap:var(--space-4)}}.teacher-assignments .ta-header .ta-header-content h1{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.teacher-assignments .ta-header .ta-header-content p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.teacher-assignments .ta-header .ta-header-content .ta-selected-course{background:var(--primary-100);border-radius:var(--radius-md);color:var(--primary-700);font-size:var(--font-size-sm);margin-top:var(--space-2);padding:var(--space-2) var(--space-3)}@media(prefers-color-scheme:dark){.teacher-assignments .ta-header .ta-header-content .ta-selected-course{background:#3b82f633;color:#93c5fd}}.teacher-assignments .ta-header .ta-header-actions{align-items:center;display:flex;gap:var(--space-3)}@media(max-width:768px){.teacher-assignments .ta-header .ta-header-actions{flex-direction:column;gap:var(--space-2);width:100%}}.teacher-assignments .ta-header .ta-header-actions .ta-course-select{background:var(--bg-surface);border:1px solid var(--primary-300);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:120px;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}@media(prefers-color-scheme:dark){.teacher-assignments .ta-header .ta-header-actions .ta-course-select{background:#374151;border-color:#4b5563;color:#f9fafb}}.teacher-assignments .ta-header .ta-header-actions .ta-course-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.teacher-assignments .ta-header .ta-header-actions .ta-create-btn{align-items:center;background:var(--success-500);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.teacher-assignments .ta-header .ta-header-actions .ta-create-btn:hover{background:var(--success-600);transform:translateY(-1px)}.teacher-assignments .ta-stats-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--space-8)}.teacher-assignments .ta-stats-grid .ta-stat-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;gap:var(--space-4);padding:var(--space-6);transition:all var(--transition-normal)}.teacher-assignments .ta-stats-grid .ta-stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.teacher-assignments .ta-stats-grid .ta-stat-card .ta-stat-icon{align-items:center;border-radius:var(--radius-xl);display:flex;font-size:24px;height:60px;justify-content:center;width:60px}.teacher-assignments .ta-stats-grid .ta-stat-card.total .ta-stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.teacher-assignments .ta-stats-grid .ta-stat-card.submissions .ta-stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.teacher-assignments .ta-stats-grid .ta-stat-card.pending .ta-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.teacher-assignments .ta-stats-grid .ta-stat-card.average .ta-stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.teacher-assignments .ta-stats-grid .ta-stat-card .ta-stat-content h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-1) 0}.teacher-assignments .ta-stats-grid .ta-stat-card .ta-stat-content p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-2) 0}.teacher-assignments .ta-stats-grid .ta-stat-card .ta-stat-content .ta-stat-change{background:var(--gray-100);border-radius:var(--radius-md);color:var(--gray-700);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.teacher-assignments .ta-stats-grid .ta-stat-card .ta-stat-content .ta-stat-change.positive{background:var(--success-100);color:var(--success-700)}.teacher-assignments .ta-stats-grid .ta-stat-card .ta-stat-content .ta-stat-change.warning{background:var(--warning-100);color:var(--warning-700)}@media(prefers-color-scheme:dark){.teacher-assignments .ta-stats-grid .ta-stat-card .ta-stat-content .ta-stat-change{background:#374151;color:#d1d5db}.teacher-assignments .ta-stats-grid .ta-stat-card .ta-stat-content .ta-stat-change.positive{background:#10b98133;color:#6ee7b7}.teacher-assignments .ta-stats-grid .ta-stat-card .ta-stat-content .ta-stat-change.warning{background:#f59e0b33;color:#fbbf24}}.teacher-assignments .ta-filters{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-4)}@media(max-width:768px){.teacher-assignments .ta-filters{flex-direction:column;gap:var(--space-4)}}.teacher-assignments .ta-filters .ta-search{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex:1 1;gap:var(--space-2);max-width:400px;padding:var(--space-2) var(--space-4)}.teacher-assignments .ta-filters .ta-search svg{color:var(--text-secondary);font-size:18px}.teacher-assignments .ta-filters .ta-search input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);outline:none}.teacher-assignments .ta-filters .ta-search input::placeholder{color:var(--text-secondary)}.teacher-assignments .ta-filters .ta-filter-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.teacher-assignments .ta-filters .ta-filter-buttons .ta-filter-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast);white-space:nowrap}.teacher-assignments .ta-filters .ta-filter-buttons .ta-filter-btn:hover{background:var(--gray-100)}.teacher-assignments .ta-filters .ta-filter-buttons .ta-filter-btn.active{background:var(--success-500);border-color:var(--success-500);color:#fff}@media(prefers-color-scheme:dark){.teacher-assignments .ta-filters .ta-filter-buttons .ta-filter-btn:hover{background:#374151}}.teacher-assignments .ta-assignments-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.teacher-assignments .ta-assignments-grid .ta-assignment-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal)}.teacher-assignments .ta-assignments-grid .ta-assignment-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-header .ta-assignment-type{display:flex;flex-direction:column;gap:var(--space-2)}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-header .ta-assignment-type .type-project{align-items:center;background:var(--blue-100);border-radius:var(--radius-md);color:var(--blue-700);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-header .ta-assignment-type .type-coding{align-items:center;background:var(--green-100);border-radius:var(--radius-md);color:var(--green-700);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-header .ta-assignment-type .type-design{align-items:center;background:var(--purple-100);border-radius:var(--radius-md);color:var(--purple-700);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-header .ta-assignment-type .max-points{background:var(--gray-100);border-radius:var(--radius-md);color:var(--gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-header .ta-assignment-status svg{font-size:20px}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-header .ta-assignment-status svg.active{color:var(--success-500)}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-header .ta-assignment-status svg.overdue{color:var(--error-500)}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-header .ta-assignment-status svg.completed{color:var(--gray-400)}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-content{margin-bottom:var(--space-4)}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-content h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-content .ta-assignment-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0 0 var(--space-2) 0}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-content .ta-assignment-course{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 var(--space-3) 0}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-content .ta-assignment-meta .due-date{align-items:center;background:var(--gray-100);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--space-1);padding:var(--space-1) var(--space-2);width:-webkit-fit-content;width:fit-content}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-content .ta-assignment-meta .due-date.overdue{background:var(--red-100);color:var(--red-700)}@media(prefers-color-scheme:dark){.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-content .ta-assignment-meta .due-date{background:#374151;color:#d1d5db}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-content .ta-assignment-meta .due-date.overdue{background:#ef444433;color:#fca5a5}}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-stats{background:var(--bg-primary);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding:var(--space-3)}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-stats .ta-stat-item{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--font-size-xs);gap:var(--space-1)}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-stats .ta-stat-item svg{color:var(--success-500);font-size:16px}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-actions{display:flex;gap:var(--space-2)}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-actions .ta-action-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-actions .ta-action-btn svg{font-size:16px}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-actions .ta-action-btn.submissions:hover{background:var(--blue-100);border-color:var(--blue-300);color:var(--blue-600)}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-actions .ta-action-btn.edit:hover{background:var(--yellow-100);border-color:var(--yellow-300);color:var(--yellow-600)}.teacher-assignments .ta-assignments-grid .ta-assignment-card .ta-assignment-actions .ta-action-btn.delete:hover{background:var(--red-100);border-color:var(--red-300);color:var(--red-600)}.teacher-assignments .ta-assignments-grid .ta-empty-state{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:var(--space-12);text-align:center}.teacher-assignments .ta-assignments-grid .ta-empty-state .empty-icon{color:var(--gray-300);font-size:64px;margin-bottom:var(--space-4)}.teacher-assignments .ta-assignments-grid .ta-empty-state h3{color:var(--text-primary);font-size:var(--font-size-lg);margin:0 0 var(--space-2) 0}.teacher-assignments .ta-assignments-grid .ta-empty-state p{color:var(--text-secondary);margin:0 0 var(--space-6) 0}.teacher-assignments .ta-assignments-grid .ta-empty-state .ta-create-btn-empty{align-items:center;background:var(--success-500);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.teacher-assignments .ta-assignments-grid .ta-empty-state .ta-create-btn-empty:hover{background:var(--success-600)}.teacher-assignments .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-12)}.teacher-assignments .loading-container .spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--success-500);height:40px;margin-bottom:var(--space-4);width:40px}.teacher-assignments .loading-container p{color:var(--text-secondary);font-size:var(--font-size-sm)}.teacher-assignments .ta-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.teacher-assignments .ta-modal{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);max-height:80vh;max-width:700px;overflow-y:auto;width:90%}.teacher-assignments .ta-modal .ta-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-6)}.teacher-assignments .ta-modal .ta-modal-header h2{color:var(--text-primary);font-size:var(--font-size-lg);margin:0}.teacher-assignments .ta-modal .ta-modal-header .ta-modal-close{background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:24px;padding:var(--space-2);transition:all var(--transition-fast)}.teacher-assignments .ta-modal .ta-modal-header .ta-modal-close:hover{background:var(--gray-100);color:var(--text-primary)}.teacher-assignments .ta-modal .ta-modal-content{padding:var(--space-6)}.teacher-assignments .ta-modal .ta-modal-content .ta-submissions-list .ta-submission-item{align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--space-3);padding:var(--space-4)}.teacher-assignments .ta-modal .ta-modal-content .ta-submissions-list .ta-submission-item:last-child{margin-bottom:0}.teacher-assignments .ta-modal .ta-modal-content .ta-submissions-list .ta-submission-item .ta-submission-info strong{color:var(--text-primary);display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.teacher-assignments .ta-modal .ta-modal-content .ta-submissions-list .ta-submission-item .ta-submission-info span{color:var(--text-secondary);font-size:var(--font-size-sm)}.teacher-assignments .ta-modal .ta-modal-content .ta-submissions-list .ta-submission-item .ta-submission-actions{display:flex;gap:var(--space-2)}.teacher-assignments .ta-modal .ta-modal-content .ta-submissions-list .ta-submission-item .ta-submission-actions .ta-grade-btn{background:var(--primary-500);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.teacher-assignments .ta-modal .ta-modal-content .ta-submissions-list .ta-submission-item .ta-submission-actions .ta-grade-btn:hover{background:var(--primary-600)}.teacher-assignments .ta-modal .ta-modal-content .ta-submissions-list .ta-submission-item .ta-submission-actions .ta-grade-btn.graded{background:var(--success-500)}.teacher-assignments .ta-modal .ta-modal-content .ta-submissions-list .ta-submission-item .ta-submission-actions .ta-grade-btn.graded:hover{background:var(--success-600)}.teacher-assignments .ta-modal .ta-modal-content .ta-submissions-list .ta-submission-item .ta-submission-actions .ta-download-btn{align-items:center;background:var(--gray-100);border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.teacher-assignments .ta-modal .ta-modal-content .ta-submissions-list .ta-submission-item .ta-submission-actions .ta-download-btn:hover{background:var(--gray-200)}.teacher-assignments .ta-modal .ta-modal-content .ta-submissions-list .ta-submission-item .ta-submission-actions .ta-download-btn svg{color:var(--text-secondary);font-size:16px}.grading-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.grading-modal{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.grading-modal .grading-modal-header{align-items:flex-start;background:linear-gradient(135deg,var(--primary-50),var(--blue-50));border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-6)}@media(prefers-color-scheme:dark){.grading-modal .grading-modal-header{background:linear-gradient(135deg,#3b82f61a,#6366f11a)}}.grading-modal .grading-modal-header .grading-header-info h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.grading-modal .grading-modal-header .grading-header-info .grading-assignment-info{display:flex;flex-direction:column;gap:var(--space-1)}.grading-modal .grading-modal-header .grading-header-info .grading-assignment-info strong{color:var(--primary-600);font-size:var(--font-size-sm)}.grading-modal .grading-modal-header .grading-header-info .grading-assignment-info span{color:var(--text-secondary);font-size:var(--font-size-xs)}.grading-modal .grading-modal-header .grading-modal-close{background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:24px;padding:var(--space-2);transition:all var(--transition-fast)}.grading-modal .grading-modal-header .grading-modal-close:hover{background:var(--gray-100);color:var(--text-primary)}@media(prefers-color-scheme:dark){.grading-modal .grading-modal-header .grading-modal-close:hover{background:#ffffff1a}}.grading-modal .grading-modal-content{padding:var(--space-6)}.grading-modal .grading-modal-content .grading-student-info{align-items:center;background:var(--bg-primary);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4)}.grading-modal .grading-modal-content .grading-student-info .student-avatar img{border:3px solid var(--primary-200);border-radius:50%;height:60px;object-fit:cover;width:60px}.grading-modal .grading-modal-content .grading-student-info .student-details h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0}.grading-modal .grading-modal-content .grading-student-info .student-details p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-2) 0}.grading-modal .grading-modal-content .grading-student-info .student-details .submission-meta{align-items:center;display:flex;gap:var(--space-3)}.grading-modal .grading-modal-content .grading-student-info .student-details .submission-meta span{color:var(--text-secondary);font-size:var(--font-size-xs)}.grading-modal .grading-modal-content .grading-student-info .student-details .submission-meta .late-badge{background:var(--error-100);border-radius:var(--radius-md);color:var(--error-700);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}@media(prefers-color-scheme:dark){.grading-modal .grading-modal-content .grading-student-info .student-details .submission-meta .late-badge{background:#ef444433;color:#fca5a5}}.grading-modal .grading-modal-content .grading-submission-content{margin-bottom:var(--space-6)}.grading-modal .grading-modal-content .grading-submission-content .submission-text{margin-bottom:var(--space-4)}.grading-modal .grading-modal-content .grading-submission-content .submission-text h4{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin:0 0 var(--space-3) 0}.grading-modal .grading-modal-content .grading-submission-content .submission-text .text-content{background:var(--bg-primary);border-left:4px solid var(--primary-500);border-radius:var(--radius-lg);color:var(--text-primary);line-height:1.6;padding:var(--space-4);white-space:pre-wrap}.grading-modal .grading-modal-content .grading-submission-content .submission-files h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3) 0}.grading-modal .grading-modal-content .grading-submission-content .submission-files .file-links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.grading-modal .grading-modal-content .grading-submission-content .submission-files .file-links .file-link{align-items:center;background:var(--primary-100);border-radius:var(--radius-lg);color:var(--primary-700);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);text-decoration:none;transition:all var(--transition-fast)}.grading-modal .grading-modal-content .grading-submission-content .submission-files .file-links .file-link:hover{background:var(--primary-200);transform:translateY(-1px)}.grading-modal .grading-modal-content .grading-submission-content .submission-files .file-links .file-link.external{background:var(--green-100);color:var(--green-700)}.grading-modal .grading-modal-content .grading-submission-content .submission-files .file-links .file-link.external:hover{background:var(--green-200)}@media(prefers-color-scheme:dark){.grading-modal .grading-modal-content .grading-submission-content .submission-files .file-links .file-link{background:#3b82f633;color:#93c5fd}.grading-modal .grading-modal-content .grading-submission-content .submission-files .file-links .file-link:hover{background:#3b82f64d}.grading-modal .grading-modal-content .grading-submission-content .submission-files .file-links .file-link.external{background:#10b98133;color:#6ee7b7}.grading-modal .grading-modal-content .grading-submission-content .submission-files .file-links .file-link.external:hover{background:#10b9814d}}.grading-modal .grading-modal-content .grading-form .grading-score-section{margin-bottom:var(--space-6)}.grading-modal .grading-modal-content .grading-form .grading-score-section .score-input-group{margin-bottom:var(--space-4)}.grading-modal .grading-modal-content .grading-form .grading-score-section .score-input-group label{align-items:center;color:var(--text-primary);display:flex;font-weight:var(--font-weight-semibold);gap:var(--space-2);margin-bottom:var(--space-2)}.grading-modal .grading-modal-content .grading-form .grading-score-section .score-input-group .score-input-container{align-items:center;display:flex;gap:var(--space-2)}.grading-modal .grading-modal-content .grading-form .grading-score-section .score-input-group .score-input-container .score-input{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);padding:var(--space-3);text-align:center;transition:all var(--transition-fast);width:100px}.grading-modal .grading-modal-content .grading-form .grading-score-section .score-input-group .score-input-container .score-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.grading-modal .grading-modal-content .grading-form .grading-score-section .score-input-group .score-input-container .score-max{color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.grading-modal .grading-modal-content .grading-form .grading-score-section .score-preview{background:var(--gray-200);border-radius:var(--radius-full);height:8px;margin-bottom:var(--space-2);overflow:hidden;position:relative}@media(prefers-color-scheme:dark){.grading-modal .grading-modal-content .grading-form .grading-score-section .score-preview{background:#374151}}.grading-modal .grading-modal-content .grading-form .grading-score-section .score-preview .score-bar{border-radius:var(--radius-full);height:100%;transition:all var(--transition-normal)}.grading-modal .grading-modal-content .grading-form .grading-score-section .score-preview .score-percentage{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);position:absolute;right:0;top:-30px}.grading-modal .grading-modal-content .grading-form .grading-feedback-section{margin-bottom:var(--space-6)}.grading-modal .grading-modal-content .grading-form .grading-feedback-section label{align-items:center;color:var(--text-primary);display:flex;font-weight:var(--font-weight-semibold);gap:var(--space-2);margin-bottom:var(--space-2)}.grading-modal .grading-modal-content .grading-form .grading-feedback-section .feedback-textarea{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.5;min-height:100px;padding:var(--space-3);resize:vertical;transition:all var(--transition-fast);width:100%}.grading-modal .grading-modal-content .grading-form .grading-feedback-section .feedback-textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.grading-modal .grading-modal-content .grading-form .grading-feedback-section .feedback-textarea::placeholder{color:var(--text-secondary)}.grading-modal .grading-modal-content .grading-form .grading-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.grading-modal .grading-modal-content .grading-form .grading-actions .grading-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.grading-modal .grading-modal-content .grading-form .grading-actions .grading-btn:disabled{cursor:not-allowed;opacity:.6}.grading-modal .grading-modal-content .grading-form .grading-actions .grading-btn.secondary{background:var(--gray-100);color:var(--text-secondary)}.grading-modal .grading-modal-content .grading-form .grading-actions .grading-btn.secondary:hover:not(:disabled){background:var(--gray-200);color:var(--text-primary)}@media(prefers-color-scheme:dark){.grading-modal .grading-modal-content .grading-form .grading-actions .grading-btn.secondary{background:#374151;color:#d1d5db}.grading-modal .grading-modal-content .grading-form .grading-actions .grading-btn.secondary:hover:not(:disabled){background:#4b5563;color:#f9fafb}}.grading-modal .grading-modal-content .grading-form .grading-actions .grading-btn.primary{background:var(--success-500);color:#fff}.grading-modal .grading-modal-content .grading-form .grading-actions .grading-btn.primary:hover:not(:disabled){background:var(--success-600);transform:translateY(-1px)}.grading-modal .grading-modal-content .grading-form .grading-actions .grading-btn .spinner-small{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.test-attempts-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.test-attempts-modal{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:1200px;overflow-y:auto;width:100%}.test-attempts-modal .test-attempts-header{align-items:flex-start;background:linear-gradient(135deg,var(--blue-50),var(--indigo-50));border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-6)}@media(prefers-color-scheme:dark){.test-attempts-modal .test-attempts-header{background:linear-gradient(135deg,#3b82f61a,#6366f11a)}}.test-attempts-modal .test-attempts-header .test-info h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.test-attempts-modal .test-attempts-header .test-info .test-meta{align-items:center;display:flex;gap:var(--space-3)}.test-attempts-modal .test-attempts-header .test-info .test-meta .test-type{background:var(--primary-100);border-radius:var(--radius-md);color:var(--primary-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}@media(prefers-color-scheme:dark){.test-attempts-modal .test-attempts-header .test-info .test-meta .test-type{background:#3b82f633;color:#93c5fd}}.test-attempts-modal .test-attempts-header .test-info .test-meta .test-questions{color:var(--text-secondary);font-size:var(--font-size-sm)}.test-attempts-modal .test-attempts-header .test-attempts-close{background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:24px;padding:var(--space-2);transition:all var(--transition-fast)}.test-attempts-modal .test-attempts-header .test-attempts-close:hover{background:var(--gray-100);color:var(--text-primary)}@media(prefers-color-scheme:dark){.test-attempts-modal .test-attempts-header .test-attempts-close:hover{background:#ffffff1a}}.test-attempts-modal .test-attempts-content{padding:var(--space-6)}.test-attempts-modal .test-attempts-content .attempts-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-8)}.test-attempts-modal .test-attempts-content .attempts-stats .stat-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-4);transition:all var(--transition-fast)}.test-attempts-modal .test-attempts-content .attempts-stats .stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.test-attempts-modal .test-attempts-content .attempts-stats .stat-card .stat-icon{align-items:center;border-radius:var(--radius-lg);color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.test-attempts-modal .test-attempts-content .attempts-stats .stat-card.total .stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.test-attempts-modal .test-attempts-content .attempts-stats .stat-card.passed .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.test-attempts-modal .test-attempts-content .attempts-stats .stat-card.failed .stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.test-attempts-modal .test-attempts-content .attempts-stats .stat-card.rate .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.test-attempts-modal .test-attempts-content .attempts-stats .stat-card.average .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.test-attempts-modal .test-attempts-content .attempts-stats .stat-card .stat-info h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-1) 0}.test-attempts-modal .test-attempts-content .attempts-stats .stat-card .stat-info p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.test-attempts-modal .test-attempts-content .attempts-list h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4) 0}.test-attempts-modal .test-attempts-content .attempts-list .attempts-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-12)}.test-attempts-modal .test-attempts-content .attempts-list .attempts-loading .spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-500);height:40px;margin-bottom:var(--space-4);width:40px}.test-attempts-modal .test-attempts-content .attempts-list .attempts-loading p{color:var(--text-secondary);font-size:var(--font-size-sm)}.test-attempts-modal .test-attempts-content .attempts-list .attempts-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-12);text-align:center}.test-attempts-modal .test-attempts-content .attempts-list .attempts-empty .empty-icon{color:var(--gray-300);font-size:64px;margin-bottom:var(--space-4)}.test-attempts-modal .test-attempts-content .attempts-list .attempts-empty h4{color:var(--text-primary);font-size:var(--font-size-lg);margin:0 0 var(--space-2) 0}.test-attempts-modal .test-attempts-content .attempts-list .attempts-empty p{color:var(--text-secondary);margin:0}.test-attempts-modal .test-attempts-content .attempts-list .attempts-table{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.test-attempts-modal .test-attempts-content .attempts-list .attempts-table .attempts-table-header{grid-gap:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:var(--text-secondary);display:grid;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-3);grid-template-columns:2fr 1fr 1fr 1.5fr 1.5fr 1fr 1fr;letter-spacing:.5px;padding:var(--space-3);text-transform:uppercase}.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row{grid-gap:var(--space-3);border-bottom:1px solid var(--border-color);display:grid;gap:var(--space-3);grid-template-columns:2fr 1fr 1fr 1.5fr 1.5fr 1fr 1fr;padding:var(--space-4);transition:all var(--transition-fast)}.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row:hover{background:var(--gray-50)}.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row:last-child{border-bottom:none}@media(prefers-color-scheme:dark){.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row:hover{background:#ffffff0d}}@media(max-width:768px){.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row{gap:var(--space-2);grid-template-columns:1fr}}.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row .col-student .student-info{align-items:center;display:flex;gap:var(--space-3)}.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row .col-student .student-info .student-avatar{border:2px solid var(--border-color);border-radius:50%;height:40px;object-fit:cover;width:40px}.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row .col-student .student-info .student-details{display:flex;flex-direction:column}.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row .col-student .student-info .student-details strong{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row .col-student .student-info .student-details span{color:var(--text-secondary);font-size:var(--font-size-xs)}.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row .col-score .score-badge{align-items:center;border-radius:var(--radius-md);color:#fff;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);justify-content:center;min-width:50px;padding:var(--space-1) var(--space-2)}.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row .col-attempt .attempt-number{background:var(--gray-100);border-radius:var(--radius-md);color:var(--gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}@media(prefers-color-scheme:dark){.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row .col-attempt .attempt-number{background:#374151;color:#d1d5db}}.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row .col-time .time-spent{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-1)}.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row .col-time .time-spent svg{font-size:14px}.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row .col-date .completion-date{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-1)}.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row .col-date .completion-date svg{font-size:14px}.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row .col-status .status-passed{align-items:center;color:var(--success-600);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-1)}.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row .col-status .status-passed svg{font-size:16px}.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row .col-status .status-failed{align-items:center;color:var(--error-600);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-1)}.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row .col-status .status-failed svg{font-size:16px}.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row .col-actions{text-align:center}.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row .col-actions .view-answers-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;transition:all .3s ease}.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row .col-actions .view-answers-btn svg{font-size:1rem}.test-attempts-modal .test-attempts-content .attempts-list .attempts-table-body .attempt-row .col-actions .view-answers-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.answers-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10001}.answers-modal{animation:slideInUp .3s ease-out;background:var(--bg-surface);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.answers-modal .answers-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid var(--border-color);color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.answers-modal .answers-modal-header .student-info-header{align-items:center;display:flex;gap:1rem}.answers-modal .answers-modal-header .student-info-header .student-avatar-large{border:3px solid #ffffff4d;border-radius:50%;height:60px;object-fit:cover;width:60px}.answers-modal .answers-modal-header .student-info-header .student-details-header h3{font-size:1.25rem;font-weight:600;margin:0}.answers-modal .answers-modal-header .student-info-header .student-details-header p{font-size:.9rem;margin:.25rem 0;opacity:.8}.answers-modal .answers-modal-header .student-info-header .student-details-header .attempt-info{align-items:center;display:flex;gap:1rem;margin-top:.5rem}.answers-modal .answers-modal-header .student-info-header .student-details-header .attempt-info .score-large{background:#fff3;border-radius:20px;font-size:1.5rem;font-weight:700;padding:.25rem .75rem}.answers-modal .answers-modal-header .student-info-header .student-details-header .attempt-info .attempt-number{background:#ffffff26;border-radius:12px;font-size:.85rem;padding:.25rem .75rem}.answers-modal .answers-modal-header .answers-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.answers-modal .answers-modal-header .answers-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.answers-modal .answers-modal-header .answers-modal-close svg{font-size:1.25rem}.answers-modal .answers-modal-content{max-height:calc(90vh - 120px);overflow-y:auto;padding:1.5rem}.answers-modal .answers-modal-content h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1.5rem}.answers-modal .answers-modal-content .answers-list{display:flex;flex-direction:column;gap:1.5rem}.answers-modal .answers-modal-content .answers-list .answer-item{background:var(--bg-secondary);border-left:4px solid #0000;border-radius:12px;padding:1.25rem}.answers-modal .answers-modal-content .answers-list .answer-item.correct{border-left-color:var(--success-500)}.answers-modal .answers-modal-content .answers-list .answer-item.incorrect{border-left-color:var(--error-500)}.answers-modal .answers-modal-content .answers-list .answer-item .question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.answers-modal .answers-modal-content .answers-list .answer-item .question-header .question-number{background:var(--primary-100);border-radius:20px;color:var(--primary-700);font-size:.85rem;font-weight:600;padding:.25rem .75rem}.answers-modal .answers-modal-content .answers-list .answer-item .question-header .answer-status{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.answers-modal .answers-modal-content .answers-list .answer-item .question-header .answer-status.correct{color:var(--success-600)}.answers-modal .answers-modal-content .answers-list .answer-item .question-header .answer-status.incorrect{color:var(--error-600)}.answers-modal .answers-modal-content .answers-list .answer-item .question-header .answer-status svg{font-size:1rem}.answers-modal .answers-modal-content .answers-list .answer-item .question-text{margin-bottom:1rem}.answers-modal .answers-modal-content .answers-list .answer-item .question-text p{color:var(--text-primary);line-height:1.5;margin:0}.answers-modal .answers-modal-content .answers-list .answer-item .answer-options{display:flex;flex-direction:column;gap:.75rem}.answers-modal .answers-modal-content .answers-list .answer-item .answer-options .correct-options strong,.answers-modal .answers-modal-content .answers-list .answer-item .answer-options .selected-option strong{color:var(--text-primary);display:block;font-size:.9rem;margin-bottom:.5rem}.answers-modal .answers-modal-content .answers-list .answer-item .answer-options .correct-options .option,.answers-modal .answers-modal-content .answers-list .answer-item .answer-options .selected-option .option{border-radius:8px;display:inline-block;font-weight:500;margin-right:.5rem;padding:.5rem 1rem}.answers-modal .answers-modal-content .answers-list .answer-item .answer-options .correct-options .option.correct,.answers-modal .answers-modal-content .answers-list .answer-item .answer-options .selected-option .option.correct{background:var(--success-100);border:1px solid var(--success-300);color:var(--success-700)}.answers-modal .answers-modal-content .answers-list .answer-item .answer-options .correct-options .option.incorrect,.answers-modal .answers-modal-content .answers-list .answer-item .answer-options .selected-option .option.incorrect{background:var(--error-100);border:1px solid var(--error-300);color:var(--error-700)}.answers-modal .answers-modal-content .answers-list .answer-item .answer-options .correct-options-list{display:flex;flex-wrap:wrap;gap:.5rem}.answers-modal .answers-modal-content .no-answers{color:var(--text-secondary);padding:3rem 1rem;text-align:center}.answers-modal .answers-modal-content .no-answers .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.answers-modal .answers-modal-content .no-answers p{font-size:1.1rem;margin:0}.assignment-review{background:var(--bg-primary);min-height:100vh;padding:var(--space-6);width:100%}.assignment-review .ar-header{margin-bottom:var(--space-8)}.assignment-review .ar-header .ar-title-section{text-align:center}.assignment-review .ar-header .ar-title-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.assignment-review .ar-header .ar-title-section p{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0}.assignment-review .ar-summary-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-8)}.assignment-review .ar-summary-grid .ar-summary-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;gap:var(--space-4);overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-normal)}.assignment-review .ar-summary-grid .ar-summary-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.assignment-review .ar-summary-grid .ar-summary-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.assignment-review .ar-summary-grid .ar-summary-card.total:before{background:linear-gradient(90deg,#667eea,#764ba2)}.assignment-review .ar-summary-grid .ar-summary-card.submissions:before{background:linear-gradient(90deg,#f093fb,#f5576c)}.assignment-review .ar-summary-grid .ar-summary-card.pending:before{background:linear-gradient(90deg,#ffecd2,#fcb69f)}.assignment-review .ar-summary-grid .ar-summary-card.graded:before{background:linear-gradient(90deg,#a8edea,#fed6e3)}.assignment-review .ar-summary-grid .ar-summary-card .ar-summary-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-full);color:#fff;display:flex;font-size:var(--font-size-xl);height:60px;justify-content:center;width:60px}.assignment-review .ar-summary-grid .ar-summary-card .ar-summary-content h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-1) 0}.assignment-review .ar-summary-grid .ar-summary-card .ar-summary-content p{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0}.assignment-review .ar-filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.assignment-review .ar-filters .ar-search{flex:1 1;min-width:300px;position:relative}.assignment-review .ar-filters .ar-search svg{color:var(--text-secondary);font-size:var(--font-size-lg);left:var(--space-3);position:absolute;top:50%;transform:translateY(-50%)}.assignment-review .ar-filters .ar-search input{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-10);transition:all var(--transition-fast);width:100%}.assignment-review .ar-filters .ar-search input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #667eea1a;outline:none}.assignment-review .ar-filters .ar-search input::placeholder{color:var(--text-secondary)}.assignment-review .ar-filters .ar-filter-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.assignment-review .ar-filters .ar-filter-buttons .ar-filter-btn{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast);white-space:nowrap}.assignment-review .ar-filters .ar-filter-buttons .ar-filter-btn:hover{border-color:var(--primary-300);color:var(--primary-600)}.assignment-review .ar-filters .ar-filter-buttons .ar-filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.assignment-review .ar-submissions-list{display:flex;flex-wrap:wrap;gap:var(--space-6)}.assignment-review .ar-submissions-list .ar-empty-state{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);height:100%;padding:var(--space-12) var(--space-6);text-align:center;width:100%}.assignment-review .ar-submissions-list .ar-empty-state .ar-empty-icon{color:var(--text-secondary);font-size:4rem;margin-bottom:var(--space-4);opacity:.5}.assignment-review .ar-submissions-list .ar-empty-state h3{color:var(--text-primary);font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.assignment-review .ar-submissions-list .ar-empty-state p{color:var(--text-secondary);margin:0}.assignment-review .ar-submissions-list .ar-submission-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;position:relative;transition:all var(--transition-normal);width:30%}.assignment-review .ar-submissions-list .ar-submission-card:before{background:var(--border-color);content:"";height:4px;left:0;position:absolute;right:0;top:0}.assignment-review .ar-submissions-list .ar-submission-card.pending:before{background:linear-gradient(90deg,#ffecd2,#fcb69f)}.assignment-review .ar-submissions-list .ar-submission-card.graded:before{background:linear-gradient(90deg,#a8edea,#fed6e3)}.assignment-review .ar-submissions-list .ar-submission-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-6)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-header .ar-student-info{align-items:center;display:flex;gap:var(--space-3)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-header .ar-student-info .ar-student-avatar{border:2px solid var(--border-color);border-radius:var(--radius-full);height:50px;object-fit:cover;width:50px}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-header .ar-student-info .ar-student-details h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-header .ar-student-info .ar-student-details p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-header .ar-submission-status{align-items:center;display:flex;gap:var(--space-2)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-header .ar-submission-status .ar-status-badge{align-items:center;border-radius:var(--radius-full);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-3)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-header .ar-submission-status .ar-status-badge.pending{background:var(--warning-100);color:var(--warning-700)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-header .ar-submission-status .ar-status-badge.graded{background:var(--success-100);color:var(--success-700)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-header .ar-submission-status .ar-status-badge.overdue{background:var(--error-100);color:var(--error-700)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content{padding:var(--space-6)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-assignment-info{margin-bottom:var(--space-6)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-assignment-info h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-assignment-info .ar-course-name{color:var(--primary-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 var(--space-3) 0}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-assignment-info .ar-assignment-description{background:var(--bg-secondary);border-left:4px solid var(--primary-500);border-radius:var(--radius-lg);margin:var(--space-3) 0;padding:var(--space-3)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-assignment-info .ar-assignment-description h5{color:var(--primary-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin:0 0 var(--space-2) 0;text-transform:uppercase}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-assignment-info .ar-assignment-description p{color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.6;margin:0}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-assignment-info .ar-assignment-attachment{margin:var(--space-3) 0}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-assignment-info .ar-assignment-attachment h5{color:var(--primary-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin:0 0 var(--space-2) 0;text-transform:uppercase}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-assignment-info .ar-assignment-attachment .ar-attachment-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-3);transition:all var(--transition-fast)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-assignment-info .ar-assignment-attachment .ar-attachment-item:hover{background:var(--primary-50);border-color:var(--primary-300)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-assignment-info .ar-assignment-attachment .ar-attachment-item svg{color:var(--primary-500);flex-shrink:0;font-size:var(--font-size-xl)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-assignment-info .ar-assignment-attachment .ar-attachment-item .ar-attachment-info{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-assignment-info .ar-assignment-attachment .ar-attachment-item .ar-attachment-info .ar-attachment-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-assignment-info .ar-assignment-attachment .ar-attachment-item .ar-attachment-info .ar-attachment-size{color:var(--text-secondary);font-size:var(--font-size-xs)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-assignment-info .ar-assignment-attachment .ar-attachment-item .ar-download-btn{align-items:center;background:var(--primary-500);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:var(--space-2);transition:all var(--transition-fast)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-assignment-info .ar-assignment-attachment .ar-attachment-item .ar-download-btn:hover{background:var(--primary-600);transform:translateY(-1px)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-assignment-info .ar-assignment-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-3)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-assignment-info .ar-assignment-meta span{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-1)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-assignment-info .ar-assignment-meta span svg{font-size:var(--font-size-base)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-assignment-info .ar-assignment-meta .ar-due-date{color:var(--warning-600)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-assignment-info .ar-assignment-meta .ar-max-score{color:var(--success-600)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-submission-text{margin-bottom:var(--space-4)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-submission-text h5{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin:0 0 var(--space-2) 0;text-transform:uppercase}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-submission-text p{background:var(--bg-secondary);border-left:4px solid var(--primary-500);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);line-height:1.6;margin:0;padding:var(--space-4)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-attachments{margin-bottom:var(--space-4)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-attachments h5{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin:0 0 var(--space-2) 0;text-transform:uppercase}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-attachments .ar-files-list{display:flex;flex-direction:column;gap:var(--space-2)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-attachments .ar-files-list .ar-file-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-4);transition:all var(--transition-fast)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-attachments .ar-files-list .ar-file-item:hover{background:var(--primary-50);border-color:var(--primary-300)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-attachments .ar-files-list .ar-file-item svg{color:var(--primary-500);flex-shrink:0;font-size:var(--font-size-xl)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-attachments .ar-files-list .ar-file-item .ar-file-info{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-attachments .ar-files-list .ar-file-item .ar-file-info .ar-file-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-attachments .ar-files-list .ar-file-item .ar-file-info .ar-file-date,.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-attachments .ar-files-list .ar-file-item .ar-file-info .ar-file-size{color:var(--text-secondary);font-size:var(--font-size-xs)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-attachments .ar-files-list .ar-file-item .ar-download-btn{align-items:center;background:var(--primary-500);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:var(--space-2);transition:all var(--transition-fast)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-attachments .ar-files-list .ar-file-item .ar-download-btn:hover{background:var(--primary-600);transform:translateY(-1px)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-external-links{margin-bottom:var(--space-4)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-external-links h5{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin:0 0 var(--space-2) 0;text-transform:uppercase}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-external-links .ar-links-list{display:flex;flex-direction:column;gap:var(--space-2)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-external-links .ar-links-list .ar-link-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);padding:var(--space-3);transition:all var(--transition-fast)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-external-links .ar-links-list .ar-link-item:hover{background:var(--primary-50);border-color:var(--primary-300)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-external-links .ar-links-list .ar-link-item .ar-external-link{align-items:center;color:var(--primary-600);display:flex;flex:1 1;gap:var(--space-2);text-decoration:none}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-external-links .ar-links-list .ar-link-item .ar-external-link svg{flex-shrink:0;font-size:var(--font-size-lg)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-external-links .ar-links-list .ar-link-item .ar-external-link .ar-link-info{display:flex;flex-direction:column;gap:var(--space-1)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-external-links .ar-links-list .ar-link-item .ar-external-link .ar-link-info .ar-link-title{color:var(--primary-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-external-links .ar-links-list .ar-link-item .ar-external-link .ar-link-info .ar-link-url{color:var(--text-secondary);font-size:var(--font-size-xs);word-break:break-all}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-external-links .ar-links-list .ar-link-item .ar-open-btn{align-items:center;background:var(--primary-500);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:var(--space-2);transition:all var(--transition-fast)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-external-links .ar-links-list .ar-link-item .ar-open-btn:hover{background:var(--primary-600);transform:translateY(-1px)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-submission-meta{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-submission-meta span{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--space-1)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-submission-meta span svg{font-size:var(--font-size-sm)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-submission-meta .ar-late-indicator{color:var(--error-600);font-weight:var(--font-weight-medium)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-submission-meta .ar-late-indicator svg{color:var(--error-500)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-submission-details .ar-submission-meta .ar-update-date{color:var(--warning-600)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-grade-info{background:var(--success-50);border:1px solid var(--success-200);border-radius:var(--radius-lg);margin-top:var(--space-6);padding:var(--space-4)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-grade-info .ar-grade-score{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-grade-info .ar-grade-score svg{color:var(--warning-500);font-size:var(--font-size-lg)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-grade-info .ar-grade-score span{color:var(--success-700);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-grade-info .ar-grade-score .ar-percentage{color:var(--success-600);font-size:var(--font-size-base)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-grade-info .ar-grade-feedback{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-grade-info .ar-grade-feedback svg{color:var(--primary-500);font-size:var(--font-size-lg);margin-top:var(--space-1)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-grade-info .ar-grade-feedback p{color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);line-height:1.5;margin:0}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-grade-info .ar-grade-meta{color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--font-size-xs);gap:var(--space-1)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-content .ar-grade-info .ar-grade-meta span{display:block}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-actions{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--space-4) var(--space-6)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-actions .ar-grade-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.assignment-review .ar-submissions-list .ar-submission-card .ar-submission-actions .ar-grade-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.assignment-review .ar-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-12);text-align:center}.assignment-review .ar-loading .ar-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:var(--radius-full);border-top-color:var(--primary-500);height:40px;margin-bottom:var(--space-4);width:40px}.assignment-review .ar-loading p{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0}.assignment-review .ar-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.assignment-review .ar-modal{animation:slideInUp .3s ease-out;background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:600px;overflow:hidden;width:100%}.assignment-review .ar-modal .ar-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid var(--border-color);color:#fff;display:flex;justify-content:space-between;padding:var(--space-6)}.assignment-review .ar-modal .ar-modal-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.assignment-review .ar-modal .ar-modal-header .ar-modal-close{align-items:center;background:#fff3;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.assignment-review .ar-modal .ar-modal-header .ar-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.assignment-review .ar-modal .ar-modal-header .ar-modal-close svg{font-size:var(--font-size-lg)}.assignment-review .ar-modal .ar-modal-content{max-height:calc(90vh - 160px);overflow-y:auto;padding:var(--space-6)}.assignment-review .ar-modal .ar-modal-content .ar-grading-student{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4)}.assignment-review .ar-modal .ar-modal-content .ar-grading-student .ar-grading-avatar{border:2px solid var(--border-color);border-radius:var(--radius-full);height:60px;object-fit:cover;width:60px}.assignment-review .ar-modal .ar-modal-content .ar-grading-student h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0}.assignment-review .ar-modal .ar-modal-content .ar-grading-student p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.assignment-review .ar-modal .ar-modal-content .ar-grading-form .ar-form-group{margin-bottom:var(--space-4)}.assignment-review .ar-modal .ar-modal-content .ar-grading-form .ar-form-group label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.assignment-review .ar-modal .ar-modal-content .ar-grading-form .ar-form-group input,.assignment-review .ar-modal .ar-modal-content .ar-grading-form .ar-form-group textarea{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);padding:var(--space-3);transition:all var(--transition-fast);width:100%}.assignment-review .ar-modal .ar-modal-content .ar-grading-form .ar-form-group input:focus,.assignment-review .ar-modal .ar-modal-content .ar-grading-form .ar-form-group textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #667eea1a;outline:none}.assignment-review .ar-modal .ar-modal-content .ar-grading-form .ar-form-group input::placeholder,.assignment-review .ar-modal .ar-modal-content .ar-grading-form .ar-form-group textarea::placeholder{color:var(--text-secondary)}.assignment-review .ar-modal .ar-modal-content .ar-grading-form .ar-form-group textarea{min-height:100px;resize:vertical}.assignment-review .ar-modal .ar-modal-actions{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:var(--space-3);padding:var(--space-6)}.assignment-review .ar-modal .ar-modal-actions .ar-cancel-btn{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.assignment-review .ar-modal .ar-modal-actions .ar-cancel-btn:hover{border-color:var(--error-300);color:var(--error-600)}.assignment-review .ar-modal .ar-modal-actions .ar-save-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.assignment-review .ar-modal .ar-modal-actions .ar-save-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}@media(max-width:768px){.assignment-review{padding:var(--space-4)}.assignment-review .ar-header{margin-bottom:var(--space-6)}.assignment-review .ar-header .ar-title-section h1{font-size:var(--font-size-2xl)}.assignment-review .ar-header .ar-title-section p{font-size:var(--font-size-base)}.assignment-review .ar-summary-grid{gap:var(--space-4);grid-template-columns:1fr;margin-bottom:var(--space-6)}.assignment-review .ar-filters{align-items:stretch;flex-direction:column}.assignment-review .ar-filters .ar-search{min-width:auto}.assignment-review .ar-filters .ar-filter-buttons{justify-content:center}.assignment-review .ar-submission-card .ar-submission-header{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.assignment-review .ar-submission-card .ar-submission-header .ar-submission-status{align-self:flex-end}.assignment-review .ar-submission-card .ar-submission-content .ar-assignment-meta,.assignment-review .ar-submission-card .ar-submission-content .ar-submission-meta{flex-direction:column;gap:var(--space-2)}.assignment-review .ar-modal{margin:var(--space-4);max-width:none}.assignment-review .ar-modal .ar-modal-content .ar-grading-student{flex-direction:column;text-align:center}.assignment-review .ar-modal .ar-modal-actions{flex-direction:column}.assignment-review .ar-modal .ar-modal-actions .ar-cancel-btn,.assignment-review .ar-modal .ar-modal-actions .ar-save-btn{flex:none}}.teacher-classrooms{padding:2rem;width:100%}.teacher-classrooms .tc-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.teacher-classrooms .tc-loading .spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-top-color:#3b82f6;border:4px solid var(--border-color,#e2e8f0);border-radius:50%;border-top-color:var(--primary-500,#3b82f6);height:50px;width:50px}.teacher-classrooms .tc-loading p{color:var(--text-secondary);font-size:1rem}.teacher-classrooms .tc-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.teacher-classrooms .tc-header .tc-header-content h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.teacher-classrooms .tc-header .tc-header-content p{color:var(--text-secondary);font-size:1rem}.teacher-classrooms .tc-header .tc-create-btn{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.teacher-classrooms .tc-header .tc-create-btn:hover{box-shadow:0 10px 25px #3b82f64d;transform:translateY(-2px)}.teacher-classrooms .tc-header .tc-create-btn svg{height:20px;width:20px}.teacher-classrooms .tc-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem;text-align:center}.teacher-classrooms .tc-empty .tc-empty-icon{align-items:center;background:var(--bg-secondary);border-radius:50%;display:flex;height:100px;justify-content:center;margin-bottom:1.5rem;width:100px}.teacher-classrooms .tc-empty .tc-empty-icon svg{color:var(--text-secondary);height:50px;width:50px}.teacher-classrooms .tc-empty h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.teacher-classrooms .tc-empty p{color:var(--text-secondary);margin-bottom:2rem}.teacher-classrooms .tc-empty .tc-empty-btn{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.teacher-classrooms .tc-empty .tc-empty-btn:hover{box-shadow:0 10px 25px #3b82f64d;transform:translateY(-2px)}.teacher-classrooms .tc-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.teacher-classrooms .tc-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;cursor:pointer;overflow:hidden;transition:all .3s ease}.teacher-classrooms .tc-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.teacher-classrooms .tc-card .tc-card-header{align-items:flex-start;background:linear-gradient(135deg,var(--theme-color),var(--theme-color));color:#fff;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.teacher-classrooms .tc-card .tc-card-header .tc-card-title{flex:1 1}.teacher-classrooms .tc-card .tc-card-header .tc-card-title h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.teacher-classrooms .tc-card .tc-card-header .tc-card-title .tc-card-section{font-size:.875rem;opacity:.9}.teacher-classrooms .tc-card .tc-card-header .tc-card-privacy .tc-privacy-badge{align-items:center;background:var(--bg-secondary);border-radius:.5rem;color:var(--text-primary);display:flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .75rem}.teacher-classrooms .tc-card .tc-card-header .tc-card-privacy .tc-privacy-badge svg{height:14px;width:14px}.teacher-classrooms .tc-card .tc-card-body{padding:1.5rem}.teacher-classrooms .tc-card .tc-card-body .tc-card-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.teacher-classrooms .tc-card .tc-card-body .tc-card-info .tc-card-subject{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:.5rem}.teacher-classrooms .tc-card .tc-card-body .tc-card-info .tc-card-subject svg{color:var(--primary-500);height:18px;width:18px}.teacher-classrooms .tc-card .tc-card-body .tc-card-info .tc-card-room{color:var(--text-secondary);font-size:.875rem}.teacher-classrooms .tc-card .tc-card-body .tc-card-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.teacher-classrooms .tc-card .tc-card-stats{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;padding:1rem 1.5rem}.teacher-classrooms .tc-card .tc-card-stats .tc-stat{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem}.teacher-classrooms .tc-card .tc-card-stats .tc-stat svg{height:18px;width:18px}.teacher-classrooms .tc-card .tc-card-stats .tc-stat span{color:var(--text-primary);font-weight:600}.teacher-classrooms .tc-card .tc-card-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.5rem}.teacher-classrooms .tc-card .tc-card-footer .tc-card-code{align-items:center;display:flex;gap:.5rem}.teacher-classrooms .tc-card .tc-card-footer .tc-card-code .tc-code-label{color:var(--text-secondary);font-size:.875rem}.teacher-classrooms .tc-card .tc-card-footer .tc-card-code .tc-code-value{color:var(--text-primary);font-size:1rem;font-weight:700;letter-spacing:1px}.teacher-classrooms .tc-card .tc-card-footer .tc-card-code .tc-copy-btn{background:var(--bg-secondary);border:none;border-radius:.375rem;color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;transition:all .2s ease}.teacher-classrooms .tc-card .tc-card-footer .tc-card-code .tc-copy-btn:hover{background:var(--primary-500);color:#fff}.teacher-classrooms .tc-card .tc-card-footer .tc-card-code .tc-copy-btn svg{height:16px;width:16px}.teacher-classrooms .tc-card .tc-card-footer .tc-card-actions{display:flex;gap:.5rem}.teacher-classrooms .tc-card .tc-card-footer .tc-card-actions .tc-action-btn{background:#0000;border:none;border-radius:.375rem;cursor:pointer;padding:.5rem;transition:all .2s ease}.teacher-classrooms .tc-card .tc-card-footer .tc-card-actions .tc-action-btn svg{height:18px;width:18px}.teacher-classrooms .tc-card .tc-card-footer .tc-card-actions .tc-action-btn.settings{color:var(--text-secondary)}.teacher-classrooms .tc-card .tc-card-footer .tc-card-actions .tc-action-btn.settings:hover{background:var(--bg-secondary);color:var(--primary-500)}.teacher-classrooms .tc-card .tc-card-footer .tc-card-actions .tc-action-btn.delete{color:var(--text-secondary)}.teacher-classrooms .tc-card .tc-card-footer .tc-card-actions .tc-action-btn.delete:hover{background:#ef44441a;color:var(--error-500)}.teacher-classrooms .tc-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.teacher-classrooms .tc-modal{background:var(--bg-surface);border-radius:1rem;box-shadow:var(--shadow-lg);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.teacher-classrooms .tc-modal .tc-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.teacher-classrooms .tc-modal .tc-modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700}.teacher-classrooms .tc-modal .tc-modal-header .tc-modal-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.teacher-classrooms .tc-modal .tc-modal-header .tc-modal-close:hover{background:var(--bg-secondary);color:var(--error-500)}.teacher-classrooms .tc-modal .tc-modal-form{padding:1.5rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-form-group{margin-bottom:1.5rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-form-group label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-form-group input,.teacher-classrooms .tc-modal .tc-modal-form .tc-form-group select,.teacher-classrooms .tc-modal .tc-modal-form .tc-form-group textarea{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:all .2s ease;width:100%}.teacher-classrooms .tc-modal .tc-modal-form .tc-form-group input:focus,.teacher-classrooms .tc-modal .tc-modal-form .tc-form-group select:focus,.teacher-classrooms .tc-modal .tc-modal-form .tc-form-group textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-500);outline:none}.teacher-classrooms .tc-modal .tc-modal-form .tc-form-group textarea{min-height:100px;resize:vertical}.teacher-classrooms .tc-modal .tc-modal-form .tc-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.teacher-classrooms .tc-modal .tc-modal-form .tc-color-picker{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-color-picker .tc-color-option{border:3px solid #0000;border-radius:.5rem;cursor:pointer;height:50px;transition:all .2s ease;width:50px}.teacher-classrooms .tc-modal .tc-modal-form .tc-color-picker .tc-color-option:hover{transform:scale(1.1)}.teacher-classrooms .tc-modal .tc-modal-form .tc-color-picker .tc-color-option.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-surface)}.teacher-classrooms .tc-modal .tc-modal-form .tc-color-picker .tc-custom-color{align-items:center;display:flex;flex-direction:column;gap:.25rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-color-picker .tc-custom-color input[type=color]{border:3px solid var(--border-color);border-radius:.5rem;cursor:pointer;height:50px;padding:0;transition:all .2s ease;width:50px}.teacher-classrooms .tc-modal .tc-modal-form .tc-color-picker .tc-custom-color input[type=color]:hover{border-color:var(--primary-500);transform:scale(1.1)}.teacher-classrooms .tc-modal .tc-modal-form .tc-color-picker .tc-custom-color span{color:var(--text-secondary);font-size:.75rem;font-weight:600}.teacher-classrooms .tc-modal .tc-modal-form .tc-checkbox-group .tc-checkbox{align-items:center;cursor:pointer;display:flex;gap:.75rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-checkbox-group .tc-checkbox input[type=checkbox]{cursor:pointer;height:20px;width:20px}.teacher-classrooms .tc-modal .tc-modal-form .tc-checkbox-group .tc-checkbox span{color:var(--text-primary);font-weight:600}.teacher-classrooms .tc-modal .tc-modal-form .tc-checkbox-group .tc-checkbox-hint{color:var(--text-secondary);font-size:.875rem;margin-left:2rem;margin-top:.5rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-modal-actions{display:flex;gap:1rem;margin-top:2rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-modal-actions button{border:none;border-radius:.5rem;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.teacher-classrooms .tc-modal .tc-modal-form .tc-modal-actions .tc-btn-cancel{background:var(--bg-secondary);color:var(--text-primary)}.teacher-classrooms .tc-modal .tc-modal-form .tc-modal-actions .tc-btn-cancel:hover{background:var(--border-color)}.teacher-classrooms .tc-modal .tc-modal-form .tc-modal-actions .tc-btn-submit{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff}.teacher-classrooms .tc-modal .tc-modal-form .tc-modal-actions .tc-btn-submit:hover{box-shadow:0 10px 25px var(--primary-500);transform:translateY(-2px)}.tc-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.tc-modal.tc-delete-modal{animation:slideUp .25s ease;background:var(--bg-secondary);border-radius:16px;box-shadow:0 10px 28px var(--bg-secondary);overflow:hidden;padding:0;width:430px}.tc-modal-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--bg-secondary);display:flex;justify-content:space-between;padding:18px 20px}.tc-modal-header h2{color:var(--text-secondary);font-size:20px;font-weight:600;margin:0}.tc-modal-header .tc-modal-close{background:none;border:none;color:#777;cursor:pointer;font-size:26px;line-height:20px;margin:0;padding:0;transition:.2s}.tc-modal-header .tc-modal-close:hover{color:#000}.tc-modal-form{padding:22px 20px}.tc-modal-form .tc-form-group{margin-bottom:20px}.tc-modal-form .tc-form-group label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:6px}.tc-modal-form .tc-form-group p{color:var(--text-secondary);font-size:15px;margin:5px 0}.tc-modal-form .tc-form-group strong{color:var(--text-primary)}.tc-modal-form .tc-form-group input{border:1px solid var(--border-color);border-radius:10px;font-size:15px;outline:none;padding:12px 14px;transition:.2s;width:100%}.tc-modal-form .tc-form-group input:focus{border-color:#0094ff;box-shadow:0 0 0 3px #0094ff26}.tc-modal-form .tc-form-group small{color:var(--text-primary);display:block;font-size:13px;margin-top:4px}.tc-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:10px}.tc-modal-actions .tc-btn-cancel,.tc-modal-actions .tc-btn-submit{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;padding:10px 18px;transition:.2s}.tc-modal-actions .tc-btn-cancel{background:var(--bg-secondary);color:var(--text-primary)}.tc-modal-actions .tc-btn-cancel:hover{background:var(--bg-secondary)}.tc-modal-actions .tc-btn-cancel:disabled{cursor:not-allowed;opacity:.7}.tc-modal-actions .tc-btn-submit{background:var(--error-500);color:var(--bg-secondary)}.tc-modal-actions .tc-btn-submit:hover{background:var(--error-600)}.tc-modal-actions .tc-btn-submit:disabled{background:var(--error-400);cursor:not-allowed}@media(min-width:1440px){.teacher-classrooms .tc-grid{gap:2rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}@media(min-width:1024px)and (max-width:1439px){.teacher-classrooms{padding:1.5rem}.teacher-classrooms .tc-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media(min-width:768px)and (max-width:1023px){.teacher-classrooms{padding:1.25rem}.teacher-classrooms .tc-header{flex-direction:row;gap:1rem}.teacher-classrooms .tc-header .tc-header-content h1{font-size:1.75rem}.teacher-classrooms .tc-header .tc-header-content p{font-size:.95rem}.teacher-classrooms .tc-header .tc-create-btn{font-size:.9rem;padding:.65rem 1.25rem;white-space:nowrap}.teacher-classrooms .tc-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.teacher-classrooms .tc-card .tc-card-header{padding:1.25rem}.teacher-classrooms .tc-card .tc-card-header .tc-card-title h3{font-size:1.15rem}.teacher-classrooms .tc-card .tc-card-body{padding:1.25rem}.teacher-classrooms .tc-card .tc-card-stats{padding:.85rem 1.25rem}.teacher-classrooms .tc-modal{max-width:550px}.teacher-classrooms .tc-modal .tc-modal-form .tc-form-row{gap:1rem;grid-template-columns:1fr}}@media(min-width:640px)and (max-width:767px){.teacher-classrooms{padding:1rem}.teacher-classrooms .tc-header{align-items:flex-start;flex-direction:column;gap:1rem}.teacher-classrooms .tc-header .tc-header-content h1{font-size:1.5rem;margin-bottom:.35rem}.teacher-classrooms .tc-header .tc-header-content p{font-size:.9rem}.teacher-classrooms .tc-header .tc-create-btn{justify-content:center;padding:.75rem 1.5rem;width:100%}.teacher-classrooms .tc-grid{gap:1rem;grid-template-columns:1fr}.teacher-classrooms .tc-card .tc-card-header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1.25rem}.teacher-classrooms .tc-card .tc-card-header .tc-card-privacy{align-self:flex-end}.teacher-classrooms .tc-card .tc-card-body{padding:1.25rem}.teacher-classrooms .tc-card .tc-card-body .tc-card-info{align-items:flex-start;flex-direction:column;gap:.5rem}.teacher-classrooms .tc-card .tc-card-footer{flex-direction:column;gap:1rem}.teacher-classrooms .tc-card .tc-card-footer .tc-card-code{justify-content:space-between;width:100%}.teacher-classrooms .tc-card .tc-card-footer .tc-card-actions{justify-content:flex-end;width:100%}.teacher-classrooms .tc-modal{margin:.5rem;max-width:100%}.teacher-classrooms .tc-modal .tc-modal-header{padding:1rem 1.25rem}.teacher-classrooms .tc-modal .tc-modal-header h2{font-size:1.25rem}.teacher-classrooms .tc-modal .tc-modal-form{padding:1.25rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-form-row{grid-template-columns:1fr}.teacher-classrooms .tc-modal .tc-modal-form .tc-color-picker{flex-wrap:wrap}}@media(min-width:480px)and (max-width:639px){.teacher-classrooms{padding:.85rem}.teacher-classrooms .tc-header{align-items:stretch;flex-direction:column;gap:.85rem;margin-bottom:1.5rem}.teacher-classrooms .tc-header .tc-header-content h1{font-size:1.35rem;margin-bottom:.25rem}.teacher-classrooms .tc-header .tc-header-content p{font-size:.85rem}.teacher-classrooms .tc-header .tc-create-btn{font-size:.9rem;justify-content:center;padding:.7rem 1.25rem;width:100%}.teacher-classrooms .tc-header .tc-create-btn svg{height:18px;width:18px}.teacher-classrooms .tc-grid{gap:.85rem;grid-template-columns:1fr}.teacher-classrooms .tc-card{border-radius:.85rem}.teacher-classrooms .tc-card .tc-card-header{align-items:flex-start;flex-direction:column;gap:.65rem;padding:1rem}.teacher-classrooms .tc-card .tc-card-header .tc-card-title h3{font-size:1.1rem}.teacher-classrooms .tc-card .tc-card-header .tc-card-title .tc-card-section{font-size:.8rem}.teacher-classrooms .tc-card .tc-card-header .tc-card-privacy{align-self:flex-end}.teacher-classrooms .tc-card .tc-card-body{padding:1rem}.teacher-classrooms .tc-card .tc-card-body .tc-card-info{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:.85rem}.teacher-classrooms .tc-card .tc-card-body .tc-card-info .tc-card-subject{font-size:.95rem}.teacher-classrooms .tc-card .tc-card-body .tc-card-info .tc-card-subject svg{height:16px;width:16px}.teacher-classrooms .tc-card .tc-card-body .tc-card-info .tc-card-room{font-size:.8rem}.teacher-classrooms .tc-card .tc-card-body .tc-card-description{font-size:.8rem;line-height:1.4}.teacher-classrooms .tc-card .tc-card-stats{flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.teacher-classrooms .tc-card .tc-card-stats .tc-stat{font-size:.8rem}.teacher-classrooms .tc-card .tc-card-stats .tc-stat svg{height:16px;width:16px}.teacher-classrooms .tc-card .tc-card-footer{flex-direction:column;gap:.85rem;padding:.85rem 1rem}.teacher-classrooms .tc-card .tc-card-footer .tc-card-code{flex-wrap:wrap;gap:.5rem;width:100%}.teacher-classrooms .tc-card .tc-card-footer .tc-card-code .tc-code-label{font-size:.8rem}.teacher-classrooms .tc-card .tc-card-footer .tc-card-code .tc-code-value{font-size:.95rem}.teacher-classrooms .tc-card .tc-card-footer .tc-card-code .tc-copy-btn{margin-left:auto}.teacher-classrooms .tc-card .tc-card-footer .tc-card-code .tc-copy-btn svg{height:14px;width:14px}.teacher-classrooms .tc-card .tc-card-footer .tc-card-actions{justify-content:flex-end;width:100%}.teacher-classrooms .tc-card .tc-card-footer .tc-card-actions .tc-action-btn svg{height:16px;width:16px}.teacher-classrooms .tc-empty{padding:2rem 1rem}.teacher-classrooms .tc-empty .tc-empty-icon{height:80px;width:80px}.teacher-classrooms .tc-empty .tc-empty-icon svg{height:40px;width:40px}.teacher-classrooms .tc-empty h2{font-size:1.25rem}.teacher-classrooms .tc-empty p{font-size:.9rem}.teacher-classrooms .tc-modal{border-radius:.85rem;margin:.5rem;max-width:100%}.teacher-classrooms .tc-modal .tc-modal-header{padding:.85rem 1rem}.teacher-classrooms .tc-modal .tc-modal-header h2{font-size:1.15rem}.teacher-classrooms .tc-modal .tc-modal-header .tc-modal-close{height:32px;width:32px}.teacher-classrooms .tc-modal .tc-modal-form{padding:1rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-form-group{margin-bottom:1.25rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-form-group label{font-size:.9rem;margin-bottom:.4rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-form-group input,.teacher-classrooms .tc-modal .tc-modal-form .tc-form-group select,.teacher-classrooms .tc-modal .tc-modal-form .tc-form-group textarea{font-size:.9rem;padding:.65rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-form-row{gap:0;grid-template-columns:1fr}.teacher-classrooms .tc-modal .tc-modal-form .tc-color-picker{gap:.5rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-color-picker .tc-color-option,.teacher-classrooms .tc-modal .tc-modal-form .tc-color-picker .tc-custom-color input[type=color]{height:42px;width:42px}.teacher-classrooms .tc-modal .tc-modal-form .tc-color-picker .tc-custom-color span{font-size:.7rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-modal-actions{flex-direction:column;gap:.75rem;margin-top:1.5rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-modal-actions button{font-size:.9rem;padding:.7rem 1.25rem;width:100%}.teacher-classrooms .tc-modal.tc-delete-modal{max-width:380px;width:calc(100% - 1rem)}}@media(max-width:479px){.teacher-classrooms{padding:.75rem}.teacher-classrooms .tc-header{align-items:stretch;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.teacher-classrooms .tc-header .tc-header-content h1{font-size:1.25rem;line-height:1.3;margin-bottom:.25rem}.teacher-classrooms .tc-header .tc-header-content p{font-size:.8rem;line-height:1.4}.teacher-classrooms .tc-header .tc-create-btn{font-size:.85rem;justify-content:center;padding:.65rem 1rem;width:100%}.teacher-classrooms .tc-header .tc-create-btn svg{height:16px;width:16px}.teacher-classrooms .tc-grid{gap:.75rem;grid-template-columns:1fr}.teacher-classrooms .tc-card{border-radius:.75rem}.teacher-classrooms .tc-card .tc-card-header{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.85rem}.teacher-classrooms .tc-card .tc-card-header .tc-card-title{width:100%}.teacher-classrooms .tc-card .tc-card-header .tc-card-title h3{font-size:1rem;line-height:1.3;margin-bottom:.35rem}.teacher-classrooms .tc-card .tc-card-header .tc-card-title .tc-card-section{font-size:.75rem}.teacher-classrooms .tc-card .tc-card-header .tc-card-privacy{align-self:flex-end}.teacher-classrooms .tc-card .tc-card-header .tc-card-privacy .tc-privacy-badge{font-size:.7rem;padding:.2rem .6rem}.teacher-classrooms .tc-card .tc-card-header .tc-card-privacy .tc-privacy-badge svg{height:12px;width:12px}.teacher-classrooms .tc-card .tc-card-body{padding:.85rem}.teacher-classrooms .tc-card .tc-card-body .tc-card-info{align-items:flex-start;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.teacher-classrooms .tc-card .tc-card-body .tc-card-info .tc-card-subject{font-size:.9rem;gap:.4rem}.teacher-classrooms .tc-card .tc-card-body .tc-card-info .tc-card-subject svg{height:15px;width:15px}.teacher-classrooms .tc-card .tc-card-body .tc-card-info .tc-card-room{font-size:.75rem}.teacher-classrooms .tc-card .tc-card-body .tc-card-description{font-size:.75rem;line-height:1.4}.teacher-classrooms .tc-card .tc-card-stats{flex-wrap:wrap;gap:.5rem;justify-content:flex-start;padding:.65rem .85rem}.teacher-classrooms .tc-card .tc-card-stats .tc-stat{font-size:.75rem;gap:.35rem}.teacher-classrooms .tc-card .tc-card-stats .tc-stat svg{height:14px;width:14px}.teacher-classrooms .tc-card .tc-card-footer{flex-direction:column;gap:.75rem;padding:.75rem .85rem}.teacher-classrooms .tc-card .tc-card-footer .tc-card-code{flex-wrap:wrap;gap:.4rem;width:100%}.teacher-classrooms .tc-card .tc-card-footer .tc-card-code .tc-code-label{font-size:.75rem}.teacher-classrooms .tc-card .tc-card-footer .tc-card-code .tc-code-value{font-size:.9rem;letter-spacing:.5px}.teacher-classrooms .tc-card .tc-card-footer .tc-card-code .tc-copy-btn{margin-left:auto;padding:.2rem .4rem}.teacher-classrooms .tc-card .tc-card-footer .tc-card-code .tc-copy-btn svg{height:13px;width:13px}.teacher-classrooms .tc-card .tc-card-footer .tc-card-actions{gap:.4rem;justify-content:flex-end;width:100%}.teacher-classrooms .tc-card .tc-card-footer .tc-card-actions .tc-action-btn{padding:.4rem}.teacher-classrooms .tc-card .tc-card-footer .tc-card-actions .tc-action-btn svg{height:15px;width:15px}.teacher-classrooms .tc-empty{min-height:350px;padding:1.5rem .75rem}.teacher-classrooms .tc-empty .tc-empty-icon{height:70px;margin-bottom:1rem;width:70px}.teacher-classrooms .tc-empty .tc-empty-icon svg{height:35px;width:35px}.teacher-classrooms .tc-empty h2{font-size:1.15rem;line-height:1.3}.teacher-classrooms .tc-empty p{font-size:.85rem;margin-bottom:1.5rem}.teacher-classrooms .tc-empty .tc-empty-btn{font-size:.85rem;padding:.65rem 1.25rem}.teacher-classrooms .tc-loading{min-height:350px}.teacher-classrooms .tc-loading .spinner{border-width:3px;height:42px;width:42px}.teacher-classrooms .tc-loading p{font-size:.9rem}.teacher-classrooms .tc-modal-overlay{padding:.5rem}.teacher-classrooms .tc-modal{border-radius:.75rem;max-width:100%}.teacher-classrooms .tc-modal .tc-modal-header{padding:.75rem .85rem}.teacher-classrooms .tc-modal .tc-modal-header h2{font-size:1.05rem;line-height:1.3}.teacher-classrooms .tc-modal .tc-modal-header .tc-modal-close{font-size:1.25rem;height:30px;width:30px}.teacher-classrooms .tc-modal .tc-modal-form{padding:.85rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-form-group{margin-bottom:1rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-form-group label{font-size:.85rem;margin-bottom:.35rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-form-group input,.teacher-classrooms .tc-modal .tc-modal-form .tc-form-group select,.teacher-classrooms .tc-modal .tc-modal-form .tc-form-group textarea{border-radius:.4rem;font-size:.85rem;padding:.6rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-form-group textarea{min-height:80px}.teacher-classrooms .tc-modal .tc-modal-form .tc-form-row{gap:0;grid-template-columns:1fr}.teacher-classrooms .tc-modal .tc-modal-form .tc-color-picker{gap:.4rem;justify-content:flex-start}.teacher-classrooms .tc-modal .tc-modal-form .tc-color-picker .tc-color-option,.teacher-classrooms .tc-modal .tc-modal-form .tc-color-picker .tc-custom-color input[type=color]{border-radius:.4rem;height:38px;width:38px}.teacher-classrooms .tc-modal .tc-modal-form .tc-color-picker .tc-custom-color span{font-size:.65rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-checkbox-group .tc-checkbox{gap:.6rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-checkbox-group .tc-checkbox input[type=checkbox]{height:18px;width:18px}.teacher-classrooms .tc-modal .tc-modal-form .tc-checkbox-group .tc-checkbox span{font-size:.9rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-checkbox-group .tc-checkbox-hint{font-size:.8rem;margin-left:1.75rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-modal-actions{flex-direction:column-reverse;gap:.65rem;margin-top:1.25rem}.teacher-classrooms .tc-modal .tc-modal-form .tc-modal-actions button{border-radius:.4rem;font-size:.85rem;padding:.65rem 1rem;width:100%}.teacher-classrooms .tc-modal.tc-delete-modal{max-width:100%;width:calc(100% - 1rem)}.teacher-classrooms .tc-modal.tc-delete-modal .tc-modal-header h2{font-size:1rem}.teacher-classrooms .tc-modal.tc-delete-modal .tc-modal-form .tc-form-group p{font-size:.85rem}.teacher-classrooms .tc-modal.tc-delete-modal .tc-modal-form .tc-form-group input{font-size:.85rem;padding:.6rem}.teacher-classrooms .tc-modal.tc-delete-modal .tc-modal-form .tc-form-group small{font-size:.75rem}.teacher-classrooms .tc-modal.tc-delete-modal .tc-modal-actions .tc-btn-cancel,.teacher-classrooms .tc-modal.tc-delete-modal .tc-modal-actions .tc-btn-submit{font-size:.85rem;padding:.6rem 1rem}}.teacher-classroom-dashboard{background:var(--bg-primary);min-height:100vh}.teacher-classroom-dashboard .tcd-error,.teacher-classroom-dashboard .tcd-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.teacher-classroom-dashboard .tcd-error .spinner,.teacher-classroom-dashboard .tcd-loading .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-500);height:50px;width:50px}.teacher-classroom-dashboard .tcd-error p,.teacher-classroom-dashboard .tcd-loading p{color:var(--text-secondary);font-size:1rem}.teacher-classroom-dashboard .tcd-error button,.teacher-classroom-dashboard .tcd-loading button{background:var(--primary-500);border:none;border-radius:.5rem;color:var(--text-primary);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.teacher-classroom-dashboard .tcd-error button:hover,.teacher-classroom-dashboard .tcd-loading button:hover{background:var(--primary-600)}.teacher-classroom-dashboard .tcd-header{background:linear-gradient(135deg,var(--theme-color),var(--theme-color));box-shadow:0 4px 6px #0000001a;color:var(--text-primary);padding:2rem}.teacher-classroom-dashboard .tcd-header .tcd-back-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:.5rem;color:var(--text-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;transition:all .2s ease}.teacher-classroom-dashboard .tcd-header .tcd-back-btn:hover{background:var(--bg-secondary)}.teacher-classroom-dashboard .tcd-header .tcd-back-btn svg{height:18px;width:18px}.teacher-classroom-dashboard .tcd-header .tcd-header-content h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.teacher-classroom-dashboard .tcd-header .tcd-header-content .tcd-header-info{align-items:center;display:flex;flex-wrap:wrap;font-size:.875rem;gap:.75rem;opacity:.9}.teacher-classroom-dashboard .tcd-header .tcd-header-code{align-items:center;display:flex;gap:.5rem;margin-top:1rem}.teacher-classroom-dashboard .tcd-header .tcd-header-code .tcd-code-label{font-size:.875rem;opacity:.9}.teacher-classroom-dashboard .tcd-header .tcd-header-code .tcd-code-value{background:var(--bg-secondary);border-radius:.375rem;font-size:1.125rem;font-weight:700;letter-spacing:2px;padding:.25rem .75rem}.teacher-classroom-dashboard .tcd-nav{-webkit-overflow-scrolling:touch;background:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;overflow-x:auto;padding:0 2rem}.teacher-classroom-dashboard .tcd-nav .tcd-nav-link{align-items:center;border-bottom:3px solid #0000;color:var(--text-secondary);display:flex;flex-shrink:0;font-weight:600;gap:.5rem;padding:1rem 1.5rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.teacher-classroom-dashboard .tcd-nav .tcd-nav-link svg{height:20px;width:20px}.teacher-classroom-dashboard .tcd-nav .tcd-nav-link:hover{background:var(--bg-secondary);color:var(--primary-500)}.teacher-classroom-dashboard .tcd-nav .tcd-nav-link.active{border-bottom-color:var(--primary-500);color:var(--primary-500)}.teacher-classroom-dashboard .tcd-content{margin:0 auto;max-width:1400px;padding:2rem}@media(max-width:768px){.teacher-classroom-dashboard .tcd-header{padding:1.5rem 1rem}.teacher-classroom-dashboard .tcd-header .tcd-header-content h1{font-size:1.5rem}.teacher-classroom-dashboard .tcd-header .tcd-header-content .tcd-header-info{font-size:.75rem}.teacher-classroom-dashboard .tcd-nav{padding:0 1rem}.teacher-classroom-dashboard .tcd-nav .tcd-nav-link{font-size:.875rem;padding:.75rem 1rem}.teacher-classroom-dashboard .tcd-nav .tcd-nav-link svg{height:18px;width:18px}.teacher-classroom-dashboard .tcd-content{padding:1rem}}.teacher-classroom-stream .tcs-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:300px}.teacher-classroom-stream .tcs-loading .spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-500);height:40px;width:40px}.teacher-classroom-stream .tcs-loading p{color:var(--text-secondary)}.teacher-classroom-stream .tcs-post-form{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.teacher-classroom-stream .tcs-post-form .tcs-post-avatar{align-items:center;background:var(--bg-secondary);border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.teacher-classroom-stream .tcs-post-form .tcs-post-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.teacher-classroom-stream .tcs-post-form .tcs-post-avatar svg{color:var(--text-secondary);height:24px;width:24px}.teacher-classroom-stream .tcs-post-form .tcs-form{flex:1 1}.teacher-classroom-stream .tcs-post-form .tcs-form textarea{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-family:inherit;font-size:1rem;margin-bottom:1rem;padding:.75rem;resize:vertical;width:100%}.teacher-classroom-stream .tcs-post-form .tcs-form textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-500);outline:none}.teacher-classroom-stream .tcs-post-form .tcs-form textarea::placeholder{color:var(--text-secondary)}.teacher-classroom-stream .tcs-post-form .tcs-form .tcs-form-actions{display:flex;gap:1rem;justify-content:space-between}.teacher-classroom-stream .tcs-post-form .tcs-form .tcs-form-actions button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.teacher-classroom-stream .tcs-post-form .tcs-form .tcs-form-actions button svg{height:18px;width:18px}.teacher-classroom-stream .tcs-post-form .tcs-form .tcs-form-actions .tcs-attach-btn{background:var(--bg-secondary);color:var(--text-primary)}.teacher-classroom-stream .tcs-post-form .tcs-form .tcs-form-actions .tcs-attach-btn:hover{background:var(--border-color)}.teacher-classroom-stream .tcs-post-form .tcs-form .tcs-form-actions .tcs-submit-btn{background:var(--primary-500);color:#fff}.teacher-classroom-stream .tcs-post-form .tcs-form .tcs-form-actions .tcs-submit-btn:hover:not(:disabled){background:var(--primary-600);transform:translateY(-1px)}.teacher-classroom-stream .tcs-post-form .tcs-form .tcs-form-actions .tcs-submit-btn:disabled{cursor:not-allowed;opacity:.5}.teacher-classroom-stream .tcs-posts{display:flex;flex-direction:column;gap:1.5rem}.teacher-classroom-stream .tcs-posts .tcs-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:3rem;text-align:center}.teacher-classroom-stream .tcs-posts .tcs-empty svg{color:var(--text-secondary);height:64px;margin-bottom:1rem;width:64px}.teacher-classroom-stream .tcs-posts .tcs-empty p{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.teacher-classroom-stream .tcs-posts .tcs-empty span{color:var(--text-secondary)}.teacher-classroom-stream .tcs-posts .tcs-post{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;transition:all .2s ease}.teacher-classroom-stream .tcs-posts .tcs-post:hover{box-shadow:0 4px 12px var(--border-color)}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-header .tcs-post-author{display:flex;gap:1rem}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-header .tcs-post-author .tcs-post-avatar{align-items:center;background:var(--bg-secondary);border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-header .tcs-post-author .tcs-post-avatar img{height:100%;object-fit:cover;width:100%}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-header .tcs-post-author .tcs-post-avatar svg{color:var(--text-secondary);height:24px;width:24px}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-header .tcs-post-author .tcs-post-author-info h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-header .tcs-post-author .tcs-post-author-info span{color:var(--text-secondary);font-size:.875rem}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-header .tcs-post-type{background:var(--primary-500);border-radius:.375rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-content{margin-bottom:1rem}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-content p{color:var(--text-primary);line-height:1.6;margin-bottom:1rem;white-space:pre-wrap}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-content .tcs-post-assignment{background:var(--bg-secondary);border-left:4px solid var(--primary-500);border-radius:.5rem;padding:1rem}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-content .tcs-post-assignment h5{color:var(--text-primary);font-weight:600;margin-bottom:.5rem}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-content .tcs-post-assignment span{color:var(--text-secondary);font-size:.875rem}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-content .tcs-post-attachments{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-content .tcs-post-attachments .tcs-attachment{align-items:center;background:var(--bg-secondary);border-radius:.5rem;color:var(--text-primary);display:flex;font-size:.875rem;gap:.5rem;padding:.75rem}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-content .tcs-post-attachments .tcs-attachment svg{color:var(--primary-500);height:18px;width:18px}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-comments{border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-comments h5{color:var(--text-secondary);font-size:.875rem;font-weight:600;margin-bottom:1rem}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-comments .tcs-comment{display:flex;gap:.75rem;margin-bottom:1rem}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-comments .tcs-comment:last-child{margin-bottom:0}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-comments .tcs-comment .tcs-comment-avatar{align-items:center;background:var(--bg-secondary);border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;width:36px}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-comments .tcs-comment .tcs-comment-avatar img{height:100%;object-fit:cover;width:100%}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-comments .tcs-comment .tcs-comment-avatar svg{color:var(--text-secondary);height:18px;width:18px}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-comments .tcs-comment .tcs-comment-content{flex:1 1}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-comments .tcs-comment .tcs-comment-content .tcs-comment-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-comments .tcs-comment .tcs-comment-content .tcs-comment-header h6{color:var(--text-primary);font-size:.875rem;font-weight:600}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-comments .tcs-comment .tcs-comment-content .tcs-comment-header span{color:var(--text-secondary);font-size:.75rem}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-comments .tcs-comment .tcs-comment-content p{color:var(--text-primary);font-size:.875rem;line-height:1.5}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-actions{border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-actions .tcs-comment-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-actions .tcs-comment-btn svg{height:18px;width:18px}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-actions .tcs-comment-btn:hover{background:var(--bg-secondary);color:var(--primary-500)}@media(max-width:768px){.teacher-classroom-stream .tcs-post-form{flex-direction:column}.teacher-classroom-stream .tcs-post-form .tcs-post-avatar{height:40px;width:40px}.teacher-classroom-stream .tcs-post-form .tcs-form textarea{font-size:.875rem}.teacher-classroom-stream .tcs-post-form .tcs-form .tcs-form-actions{flex-direction:column}.teacher-classroom-stream .tcs-post-form .tcs-form .tcs-form-actions button{justify-content:center;width:100%}.teacher-classroom-stream .tcs-posts .tcs-post{padding:1rem}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-header .tcs-post-author .tcs-post-avatar{height:40px;width:40px}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-header .tcs-post-author .tcs-post-author-info h4{font-size:.875rem}.teacher-classroom-stream .tcs-posts .tcs-post .tcs-post-header .tcs-post-author .tcs-post-author-info span{font-size:.75rem}}.teacher-classwork .tcw-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:300px}.teacher-classwork .tcw-loading .spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-500);height:40px;width:40px}.teacher-classwork .tcw-loading p{color:var(--text-secondary)}.teacher-classwork .tcw-item-attachments{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.teacher-classwork .tcw-attachment{align-items:center;background:#0f172a;border:1px solid #94a3b880;border-radius:999px;display:inline-flex;gap:.4rem;padding:.4rem .6rem}.teacher-classwork .tcw-attachment-download,.teacher-classwork .tcw-attachment-view{align-items:center;background:#0000;border:none;border-radius:999px;color:#e5e7eb;cursor:pointer;display:inline-flex;font-size:.8rem;gap:.25rem;padding:.25rem .55rem;transition:background .15s ease,color .15s ease}.teacher-classwork .tcw-attachment-view{background:#3b82f626;color:#bfdbfe}.teacher-classwork .tcw-attachment-view:hover{background:#3b82f64d;color:#eff6ff}.teacher-classwork .tcw-attachment-download{background:#10b98126;color:#bbf7d0}.teacher-classwork .tcw-attachment-download:hover{background:#10b9814d;color:#ecfdf5}.teacher-classwork .tcw-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.teacher-classwork .tcw-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700}.teacher-classwork .tcw-header .tcw-header-actions{align-items:center;display:flex;gap:1rem}.teacher-classwork .tcw-header .tcw-header-actions .tcw-topic-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.teacher-classwork .tcw-header .tcw-header-actions .tcw-topic-btn:hover{box-shadow:0 10px 25px #10b9814d;transform:translateY(-2px)}.teacher-classwork .tcw-header .tcw-header-actions .tcw-topic-btn svg{height:20px;width:20px}.teacher-classwork .tcw-header .tcw-create-dropdown{position:relative}.teacher-classwork .tcw-header .tcw-create-dropdown .tcw-create-btn{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.teacher-classwork .tcw-header .tcw-create-dropdown .tcw-create-btn:hover{box-shadow:0 10px 25px var(--primary-500);transform:translateY(-2px)}.teacher-classwork .tcw-header .tcw-create-dropdown .tcw-create-btn svg{height:20px;width:20px}.teacher-classwork .tcw-header .tcw-create-dropdown .tcw-create-menu{animation:slideDown .2s ease;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 10px 25px var(--border-color);min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:100}.teacher-classwork .tcw-header .tcw-create-dropdown .tcw-create-menu button{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:.75rem;padding:1rem 1.25rem;text-align:left;transition:all .2s ease;width:100%}.teacher-classwork .tcw-header .tcw-create-dropdown .tcw-create-menu button svg{color:var(--primary-500);height:20px;width:20px}.teacher-classwork .tcw-header .tcw-create-dropdown .tcw-create-menu button:hover{background:var(--bg-secondary)}.teacher-classwork .tcw-header .tcw-create-dropdown .tcw-create-menu button:not(:last-child){border-bottom:1px solid var(--border-color)}.teacher-classwork .tcw-header.tcw-modal-view .tcw-modal-body{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 1.5rem 1.75rem}.teacher-classwork .tcw-header.tcw-modal-view .tcw-permissions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.teacher-classwork .tcw-header.tcw-modal-view .tcw-permission-pill{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;padding:.3rem .7rem}.teacher-classwork .tcw-header.tcw-modal-view .tcw-permission-pill.allowed{background:#10b98114;border-color:#10b98159;color:#059669}.teacher-classwork .tcw-header.tcw-modal-view .tcw-permission-pill.denied{background:#ef44440f;border-color:#ef444459;color:#b91c1c}.teacher-classwork .tcw-header.tcw-modal-view .tcw-modal-info h3{color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.teacher-classwork .tcw-header.tcw-modal-view .tcw-modal-info p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0 0 .75rem}.teacher-classwork .tcw-header.tcw-modal-view .tcw-modal-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.teacher-classwork .tcw-header.tcw-modal-view .tcw-meta-pill{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:.8rem;font-weight:500;justify-content:center;padding:.35rem .75rem}.teacher-classwork .tcw-header.tcw-modal-view .tcw-item-attachments{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.teacher-classwork .tcw-header.tcw-modal-view .tcw-attachment{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;display:flex;gap:.75rem;justify-content:space-between;padding:.75rem 1rem}.teacher-classwork .tcw-header.tcw-modal-view .tcw-attachment-info{flex:1 1;min-width:0}.teacher-classwork .tcw-header.tcw-modal-view .tcw-attachment-name{color:var(--text-primary);font-size:.85rem;font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teacher-classwork .tcw-header.tcw-modal-view .tcw-attachment-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.teacher-classwork .tcw-header.tcw-modal-view .tcw-attachment-download,.teacher-classwork .tcw-header.tcw-modal-view .tcw-attachment-view{align-items:center;background:var(--bg-surface);border:none;border-radius:999px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.8rem;gap:.25rem;padding:.35rem .7rem;transition:all .15s ease}.teacher-classwork .tcw-header.tcw-modal-view .tcw-attachment-download svg,.teacher-classwork .tcw-header.tcw-modal-view .tcw-attachment-view svg{height:14px;width:14px}.teacher-classwork .tcw-header.tcw-modal-view .tcw-attachment-download:hover,.teacher-classwork .tcw-header.tcw-modal-view .tcw-attachment-view:hover{background:var(--bg-secondary)}.teacher-classwork .tcw-header.tcw-modal-view .tcw-attachment-view{color:var(--primary-600)}.teacher-classwork .tcw-header.tcw-modal-view .tcw-attachment-download{color:var(--text-secondary)}.teacher-classwork .tcw-header.tcw-modal-view .tcw-modal-footer{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.teacher-classwork .tcw-header.tcw-modal-view .tcw-btn-danger,.teacher-classwork .tcw-header.tcw-modal-view .tcw-btn-secondary{align-items:center;border:none;border-radius:.55rem;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;justify-content:center;padding:.55rem 1.1rem;transition:all .2s ease}.teacher-classwork .tcw-header.tcw-modal-view .tcw-btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.teacher-classwork .tcw-header.tcw-modal-view .tcw-btn-secondary:hover{background:var(--bg-surface)}.teacher-classwork .tcw-header.tcw-modal-view .tcw-btn-danger{background:#ef4444;border:1px solid #dc2626;color:#fff}.teacher-classwork .tcw-header.tcw-modal-view .tcw-btn-danger:hover{background:#dc2626}.teacher-classwork .tcw-content{display:flex;flex-direction:column;gap:2rem}.teacher-classwork .tcw-content .tcw-topic{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 2px 8px var(--border-color);overflow:hidden}.teacher-classwork .tcw-content .tcw-topic .tcw-topic-header{align-items:center;background:var(--bg-secondary);display:flex;justify-content:space-between;padding:1.5rem}.teacher-classwork .tcw-content .tcw-topic .tcw-topic-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:700}.teacher-classwork .tcw-content .tcw-topic .tcw-topic-header .tcw-topic-menu{background:#0000;border:none;border-radius:.375rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;transition:all .2s ease}.teacher-classwork .tcw-content .tcw-topic .tcw-topic-header .tcw-topic-menu svg{height:20px;width:20px}.teacher-classwork .tcw-content .tcw-topic .tcw-topic-header .tcw-topic-menu:hover{background:var(--bg-surface);color:var(--text-primary)}.teacher-classwork .tcw-content .tcw-topic .tcw-items{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-empty{color:var(--text-secondary);padding:2rem;text-align:center}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:.9rem;display:flex;gap:1rem;padding:1.1rem 1.25rem;position:relative;transition:all .2s ease}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item:hover{box-shadow:0 4px 16px var(--border-color)}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-icon{align-items:center;border-radius:.9rem;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-icon svg{height:24px;width:24px}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item.tcw-item-material{border-left:4px solid #3b82f6}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item.tcw-item-material .tcw-item-icon{background:#3b82f61a;color:#3b82f6}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item.tcw-item-assignment{border-left:4px solid #10b981}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item.tcw-item-assignment .tcw-item-icon{background:#10b9811a;color:#10b981}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item.tcw-item-question{border-left:4px solid #f59e0b}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item.tcw-item-question .tcw-item-icon{background:#f59e0b1a;color:#f59e0b}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item.tcw-item-quiz{border-left:4px solid #8b5cf6}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item.tcw-item-quiz .tcw-item-icon{background:#8b5cf61a;color:#8b5cf6}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-content{flex:1 1}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-content h4{color:var(--text-primary);font-size:1.05rem;font-weight:600;margin-bottom:.35rem}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-content p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:.65rem}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-content .tcw-item-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.35rem}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-content .tcw-item-meta .tcw-item-due,.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-content .tcw-item-meta .tcw-item-info,.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-content .tcw-item-meta .tcw-item-points{align-items:center;display:inline-flex;font-size:.8rem;gap:.25rem}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-content .tcw-item-meta .tcw-item-due svg,.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-content .tcw-item-meta .tcw-item-info svg,.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-content .tcw-item-meta .tcw-item-points svg{height:16px;width:16px}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-content .tcw-item-meta .tcw-item-due{color:var(--text-secondary)}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-content .tcw-item-meta .tcw-item-points{color:var(--primary-500);font-weight:600}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-content .tcw-item-meta .tcw-item-info{color:var(--text-secondary)}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-content .tcw-item-stats{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.8rem;gap:.35rem}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-menu{align-self:flex-start;background:#0000;border:none;border-radius:.375rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;transition:all .2s ease}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-menu svg{height:20px;width:20px}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-menu:hover{background:var(--bg-secondary);color:var(--text-primary)}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-menu-dropdown{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 10px 25px var(--border-color);min-width:190px;overflow:hidden;padding:.25rem 0;position:absolute;right:.25rem;top:2.4rem;z-index:30}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-menu-dropdown:before{background:var(--bg-surface);border-left:1px solid var(--border-color);border-top:1px solid var(--border-color);content:"";height:12px;position:absolute;right:14px;top:-6px;transform:rotate(45deg);width:12px}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-menu-dropdown button{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.55rem .9rem;transition:background .15s ease,color .15s ease,transform .15s ease;width:100%}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-menu-dropdown button svg{color:var(--text-secondary);height:16px;width:16px}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-menu-dropdown button:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translateX(2px)}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-menu-dropdown button:hover svg{color:var(--primary-500)}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-menu-dropdown button.danger{color:var(--error-600)}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-menu-dropdown button.danger svg{color:var(--error-500)}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-menu-dropdown button.danger:hover{background:#ef444414}.teacher-classwork .tcw-modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--bg-secondary)}.teacher-classwork .tcw-modal{animation:slideUp .3s ease;border-radius:1rem;box-shadow:0 25px 50px var(--border-color);max-height:90vh;max-width:700px}.teacher-classwork .tcw-modal .tcw-modal-header{padding:1.5rem}.teacher-classwork .tcw-modal .tcw-modal-header h2{font-size:1.5rem}.teacher-classwork .tcw-modal .tcw-modal-header .tcw-modal-close{background:var(--bg-secondary);border:none;border-radius:.5rem;font-size:30px;height:36px;width:36px}.teacher-classwork .tcw-modal .tcw-modal-header .tcw-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.teacher-classwork .tcw-modal .tcw-modal-form{padding:1.5rem}.teacher-classwork .tcw-modal .tcw-modal-form .tcw-form-group{margin-bottom:1.5rem}.teacher-classwork .tcw-modal .tcw-modal-form .tcw-form-group label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.teacher-classwork .tcw-modal .tcw-modal-form .tcw-form-group input,.teacher-classwork .tcw-modal .tcw-modal-form .tcw-form-group select,.teacher-classwork .tcw-modal .tcw-modal-form .tcw-form-group textarea{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem;transition:all .2s ease;width:100%}.teacher-classwork .tcw-modal .tcw-modal-form .tcw-form-group input:focus,.teacher-classwork .tcw-modal .tcw-modal-form .tcw-form-group select:focus,.teacher-classwork .tcw-modal .tcw-modal-form .tcw-form-group textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-500);outline:none}.teacher-classwork .tcw-modal .tcw-modal-form .tcw-form-group input::placeholder,.teacher-classwork .tcw-modal .tcw-modal-form .tcw-form-group select::placeholder,.teacher-classwork .tcw-modal .tcw-modal-form .tcw-form-group textarea::placeholder{color:var(--text-secondary)}.teacher-classwork .tcw-modal .tcw-modal-form .tcw-form-group textarea{min-height:100px;resize:vertical}.teacher-classwork .tcw-modal .tcw-modal-form .tcw-form-group .tcw-form-hint{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem}.teacher-classwork .tcw-modal .tcw-modal-form .tcw-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.teacher-classwork .tcw-modal .tcw-modal-form .tcw-file-upload .tcw-upload-btn{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:.5rem;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .2s ease;width:100%}.teacher-classwork .tcw-modal .tcw-modal-form .tcw-file-upload .tcw-upload-btn svg{height:20px;width:20px}.teacher-classwork .tcw-modal .tcw-modal-form .tcw-file-upload .tcw-upload-btn:hover{background:#3b82f60d;border-color:var(--primary-500);color:var(--primary-500)}.teacher-classwork .tcw-modal .tcw-modal-form .tcw-file-upload .tcw-upload-hint{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem;text-align:center}.teacher-classwork .tcw-modal .tcw-modal-form .tcw-quiz-note{background:var(--bg-secondary);border-left:4px solid var(--primary-500);border-radius:.5rem;margin-top:1rem;padding:1rem}.teacher-classwork .tcw-modal .tcw-modal-form .tcw-quiz-note p{color:var(--text-primary);font-size:.875rem;line-height:1.5;margin:0}.teacher-classwork .tcw-modal .tcw-modal-form .tcw-modal-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem}.teacher-classwork .tcw-modal .tcw-modal-form .tcw-modal-actions button{border:none;border-radius:.5rem;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.teacher-classwork .tcw-modal .tcw-modal-form .tcw-modal-actions .tcw-btn-cancel{background:var(--bg-secondary);color:var(--text-primary)}.teacher-classwork .tcw-modal .tcw-modal-form .tcw-modal-actions .tcw-btn-cancel:hover{background:var(--border-color)}.teacher-classwork .tcw-modal .tcw-modal-form .tcw-modal-actions .tcw-btn-submit{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff}.teacher-classwork .tcw-modal .tcw-modal-form .tcw-modal-actions .tcw-btn-submit:hover{box-shadow:0 10px 25px var(--primary-500);transform:translateY(-2px)}.teacher-classwork .tcw-modal .tcw-modal-form .tcw-modal-actions .tcw-btn-submit:disabled{cursor:not-allowed;opacity:.5;transform:none}.teacher-classwork .tcw-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(var(--bg-secondary-rgb),.8);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.teacher-classwork .tcw-modal{animation:slideUp .4s ease-out;background:var(--bg-surface);border-radius:1.25rem;box-shadow:0 20px 40px rgba(var(--shadow-rgb),.15);max-height:85vh;max-width:720px;overflow-y:auto;position:relative;width:100%}.teacher-classwork .tcw-modal .tcw-modal-header{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.teacher-classwork .tcw-modal .tcw-modal-header h2{color:var(--text-primary);font-size:1.625rem;font-weight:700;margin:0}.teacher-classwork .tcw-modal .tcw-modal-header .tcw-modal-close{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.teacher-classwork .tcw-modal .tcw-modal-header .tcw-modal-close:hover{background:var(--bg-hover);border-color:var(--primary-500);color:var(--primary-500)}.teacher-classwork .tcw-modal .tcw-modal-body{padding:1.5rem}.teacher-classwork .tcw-modal .tcw-modal-body .tcw-permissions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.teacher-classwork .tcw-modal .tcw-modal-body .tcw-permissions .tcw-permission-pill{border-radius:999px;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.teacher-classwork .tcw-modal .tcw-modal-body .tcw-permissions .tcw-permission-pill.allowed{background:rgba(var(--success-rgb),.1);border:1px solid var(--success-500);color:var(--success-500)}.teacher-classwork .tcw-modal .tcw-modal-body .tcw-permissions .tcw-permission-pill.denied{background:rgba(var(--danger-rgb),.1);border:1px solid var(--danger-500);color:var(--danger-500)}.teacher-classwork .tcw-modal .tcw-modal-body .tcw-modal-info{margin-bottom:1.5rem}.teacher-classwork .tcw-modal .tcw-modal-body .tcw-modal-info h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.teacher-classwork .tcw-modal .tcw-modal-body .tcw-modal-info p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1rem}.teacher-classwork .tcw-modal .tcw-modal-body .tcw-modal-info .tcw-modal-meta{display:flex;flex-wrap:wrap;gap:.75rem}.teacher-classwork .tcw-modal .tcw-modal-body .tcw-modal-info .tcw-modal-meta .tcw-meta-pill{align-items:center;background:var(--bg-secondary);border-radius:999px;color:var(--text-primary);display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.teacher-classwork .tcw-modal .tcw-modal-body .tcw-modal-info .tcw-modal-meta .tcw-meta-pill svg{height:16px;width:16px}.teacher-classwork .tcw-modal .tcw-modal-body .tcw-item-attachments{margin-top:1.5rem}.teacher-classwork .tcw-modal .tcw-modal-body .tcw-item-attachments .tcw-attachment{align-items:center;background:var(--bg-secondary);border-radius:.75rem;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem;transition:all .2s ease}.teacher-classwork .tcw-modal .tcw-modal-body .tcw-item-attachments .tcw-attachment:hover{box-shadow:0 4px 12px rgba(var(--shadow-rgb),.1)}.teacher-classwork .tcw-modal .tcw-modal-body .tcw-item-attachments .tcw-attachment .tcw-attachment-info{align-items:center;display:flex;gap:.75rem}.teacher-classwork .tcw-modal .tcw-modal-body .tcw-item-attachments .tcw-attachment .tcw-attachment-info .tcw-attachment-name{color:var(--text-primary);font-size:1rem;font-weight:500}.teacher-classwork .tcw-modal .tcw-modal-body .tcw-item-attachments .tcw-attachment .tcw-attachment-info .tcw-attachment-name svg{color:var(--text-secondary);height:18px;width:18px}.teacher-classwork .tcw-modal .tcw-modal-body .tcw-item-attachments .tcw-attachment .tcw-attachment-actions{display:flex;gap:.75rem}.teacher-classwork .tcw-modal .tcw-modal-body .tcw-item-attachments .tcw-attachment .tcw-attachment-actions button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.teacher-classwork .tcw-modal .tcw-modal-body .tcw-item-attachments .tcw-attachment .tcw-attachment-actions button svg{height:16px;width:16px}.teacher-classwork .tcw-modal .tcw-modal-body .tcw-item-attachments .tcw-attachment .tcw-attachment-actions button.tcw-attachment-view{background:var(--primary-500);color:#fff}.teacher-classwork .tcw-modal .tcw-modal-body .tcw-item-attachments .tcw-attachment .tcw-attachment-actions button.tcw-attachment-view:hover{background:var(--primary-600);transform:translateY(-1px)}.teacher-classwork .tcw-modal .tcw-modal-body .tcw-item-attachments .tcw-attachment .tcw-attachment-actions button.tcw-attachment-download{background:var(--success-500);color:#fff}.teacher-classwork .tcw-modal .tcw-modal-body .tcw-item-attachments .tcw-attachment .tcw-attachment-actions button.tcw-attachment-download:hover{background:var(--success-600);transform:translateY(-1px)}.teacher-classwork .tcw-modal .tcw-modal-footer{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.teacher-classwork .tcw-modal .tcw-modal-footer button{border:none;border-radius:.5rem;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.teacher-classwork .tcw-modal .tcw-modal-footer button.tcw-btn-secondary{background:var(--bg-secondary);color:var(--text-primary)}.teacher-classwork .tcw-modal .tcw-modal-footer button.tcw-btn-secondary:hover{background:var(--bg-hover)}.teacher-classwork .tcw-modal .tcw-modal-footer button.tcw-btn-danger{align-items:center;background:var(--danger-500);color:#fff;display:flex;gap:.5rem}.teacher-classwork .tcw-modal .tcw-modal-footer button.tcw-btn-danger:hover{background:var(--danger-600);transform:translateY(-2px)}.teacher-classwork .tcw-modal .tcw-modal-footer button.tcw-btn-danger svg{height:16px;width:16px}.teacher-classwork .tcw-topic-modal{animation:slideUp .3s ease;background:var(--bg-surface);border-radius:1.25rem;box-shadow:0 25px 50px var(--border-color);max-width:550px;overflow:hidden;width:100%}.teacher-classwork .tcw-topic-modal .tcw-modal-header{background:linear-gradient(135deg,#10b981,#059669);border-bottom:none;padding:2rem 1.5rem}.teacher-classwork .tcw-topic-modal .tcw-modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.teacher-classwork .tcw-topic-modal .tcw-modal-header .tcw-modal-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.teacher-classwork .tcw-topic-modal .tcw-modal-header .tcw-modal-close:hover{background:var(--border-color);transform:rotate(90deg)}.teacher-classwork .tcw-topic-modal .tcw-modal-form{padding:2rem 1.5rem}.teacher-classwork .tcw-topic-modal .tcw-modal-form .tcw-form-group{margin-bottom:1.5rem}.teacher-classwork .tcw-topic-modal .tcw-modal-form .tcw-form-group label{color:var(--text-primary);display:block;font-size:.9375rem;font-weight:700;margin-bottom:.75rem}.teacher-classwork .tcw-topic-modal .tcw-modal-form .tcw-form-group input{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.teacher-classwork .tcw-topic-modal .tcw-modal-form .tcw-form-group input:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b9811a;outline:none}.teacher-classwork .tcw-topic-modal .tcw-modal-form .tcw-form-group .tcw-form-hint{color:var(--text-secondary);display:block;font-size:.8125rem;font-style:italic;margin-top:.5rem}.teacher-classwork .tcw-topic-modal .tcw-modal-form .tcw-topic-examples{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-secondary));border:1px solid var(--border-color);border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.teacher-classwork .tcw-topic-modal .tcw-modal-form .tcw-topic-examples p{align-items:center;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.teacher-classwork .tcw-topic-modal .tcw-modal-form .tcw-topic-examples p:before{content:"💡";font-size:1.25rem}.teacher-classwork .tcw-topic-modal .tcw-modal-form .tcw-topic-examples .tcw-example-chips{display:flex;flex-wrap:wrap;gap:.75rem}.teacher-classwork .tcw-topic-modal .tcw-modal-form .tcw-topic-examples .tcw-example-chips .tcw-example-chip{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s ease}.teacher-classwork .tcw-topic-modal .tcw-modal-form .tcw-topic-examples .tcw-example-chips .tcw-example-chip:hover{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;box-shadow:0 8px 16px #10b9814d;color:#fff;transform:translateY(-3px) scale(1.05)}.teacher-classwork .tcw-topic-modal .tcw-modal-form .tcw-topic-examples .tcw-example-chips .tcw-example-chip:active{transform:translateY(-1px) scale(1.02)}.teacher-classwork .tcw-topic-modal .tcw-modal-form .tcw-modal-actions{display:flex;gap:1rem;margin-top:2rem}.teacher-classwork .tcw-topic-modal .tcw-modal-form .tcw-modal-actions button{align-items:center;border-radius:.75rem;display:flex;flex:1 1;font-size:.9375rem;font-weight:700;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease}.teacher-classwork .tcw-topic-modal .tcw-modal-form .tcw-modal-actions .tcw-btn-cancel{background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary)}.teacher-classwork .tcw-topic-modal .tcw-modal-form .tcw-modal-actions .tcw-btn-cancel:hover{background:var(--border-color);transform:translateY(-2px)}.teacher-classwork .tcw-topic-modal .tcw-modal-form .tcw-modal-actions .tcw-btn-submit{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.teacher-classwork .tcw-topic-modal .tcw-modal-form .tcw-modal-actions .tcw-btn-submit:hover{box-shadow:0 8px 20px #10b98166;transform:translateY(-2px)}@media(max-width:768px){.teacher-classwork .tcw-header{align-items:stretch;flex-direction:column}.teacher-classwork .tcw-header h2{font-size:1.25rem}.teacher-classwork .tcw-header .tcw-create-dropdown .tcw-create-btn{justify-content:center;width:100%}.teacher-classwork .tcw-header .tcw-create-dropdown .tcw-create-menu{left:0;right:0}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item{padding:1rem}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-icon{height:40px;width:40px}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-icon svg{height:20px;width:20px}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-content h4{font-size:1rem}.teacher-classwork .tcw-content .tcw-topic .tcw-items .tcw-item .tcw-item-content .tcw-item-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.teacher-classwork .tcw-modal .tcw-modal-form .tcw-form-row{grid-template-columns:1fr}.teacher-classwork .tcw-modal .tcw-modal-form .tcw-modal-actions{flex-direction:column}.teacher-classwork .tcw-modal .tcw-modal-form .tcw-modal-actions button{width:100%}}.teacher-submitted-assignments .tsa-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.teacher-submitted-assignments .tsa-loading .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-500);height:50px;width:50px}.teacher-submitted-assignments .tsa-loading p{color:var(--text-secondary)}.teacher-submitted-assignments .tsa-header{margin-bottom:2rem}.teacher-submitted-assignments .tsa-header .tsa-header-info h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.teacher-submitted-assignments .tsa-header .tsa-header-info p{color:var(--text-secondary)}.teacher-submitted-assignments .tsa-header .tsa-filters{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.teacher-submitted-assignments .tsa-header .tsa-filters .tsa-status-filters{display:flex;flex-wrap:wrap;gap:.75rem}.teacher-submitted-assignments .tsa-header .tsa-filters .tsa-status-filters button{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:space-between;min-width:180px;padding:.75rem 1.25rem;transition:all .2s ease}.teacher-submitted-assignments .tsa-header .tsa-filters .tsa-status-filters button .tsa-filter-label{opacity:.9}.teacher-submitted-assignments .tsa-header .tsa-filters .tsa-status-filters button .tsa-filter-count{background:var(--bg-secondary);border-radius:999px;font-size:.8rem;font-weight:700;padding:.15rem .6rem}.teacher-submitted-assignments .tsa-header .tsa-filters .tsa-status-filters button:hover{border-color:var(--primary-500);box-shadow:0 4px 12px #0f76ff40;transform:translateY(-1px)}.teacher-submitted-assignments .tsa-header .tsa-filters .tsa-status-filters button.active{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-color:#0000;color:#fff}.teacher-submitted-assignments .tsa-header .tsa-filters .tsa-status-filters button.active .tsa-filter-count{background:#0f172a40;color:#e5e7eb}.teacher-submitted-assignments .tsa-header .tsa-filters .tsa-assignment-filters,.teacher-submitted-assignments .tsa-header .tsa-filters .tsa-topic-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.teacher-submitted-assignments .tsa-header .tsa-filters .tsa-assignment-filters button,.teacher-submitted-assignments .tsa-header .tsa-filters .tsa-topic-filters button{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;padding:.45rem .9rem;transition:all .18s ease}.teacher-submitted-assignments .tsa-header .tsa-filters .tsa-assignment-filters button:hover,.teacher-submitted-assignments .tsa-header .tsa-filters .tsa-topic-filters button:hover{background:var(--bg-secondary);border-color:var(--primary-400);color:var(--primary-500)}.teacher-submitted-assignments .tsa-header .tsa-filters .tsa-assignment-filters button.active,.teacher-submitted-assignments .tsa-header .tsa-filters .tsa-topic-filters button.active{background:var(--primary-500);border-color:var(--primary-500);box-shadow:0 4px 12px #3b82f659;color:#fff}.teacher-submitted-assignments .tsa-empty{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem;text-align:center}.teacher-submitted-assignments .tsa-empty svg{color:var(--text-secondary);height:80px;margin-bottom:1.5rem;width:80px}.teacher-submitted-assignments .tsa-empty p{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.teacher-submitted-assignments .tsa-empty span{color:var(--text-secondary)}.teacher-submitted-assignments .tsa-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.teacher-submitted-assignments .tsa-grid .tsa-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 2px 8px var(--border-color);overflow:hidden;transition:all .3s ease}.teacher-submitted-assignments .tsa-grid .tsa-card:hover{box-shadow:0 12px 24px var(--border-color);transform:translateY(-4px)}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-header{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-header .tsa-student{align-items:center;display:flex;gap:.75rem}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-header .tsa-student .tsa-student-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px var(--border-color);display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-header .tsa-student .tsa-student-avatar img{height:100%;object-fit:cover;width:100%}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-header .tsa-student .tsa-student-avatar svg{color:#fff;height:24px;width:24px}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-header .tsa-student .tsa-student-info h4{color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:.25rem}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-header .tsa-student .tsa-student-info span{color:var(--primary-500);font-size:.875rem;font-weight:600}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-header .tsa-card-menu{position:relative}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-header .tsa-card-menu .tsa-menu-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-header .tsa-card-menu .tsa-menu-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-header .tsa-card-menu .tsa-menu-btn svg{height:20px;width:20px}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-header .tsa-card-menu .tsa-menu-dropdown{animation:slideDown .2s ease;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 10px 25px var(--border-color);min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:100}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-header .tsa-card-menu .tsa-menu-dropdown button{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:.75rem;padding:.875rem 1rem;text-align:left;transition:all .2s ease;width:100%}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-header .tsa-card-menu .tsa-menu-dropdown button svg{height:18px;width:18px}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-header .tsa-card-menu .tsa-menu-dropdown button:hover{background:var(--bg-secondary)}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-header .tsa-card-menu .tsa-menu-dropdown button.danger{color:var(--error-500)}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-header .tsa-card-menu .tsa-menu-dropdown button.danger:hover{background:var(--error-400)}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-header .tsa-card-menu .tsa-menu-dropdown button:not(:last-child){border-bottom:1px solid var(--border-color)}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-body{padding:1.25rem}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-body h3{color:var(--text-primary);font-size:1.125rem;font-weight:700;margin-bottom:.75rem}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-body .tsa-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-body .tsa-files{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-body .tsa-files .tsa-file{align-items:center;background:var(--bg-secondary);border-radius:.5rem;color:var(--text-primary);display:flex;font-weight:500;gap:.75rem;padding:.75rem;text-decoration:none;transition:all .2s ease}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-body .tsa-files .tsa-file:hover{background:var(--bg-secondary);color:var(--primary-500)}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-body .tsa-files .tsa-file svg{color:var(--primary-500);height:18px;width:18px}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-body .tsa-meta{align-items:center;background:var(--bg-secondary);border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-body .tsa-meta .tsa-date{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-body .tsa-meta .tsa-date svg{height:16px;width:16px}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-body .tsa-meta .tsa-date.on-time,.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-body .tsa-meta .tsa-date.on-time svg{color:#16a34a}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-body .tsa-meta .tsa-date.late,.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-body .tsa-meta .tsa-date.late svg{color:#dc2626}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-body .tsa-meta .tsa-status{border-radius:.5rem;font-size:.75rem;font-weight:700;padding:.25rem .75rem}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-body .tsa-meta .tsa-status.pending{background:#f59e0b26;color:#f59e0b}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-body .tsa-meta .tsa-status.graded{background:#10b98126;color:#10b981}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-body .tsa-meta .tsa-status.late{background:#ef444426;color:#ef4444}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-body .tsa-grade{background:linear-gradient(135deg,#10b9810d,#0596690d);border-left:4px solid #10b981;border-radius:.5rem;padding:1rem}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-body .tsa-grade .tsa-grade-score{align-items:baseline;display:flex;gap:.25rem;margin-bottom:.5rem}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-body .tsa-grade .tsa-grade-score .tsa-score{color:#10b981;font-size:1.75rem;font-weight:700}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-body .tsa-grade .tsa-grade-score .tsa-max-score{color:var(--text-secondary);font-size:1rem}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-body .tsa-grade .tsa-feedback{color:var(--text-primary);font-size:.875rem;line-height:1.6}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:1rem 1.25rem}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-footer .tsa-grade-btn{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-footer .tsa-grade-btn svg{height:18px;width:18px}.teacher-submitted-assignments .tsa-grid .tsa-card .tsa-card-footer .tsa-grade-btn:hover{box-shadow:0 8px 16px #3b82f64d;transform:translateY(-2px)}.teacher-submitted-assignments .tsa-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--bg-surface);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.teacher-submitted-assignments .tsa-modal{animation:slideUp .3s ease;background:var(--bg-surface);border-radius:1rem;box-shadow:0 25px 50px var(--border-color);max-width:600px;width:100%}.teacher-submitted-assignments .tsa-modal .tsa-modal-header{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.teacher-submitted-assignments .tsa-modal .tsa-modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700}.teacher-submitted-assignments .tsa-modal .tsa-modal-header .tsa-modal-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.teacher-submitted-assignments .tsa-modal .tsa-modal-header .tsa-modal-close:hover{background:var(--primary-500);color:var(--error-500);transform:rotate(90deg)}.teacher-submitted-assignments .tsa-modal .tsa-modal-student{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;padding:1.5rem}.teacher-submitted-assignments .tsa-modal .tsa-modal-student .tsa-student-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px var(--border-color);display:flex;height:60px;justify-content:center;overflow:hidden;width:60px}.teacher-submitted-assignments .tsa-modal .tsa-modal-student .tsa-student-avatar img{height:100%;object-fit:cover;width:100%}.teacher-submitted-assignments .tsa-modal .tsa-modal-student .tsa-student-avatar svg{color:#fff;height:30px;width:30px}.teacher-submitted-assignments .tsa-modal .tsa-modal-student h4{color:var(--text-primary);font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.teacher-submitted-assignments .tsa-modal .tsa-modal-student p{color:var(--text-secondary);font-size:.875rem}.teacher-submitted-assignments .tsa-modal .tsa-modal-body{border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.teacher-submitted-assignments .tsa-modal .tsa-modal-body .tsa-modal-assignment h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.teacher-submitted-assignments .tsa-modal .tsa-modal-body .tsa-modal-assignment p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.teacher-submitted-assignments .tsa-modal .tsa-modal-body .tsa-modal-files{display:flex;flex-direction:column;gap:.5rem}.teacher-submitted-assignments .tsa-modal .tsa-modal-body .tsa-modal-files .tsa-file{align-items:center;background:var(--bg-secondary);border-radius:.5rem;color:var(--text-primary);display:flex;font-size:.85rem;gap:.5rem;padding:.6rem .9rem;text-decoration:none;transition:all .18s ease}.teacher-submitted-assignments .tsa-modal .tsa-modal-body .tsa-modal-files .tsa-file svg{color:var(--primary-500);height:18px;width:18px}.teacher-submitted-assignments .tsa-modal .tsa-modal-body .tsa-modal-files .tsa-file:hover{background:var(--primary-500);color:#fff}.teacher-submitted-assignments .tsa-modal .tsa-modal-body .tsa-modal-files .tsa-file:hover svg{color:#fff}.teacher-submitted-assignments .tsa-modal .tsa-modal-form{padding:1.5rem}.teacher-submitted-assignments .tsa-modal .tsa-modal-form .tsa-form-group{margin-bottom:1.5rem}.teacher-submitted-assignments .tsa-modal .tsa-modal-form .tsa-form-group label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.teacher-submitted-assignments .tsa-modal .tsa-modal-form .tsa-form-group input,.teacher-submitted-assignments .tsa-modal .tsa-modal-form .tsa-form-group textarea{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem;transition:all .2s ease;width:100%}.teacher-submitted-assignments .tsa-modal .tsa-modal-form .tsa-form-group input:focus,.teacher-submitted-assignments .tsa-modal .tsa-modal-form .tsa-form-group textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-500);outline:none}.teacher-submitted-assignments .tsa-modal .tsa-modal-form .tsa-form-group textarea{resize:vertical}.teacher-submitted-assignments .tsa-modal .tsa-modal-form .tsa-form-group .tsa-hint{color:var(--text-secondary);display:block;font-size:.875rem;margin-top:.5rem}.teacher-submitted-assignments .tsa-modal .tsa-modal-form .tsa-modal-actions{display:flex;gap:1rem;margin-top:2rem}.teacher-submitted-assignments .tsa-modal .tsa-modal-form .tsa-modal-actions button{border:none;border-radius:.5rem;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;transition:all .2s ease}.teacher-submitted-assignments .tsa-modal .tsa-modal-form .tsa-modal-actions .tsa-btn-cancel{background:var(--bg-secondary);color:var(--text-primary)}.teacher-submitted-assignments .tsa-modal .tsa-modal-form .tsa-modal-actions .tsa-btn-cancel:hover{background:var(--border-color)}.teacher-submitted-assignments .tsa-modal .tsa-modal-form .tsa-modal-actions .tsa-btn-submit{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff}.teacher-submitted-assignments .tsa-modal .tsa-modal-form .tsa-modal-actions .tsa-btn-submit:hover{box-shadow:0 8px 16px var(--border-color);transform:translateY(-2px)}@media(max-width:768px){.teacher-submitted-assignments .tsa-grid{grid-template-columns:1fr}.teacher-submitted-assignments .tsa-header .tsa-filters .tsa-status-filters button{flex:1 1 100%;min-width:0}}.teacher-questions .tq-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.teacher-questions .tq-loading .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-500);height:50px;width:50px}.teacher-questions .tq-loading p{color:var(--text-secondary)}.teacher-questions .tq-header{margin-bottom:2rem}.teacher-questions .tq-header .tq-header-info h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.teacher-questions .tq-header .tq-header-info p{color:var(--text-secondary)}.teacher-questions .tq-empty{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem;text-align:center}.teacher-questions .tq-empty svg{color:var(--text-secondary);height:80px;margin-bottom:1.5rem;width:80px}.teacher-questions .tq-empty p{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.teacher-questions .tq-empty span{color:var(--text-secondary)}.teacher-questions .tq-list{display:flex;flex-direction:column;gap:1.5rem}.teacher-questions .tq-list .tq-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 2px 8px var(--border-color);overflow:hidden;transition:all .3s ease}.teacher-questions .tq-list .tq-card:hover{box-shadow:0 12px 24px var(--border-color);transform:translateY(-4px)}.teacher-questions .tq-list .tq-card .tq-card-header{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem}.teacher-questions .tq-list .tq-card .tq-card-header .tq-student{align-items:center;display:flex;gap:.75rem}.teacher-questions .tq-list .tq-card .tq-card-header .tq-student .tq-student-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.teacher-questions .tq-list .tq-card .tq-card-header .tq-student .tq-student-avatar img{height:100%;object-fit:cover;width:100%}.teacher-questions .tq-list .tq-card .tq-card-header .tq-student .tq-student-avatar svg{color:#fff;height:24px;width:24px}.teacher-questions .tq-list .tq-card .tq-card-header .tq-student .tq-student-info h4{color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:.25rem}.teacher-questions .tq-list .tq-card .tq-card-header .tq-student .tq-student-info span{color:var(--primary-500);font-size:.875rem;font-weight:600}.teacher-questions .tq-list .tq-card .tq-card-header .tq-card-menu{position:relative}.teacher-questions .tq-list .tq-card .tq-card-header .tq-card-menu .tq-menu-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.teacher-questions .tq-list .tq-card .tq-card-header .tq-card-menu .tq-menu-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.teacher-questions .tq-list .tq-card .tq-card-header .tq-card-menu .tq-menu-btn svg{height:20px;width:20px}.teacher-questions .tq-list .tq-card .tq-card-header .tq-card-menu .tq-menu-dropdown{animation:slideDown .2s ease;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 10px 25px var(--border-color);min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:100}.teacher-questions .tq-list .tq-card .tq-card-header .tq-card-menu .tq-menu-dropdown button{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:.75rem;padding:.875rem 1rem;text-align:left;transition:all .2s ease;width:100%}.teacher-questions .tq-list .tq-card .tq-card-header .tq-card-menu .tq-menu-dropdown button svg{height:18px;width:18px}.teacher-questions .tq-list .tq-card .tq-card-header .tq-card-menu .tq-menu-dropdown button:hover{background:var(--bg-secondary)}.teacher-questions .tq-list .tq-card .tq-card-header .tq-card-menu .tq-menu-dropdown button.danger{color:var(--error-500)}.teacher-questions .tq-list .tq-card .tq-card-header .tq-card-menu .tq-menu-dropdown button.danger:hover{background:var(--error-400)}.teacher-questions .tq-list .tq-card .tq-card-header .tq-card-menu .tq-menu-dropdown button:not(:last-child){border-bottom:1px solid var(--border-color)}.teacher-questions .tq-list .tq-card .tq-card-body{padding:1.25rem}.teacher-questions .tq-list .tq-card .tq-card-body h3{color:var(--text-primary);font-size:1.125rem;font-weight:700;margin-bottom:.75rem}.teacher-questions .tq-list .tq-card .tq-card-body .tq-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.teacher-questions .tq-list .tq-card .tq-card-body .tq-files{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.teacher-questions .tq-list .tq-card .tq-card-body .tq-files .tq-file{align-items:center;background:var(--bg-secondary);border-radius:.5rem;color:var(--text-primary);display:flex;font-weight:500;gap:.75rem;padding:.75rem;text-decoration:none;transition:all .2s ease}.teacher-questions .tq-list .tq-card .tq-card-body .tq-files .tq-file:hover{background:var(--bg-secondary);color:var(--primary-500)}.teacher-questions .tq-list .tq-card .tq-card-body .tq-files .tq-file svg{color:var(--primary-500);height:18px;width:18px}.teacher-questions .tq-list .tq-card .tq-card-body .tq-meta{align-items:center;background:var(--bg-secondary);border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.teacher-questions .tq-list .tq-card .tq-card-body .tq-meta .tq-date{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem}.teacher-questions .tq-list .tq-card .tq-card-body .tq-meta .tq-date svg{height:16px;width:16px}.teacher-questions .tq-list .tq-card .tq-card-body .tq-meta .tq-status{border-radius:.5rem;font-size:.75rem;font-weight:700;padding:.25rem .75rem}.teacher-questions .tq-list .tq-card .tq-card-body .tq-meta .tq-status.pending{background:#f59e0b26;color:#f59e0b}.teacher-questions .tq-list .tq-card .tq-card-body .tq-meta .tq-status.graded{background:#10b98126;color:#10b981}.teacher-questions .tq-list .tq-card .tq-card-body .tq-meta .tq-status.late{background:#ef444426;color:#ef4444}.teacher-questions .tq-list .tq-card .tq-card-body .tq-question{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:.75rem;margin-bottom:1rem;padding:1rem}.teacher-questions .tq-list .tq-card .tq-card-body .tq-question h3{color:var(--text-primary);font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.teacher-questions .tq-list .tq-card .tq-card-body .tq-question p{color:var(--text-secondary);line-height:1.6}.teacher-questions .tq-list .tq-card .tq-card-body .tq-answer{background:linear-gradient(135deg,#10b9810d,#0596690d);border-left:4px solid #10b981;border-radius:.75rem;padding:1rem}.teacher-questions .tq-list .tq-card .tq-card-body .tq-answer .tq-answer-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.teacher-questions .tq-list .tq-card .tq-card-body .tq-answer .tq-answer-header svg{color:#10b981;height:20px;width:20px}.teacher-questions .tq-list .tq-card .tq-card-body .tq-answer .tq-answer-header span{color:#10b981;font-size:.875rem;font-weight:700}.teacher-questions .tq-list .tq-card .tq-card-body .tq-answer p{color:var(--text-primary);line-height:1.6}.teacher-questions .tq-list .tq-card .tq-card-body .tq-no-answer{background:#f59e0b0d;border-left:4px solid #f59e0b;border-radius:.75rem;padding:1rem;text-align:center}.teacher-questions .tq-list .tq-card .tq-card-body .tq-no-answer span{color:#f59e0b;font-size:.875rem;font-weight:600}.teacher-questions .tq-list .tq-card .tq-card-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:1rem 1.25rem}.teacher-questions .tq-list .tq-card .tq-card-footer .tq-grade-btn{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}.teacher-questions .tq-list .tq-card .tq-card-footer .tq-grade-btn svg{height:18px;width:18px}.teacher-questions .tq-list .tq-card .tq-card-footer .tq-grade-btn:hover{box-shadow:0 8px 16px var(--border-color);transform:translateY(-2px)}.teacher-questions .tq-list .tq-card .tq-card-footer .tq-answer-btn{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}.teacher-questions .tq-list .tq-card .tq-card-footer .tq-answer-btn svg{height:18px;width:18px}.teacher-questions .tq-list .tq-card .tq-card-footer .tq-answer-btn:hover{box-shadow:0 8px 16px var(--border-color);transform:translateY(-2px)}.teacher-questions .tq-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--bg-surface);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.teacher-questions .tq-modal{animation:slideUp .3s ease;background:var(--bg-surface);border-radius:1rem;box-shadow:0 25px 50px var(--border-color);max-width:600px;width:100%}.teacher-questions .tq-modal .tq-modal-header{align-items:center;background:linear-gradient(135deg,#3b82f60d,#2563eb0d);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.teacher-questions .tq-modal .tq-modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700}.teacher-questions .tq-modal .tq-modal-header .tq-modal-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.teacher-questions .tq-modal .tq-modal-header .tq-modal-close:hover{background:var(--bg-secondary);color:var(--error-500);transform:rotate(90deg)}.teacher-questions .tq-modal .tq-modal-question{border-bottom:1px solid var(--border-color);padding:1.5rem}.teacher-questions .tq-modal .tq-modal-question .tq-student{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.teacher-questions .tq-modal .tq-modal-question .tq-question-content{background:var(--bg-secondary);border-radius:.75rem;margin-top:1rem;padding:1rem}.teacher-questions .tq-modal .tq-modal-question .tq-question-content p{color:var(--text-primary);line-height:1.6}.teacher-questions .tq-modal .tq-modal-student{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;padding:1.5rem}.teacher-questions .tq-modal .tq-modal-student .tq-student-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px var(--border-color);display:flex;height:60px;justify-content:center;overflow:hidden;width:60px}.teacher-questions .tq-modal .tq-modal-student .tq-student-avatar img{height:100%;object-fit:cover;width:100%}.teacher-questions .tq-modal .tq-modal-student .tq-student-avatar svg{color:#fff;height:30px;width:30px}.teacher-questions .tq-modal .tq-modal-student h4{color:var(--text-primary);font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.teacher-questions .tq-modal .tq-modal-student p{color:var(--text-secondary);font-size:.875rem}.teacher-questions .tq-modal .tq-modal-form{padding:1.5rem}.teacher-questions .tq-modal .tq-modal-form .tq-form-group{margin-bottom:1.5rem}.teacher-questions .tq-modal .tq-modal-form .tq-form-group label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.teacher-questions .tq-modal .tq-modal-form .tq-form-group input,.teacher-questions .tq-modal .tq-modal-form .tq-form-group textarea{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem;transition:all .2s ease;width:100%}.teacher-questions .tq-modal .tq-modal-form .tq-form-group input:focus,.teacher-questions .tq-modal .tq-modal-form .tq-form-group textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.teacher-questions .tq-modal .tq-modal-form .tq-form-group textarea{resize:vertical}.teacher-questions .tq-modal .tq-modal-form .tq-form-group .tq-hint{color:var(--text-secondary);display:block;font-size:.875rem;margin-top:.5rem}.teacher-questions .tq-modal .tq-modal-form .tq-modal-actions{display:flex;gap:1rem;margin-top:2rem}.teacher-questions .tq-modal .tq-modal-form .tq-modal-actions button{border:none;border-radius:.5rem;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;transition:all .2s ease}.teacher-questions .tq-modal .tq-modal-form .tq-modal-actions .tq-btn-cancel{background:var(--bg-secondary);color:var(--text-primary)}.teacher-questions .tq-modal .tq-modal-form .tq-modal-actions .tq-btn-cancel:hover{background:var(--border-color)}.teacher-questions .tq-modal .tq-modal-form .tq-modal-actions .tq-btn-submit{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff}.teacher-questions .tq-modal .tq-modal-form .tq-modal-actions .tq-btn-submit:hover{box-shadow:0 8px 16px #3b82f64d;transform:translateY(-2px)}@media(max-width:768px){.teacher-questions .tq-list{gap:1rem}}.teacher-classroom-people .tcp-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.teacher-classroom-people .tcp-loading .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-500);height:50px;width:50px}.teacher-classroom-people .tcp-loading p{color:var(--text-secondary);font-size:1rem}.teacher-classroom-people .tcp-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.teacher-classroom-people .tcp-header .tcp-header-info h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.teacher-classroom-people .tcp-header .tcp-header-info .tcp-count{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem}.teacher-classroom-people .tcp-header .tcp-header-info .tcp-count svg{height:16px;width:16px}.teacher-classroom-people .tcp-header .tcp-invite-btn{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.teacher-classroom-people .tcp-header .tcp-invite-btn:hover{box-shadow:0 10px 25px #3b82f64d;transform:translateY(-2px)}.teacher-classroom-people .tcp-header .tcp-invite-btn svg{height:20px;width:20px}.teacher-classroom-people .tcp-empty{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem;text-align:center}.teacher-classroom-people .tcp-empty svg{color:var(--text-secondary);height:80px;margin-bottom:1.5rem;width:80px}.teacher-classroom-people .tcp-empty p{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.teacher-classroom-people .tcp-empty span{color:var(--text-secondary);font-size:.875rem}.teacher-classroom-people .tcp-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.teacher-classroom-people .tcp-grid .tcp-student-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.teacher-classroom-people .tcp-grid .tcp-student-card:before{background:linear-gradient(90deg,var(--primary-500),var(--primary-600));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.teacher-classroom-people .tcp-grid .tcp-student-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.teacher-classroom-people .tcp-grid .tcp-student-card:hover:before{transform:scaleX(1)}.teacher-classroom-people .tcp-grid .tcp-student-card .tcp-student-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:3px solid var(--bg-surface);border-radius:50%;box-shadow:0 4px 12px var(--border-color);display:flex;height:80px;justify-content:center;margin:0 auto 1rem;overflow:hidden;width:80px}.teacher-classroom-people .tcp-grid .tcp-student-card .tcp-student-avatar img{height:100%;object-fit:cover;width:100%}.teacher-classroom-people .tcp-grid .tcp-student-card .tcp-student-avatar svg{color:var(--text-primary);height:40px;width:40px}.teacher-classroom-people .tcp-grid .tcp-student-card .tcp-student-info{margin-bottom:1.5rem;text-align:center}.teacher-classroom-people .tcp-grid .tcp-student-card .tcp-student-info h3{color:var(--text-primary);font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.teacher-classroom-people .tcp-grid .tcp-student-card .tcp-student-info .tcp-student-username{color:var(--primary-500);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.teacher-classroom-people .tcp-grid .tcp-student-card .tcp-student-info .tcp-student-email{color:var(--text-secondary);font-size:.875rem}.teacher-classroom-people .tcp-grid .tcp-student-card .tcp-student-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.teacher-classroom-people .tcp-grid .tcp-student-card .tcp-student-stats .tcp-stat{background:var(--bg-secondary);border-radius:.75rem;padding:.75rem;text-align:center;transition:all .2s ease}.teacher-classroom-people .tcp-grid .tcp-student-card .tcp-student-stats .tcp-stat:hover{background:var(--bg-secondary);transform:scale(1.05)}.teacher-classroom-people .tcp-grid .tcp-student-card .tcp-student-stats .tcp-stat .tcp-stat-label{color:var(--text-secondary);display:block;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.teacher-classroom-people .tcp-grid .tcp-student-card .tcp-student-stats .tcp-stat .tcp-stat-value{color:var(--text-primary);display:block;font-size:1.25rem;font-weight:700}.teacher-classroom-people .tcp-grid .tcp-student-card .tcp-student-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:1rem}.teacher-classroom-people .tcp-grid .tcp-student-card .tcp-student-footer .tcp-joined{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.25rem}.teacher-classroom-people .tcp-grid .tcp-student-card .tcp-student-footer .tcp-joined svg{height:14px;width:14px}.teacher-classroom-people .tcp-grid .tcp-student-card .tcp-student-footer .tcp-view-btn{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.teacher-classroom-people .tcp-grid .tcp-student-card .tcp-student-footer .tcp-view-btn svg{height:16px;width:16px}.teacher-classroom-people .tcp-grid .tcp-student-card .tcp-student-footer .tcp-view-btn:hover{box-shadow:0 6px 12px #3b82f64d;transform:translateY(-2px)}.teacher-classroom-people .tcp-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--bg-surface);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.teacher-classroom-people .tcp-modal{animation:slideUp .3s ease;background:var(--bg-surface);border-radius:1rem;box-shadow:0 25px 50px var(--border-color);max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.teacher-classroom-people .tcp-modal .tcp-modal-header{align-items:center;background:linear-gradient(135deg,#3b82f60d,#2563eb0d);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.teacher-classroom-people .tcp-modal .tcp-modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700}.teacher-classroom-people .tcp-modal .tcp-modal-header .tcp-modal-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.teacher-classroom-people .tcp-modal .tcp-modal-header .tcp-modal-close svg{height:20px;width:20px}.teacher-classroom-people .tcp-modal .tcp-modal-header .tcp-modal-close:hover{background:var(--bg-secondary);color:var(--error-500);transform:rotate(90deg)}.teacher-classroom-people .tcp-modal .tcp-modal-content{padding:1.5rem}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-profile{border-bottom:1px solid var(--border-color);display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-profile .tcp-modal-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:4px solid var(--bg-surface);border-radius:50%;box-shadow:0 8px 16px var(--border-color);display:flex;flex-shrink:0;height:100px;justify-content:center;overflow:hidden;width:100px}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-profile .tcp-modal-avatar img{height:100%;object-fit:cover;width:100%}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-profile .tcp-modal-avatar svg{color:var(--text-secondary);height:50px;width:50px}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-profile .tcp-modal-info{flex:1 1}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-profile .tcp-modal-info h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-profile .tcp-modal-info p{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.25rem}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-profile .tcp-modal-info p svg{height:16px;width:16px}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-stats .tcp-modal-stat-card{background:var(--bg-secondary);border-radius:.75rem;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-stats .tcp-modal-stat-card:hover{background:#3b82f61a;transform:translateY(-2px)}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-stats .tcp-modal-stat-card .tcp-modal-stat-icon{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:.5rem;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-stats .tcp-modal-stat-card .tcp-modal-stat-icon svg{height:24px;width:24px}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-stats .tcp-modal-stat-card .tcp-modal-stat-info{flex:1 1}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-stats .tcp-modal-stat-card .tcp-modal-stat-info h4{color:var(--text-secondary);font-size:.875rem;margin-bottom:.25rem}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-stats .tcp-modal-stat-card .tcp-modal-stat-info .tcp-modal-stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-section{margin-bottom:1.5rem}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-section h4{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-section h4 svg{color:var(--primary-500);height:18px;width:18px}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-section p{color:var(--text-secondary);line-height:1.6}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-section .tcp-progress-bar{background:var(--bg-secondary);border-radius:6px;box-shadow:inset 0 2px 4px var(--border-color);height:12px;margin-bottom:.5rem;overflow:hidden}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-section .tcp-progress-bar .tcp-progress-fill{background:linear-gradient(90deg,var(--primary-500),var(--primary-600));border-radius:6px;height:100%;overflow:hidden;position:relative;transition:width .5s ease}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-section .tcp-progress-bar .tcp-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,var(--primary-500),#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-section .tcp-progress-text{color:var(--text-secondary);font-size:.875rem;font-weight:600}.teacher-classroom-people .tcp-modal .tcp-modal-actions{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:1.5rem}.teacher-classroom-people .tcp-modal .tcp-modal-actions .tcp-modal-btn{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.teacher-classroom-people .tcp-modal .tcp-modal-actions .tcp-modal-btn:hover{box-shadow:0 10px 25px #3b82f64d;transform:translateY(-2px)}@media(max-width:768px){.teacher-classroom-people .tcp-header{align-items:stretch;flex-direction:column}.teacher-classroom-people .tcp-header .tcp-invite-btn{justify-content:center;width:100%}.teacher-classroom-people .tcp-grid{grid-template-columns:1fr}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-profile{align-items:center;flex-direction:column;text-align:center}.teacher-classroom-people .tcp-modal .tcp-modal-content .tcp-modal-stats{grid-template-columns:1fr}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.teacher-classroom-grades .tcg-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.teacher-classroom-grades .tcg-loading .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-500);height:50px;width:50px}.teacher-classroom-grades .tcg-loading p{color:var(--text-secondary);font-size:1rem}.teacher-classroom-grades .tcg-error{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;color:var(--text-secondary);padding:3rem;text-align:center}.teacher-classroom-grades .tcg-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.teacher-classroom-grades .tcg-header .tcg-header-info h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.teacher-classroom-grades .tcg-header .tcg-header-info p{color:var(--text-secondary);font-size:.875rem}.teacher-classroom-grades .tcg-header .tcg-export-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.teacher-classroom-grades .tcg-header .tcg-export-btn:hover{box-shadow:0 10px 25px #10b9814d;transform:translateY(-2px)}.teacher-classroom-grades .tcg-header .tcg-export-btn svg{height:20px;width:20px}.teacher-classroom-grades .tcg-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.teacher-classroom-grades .tcg-stats .tcg-stat-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.teacher-classroom-grades .tcg-stats .tcg-stat-card:before{background:linear-gradient(90deg,var(--primary-500),var(--primary-600));content:"";height:4px;left:0;position:absolute;right:0;top:0}.teacher-classroom-grades .tcg-stats .tcg-stat-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.teacher-classroom-grades .tcg-stats .tcg-stat-card .tcg-stat-icon{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:.75rem;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.teacher-classroom-grades .tcg-stats .tcg-stat-card .tcg-stat-icon svg{height:28px;width:28px}.teacher-classroom-grades .tcg-stats .tcg-stat-card .tcg-stat-info{flex:1 1}.teacher-classroom-grades .tcg-stats .tcg-stat-card .tcg-stat-info h4{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.teacher-classroom-grades .tcg-stats .tcg-stat-card .tcg-stat-info .tcg-stat-value{color:var(--text-primary);font-size:1.75rem;font-weight:700}.teacher-classroom-grades .tcg-table-wrapper{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 2px 8px var(--border-color);margin-bottom:2rem;overflow:hidden}.teacher-classroom-grades .tcg-table-wrapper .tcg-table{border-collapse:collapse;display:block;overflow-x:auto;width:100%}.teacher-classroom-grades .tcg-table-wrapper .tcg-table thead{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-secondary));display:table;table-layout:fixed;width:100%}.teacher-classroom-grades .tcg-table-wrapper .tcg-table thead tr th{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:.875rem;font-weight:700;padding:1rem;text-align:left;white-space:nowrap}.teacher-classroom-grades .tcg-table-wrapper .tcg-table thead tr th.tcg-th-student{background:var(--bg-secondary);left:0;min-width:200px;position:-webkit-sticky;position:sticky;z-index:10}.teacher-classroom-grades .tcg-table-wrapper .tcg-table thead tr th.tcg-th-assignment{min-width:120px}.teacher-classroom-grades .tcg-table-wrapper .tcg-table thead tr th.tcg-th-assignment .tcg-assignment-header{display:flex;flex-direction:column;gap:.25rem}.teacher-classroom-grades .tcg-table-wrapper .tcg-table thead tr th.tcg-th-assignment .tcg-assignment-header .tcg-max-points{color:var(--text-secondary);font-size:.75rem;font-weight:400}.teacher-classroom-grades .tcg-table-wrapper .tcg-table thead tr th.tcg-th-average,.teacher-classroom-grades .tcg-table-wrapper .tcg-table thead tr th.tcg-th-total{font-weight:700;min-width:100px}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody{display:block;max-height:600px;overflow-y:auto}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr{display:table;table-layout:fixed;transition:all .2s ease;width:100%}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr:hover{background:var(--bg-secondary)}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td{border-bottom:1px solid var(--border-color);padding:1rem}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td.tcg-td-student{background:var(--bg-surface);left:0;position:-webkit-sticky;position:sticky;z-index:5}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td.tcg-td-student .tcg-student-cell{align-items:center;display:flex;gap:.75rem}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td.tcg-td-student .tcg-student-cell .tcg-student-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:2px solid var(--bg-surface);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td.tcg-td-student .tcg-student-cell .tcg-student-avatar img{height:100%;object-fit:cover;width:100%}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td.tcg-td-student .tcg-student-cell .tcg-student-avatar span{color:#fff;font-size:.875rem;font-weight:700}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td.tcg-td-student .tcg-student-cell .tcg-student-info .tcg-student-name{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.125rem}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td.tcg-td-student .tcg-student-cell .tcg-student-info .tcg-student-username{color:var(--text-secondary);display:block;font-size:.75rem}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td.tcg-td-grade{text-align:center}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td.tcg-td-grade .tcg-grade{border-radius:.5rem;display:inline-block;font-size:.875rem;font-weight:700;padding:.375rem .875rem;transition:all .2s ease}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td.tcg-td-grade .tcg-grade:hover{transform:scale(1.1)}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td.tcg-td-grade .tcg-grade.excellent{background:linear-gradient(135deg,#10b98126,#05966926);border:1px solid #10b9814d;color:#10b981}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td.tcg-td-grade .tcg-grade.good{background:linear-gradient(135deg,#3b82f626,#2563eb26);border:1px solid #3b82f64d;color:#3b82f6}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td.tcg-td-grade .tcg-grade.average{background:linear-gradient(135deg,#f59e0b26,#d9770626);border:1px solid #f59e0b4d;color:#f59e0b}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td.tcg-td-grade .tcg-grade.poor{background:linear-gradient(135deg,#ef444426,#dc262626);border:1px solid #ef44444d;color:#ef4444}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td.tcg-td-grade .tcg-grade-empty{color:var(--text-secondary);font-style:italic}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td.tcg-td-total{text-align:center}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td.tcg-td-total .tcg-total{color:var(--text-primary);font-size:1rem;font-weight:700}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td.tcg-td-average{text-align:center}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td.tcg-td-average .tcg-average{border-radius:.75rem;box-shadow:0 2px 8px var(--border-color);display:inline-block;font-size:1.125rem;font-weight:700;padding:.5rem 1rem}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td.tcg-td-average .tcg-average.excellent{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td.tcg-td-average .tcg-average.good{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td.tcg-td-average .tcg-average.average{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr td.tcg-td-average .tcg-average.poor{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody tr:hover td.tcg-td-student{background:var(--bg-secondary)}.teacher-classroom-grades .tcg-legend{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem}.teacher-classroom-grades .tcg-legend h4{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.teacher-classroom-grades .tcg-legend h4 svg{color:var(--primary-500);height:20px;width:20px}.teacher-classroom-grades .tcg-legend .tcg-legend-items{display:flex;flex-wrap:wrap;gap:1.5rem}.teacher-classroom-grades .tcg-legend .tcg-legend-items .tcg-legend-item{align-items:center;display:flex;gap:.75rem}.teacher-classroom-grades .tcg-legend .tcg-legend-items .tcg-legend-item .tcg-legend-color{border-radius:.5rem;box-shadow:0 2px 8px var(--border-color);height:32px;width:32px}.teacher-classroom-grades .tcg-legend .tcg-legend-items .tcg-legend-item .tcg-legend-color.excellent{background:linear-gradient(135deg,#10b981,#059669)}.teacher-classroom-grades .tcg-legend .tcg-legend-items .tcg-legend-item .tcg-legend-color.good{background:linear-gradient(135deg,#3b82f6,#2563eb)}.teacher-classroom-grades .tcg-legend .tcg-legend-items .tcg-legend-item .tcg-legend-color.average{background:linear-gradient(135deg,#f59e0b,#d97706)}.teacher-classroom-grades .tcg-legend .tcg-legend-items .tcg-legend-item .tcg-legend-color.poor{background:linear-gradient(135deg,#ef4444,#dc2626)}.teacher-classroom-grades .tcg-legend .tcg-legend-items .tcg-legend-item span{color:var(--text-secondary);font-size:.875rem;font-weight:500}@media(max-width:768px){.teacher-classroom-grades .tcg-header{align-items:stretch;flex-direction:column}.teacher-classroom-grades .tcg-header .tcg-export-btn{justify-content:center;width:100%}.teacher-classroom-grades .tcg-stats{grid-template-columns:1fr}.teacher-classroom-grades .tcg-table-wrapper .tcg-table tbody td,.teacher-classroom-grades .tcg-table-wrapper .tcg-table thead th{font-size:.75rem;padding:.75rem .5rem}.teacher-classroom-grades .tcg-table-wrapper .tcg-table .tcg-student-cell .tcg-student-avatar{height:32px;width:32px}.teacher-classroom-grades .tcg-table-wrapper .tcg-table .tcg-student-cell .tcg-student-info .tcg-student-name{font-size:.875rem}.teacher-classroom-grades .tcg-legend .tcg-legend-items{flex-direction:column;gap:.75rem}}.teacher-student-detail{padding:1.25rem}.teacher-student-detail .tsd-error,.teacher-student-detail .tsd-loading{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-height:320px}.teacher-student-detail .tsd-error .spinner,.teacher-student-detail .tsd-loading .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-500);height:44px;width:44px}.teacher-student-detail .tsd-error .tsd-back,.teacher-student-detail .tsd-loading .tsd-back{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);cursor:pointer;margin-top:.5rem;padding:.6rem 1rem}.teacher-student-detail .tsd-back{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:.6rem;color:var(--text-primary);cursor:pointer;display:inline-flex;gap:.5rem;padding:.55rem .9rem}.teacher-student-detail .tsd-back:hover{background:var(--bg-secondary)}.teacher-student-detail .tsd-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.teacher-student-detail .tsd-header .tsd-profile{align-items:center;display:flex;gap:1rem;margin:1rem}.teacher-student-detail .tsd-header .tsd-profile .tsd-avatar{border:2px solid var(--border-color);border-radius:50%;height:64px;object-fit:cover;width:64px}.teacher-student-detail .tsd-header .tsd-profile .tsd-info{display:flex;flex-direction:column;gap:.2rem}.teacher-student-detail .tsd-header .tsd-profile .tsd-info h1{color:var(--text-primary);font-size:1.3rem;font-weight:700}.teacher-student-detail .tsd-header .tsd-profile .tsd-info .tsd-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:.5rem .8rem}.teacher-student-detail .tsd-header .tsd-profile .tsd-info .tsd-meta span{align-items:center;display:inline-flex;gap:.35rem}.teacher-student-detail .tsd-stats{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.teacher-student-detail .tsd-stats .tsd-stat-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:.8rem;display:flex;gap:.75rem;padding:.9rem}.teacher-student-detail .tsd-stats .tsd-stat-card .tsd-stat-icon{border-radius:.6rem;color:#fff;display:grid;height:38px;place-items:center;width:38px}.teacher-student-detail .tsd-stats .tsd-stat-card .tsd-stat-icon.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.teacher-student-detail .tsd-stats .tsd-stat-card .tsd-stat-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.teacher-student-detail .tsd-stats .tsd-stat-card .tsd-stat-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.teacher-student-detail .tsd-stats .tsd-stat-card .tsd-stat-icon.info{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.teacher-student-detail .tsd-stats .tsd-stat-card .tsd-stat-content h3{color:var(--text-primary);font-size:1.2rem;font-weight:800}.teacher-student-detail .tsd-stats .tsd-stat-card .tsd-stat-content p{color:var(--text-secondary);font-size:.85rem}.teacher-student-detail .tsd-progress{margin:1rem 0 1.25rem}.teacher-student-detail .tsd-progress .tsd-progress-bar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;height:10px;overflow:hidden}.teacher-student-detail .tsd-progress .tsd-progress-bar .tsd-progress-fill{background:linear-gradient(90deg,#22c55e,#16a34a);height:100%}.teacher-student-detail .tsd-progress .tsd-progress-label{color:var(--text-secondary);font-size:.85rem;margin-top:.4rem}.teacher-student-detail .tsd-content-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1.2fr 1fr}@media(max-width:920px){.teacher-student-detail .tsd-content-grid{grid-template-columns:1fr}}.teacher-student-detail .tsd-section{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:.9rem;padding:1rem}.teacher-student-detail .tsd-section h2{color:var(--text-primary);font-size:1.05rem;font-weight:700;margin-bottom:.8rem}.teacher-student-detail .tsd-section .tsd-empty{border:1px dashed var(--border-color);border-radius:.6rem;color:var(--text-secondary);padding:1rem}.teacher-student-detail .tsd-submissions{display:flex;flex-direction:column;gap:.8rem}.teacher-student-detail .tsd-submissions .tsd-submission-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.8rem;padding:.9rem}.teacher-student-detail .tsd-submissions .tsd-submission-card .tsd-submission-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.5rem}.teacher-student-detail .tsd-submissions .tsd-submission-card .tsd-submission-header h3{color:var(--text-primary);font-weight:700}.teacher-student-detail .tsd-submissions .tsd-submission-card .tsd-submission-header .tsd-status{align-items:center;display:flex;gap:.5rem}.teacher-student-detail .tsd-submissions .tsd-submission-card .tsd-submission-header .graded{background:#10b98126;border:1px solid #10b98173;border-radius:.45rem;color:#10b981;font-size:.8rem;font-weight:700;padding:.18rem .5rem}.teacher-student-detail .tsd-submissions .tsd-submission-card .tsd-submission-header .pending{background:#3b82f626;border:1px solid #3b82f673;border-radius:.45rem;color:#3b82f6;font-size:.8rem;font-weight:700;padding:.18rem .5rem}.teacher-student-detail .tsd-submissions .tsd-submission-card .tsd-submission-text{color:var(--text-primary);font-size:.92rem;margin-bottom:.5rem}.teacher-student-detail .tsd-submissions .tsd-submission-card .tsd-files{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.5rem}.teacher-student-detail .tsd-submissions .tsd-submission-card .tsd-file-actions{display:flex;flex-wrap:wrap;gap:.5rem}.teacher-student-detail .tsd-submissions .tsd-submission-card .tsd-file-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.85rem;gap:.4rem;padding:.5rem .7rem}.teacher-student-detail .tsd-submissions .tsd-submission-card .tsd-file-btn:hover{background:var(--bg-secondary)}.teacher-student-detail .tsd-submissions .tsd-submission-card .tsd-submission-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.82rem;gap:.5rem}.teacher-student-detail .tsd-grades-table{grid-gap:.5rem;display:grid;gap:.5rem}.teacher-student-detail .tsd-grades-table .tsd-grade-row,.teacher-student-detail .tsd-grades-table .tsd-grades-header{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:1fr 80px 80px}.teacher-student-detail .tsd-grades-table .tsd-grades-header{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.8rem;padding-bottom:.4rem}.teacher-student-detail .tsd-grades-table .tsd-grade-row{border-bottom:1px dashed var(--border-color);padding:.45rem 0}.teacher-student-detail .tsd-grades-table .tsd-grade-title{color:var(--text-primary);font-weight:600}.teacher-student-detail .tsd-grades-table .tsd-grade-score{color:#10b981;font-weight:800}.teacher-student-detail .tsd-grades-table .tsd-grade-max{color:var(--text-secondary)}.user-saved{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);min-height:100vh;padding:var(--space-8)}@media(max-width:767px){.user-saved{padding:var(--space-4)}}.user-saved .page-header{background:var(--gradient-forest);border-radius:var(--radius-3xl);color:#fff;margin-bottom:var(--space-8);overflow:hidden;padding:var(--space-8);position:relative;text-align:center}.user-saved .page-header:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.user-saved .page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0fdf4);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-4xl);font-weight:var(--font-weight-black);line-height:var(--line-height-tight);margin-bottom:var(--space-3);position:relative;z-index:2}@media(max-width:767px){.user-saved .page-header h1{font-size:var(--font-size-3xl)}}.user-saved .page-header p{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);opacity:.9;position:relative;z-index:2}@media(max-width:767px){.user-saved .page-header p{font-size:var(--font-size-base)}}.user-saved .saved-stats{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-8)}@media(max-width:767px){.user-saved .saved-stats{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}.user-saved .saved-stats .stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-normal)}.user-saved .saved-stats .stat-card:before{background:var(--gradient-forest);content:"";height:4px;left:0;position:absolute;right:0;top:0}.user-saved .saved-stats .stat-card:hover{border-color:var(--success-500);box-shadow:var(--shadow-2xl);transform:translateY(-8px)}.user-saved .saved-stats .stat-card .stat-icon{align-items:center;background:var(--gradient-forest);border-radius:var(--radius-xl);color:#fff;display:flex;font-size:var(--font-size-2xl);height:60px;justify-content:center;margin-bottom:var(--space-4);width:60px}.user-saved .saved-stats .stat-card .stat-content h3{-webkit-text-fill-color:#0000;background:var(--gradient-forest);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);margin-bottom:var(--space-1)}.user-saved .saved-stats .stat-card .stat-content p{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.user-saved .saved-tabs{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);display:flex;gap:var(--space-2);margin-bottom:var(--space-8);padding:var(--space-2)}@media(max-width:767px){.user-saved .saved-tabs{flex-wrap:wrap;gap:var(--space-1)}}.user-saved .saved-tabs .tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-xl);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-4) var(--space-6);position:relative;transition:all var(--transition-normal)}.user-saved .saved-tabs .tab.active{background:var(--success-50);box-shadow:var(--shadow-md);color:var(--success-600);transform:translateY(-2px)}.user-saved .saved-tabs .tab.active:before{background:var(--gradient-forest);border-radius:var(--radius-full);bottom:-2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.user-saved .saved-tabs .tab:hover:not(.active){background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}@media(max-width:767px){.user-saved .saved-tabs .tab{font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4)}}.user-saved .filters{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-8)}.user-saved .filters .filter-btn{background:var(--bg-card);border:2px solid var(--border-primary);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:var(--space-3) var(--space-6);text-transform:uppercase;transition:all var(--transition-normal)}.user-saved .filters .filter-btn.active{background:var(--gradient-forest);border-color:var(--success-500);box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-2px)}.user-saved .filters .filter-btn:hover:not(.active){background:var(--bg-hover);border-color:var(--success-500);color:var(--text-primary);transform:translateY(-1px)}@media(max-width:767px){.user-saved .filters .filter-btn{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-4)}}.user-saved .content-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:var(--space-8)}@media(max-width:767px){.user-saved .content-grid{gap:var(--space-4);grid-template-columns:1fr}}@media(min-width:768px)and (max-width:1023px){.user-saved .content-grid{grid-template-columns:repeat(2,1fr)}}.user-saved .content-card{group:hover;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden;position:relative;transition:all var(--transition-normal)}.user-saved .content-card:hover{border-color:var(--success-500);box-shadow:var(--shadow-2xl);transform:translateY(-12px)}.user-saved .content-card:hover .content-thumbnail img{transform:scale(1.1)}.user-saved .content-card:hover .content-actions{opacity:1;transform:translateY(0)}.user-saved .content-card .content-thumbnail{background:var(--gradient-forest);height:200px;overflow:hidden;position:relative;width:100%}.user-saved .content-card .content-thumbnail img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.user-saved .content-card .content-thumbnail .play-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:var(--radius-full);color:var(--success-600);display:flex;font-size:var(--font-size-2xl);height:80px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all var(--transition-normal);width:80px}.user-saved .content-card .content-thumbnail .duration-badge{background:#000c;border-radius:var(--radius-lg);bottom:var(--space-3);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3);position:absolute;right:var(--space-3)}.user-saved .content-card .content-thumbnail .type-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);left:var(--space-3);letter-spacing:.5px;padding:var(--space-1) var(--space-3);position:absolute;text-transform:uppercase;top:var(--space-3)}.user-saved .content-card .content-thumbnail .type-badge.video{background:var(--gradient-primary);color:#fff}.user-saved .content-card .content-thumbnail .type-badge.reel{background:var(--gradient-sunset);color:#fff}.user-saved .content-card .content-thumbnail .type-badge.course{background:var(--gradient-forest);color:#fff}.user-saved .content-card .content-thumbnail:hover .play-overlay{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.user-saved .content-card .content-info{padding:var(--space-6)}.user-saved .content-card .content-info .content-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-3);overflow:hidden}.user-saved .content-card .content-info .content-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin-bottom:var(--space-4)}.user-saved .content-card .content-info .content-meta .date,.user-saved .content-card .content-info .content-meta .views{align-items:center;display:flex;gap:var(--space-1)}.user-saved .content-card .content-info .content-stats{align-items:center;border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;padding-top:var(--space-4)}.user-saved .content-card .content-info .content-stats .stat{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2)}.user-saved .content-card .content-info .content-stats .stat.liked{color:var(--error-500)}.user-saved .content-card .content-info .content-stats .stat.commented{color:var(--primary-500)}.user-saved .content-card .content-info .content-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);opacity:0;transform:translateY(10px);transition:all var(--transition-normal)}@media(max-width:767px){.user-saved .content-card .content-info .content-actions{opacity:1;transform:translateY(0)}}.user-saved .content-card .content-info .content-actions .btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-4);text-align:center;text-decoration:none;transition:all var(--transition-fast)}.user-saved .content-card .content-info .content-actions .btn.btn-primary{background:var(--gradient-forest);box-shadow:var(--shadow-md);color:#fff}.user-saved .content-card .content-info .content-actions .btn.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.user-saved .content-card .content-info .content-actions .btn.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary)}.user-saved .content-card .content-info .content-actions .btn.btn-secondary:hover{background:var(--bg-hover);border-color:var(--success-500)}.user-saved .content-card .content-info .content-actions .btn.btn-danger{background:var(--gradient-error);box-shadow:var(--shadow-md);color:#fff}.user-saved .content-card .content-info .content-actions .btn.btn-danger:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.user-saved .content-card .comment-section{background:var(--bg-tertiary);border-top:1px solid var(--border-primary);padding:var(--space-4) var(--space-6)}.user-saved .content-card .comment-section .comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.user-saved .content-card .comment-section .comment-header .comment-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.user-saved .content-card .comment-section .comment-header .comment-date{color:var(--text-muted);font-size:var(--font-size-xs)}.user-saved .content-card .comment-section .comment-text{background:var(--bg-card);border-left:3px solid var(--success-500);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);padding:var(--space-3)}.user-saved .empty-state{color:var(--text-secondary);padding:var(--space-16) var(--space-8);text-align:center}.user-saved .empty-state .empty-icon{color:var(--success-500);font-size:var(--font-size-6xl);margin-bottom:var(--space-6);opacity:.5}.user-saved .empty-state h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.user-saved .empty-state p{font-size:var(--font-size-lg);margin-bottom:var(--space-8);margin-left:auto;margin-right:auto;max-width:500px}.user-saved .empty-state .btn{align-items:center;background:var(--gradient-forest);border-radius:var(--radius-2xl);color:#fff;display:inline-flex;font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-4) var(--space-8);text-decoration:none;transition:all var(--transition-normal)}.user-saved .empty-state .btn:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.user-wallet{background:var(--bg-primary);min-height:100vh}@media(max-width:768px){.user-wallet{padding:16px}}.user-wallet .wallet-header{border-bottom:1px solid var(--bg-hover);gap:16px;margin-bottom:32px;padding-bottom:24px}.user-wallet .wallet-header .wallet-back-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--bg-hover);border-radius:10px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:100px;padding:10px 16px;transition:all .3s ease}.user-wallet .wallet-header .wallet-back-btn:hover{background:var(--bg-hover);box-shadow:var(--shadow);transform:translateX(-4px)}.user-wallet .wallet-header .wallet-back-btn svg{height:18px;width:18px}.user-wallet .wallet-header .wallet-title{color:var(--text-primary);font-size:32px;font-weight:800;margin:0;text-align:center}@media(max-width:768px){.user-wallet .wallet-header .wallet-title{font-size:24px}}.user-wallet .wallet-header .wallet-spacer{flex:1 1}.user-wallet .wallet-balance-card{align-items:center;background:var(--bg-surface);border:var(--bg-hover);border-radius:16px;box-shadow:var(--shadow);display:flex;gap:32px;justify-content:space-between;margin-bottom:32px;padding:32px}@media(max-width:768px){.user-wallet .wallet-balance-card{flex-direction:column;gap:24px;padding:24px}}.user-wallet .wallet-balance-card .balance-content{align-items:center;display:flex;flex:1 1;gap:24px}@media(max-width:768px){.user-wallet .wallet-balance-card .balance-content{justify-content:center;width:100%}}.user-wallet .wallet-balance-card .balance-content .balance-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:16px;color:var(--text-primary);display:flex;flex-shrink:0;font-size:40px;height:80px;justify-content:center;width:80px}@media(max-width:768px){.user-wallet .wallet-balance-card .balance-content .balance-icon{font-size:32px;height:64px;width:64px}}.user-wallet .wallet-balance-card .balance-content .balance-info .balance-label{color:var(--text-primary);font-size:12px;font-weight:600;letter-spacing:.6px;margin-bottom:8px;text-transform:uppercase}.user-wallet .wallet-balance-card .balance-content .balance-info .balance-amount{color:var(--text-primary);font-size:40px;font-weight:800;line-height:1;margin:0}@media(max-width:768px){.user-wallet .wallet-balance-card .balance-content .balance-info .balance-amount{font-size:32px}}.user-wallet .wallet-balance-card .balance-content .balance-info .balance-usd{color:var(--text-primary);font-size:14px;margin-top:8px}.user-wallet .wallet-balance-card .balance-actions{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:768px){.user-wallet .wallet-balance-card .balance-actions{flex-direction:column;width:100%}}.user-wallet .wallet-balance-card .balance-actions .action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}@media(max-width:768px){.user-wallet .wallet-balance-card .balance-actions .action-btn{justify-content:center;width:100%}}.user-wallet .wallet-balance-card .balance-actions .action-btn.primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 4px 12px #3b82f64d;color:var(--text-primary)}.user-wallet .wallet-balance-card .balance-actions .action-btn.primary:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.user-wallet .wallet-balance-card .balance-actions .action-btn.secondary{background:var(--bg-surface);border:2px solid #3b82f6;color:#3b82f6}.user-wallet .wallet-balance-card .balance-actions .action-btn.secondary:hover{background:var(--bg-hover)}.user-wallet .wallet-balance-card .balance-actions .action-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:var(--text-primary)}.user-wallet .wallet-balance-card .balance-actions .action-btn.danger:hover{box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.user-wallet .wallet-transactions{margin-left:auto;margin-right:auto;max-width:1200px}.user-wallet .wallet-transactions .transactions-title{color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:20px}.user-wallet .wallet-transactions .transactions-list{display:flex;flex-direction:column;gap:12px}.user-wallet .wallet-transactions .transactions-list .empty-state{align-items:center;background:var(--bg-surface);border:1px solid var(--bg-hover);border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.user-wallet .wallet-transactions .transactions-list .empty-state svg{color:var(--bg-hover);height:48px;margin-bottom:16px;width:48px}.user-wallet .wallet-transactions .transactions-list .empty-state p{color:var(--text-primary);font-size:16px}.user-wallet .wallet-transactions .transactions-list .transaction-item{align-items:center;background:var(--bg-surface);border:1px solid var(--bg-hover);border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.user-wallet .wallet-transactions .transactions-list .transaction-item:hover{box-shadow:var(--shadow);transform:translateX(4px)}.user-wallet .wallet-transactions .transactions-list .transaction-item .transaction-icon{align-items:center;background:var(--bg-hover);border-radius:10px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.user-wallet .wallet-transactions .transactions-list .transaction-item .transaction-details{flex:1 1}.user-wallet .wallet-transactions .transactions-list .transaction-item .transaction-details h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.user-wallet .wallet-transactions .transactions-list .transaction-item .transaction-details .transaction-type{color:var(--text-primary);font-size:12px;margin:0}.user-wallet .wallet-transactions .transactions-list .transaction-item .transaction-details .transaction-date{color:var(--text-primary);display:block;font-size:11px;margin-top:4px}.user-wallet .wallet-transactions .transactions-list .transaction-item .transaction-amount{flex-shrink:0;text-align:right}.user-wallet .wallet-transactions .transactions-list .transaction-item .transaction-amount .amount{display:block;font-size:16px;font-weight:700}.user-wallet .wallet-transactions .transactions-list .transaction-item .transaction-amount .amount.positive{color:#10b981}.user-wallet .wallet-transactions .transactions-list .transaction-item .transaction-amount .amount.negative{color:#ef4444}.user-wallet .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.user-wallet .modal-overlay .modal{background:var(--bg-surface);border:1px solid var(--bg-hover);border-radius:16px;box-shadow:var(--shadow);max-width:500px;padding:32px;width:90%}.user-wallet .modal-overlay .modal .modal-header{align-items:center;border-bottom:1px solid var(--bg-hover);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.user-wallet .modal-overlay .modal .modal-header h2{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.user-wallet .modal-overlay .modal .modal-header button{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:28px;transition:color .3s ease}.user-wallet .modal-overlay .modal .modal-header button:hover{color:#ef4444}.user-wallet .modal-overlay .modal .form-group{margin-bottom:20px}.user-wallet .modal-overlay .modal .form-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.user-wallet .modal-overlay .modal .form-group .form-input,.user-wallet .modal-overlay .modal .form-group .form-select{background:var(--bg-surface);border:1px solid var(--bg-hover);border-radius:10px;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.user-wallet .modal-overlay .modal .form-group .form-input:focus,.user-wallet .modal-overlay .modal .form-group .form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.user-wallet .modal-overlay .modal .form-group small{color:var(--text-primary);display:block;font-size:12px;margin-top:6px}.user-wallet .modal-overlay .modal .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media(max-width:480px){.user-wallet .modal-overlay .modal .form-row{grid-template-columns:1fr}}.user-wallet .modal-overlay .modal .form-actions{display:flex;gap:12px;margin-top:24px}.user-wallet .modal-overlay .modal .form-actions .btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.user-wallet .modal-overlay .modal .form-actions .btn.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 4px 12px #3b82f64d;color:var(--text-primary)}.user-wallet .modal-overlay .modal .form-actions .btn.btn-primary:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.user-wallet .modal-overlay .modal .form-actions .btn.btn-secondary{background:var(--bg-hover);border:1px solid var(--bg-hover);color:var(--text-primary)}.user-wallet .modal-overlay .modal .form-actions .btn.btn-secondary:hover{background:var(--bg-hover)}.user-wallet .wallet-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.user-wallet .wallet-loading .spinner{animation:spin 1s linear infinite;border:4px solid var(--bg-hover);border-radius:50%;border-top:4px solid #3b82f6;height:50px;width:50px}.user-wallet .wallet-loading p{color:var(--text-primary);font-size:16px;margin-top:16px}.user-wallet .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media(max-width:480px){.user-wallet .form-row{grid-template-columns:1fr}}.user-wallet .form-actions{display:flex;gap:12px;margin-top:24px}.user-wallet .form-actions .btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.user-wallet .form-actions .btn.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 4px 12px #3b82f64d;color:var(--text-primary)}.user-wallet .form-actions .btn.btn-primary:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.user-wallet .form-actions .btn.btn-secondary{background:var(--bg-hover);border:1px solid var(--bg-hover);color:var(--text-primary)}.user-wallet .form-actions .btn.btn-secondary:hover{background:var(--bg-hover)}.wallet-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.wallet-loading .spinner{animation:spin 1s linear infinite;border:4px solid var(--bg-hover);border-radius:50%;border-top:4px solid #3b82f6;height:50px;width:50px}.wallet-loading p{color:var(--text-primary);font-size:16px;margin-top:16px}.wallet-stats{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-8)}@media(max-width:768px){.wallet-stats{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}.wallet-stats .stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-normal)}.wallet-stats .stat-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.wallet-stats .stat-card:hover{border-color:var(--primary-500);box-shadow:var(--shadow-2xl);transform:translateY(-8px)}.wallet-stats .stat-card .stat-icon{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-xl);color:#fff;display:flex;font-size:var(--font-size-2xl);height:60px;justify-content:center;margin-bottom:var(--space-4);width:60px}.wallet-stats .stat-card .stat-content h3{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);margin-bottom:var(--space-1)}.wallet-stats .stat-card .stat-content p{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.transaction-history{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-8);padding:var(--space-6)}.transaction-history .section-header{align-items:center;border-bottom:2px solid var(--border-primary);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}@media(max-width:768px){.transaction-history .section-header{flex-direction:column;gap:var(--space-4);text-align:center}}.transaction-history .section-header h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.transaction-history .section-header .filter-buttons{display:flex;gap:var(--space-2)}.transaction-history .section-header .filter-buttons .filter-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.transaction-history .section-header .filter-buttons .filter-btn.active{background:var(--gradient-primary);border-color:var(--primary-500);color:#fff}.transaction-history .section-header .filter-buttons .filter-btn:hover:not(.active){background:var(--bg-hover);border-color:var(--primary-500);color:var(--text-primary)}.transaction-history .transactions-list .transaction-item{align-items:center;border:1px solid var(--border-primary);border-radius:var(--radius-xl);display:flex;justify-content:space-between;margin-bottom:var(--space-3);padding:var(--space-4);transition:all var(--transition-fast)}.transaction-history .transactions-list .transaction-item:hover{background:var(--bg-hover);border-color:var(--primary-500);transform:translateX(4px)}.transaction-history .transactions-list .transaction-item:last-child{margin-bottom:0}.transaction-history .transactions-list .transaction-item .transaction-info{align-items:center;display:flex;gap:var(--space-4)}.transaction-history .transactions-list .transaction-item .transaction-info .transaction-icon{align-items:center;border-radius:var(--radius-xl);color:#fff;display:flex;font-size:var(--font-size-lg);height:50px;justify-content:center;width:50px}.transaction-history .transactions-list .transaction-item .transaction-info .transaction-icon.income{background:var(--gradient-success)}.transaction-history .transactions-list .transaction-item .transaction-info .transaction-icon.expense{background:var(--gradient-danger)}.transaction-history .transactions-list .transaction-item .transaction-info .transaction-details h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.transaction-history .transactions-list .transaction-item .transaction-info .transaction-details p{color:var(--text-secondary);font-size:var(--font-size-sm)}.transaction-history .transactions-list .transaction-item .transaction-amount{text-align:right}.transaction-history .transactions-list .transaction-item .transaction-amount .amount{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.transaction-history .transactions-list .transaction-item .transaction-amount .amount.positive{color:var(--success-500)}.transaction-history .transactions-list .transaction-item .transaction-amount .amount.negative{color:var(--danger-500)}.transaction-history .transactions-list .transaction-item .transaction-amount .date{color:var(--text-secondary);font-size:var(--font-size-sm)}.payment-methods{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-8);padding:var(--space-6)}.payment-methods .section-header{border-bottom:2px solid var(--border-primary);margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.payment-methods .section-header h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.payment-methods .section-header p{color:var(--text-secondary);font-size:var(--font-size-sm)}.payment-methods .payment-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.payment-methods .payment-grid .payment-method{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);cursor:pointer;padding:var(--space-4);text-align:center;transition:all var(--transition-normal)}.payment-methods .payment-grid .payment-method:hover{border-color:var(--primary-500);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.payment-methods .payment-grid .payment-method .method-icon{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-xl);color:#fff;display:flex;font-size:var(--font-size-2xl);height:60px;justify-content:center;margin:0 auto var(--space-3);width:60px}.payment-methods .payment-grid .payment-method .method-name{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.payment-methods .payment-grid .payment-method .method-description{color:var(--text-secondary);font-size:var(--font-size-sm)}.topup-modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.topup-modal .modal-content{background:var(--bg-card);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);max-width:500px;padding:var(--space-8);position:relative;width:100%}.topup-modal .modal-content .close-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:var(--space-4);top:var(--space-4);transition:all var(--transition-fast);width:40px}.topup-modal .modal-content .close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.topup-modal .modal-content .modal-header{margin-bottom:var(--space-6);text-align:center}.topup-modal .modal-content .modal-header h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.topup-modal .modal-content .modal-header p{color:var(--text-secondary);font-size:var(--font-size-sm)}.topup-modal .modal-content .amount-input{margin-bottom:var(--space-6)}.topup-modal .modal-content .amount-input label{color:var(--text-primary);display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.topup-modal .modal-content .amount-input input{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding:var(--space-4);text-align:center;transition:all var(--transition-fast);width:100%}.topup-modal .modal-content .amount-input input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.topup-modal .modal-content .payment-options{margin-bottom:var(--space-6)}.topup-modal .modal-content .payment-options .option{align-items:center;border:2px solid var(--border-primary);border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-4);transition:all var(--transition-fast)}.topup-modal .modal-content .payment-options .option:hover{background:var(--bg-hover);border-color:var(--primary-500)}.topup-modal .modal-content .payment-options .option.selected{background:#3b82f61a;border-color:var(--primary-500)}.topup-modal .modal-content .payment-options .option input[type=radio]{accent-color:var(--primary-500);height:20px;width:20px}.topup-modal .modal-content .payment-options .option .option-icon{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-lg);color:#fff;display:flex;font-size:var(--font-size-lg);height:40px;justify-content:center;width:40px}.topup-modal .modal-content .payment-options .option .option-info{flex:1 1}.topup-modal .modal-content .payment-options .option .option-info .option-name{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.topup-modal .modal-content .payment-options .option .option-info .option-description{color:var(--text-secondary);font-size:var(--font-size-sm)}.topup-modal .modal-content .modal-actions{display:flex;gap:var(--space-3)}.topup-modal .modal-content .modal-actions .btn{border:none;border-radius:var(--radius-xl);cursor:pointer;flex:1 1;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding:var(--space-4) var(--space-6);text-align:center;text-decoration:none;transition:all var(--transition-normal)}.topup-modal .modal-content .modal-actions .btn.btn-primary{background:var(--gradient-primary);color:#fff}.topup-modal .modal-content .modal-actions .btn.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.topup-modal .modal-content .modal-actions .btn.btn-secondary{background:var(--bg-secondary);border:2px solid var(--border-primary);color:var(--text-primary)}.topup-modal .modal-content .modal-actions .btn.btn-secondary:hover{background:var(--bg-hover);border-color:var(--primary-500)}.wallet-system{max-width:1200px;min-width:100%;padding:24px}.wallet-system .wallet-header{margin-bottom:32px}.wallet-system .wallet-header h1{color:var(--text-primary);margin-bottom:8px}.wallet-system .wallet-header p{color:var(--text-secondary);margin:0}.wallet-system .wallet-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.wallet-system .transactions-section .transactions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.wallet-system .transactions-section .transactions-header h2{color:var(--text-primary);margin:0}.wallet-system .transactions-section .transactions-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.wallet-system .transactions-section .transactions-filters button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;padding:10px 20px;transition:all .2s ease}.wallet-system .transactions-section .transactions-filters button:hover{background:var(--bg-tertiary)}.wallet-system .transactions-section .transactions-filters button.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.wallet-system .transactions-section .transactions-list{display:flex;flex-direction:column;gap:12px}.wallet-system .transactions-section .empty-state{color:var(--text-secondary);padding:60px 20px;text-align:center}.wallet-system .transactions-section .empty-state h3{margin-bottom:8px}.wallet-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-small);display:flex;gap:16px;padding:24px;transition:all .2s ease}.wallet-card:hover{box-shadow:var(--shadow-medium)}.wallet-card .card-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.wallet-card .card-content{flex:1 1}.wallet-card .card-content h3{font-size:24px;font-weight:700;margin-bottom:4px}.wallet-card .card-content p{color:var(--text-secondary);font-size:14px;margin:0}.wallet-card.balance-card .card-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.wallet-card.balance-card h3{color:var(--success-color)}.wallet-card.balance-card .add-funds-btn{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.wallet-card.balance-card .add-funds-btn:hover{background:var(--primary-color-dark)}.wallet-card.spent-card .card-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.wallet-card.spent-card h3{color:var(--danger-color)}.wallet-card.earned-card .card-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.wallet-card.earned-card h3{color:var(--primary-color)}.transaction-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s ease}.transaction-item:hover{box-shadow:var(--shadow-small)}.transaction-item .transaction-main{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.transaction-item .transaction-info{align-items:flex-start;display:flex;flex:1 1;gap:12px}.transaction-item .transaction-info .transaction-icon{align-items:center;border-radius:50%;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.transaction-item .transaction-info .transaction-icon.purchase{background:#ef44441a;color:var(--danger-color)}.transaction-item .transaction-info .transaction-icon.deposit{background:#10b9811a;color:var(--success-color)}.transaction-item .transaction-info .transaction-icon.refund{background:#8b5cf61a;color:var(--primary-color)}.transaction-item .transaction-info .transaction-details{flex:1 1}.transaction-item .transaction-info .transaction-details h4{color:var(--text-primary);font-size:16px;margin:0 0 8px}.transaction-item .transaction-info .transaction-details .transaction-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.transaction-item .transaction-info .transaction-details .transaction-meta span{background:var(--bg-secondary);border-radius:12px;color:var(--text-secondary);font-size:12px;padding:2px 8px}.transaction-item .transaction-info .transaction-details .transaction-meta .payment-method{background:var(--primary-color-alpha);color:var(--primary-color)}.transaction-item .transaction-info .transaction-details .course-info{display:flex;flex-direction:column;gap:4px}.transaction-item .transaction-info .transaction-details .course-info span{color:var(--text-secondary);font-size:12px}.transaction-item .transaction-amount{text-align:right}.transaction-item .transaction-amount .amount{display:block;font-size:18px;font-weight:600;margin-bottom:4px}.transaction-item .transaction-amount .amount.positive{color:var(--success-color)}.transaction-item .transaction-amount .amount.negative{color:var(--danger-color)}.transaction-item .transaction-amount .status{border-radius:12px;font-size:12px;padding:2px 8px}.transaction-item .transaction-amount .status.completed{background:#10b9811a;color:var(--success-color)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:var(--bg-primary);border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px}.modal .modal-header h2{color:var(--text-primary);margin:0}.modal .modal-header button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:24px}.modal .modal-content{padding:24px}.modal .modal-content .current-balance{background:var(--bg-secondary);border-radius:8px;margin-bottom:24px;padding:16px;text-align:center}.modal .modal-content .current-balance p{color:var(--text-secondary);margin:0}.modal .modal-content .current-balance strong{color:var(--success-color)}.modal .modal-content .form-group{margin-bottom:24px}.modal .modal-content .form-group label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:8px}.modal .modal-content .form-group input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:16px;padding:12px;width:100%}.modal .modal-content .form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha);outline:none}.modal .modal-content .form-group small{color:var(--text-secondary);display:block;font-size:12px;margin-top:4px}.modal .modal-content .payment-methods{margin-bottom:24px}.modal .modal-content .payment-methods h3{color:var(--text-primary);margin-bottom:16px}.modal .modal-content .payment-methods .payment-options{grid-gap:12px;display:grid;gap:12px}.modal .modal-content .payment-methods .payment-options .payment-option{cursor:pointer;display:block}.modal .modal-content .payment-methods .payment-options .payment-option input[type=radio]{display:none}.modal .modal-content .payment-methods .payment-options .payment-option .option-content{align-items:center;border:2px solid var(--border-color);border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.modal .modal-content .payment-methods .payment-options .payment-option .option-content svg{color:var(--text-secondary);font-size:20px}.modal .modal-content .payment-methods .payment-options .payment-option .option-content span{color:var(--text-primary);font-weight:500}.modal .modal-content .payment-methods .payment-options .payment-option input[type=radio]:checked+.option-content{background:var(--primary-color-alpha);border-color:var(--primary-color)}.modal .modal-content .payment-summary{background:var(--bg-secondary);border-radius:8px;padding:20px}.modal .modal-content .payment-summary .summary-row{display:flex;justify-content:space-between;margin-bottom:8px}.modal .modal-content .payment-summary .summary-row.total{border-top:1px solid var(--border-color);color:var(--primary-color);font-size:16px;font-weight:600;padding-top:8px}.modal .modal-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:24px}.btn{border-radius:8px;gap:8px;padding:12px 24px;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn.btn-primary{background:var(--primary-color)}.btn.btn-primary:hover:not(:disabled){background:var(--primary-color-dark)}.btn.btn-secondary:hover{background:var(--bg-tertiary)}@media(max-width:768px){.wallet-system{padding:16px}.wallet-cards{gap:16px;grid-template-columns:1fr}.wallet-card{padding:16px}.wallet-card .card-content h3{font-size:20px}.wallet-card.balance-card{flex-wrap:wrap}.wallet-card.balance-card .add-funds-btn{justify-content:center;margin-top:12px;width:100%}.transactions-section .transactions-header{align-items:flex-start;flex-direction:column;gap:12px}.transactions-section .transactions-header .btn{width:100%}.transactions-section .transactions-filters{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.transactions-section .transactions-filters button{font-size:13px;padding:8px 12px}.transaction-item{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding:16px}.transaction-item .transaction-main{align-items:stretch;flex-direction:column;gap:12px}.transaction-item .transaction-info{gap:12px}.transaction-item .transaction-info .transaction-icon{flex-shrink:0;font-size:16px;height:36px;width:36px}.transaction-item .transaction-info .transaction-details h4{font-size:14px}.transaction-item .transaction-info .transaction-details .transaction-meta{flex-wrap:wrap;gap:6px}.transaction-item .transaction-info .transaction-details .course-info span,.transaction-item .transaction-info .transaction-details .transaction-meta span{font-size:11px}.transaction-item .transaction-amount{align-items:center;display:flex;justify-content:space-between;padding-left:48px;width:100%}.transaction-item .transaction-amount .amount{font-size:16px}.transaction-item .transaction-amount .status{font-size:11px}.modal{max-height:85vh;width:95%}.modal .modal-actions,.modal .modal-content,.modal .modal-header{padding:16px}.modal .modal-actions{flex-direction:column}.modal .modal-actions .btn{width:100%}}.user-saved{background:var(--bg-primary);max-width:1400px;min-height:100%;padding:2rem}.user-saved__header{margin-bottom:2rem}.user-saved__title h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.user-saved__title p{color:var(--text-secondary);font-size:1rem}.user-saved__loading{align-items:center;display:flex;flex-direction:column;gap:1rem;height:50vh;justify-content:center}.user-saved__loading p{color:var(--text-secondary);font-size:1rem}.user-saved__spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.user-saved__controls{display:flex;gap:1rem;margin-bottom:2rem}@media(max-width:768px){.user-saved__controls{flex-direction:column}}.user-saved__search{flex:1 1;position:relative}.user-saved__search svg{color:var(--text-secondary);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.user-saved__search input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem;width:100%}.user-saved__search input:focus{border-color:var(--primary-color);outline:none}.user-saved__filter{min-width:200px;position:relative}.user-saved__filter svg{color:var(--text-secondary);left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.user-saved__filter select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem;width:100%}.user-saved__filter select:focus{border-color:var(--primary-color);outline:none}.user-saved__stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.user-saved__stat{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center}.user-saved__stat h3{color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:.5rem}.user-saved__stat p{color:var(--text-secondary);font-size:.9rem}.user-saved__empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.user-saved__empty svg{color:var(--text-secondary);margin-bottom:1rem}.user-saved__empty h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.user-saved__empty p{color:var(--text-secondary);font-size:1rem}.user-saved__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.user-saved__card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;position:relative;transition:all .2s ease}.user-saved__card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.user-saved__card-header{height:200px;overflow:hidden;position:relative}.user-saved__thumbnail{height:100%;object-fit:cover;width:100%}.user-saved__overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.user-saved__card:hover .user-saved__overlay{opacity:1}.user-saved__play-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;height:60px;justify-content:center;transition:all .2s ease;width:60px}.user-saved__play-btn svg{color:var(--primary-color);font-size:1.5rem;margin-left:2px}.user-saved__play-btn:hover{background:#fff;transform:scale(1.1)}.user-saved__duration{align-items:center;background:#000c;border-radius:4px;bottom:1rem;display:flex;gap:.25rem;padding:.25rem .5rem;right:1rem}.user-saved__duration,.user-saved__type{color:#fff;font-size:.8rem;position:absolute}.user-saved__type{background:var(--primary-color);border-radius:20px;font-weight:500;left:1rem;padding:.25rem .75rem;top:1rem}.user-saved__card-body{padding:1.5rem}.user-saved__card-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.user-saved__card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.9rem;line-height:1.5;margin-bottom:1rem;overflow:hidden}.user-saved__card-meta{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:1rem}.user-saved__teacher{align-items:center;color:var(--text-secondary);display:flex;gap:.5rem}.user-saved__teacher svg{font-size:.9rem}.user-saved__category{background:var(--primary-light);border-radius:20px;color:var(--primary-color);font-weight:500;padding:.25rem .75rem}.user-saved__progress{margin-bottom:1rem}.user-saved__progress-bar{background:var(--border-color);border-radius:2px;height:4px;margin-bottom:.5rem;overflow:hidden;width:100%}.user-saved__progress-fill{background:var(--primary-color);height:100%;transition:width .3s ease}.user-saved__progress-text{color:var(--text-secondary);font-size:.8rem}.user-saved__card-footer{align-items:center;display:flex;font-size:.8rem;justify-content:space-between}.user-saved__price{color:var(--primary-color);font-weight:600}.user-saved__saved-date{color:var(--text-secondary)}.user-saved__card-actions{position:absolute;right:1rem;top:1rem}.user-saved__remove-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;opacity:0;transition:all .2s ease;width:36px}.user-saved__card:hover .user-saved__remove-btn{opacity:1}.user-saved__remove-btn:hover{background:#ef4444;transform:scale(1.1)}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--success-50:#f0fdf4;--success-100:#dcfce7;--success-200:#bbf7d0;--success-300:#86efac;--success-400:#4ade80;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--success-800:#166534;--success-900:#14532d;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-300:#fcd34d;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--warning-800:#92400e;--warning-900:#78350f;--error-50:#fef2f2;--error-100:#fee2e2;--error-200:#fecaca;--error-300:#fca5a5;--error-400:#f87171;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--error-800:#991b1b;--error-900:#7f1d1d;--neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;--neutral-400:#94a3b8;--neutral-500:#64748b;--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--neutral-900:#0f172a;--gradient-primary:linear-gradient(135deg,var(--primary-500),var(--primary-700));--gradient-success:linear-gradient(135deg,var(--success-500),var(--success-700));--gradient-warning:linear-gradient(135deg,var(--warning-500),var(--warning-700));--gradient-error:linear-gradient(135deg,var(--error-500),var(--error-700));--gradient-rainbow:linear-gradient(135deg,#667eea,#764ba2);--gradient-sunset:linear-gradient(135deg,#f093fb,#f5576c);--gradient-ocean:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-forest:linear-gradient(135deg,#43e97b,#38f9d7);--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000f;--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-thin:100;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--transition-fast:150ms ease-in-out;--transition-normal:300ms ease-in-out;--transition-slow:500ms ease-in-out}[data-theme=dark]{--bg-primary:var(--neutral-900);--bg-secondary:var(--neutral-800);--bg-card:var(--neutral-800);--bg-hover:var(--neutral-700);--bg-tertiary:var(--neutral-700);--text-primary:var(--neutral-50);--text-secondary:var(--neutral-300);--border-primary:var(--neutral-700);--border-secondary:var(--neutral-600);--shadow-primary:var(--shadow-xl);--shadow-secondary:var(--shadow-2xl);--status-completed-bg:var(--success-700);--status-in-progress-bg:var(--primary-700);--grade-excellent-color:var(--success-400);--grade-very-good-color:var(--primary-400);--grade-good-color:var(--warning-400);--grade-average-color:var(--neutral-400);--grade-poor-color:var(--error-400)}[data-theme=light]{--bg-primary:var(--neutral-50);--bg-secondary:var(--neutral-100);--bg-card:var(--neutral-100);--bg-hover:var(--neutral-200);--bg-tertiary:var(--neutral-200);--text-primary:var(--neutral-900);--text-secondary:var(--neutral-700);--border-primary:var(--neutral-200);--border-secondary:var(--neutral-300);--shadow-primary:var(--shadow-md);--shadow-secondary:var(--shadow-lg);--status-completed-bg:var(--success-500);--status-in-progress-bg:var(--primary-500);--grade-excellent-color:var(--success-600);--grade-very-good-color:var(--primary-600);--grade-good-color:var(--warning-600);--grade-average-color:var(--neutral-600);--grade-poor-color:var(--error-600)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;line-height:var(--line-height-normal);transition:background-color .3s ease-in-out,color .3s ease-in-out;transition:background-color var(--transition-normal),color var(--transition-normal)}.container{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--space-4)}@media(min-width:768px)and (max-width:1023px){.container{padding:0 1.5rem;padding:0 var(--space-6)}}@media(min-width:1024px){.container{padding:0 2rem;padding:0 var(--space-8)}}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-primary);transition:all .3s ease-in-out;transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-secondary);transform:translateY(-2px)}.btn{border-radius:.5rem;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:.5rem;justify-content:center;line-height:1.25;line-height:var(--line-height-tight);overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast);z-index:1}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease-in-out;transition:left var(--transition-normal);width:100%;z-index:-1}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--gradient-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.btn.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-primary)}.btn.btn-secondary:hover{border-color:#3b82f6}.btn.btn-outline{border:1px solid #3b82f6;border:1px solid var(--primary-500);color:#3b82f6;color:var(--primary-500)}.btn.btn-outline:hover{background:#3b82f6;background:var(--primary-500)}.btn.btn-success{background:linear-gradient(135deg,#22c55e,#15803d);background:var(--gradient-success);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff}.btn.btn-success:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.btn.btn-warning{background:linear-gradient(135deg,#f59e0b,#b45309);background:var(--gradient-warning);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff}.btn.btn-warning:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.btn.btn-error{background:linear-gradient(135deg,#ef4444,#b91c1c);background:var(--gradient-error);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff}.btn.btn-error:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.btn.btn-ghost{background:#0000;border:1px solid #0000;color:var(--text-primary)}.btn.btn-ghost:hover{background:var(--bg-hover);border-color:var(--border-primary)}.btn.btn-sm{font-size:.75rem;font-size:var(--font-size-xs);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn.btn-lg{font-size:1.125rem;font-size:var(--font-size-lg);padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.btn.btn-xl{font-size:1.25rem;font-size:var(--font-size-xl);padding:1.25rem 2.5rem;padding:var(--space-5) var(--space-10)}.animate-fade-in{animation:fadeIn .5s ease-in-out}.animate-slide-up{animation:slideUp .5s ease-out}.animate-slide-down{animation:slideDown .5s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--primary-500);outline-offset:2px}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4)}.grid.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid.grid-cols-6{grid-template-columns:repeat(6,1fr)}@media(max-width:767px){.grid.grid-cols-2,.grid.grid-cols-3,.grid.grid-cols-4,.grid.grid-cols-5,.grid.grid-cols-6{grid-template-columns:1fr}}@media(min-width:768px)and (max-width:1023px){.grid.grid-cols-4,.grid.grid-cols-5,.grid.grid-cols-6{grid-template-columns:repeat(2,1fr)}}.flex{display:flex}.flex.flex-col{flex-direction:column}.flex.flex-row{flex-direction:row}.flex.items-center{align-items:center}.flex.items-start{align-items:flex-start}.flex.items-end{align-items:flex-end}.flex.justify-center{justify-content:center}.flex.justify-between{justify-content:space-between}.flex.justify-around{justify-content:space-around}.flex.justify-evenly{justify-content:space-evenly}.flex.gap-1{gap:.25rem;gap:var(--space-1)}.flex.gap-2{gap:.5rem;gap:var(--space-2)}.flex.gap-3{gap:.75rem;gap:var(--space-3)}.flex.gap-4{gap:1rem;gap:var(--space-4)}.flex.gap-6{gap:1.5rem;gap:var(--space-6)}.flex.gap-8{gap:2rem;gap:var(--space-8)}.p-1{padding:.25rem;padding:var(--space-1)}.p-2{padding:.5rem;padding:var(--space-2)}.p-3{padding:.75rem;padding:var(--space-3)}.p-4{padding:1rem;padding:var(--space-4)}.p-6{padding:1.5rem;padding:var(--space-6)}.p-8{padding:2rem;padding:var(--space-8)}.m-1{margin:.25rem;margin:var(--space-1)}.m-2{margin:.5rem;margin:var(--space-2)}.m-3{margin:.75rem;margin:var(--space-3)}.m-4{margin:1rem;margin:var(--space-4)}.m-6{margin:1.5rem;margin:var(--space-6)}.m-8{margin:2rem;margin:var(--space-8)}.text-xs{font-size:.75rem;font-size:var(--font-size-xs)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-base{font-size:1rem;font-size:var(--font-size-base)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.text-2xl{font-size:1.5rem;font-size:var(--font-size-2xl)}.text-3xl{font-size:1.875rem;font-size:var(--font-size-3xl)}.text-4xl{font-size:2.25rem;font-size:var(--font-size-4xl)}.font-thin{font-weight:100;font-weight:var(--font-weight-thin)}.font-light{font-weight:300;font-weight:var(--font-weight-light)}.font-normal{font-weight:400;font-weight:var(--font-weight-normal)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:800;font-weight:var(--font-weight-extrabold)}.font-black{font-weight:900;font-weight:var(--font-weight-black)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.rounded-xs{border-radius:.125rem;border-radius:var(--radius-xs)}.rounded-sm{border-radius:.25rem;border-radius:var(--radius-sm)}.rounded-md{border-radius:.375rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:.5rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:.75rem;border-radius:var(--radius-xl)}.rounded-2xl{border-radius:1rem;border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:1.5rem;border-radius:var(--radius-3xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow-xs{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:inset 0 2px 4px 0 #0000000f;box-shadow:var(--shadow-inner)}.user-certificates{background:var(--bg-primary);color:var(--text-primary);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem;padding:var(--space-8);transition:background .3s ease-in-out,color .3s ease-in-out;transition:background var(--transition-normal),color var(--transition-normal)}@media(max-width:767px){.user-certificates{padding:1rem;padding:var(--space-4)}}.user-certificates .certificates-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--gradient-primary);border-radius:1.5rem;border-radius:var(--radius-3xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);color:#fff;display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--space-8);overflow:hidden;padding:1.5rem 2rem;padding:var(--space-6) var(--space-8);position:relative}@media(max-width:767px){.user-certificates .certificates-header{flex-direction:column;margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1rem;padding:var(--space-4);text-align:center}}.user-certificates .certificates-header:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#ffffff26 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%;z-index:1}.user-certificates .certificates-header .header-info{flex:1 1;position:relative;text-align:left;z-index:2}@media(max-width:767px){.user-certificates .certificates-header .header-info{margin-bottom:1rem;margin-bottom:var(--space-4);text-align:center}}.user-certificates .certificates-header .header-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#dbeafe);background:linear-gradient(135deg,#fff,var(--primary-100));-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:900;font-weight:var(--font-weight-black);line-height:1.25;line-height:var(--line-height-tight);margin-bottom:.5rem;margin-bottom:var(--space-2)}@media(max-width:767px){.user-certificates .certificates-header .header-info h1{font-size:1.875rem;font-size:var(--font-size-3xl)}}.user-certificates .certificates-header .header-info p{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:500;font-weight:var(--font-weight-medium);opacity:.9}@media(max-width:767px){.user-certificates .certificates-header .header-info p{font-size:1rem;font-size:var(--font-size-base)}}.user-certificates .certificates-header .header-stats{display:flex;gap:1.5rem;gap:var(--space-6);position:relative;z-index:2}@media(max-width:767px){.user-certificates .certificates-header .header-stats{flex-wrap:wrap;gap:.75rem;gap:var(--space-3);justify-content:center}}.user-certificates .certificates-header .header-stats .stat-item{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff26;border:1px solid #fff3;border-radius:.75rem;border-radius:var(--radius-xl);display:flex;flex-direction:column;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:transform .15s ease-in-out;transition:transform var(--transition-fast)}.user-certificates .certificates-header .header-stats .stat-item:hover{transform:translateY(-3px)}.user-certificates .certificates-header .header-stats .stat-item .stat-number{color:#fff;font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:800;font-weight:var(--font-weight-extrabold);line-height:1;margin-bottom:.25rem;margin-bottom:var(--space-1);text-shadow:0 2px 4px #0003}@media(max-width:767px){.user-certificates .certificates-header .header-stats .stat-item .stat-number{font-size:1.5rem;font-size:var(--font-size-2xl)}}.user-certificates .certificates-header .header-stats .stat-item .stat-label{font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:.5px;opacity:.8;text-transform:uppercase}@media(max-width:767px){.user-certificates .certificates-header .header-stats .stat-item .stat-label{font-size:.75rem;font-size:var(--font-size-xs)}}.user-certificates .certificates-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--space-8)}@media(max-width:767px){.user-certificates .certificates-controls{align-items:stretch;flex-direction:column;margin-bottom:1.5rem;margin-bottom:var(--space-6)}}.user-certificates .certificates-controls .search-section{flex:1 1;min-width:250px}.user-certificates .certificates-controls .search-section .search-box{position:relative;width:100%}.user-certificates .certificates-controls .search-section .search-box .search-icon{color:var(--text-secondary);font-size:1.125rem;font-size:var(--font-size-lg);left:.75rem;left:var(--space-3);position:absolute;top:50%;transform:translateY(-50%)}.user-certificates .certificates-controls .search-section .search-box .search-input{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1rem .75rem 2rem;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-8);transition:all .15s ease-in-out;transition:all var(--transition-fast);width:100%}.user-certificates .certificates-controls .search-section .search-box .search-input:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #bfdbfe;box-shadow:0 0 0 3px var(--primary-200);outline:none}.user-certificates .certificates-controls .search-section .search-box .search-input::placeholder{color:var(--text-secondary);opacity:.7}.user-certificates .certificates-controls .filter-tabs{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}@media(max-width:767px){.user-certificates .certificates-controls .filter-tabs{justify-content:center;width:100%}}.user-certificates .certificates-controls .filter-tabs .filter-tab{background:var(--bg-card);border:2px solid var(--border-primary);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-xs);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);text-transform:uppercase;transition:all .3s ease-in-out;transition:all var(--transition-normal)}.user-certificates .certificates-controls .filter-tabs .filter-tab.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--gradient-primary);border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.user-certificates .certificates-controls .filter-tabs .filter-tab:hover:not(.active){background:var(--bg-hover);border-color:#3b82f6;border-color:var(--primary-500);color:var(--text-primary);transform:translateY(-1px)}@media(max-width:767px){.user-certificates .certificates-controls .filter-tabs .filter-tab{font-size:.75rem;font-size:var(--font-size-xs);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}}.user-certificates .certificates-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:2rem;margin-bottom:var(--space-8)}@media(max-width:767px){.user-certificates .certificates-grid{gap:1rem;gap:var(--space-4);grid-template-columns:1fr}}@media(min-width:768px)and (max-width:1023px){.user-certificates .certificates-grid{grid-template-columns:repeat(2,1fr)}}.user-certificates .certificate-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease-in-out;transition:all var(--transition-normal)}.user-certificates .certificate-card:hover{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-8px)}.user-certificates .certificate-card .certificate-thumbnail{border-bottom:1px solid var(--border-secondary);overflow:hidden;padding-bottom:60%;position:relative;width:100%}.user-certificates .certificate-card .certificate-thumbnail img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s ease-in-out;transition:transform var(--transition-normal);width:100%}.user-certificates .certificate-card .certificate-thumbnail:hover img{transform:scale(1.05)}.user-certificates .certificate-card .certificate-thumbnail .certificate-overlay{background:linear-gradient(0deg,#000000b3 0,#0000 50%);display:flex;flex-direction:column;height:100%;justify-content:space-between;left:0;opacity:0;padding:1rem;padding:var(--space-4);position:absolute;top:0;transition:opacity .3s ease-in-out;transition:opacity var(--transition-normal);width:100%}.user-certificates .certificate-card .certificate-thumbnail .certificate-overlay:hover{opacity:1}.user-certificates .certificate-card .certificate-thumbnail .certificate-overlay .certificate-status{align-self:flex-start}.user-certificates .certificate-card .certificate-thumbnail .certificate-overlay .certificate-status .status-badge{border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);color:#fff;font-size:.75rem;font-size:var(--font-size-xs);font-weight:700;font-weight:var(--font-weight-bold);padding:.25rem .75rem;padding:var(--space-1) var(--space-3);text-transform:uppercase}.user-certificates .certificate-card .certificate-thumbnail .certificate-overlay .certificate-status .status-badge.status-completed{background:var(--status-completed-bg)}.user-certificates .certificate-card .certificate-thumbnail .certificate-overlay .certificate-status .status-badge.status-in-progress{background:var(--status-in-progress-bg)}.user-certificates .certificate-card .certificate-thumbnail .certificate-overlay .certificate-actions{display:flex;gap:.5rem;gap:var(--space-2);justify-content:flex-end}.user-certificates .certificate-card .certificate-thumbnail .certificate-overlay .certificate-actions .action-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border:1px solid #ffffff4d;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-size:var(--font-size-lg);height:40px;justify-content:center;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:40px}.user-certificates .certificate-card .certificate-thumbnail .certificate-overlay .certificate-actions .action-btn:hover{background:#3b82f6;background:var(--primary-500);border-color:#3b82f6;border-color:var(--primary-500);transform:scale(1.1)}.user-certificates .certificate-card .certificate-thumbnail .progress-overlay{bottom:.75rem;bottom:var(--space-3);position:absolute;right:.75rem;right:var(--space-3);z-index:2}.user-certificates .certificate-card .certificate-thumbnail .progress-overlay .progress-circle{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--gradient-primary);border:3px solid #fff;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:700;font-weight:var(--font-weight-bold);height:60px;justify-content:center;width:60px}.user-certificates .certificate-card .certificate-content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:1.5rem;padding:var(--space-6)}.user-certificates .certificate-card .certificate-content .certificate-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--space-3)}.user-certificates .certificate-card .certificate-content .certificate-header h3{color:var(--text-primary);flex:1 1;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight)}.user-certificates .certificate-card .certificate-content .certificate-header .certificate-grade{margin-left:.75rem;margin-left:var(--space-3)}.user-certificates .certificate-card .certificate-content .certificate-header .certificate-grade .grade{border-radius:.375rem;border-radius:var(--radius-md);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);color:#fff;font-size:.875rem;font-size:var(--font-size-sm);font-weight:700;font-weight:var(--font-weight-bold);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.user-certificates .certificate-card .certificate-content .certificate-course{margin-bottom:.75rem;margin-bottom:var(--space-3)}.user-certificates .certificate-card .certificate-content .certificate-course .course-title{color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.user-certificates .certificate-card .certificate-content .certificate-instructor{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--space-2);margin-bottom:1rem;margin-bottom:var(--space-4)}.user-certificates .certificate-card .certificate-content .certificate-instructor .instructor-avatar{border:2px solid #3b82f6;border:2px solid var(--primary-500);border-radius:9999px;border-radius:var(--radius-full);height:32px;object-fit:cover;width:32px}.user-certificates .certificate-card .certificate-content .certificate-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.875rem;font-size:var(--font-size-sm);line-height:1.625;line-height:var(--line-height-relaxed);margin-bottom:1rem;margin-bottom:var(--space-4);overflow:hidden;text-overflow:ellipsis}.user-certificates .certificate-card .certificate-content .certificate-meta{grid-gap:.5rem;grid-gap:var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:.5rem;border-radius:var(--radius-lg);display:grid;gap:.5rem;gap:var(--space-2);grid-template-columns:1fr;margin-bottom:1rem;margin-bottom:var(--space-4);padding:.75rem;padding:var(--space-3)}.user-certificates .certificate-card .certificate-content .certificate-meta .meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--space-2)}.user-certificates .certificate-card .certificate-content .certificate-meta .meta-item svg{color:#3b82f6;color:var(--primary-500)}.user-certificates .certificate-card .certificate-content .certificate-scores{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:.5rem;border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-4);padding:.75rem;padding:var(--space-3)}.user-certificates .certificate-card .certificate-content .certificate-scores .score-item{align-items:center;display:flex;flex:1 1;flex-direction:column}.user-certificates .certificate-card .certificate-content .certificate-scores .score-item .score-label{color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs);letter-spacing:.5px;margin-bottom:.25rem;margin-bottom:var(--space-1);text-transform:uppercase}.user-certificates .certificate-card .certificate-content .certificate-scores .score-item .score-value{color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold)}.user-certificates .certificate-card .certificate-content .certificate-progress{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:.5rem;border-radius:var(--radius-lg);margin-bottom:1rem;margin-bottom:var(--space-4);padding:.75rem;padding:var(--space-3)}.user-certificates .certificate-card .certificate-content .certificate-progress .progress-info{color:var(--text-secondary);display:flex;font-size:.875rem;font-size:var(--font-size-sm);justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--space-2)}.user-certificates .certificate-card .certificate-content .certificate-progress .progress-bar{background:#cbd5e1;background:var(--neutral-300);border-radius:9999px;border-radius:var(--radius-full);height:8px;overflow:hidden;width:100%}.user-certificates .certificate-card .certificate-content .certificate-progress .progress-bar .progress-fill{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--gradient-primary);border-radius:9999px;border-radius:var(--radius-full);height:100%;transition:width .3s ease-in-out;transition:width var(--transition-normal)}.user-certificates .certificate-card .certificate-content .certificate-skills{margin-bottom:1rem;margin-bottom:var(--space-4)}.user-certificates .certificate-card .certificate-content .certificate-skills h4{color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.5rem;margin-bottom:var(--space-2)}.user-certificates .certificate-card .certificate-content .certificate-skills .skills-list{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.user-certificates .certificate-card .certificate-content .certificate-skills .skills-list .skill-tag{background:#dbeafe;background:var(--primary-100);border:1px solid #bfdbfe;border:1px solid var(--primary-200);border-radius:9999px;border-radius:var(--radius-full);color:#1d4ed8;color:var(--primary-700);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.user-certificates .certificate-card .certificate-content .certificate-actions{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3);margin-top:1rem;margin-top:var(--space-4)}.user-certificates .certificate-card .certificate-content .certificate-actions .btn{flex:1 1;min-width:120px}.user-certificates .empty-state{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1.5rem;border-radius:var(--radius-3xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:var(--text-secondary);margin-top:2rem;margin-top:var(--space-8);padding:4rem 2rem;padding:var(--space-16) var(--space-8);text-align:center}.user-certificates .empty-state svg{color:#3b82f6;color:var(--primary-500);font-size:3.75rem;font-size:var(--font-size-6xl);margin-bottom:1.5rem;margin-bottom:var(--space-6);opacity:.5}.user-certificates .empty-state h3{color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.75rem;margin-bottom:var(--space-3)}.user-certificates .empty-state p{font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:2rem;margin-bottom:var(--space-8);margin-left:auto;margin-right:auto;max-width:500px}.user-certificates .empty-state .btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--gradient-primary);border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;display:inline-flex;font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--space-2);padding:1rem 2rem;padding:var(--space-4) var(--space-8);text-decoration:none;transition:all .3s ease-in-out;transition:all var(--transition-normal)}.user-certificates .empty-state .btn:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-3px)}.user-certificates .modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.user-certificates .modal{animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1.5rem;border-radius:var(--radius-3xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);max-width:800px;padding:2rem;padding:var(--space-8);position:relative;width:90%}.user-certificates .modal .modal-header{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-6);padding-bottom:.75rem;padding-bottom:var(--space-3)}.user-certificates .modal .modal-header h2{color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold)}.user-certificates .modal .modal-header button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;font-size:var(--font-size-2xl);transition:color .15s ease-in-out;transition:color var(--transition-fast)}.user-certificates .modal .modal-header button:hover{color:#ef4444;color:var(--error-500)}.user-certificates .modal .modal-content .certificate-details{display:flex;gap:2rem;gap:var(--space-8)}@media(max-width:767px){.user-certificates .modal .modal-content .certificate-details{flex-direction:column;gap:1.5rem;gap:var(--space-6)}}.user-certificates .modal .modal-content .certificate-details .certificate-image{border:1px solid var(--border-primary);border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);flex:1 1;max-width:350px;min-width:250px;overflow:hidden}.user-certificates .modal .modal-content .certificate-details .certificate-image img{display:block;height:auto;width:100%}.user-certificates .modal .modal-content .certificate-details .certificate-info{flex:2 1}.user-certificates .modal .modal-content .certificate-details .certificate-info h3{color:var(--text-primary);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:800;font-weight:var(--font-weight-extrabold);margin-bottom:.5rem;margin-bottom:var(--space-2)}.user-certificates .modal .modal-content .certificate-details .certificate-info .course-name{color:var(--text-secondary);font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:.75rem;margin-bottom:var(--space-3)}.user-certificates .modal .modal-content .certificate-details .certificate-info .instructor,.user-certificates .modal .modal-content .certificate-details .certificate-info .issuer{color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-base);margin-bottom:.25rem;margin-bottom:var(--space-1)}.user-certificates .modal .modal-content .certificate-details .certificate-info .certificate-scores-modal{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:.75rem;border-radius:var(--radius-xl);display:flex;gap:1.5rem;gap:var(--space-6);margin-bottom:1.5rem;margin-bottom:var(--space-6);margin-top:1rem;margin-top:var(--space-4);padding:1rem;padding:var(--space-4)}.user-certificates .modal .modal-content .certificate-details .certificate-info .certificate-scores-modal .score-item{display:flex;flex-direction:column}.user-certificates .modal .modal-content .certificate-details .certificate-info .certificate-scores-modal .score-item span:first-child{color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);letter-spacing:.5px;text-transform:uppercase}.user-certificates .modal .modal-content .certificate-details .certificate-info .certificate-scores-modal .score-item .score-value{color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold)}.user-certificates .modal .modal-content .certificate-details .certificate-info .certificate-dates{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:.75rem;border-radius:var(--radius-xl);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1rem;padding:var(--space-4)}.user-certificates .modal .modal-content .certificate-details .certificate-info .certificate-dates .date-item{color:var(--text-primary);display:flex;font-size:1rem;font-size:var(--font-size-base);justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--space-2)}.user-certificates .modal .modal-content .certificate-details .certificate-info .certificate-dates .date-item span:first-child{color:var(--text-secondary);font-weight:500;font-weight:var(--font-weight-medium)}.user-certificates .modal .modal-content .certificate-details .certificate-info .certificate-actions-modal{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3);margin-top:1.5rem;margin-top:var(--space-6)}.user-certificates .modal .modal-content .certificate-details .certificate-info .certificate-actions-modal .btn{flex:1 1;min-width:150px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.grade-excellent{background:#22c55e;background:var(--success-500);color:#fff}.grade-very-good{background:#3b82f6;background:var(--primary-500);color:#fff}.grade-good{background:#f59e0b;background:var(--warning-500);color:#fff}.grade-average{background:#64748b;background:var(--neutral-500);color:#fff}.grade-poor{background:#ef4444;background:var(--error-500);color:#fff}.user-liked{color:var(--text-primary);padding:var(--space-8) var(--space-4)}@media(min-width:768px){.user-liked{padding:var(--space-10) var(--space-6)}}@media(min-width:1024px){.user-liked{padding:var(--space-12) var(--space-8)}}.liked-header{margin-bottom:var(--space-8)}.liked-header .header-info{margin-bottom:var(--space-6);text-align:center}.liked-header .header-info h1{-webkit-text-fill-color:#0000;background:var(--gradient-rainbow);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.liked-header .header-info p{color:var(--text-secondary);font-size:var(--font-size-lg);opacity:.9}.liked-header .header-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.liked-header .header-stats{grid-template-columns:repeat(4,1fr)}}.liked-header .header-stats .stat-item{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:var(--space-5) var(--space-6);text-align:center;transition:all var(--transition-normal)}.liked-header .header-stats .stat-item:hover{border-color:var(--primary-500);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.liked-header .header-stats .stat-item .stat-number{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-1)}.liked-header .header-stats .stat-item .stat-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.liked-tabs{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-8)}.liked-tabs .tab-button{align-items:center;background:#0000;border:2px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-6);position:relative;transition:all var(--transition-normal)}.liked-tabs .tab-button svg{font-size:1.1rem}.liked-tabs .tab-button.active{background:var(--gradient-primary);border-color:var(--primary-500);box-shadow:var(--shadow-md);color:#fff}.liked-tabs .tab-button:hover:not(.active){background:var(--bg-surface);border-color:var(--primary-300);color:var(--text-primary)}.liked-controls{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}@media(min-width:768px){.liked-controls{align-items:center;flex-direction:row;justify-content:space-between}}.liked-controls .search-section{flex:1 1;max-width:100%}@media(min-width:768px){.liked-controls .search-section{max-width:400px}}.liked-controls .search-box{position:relative;width:100%}.liked-controls .search-box .search-icon{color:var(--text-secondary);left:var(--space-3);opacity:.6;position:absolute;top:50%;transform:translateY(-50%)}.liked-controls .search-box .search-input{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 1.5rem);transition:all var(--transition-fast);width:100%}.liked-controls .search-box .search-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f633;outline:none}.liked-controls .search-box .search-input::placeholder{color:var(--text-secondary);opacity:.5}.liked-controls .filter-section{display:flex;gap:var(--space-3)}.liked-controls .filter-section .sort-section .sort-select{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.liked-controls .filter-section .sort-section .sort-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f633;outline:none}.liked-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:1fr}@media(min-width:768px){.liked-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.liked-grid{grid-template-columns:repeat(3,1fr)}}.liked-item{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition-normal)}.liked-item:hover{border-color:var(--primary-300);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.liked-item .item-thumbnail{height:180px;overflow:hidden;position:relative}.liked-item .item-thumbnail img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.liked-item .item-thumbnail:hover img{transform:scale(1.05)}.liked-item .item-thumbnail .item-overlay{background:linear-gradient(#0000,#000c);bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;opacity:0;padding:var(--space-4);position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.liked-item .item-thumbnail .item-overlay .item-type .type-badge{align-items:center;background:#0009;border-radius:var(--radius-md);color:#fff;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--space-1);padding:var(--space-1) var(--space-3)}.liked-item .item-thumbnail .item-overlay .item-type .type-badge svg{font-size:.875rem}.liked-item .item-thumbnail .item-overlay .item-duration{align-items:center;background:#0009;border-radius:var(--radius-md);color:#fff;display:flex;font-size:var(--font-size-xs);gap:var(--space-1);margin-top:auto;padding:var(--space-1) var(--space-3)}.liked-item .item-thumbnail .item-overlay .item-duration svg{font-size:.875rem}.liked-item .item-thumbnail .item-overlay .item-actions{display:flex;gap:var(--space-2);position:absolute;right:var(--space-3);top:var(--space-3)}.liked-item .item-thumbnail .item-overlay .item-actions .action-btn{align-items:center;background:#fff3;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.liked-item .item-thumbnail .item-overlay .item-actions .action-btn:hover{background:#ffffff4d;transform:scale(1.1)}.liked-item .item-thumbnail .item-overlay .item-actions .action-btn.liked{background:#ef44444d;color:#ef4444}.liked-item .item-thumbnail:hover .item-overlay{opacity:1}.liked-item .item-content{display:flex;flex:1 1;flex-direction:column;padding:var(--space-5)}.liked-item .item-content .item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.liked-item .item-content .item-header h3{color:var(--text-primary);flex:1 1;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.liked-item .item-content .item-header .item-rating{align-items:center;color:var(--success-500);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);gap:var(--space-1);margin-left:var(--space-3)}.liked-item .item-content .item-header .item-rating .heart-icon{color:var(--success-500)}.liked-item .item-content .item-instructor{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);margin-bottom:var(--space-3)}.liked-item .item-content .item-instructor .instructor-avatar{border-radius:var(--radius-full);height:32px;object-fit:cover;width:32px}.liked-item .item-content .item-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);overflow:hidden}.liked-item .item-content .item-stats{color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--space-4);margin-bottom:var(--space-4)}.liked-item .item-content .item-stats .stat{align-items:center;display:flex;gap:var(--space-1)}.liked-item .item-content .item-stats .stat .category-tag{background:var(--primary-100);border-radius:var(--radius-md);color:var(--primary-700);font-size:.75rem;font-weight:var(--font-weight-semibold);padding:.125rem .5rem}.liked-item .item-content .video-course{margin-bottom:var(--space-4)}.liked-item .item-content .video-course .course-link{color:var(--primary-500);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none}.liked-item .item-content .video-course .course-link:hover{text-decoration:underline}.liked-item .item-content .item-meta{color:var(--neutral-500);font-size:var(--font-size-xs);margin-bottom:var(--space-5)}.liked-item .item-content .item-meta .liked-date{font-style:italic}.liked-item .item-content .item-actions-bottom{display:flex;gap:var(--space-3);margin-top:auto}.liked-item .item-content .item-actions-bottom .btn{flex:1 1;font-size:var(--font-size-sm);justify-content:center;padding:var(--space-3) var(--space-4)}.liked-item .item-content .item-actions-bottom .btn.btn-outline{background:#0000;border:1px solid var(--border-color);color:var(--text-primary)}.liked-item .item-content .item-actions-bottom .btn.btn-outline:hover{border-color:var(--primary-500);color:var(--primary-500)}.liked-item .comments-section{background:var(--bg-surface);border-top:1px solid var(--border-color);padding:var(--space-5)}.liked-item .comments-section h4{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.liked-item .comments-section .comments-list .comment-item{margin-bottom:var(--space-4)}.liked-item .comments-section .comments-list .comment-item .comment-content p{color:var(--text-primary);font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.liked-item .comments-section .comments-list .comment-item .comment-content .comment-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--space-3)}.liked-item .comments-section .comments-list .comment-item .comment-content .comment-meta .comment-date{font-style:italic}.liked-item .comments-section .comments-list .comment-item .comment-content .comment-meta .comment-like{align-items:center;background:#0000;border:none;color:var(--neutral-500);cursor:pointer;display:flex;gap:var(--space-1);transition:color var(--transition-fast)}.liked-item .comments-section .comments-list .comment-item .comment-content .comment-meta .comment-like.liked,.liked-item .comments-section .comments-list .comment-item .comment-content .comment-meta .comment-like:hover{color:var(--success-500)}.empty-state{color:var(--text-secondary);padding:var(--space-12) var(--space-6);text-align:center}.empty-state svg{color:var(--neutral-400);opacity:.6}.empty-state h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.empty-state p{max-width:500px;opacity:.8}.empty-state .btn{margin-top:var(--space-4)}.user-submitted-assignments{background:var(--bg-primary);min-height:100vh}@media(max-width:768px){.user-submitted-assignments{padding:16px}}.user-submitted-assignments .usa__header{border-bottom:1px solid var(--bg-hover);gap:16px;padding-bottom:24px;width:100%}.user-submitted-assignments .usa__header .usa__back-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--bg-hover);border-radius:10px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:100px;padding:10px 16px;transition:all .3s ease}.user-submitted-assignments .usa__header .usa__back-btn:hover{background:var(--bg-hover);box-shadow:0 4px 12px var(--shadow);transform:translateX(-4px)}.user-submitted-assignments .usa__header .usa__back-btn svg{height:18px;width:18px}.user-submitted-assignments .usa__header .usa__title{color:var(--text-primary);font-size:24px;font-weight:800;text-align:center}@media(max-width:768px){.user-submitted-assignments .usa__header .usa__title{font-size:20px}}.user-submitted-assignments .usa__header .usa__spacer{flex:1 1}.user-submitted-assignments .usa__stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:32px;max-width:1200px;padding-bottom:24px}@media(max-width:768px){.user-submitted-assignments .usa__stats{gap:12px;grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.user-submitted-assignments .usa__stats{grid-template-columns:1fr}}.user-submitted-assignments .usa__stats .usa__stat-card{background:var(--bg-surface);border:1px solid var(--bg-hover);border-radius:14px;box-shadow:0 2px 8px var(--shadow);padding:24px;transition:all .3s ease}.user-submitted-assignments .usa__stats .usa__stat-card:hover{box-shadow:0 12px 24px var(--shadow);transform:translateY(-6px)}.user-submitted-assignments .usa__stats .usa__stat-card .usa__stat-label{color:var(--text-primary);font-size:12px;font-weight:600;letter-spacing:.6px;margin-bottom:10px;text-transform:uppercase}.user-submitted-assignments .usa__stats .usa__stat-card .usa__stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800}.user-submitted-assignments .usa__filters{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:1200px}@media(max-width:768px){.user-submitted-assignments .usa__filters{gap:8px}}.user-submitted-assignments .usa__filters .usa__filter-btn{background:var(--bg-surface);border:2px solid var(--bg-hover);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.user-submitted-assignments .usa__filters .usa__filter-btn:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.user-submitted-assignments .usa__filters .usa__filter-btn.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#0000;box-shadow:0 4px 12px #3b82f64d;color:#fff}@media(max-width:480px){.user-submitted-assignments .usa__filters .usa__filter-btn{font-size:12px;padding:10px 14px}}.user-submitted-assignments .usa__content{margin-left:auto;margin-right:auto;max-width:1200px}.user-submitted-assignments .usa__content .usa__empty,.user-submitted-assignments .usa__content .usa__error,.user-submitted-assignments .usa__content .usa__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.user-submitted-assignments .usa__content .usa__empty p,.user-submitted-assignments .usa__content .usa__error p,.user-submitted-assignments .usa__content .usa__loading p{color:var(--text-primary);font-size:16px;margin-top:16px}.user-submitted-assignments .usa__content .usa__spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:50px;width:50px}.user-submitted-assignments .usa__content .usa__empty svg,.user-submitted-assignments .usa__content .usa__error svg{color:#ef4444;height:50px;width:50px}.user-submitted-assignments .usa__content .usa__assignments-list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media(max-width:768px){.user-submitted-assignments .usa__content .usa__assignments-list{gap:16px;grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.user-submitted-assignments .usa__content .usa__assignments-list{gap:12px;grid-template-columns:1fr}}.user-submitted-assignments .usa__content .usa__assignments-list .usa__assignment-card{background:var(--bg-surface);border:1px solid var(--bg-hover);border-radius:14px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-submitted-assignments .usa__content .usa__assignments-list .usa__assignment-card:hover{box-shadow:0 16px 32px var(--shadow);transform:translateY(-8px)}.user-submitted-assignments .usa__content .usa__assignments-list .usa__assignment-card.grade-excellent{border-top:4px solid #10b981}.user-submitted-assignments .usa__content .usa__assignments-list .usa__assignment-card.grade-good{border-top:4px solid #3b82f6}.user-submitted-assignments .usa__content .usa__assignments-list .usa__assignment-card.grade-poor{border-top:4px solid #ef4444}.user-submitted-assignments .usa__content .usa__assignments-list .usa__assignment-card.grade-pending{border-top:4px solid #f59e0b}.user-submitted-assignments .usa__content .usa__assignments-list .usa__assignment-card .usa__card-header{align-items:flex-start;border-bottom:1px solid var(--bg-hover);display:flex;gap:12px;justify-content:space-between;padding:20px}.user-submitted-assignments .usa__content .usa__assignments-list .usa__assignment-card .usa__card-header .usa__card-title-section{display:flex;flex:1 1;flex-direction:column;gap:8px}.user-submitted-assignments .usa__content .usa__assignments-list .usa__assignment-card .usa__card-header .usa__card-title-section .usa__card-title{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.4;margin:0}.user-submitted-assignments .usa__content .usa__assignments-list .usa__assignment-card .usa__card-header .usa__card-title-section .usa__card-type{background:var(--bg-hover);border-radius:6px;color:#0369a1;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.user-submitted-assignments .usa__content .usa__assignments-list .usa__assignment-card .usa__card-header .usa__grade-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;color:var(--text-primary);display:flex;font-size:14px;font-weight:700;gap:6px;justify-content:center;padding:8px 12px;white-space:nowrap}.user-submitted-assignments .usa__content .usa__assignments-list .usa__assignment-card .usa__card-header .usa__grade-badge .usa__grade-icon{height:18px;width:18px}.user-submitted-assignments .usa__content .usa__assignments-list .usa__assignment-card .usa__card-header .usa__grade-badge .usa__grade-value{font-size:16px}.user-submitted-assignments .usa__content .usa__assignments-list .usa__assignment-card .usa__card-header .usa__pending-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:8px;color:var(--text-primary);display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;white-space:nowrap}.user-submitted-assignments .usa__content .usa__assignments-list .usa__assignment-card .usa__card-header .usa__pending-badge .usa__pending-icon{height:16px;width:16px}.user-submitted-assignments .usa__content .usa__assignments-list .usa__assignment-card .usa__card-footer{background:var(--bg-surface);border-top:1px solid var(--bg-hover);padding:16px 20px}.user-submitted-assignments .usa__content .usa__assignments-list .usa__assignment-card .usa__card-footer .usa__submitted-date{color:var(--text-muted);font-size:12px;font-weight:500}.user-test-results{background:var(--bg-primary);min-height:100vh}.user-test-results .utr__header{border-bottom:1px solid var(--bg-hover);gap:16px;margin-bottom:32px;padding-bottom:24px;width:100%}.user-test-results .utr__header .utr__back-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--bg-hover);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s ease}.user-test-results .utr__header .utr__back-btn:hover{background:var(--bg-hover);transform:translateX(-4px)}.user-test-results .utr__header .utr__back-btn svg{height:18px;width:18px}.user-test-results .utr__header .utr__title{color:var(--text-primary);font-size:24px;font-weight:800;text-align:center}@media(max-width:768px){.user-test-results .utr__header .utr__title{font-size:20px}}.user-test-results .utr__header .utr__spacer{flex:1 1}.user-test-results .utr__stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:1200px}@media(max-width:768px){.user-test-results .utr__stats{gap:12px;grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.user-test-results .utr__stats{grid-template-columns:1fr}}.user-test-results .utr__stats .utr__stat-card{background:var(--bg-surface);border:1px solid var(--bg-hover);border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:20px;transition:all .3s ease}.user-test-results .utr__stats .utr__stat-card:hover{box-shadow:0 4px 12px var(--shadow);transform:translateY(-4px)}.user-test-results .utr__stats .utr__stat-card.success{border-left:4px solid #10b981}.user-test-results .utr__stats .utr__stat-card.danger{border-left:4px solid #ef4444}.user-test-results .utr__stats .utr__stat-card .utr__stat-label{color:var(--text-primary);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.user-test-results .utr__stats .utr__stat-card .utr__stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.user-test-results .utr__filters{display:flex;flex-direction:column;gap:20px;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:1200px}@media(max-width:768px){.user-test-results .utr__filters{gap:16px}}.user-test-results .utr__filters .utr__filter-group{display:flex;flex-direction:column;gap:12px}@media(max-width:768px){.user-test-results .utr__filters .utr__filter-group{gap:10px}}.user-test-results .utr__filters .utr__filter-group .utr__filter-label{color:var(--text-primary);font-size:14px;font-weight:600}.user-test-results .utr__filters .utr__filter-group .utr__filter-buttons{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:768px){.user-test-results .utr__filters .utr__filter-group .utr__filter-buttons{gap:8px}}.user-test-results .utr__filters .utr__filter-group .utr__filter-buttons .utr__filter-btn{background:var(--bg-surface);border:2px solid var(--bg-hover);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.user-test-results .utr__filters .utr__filter-group .utr__filter-buttons .utr__filter-btn:hover{border-color:#3b82f6;color:#3b82f6}.user-test-results .utr__filters .utr__filter-group .utr__filter-buttons .utr__filter-btn.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#0000;color:#fff}@media(max-width:480px){.user-test-results .utr__filters .utr__filter-group .utr__filter-buttons .utr__filter-btn{font-size:12px;padding:8px 12px}}.user-test-results .utr__content{margin-left:auto;margin-right:auto;max-width:1200px}.user-test-results .utr__content .utr__empty,.user-test-results .utr__content .utr__error,.user-test-results .utr__content .utr__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.user-test-results .utr__content .utr__empty p,.user-test-results .utr__content .utr__error p,.user-test-results .utr__content .utr__loading p{color:var(--text-primary);font-size:16px;margin-top:16px}.user-test-results .utr__content .utr__spinner{animation:spin 1s linear infinite;border:4px solid var(--bg-hover);border-radius:50%;border-top:4px solid #3b82f6;height:48px;width:48px}.user-test-results .utr__content .utr__empty svg,.user-test-results .utr__content .utr__error svg{color:#ef4444;height:48px;width:48px}.user-test-results .utr__content .utr__results-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media(max-width:768px){.user-test-results .utr__content .utr__results-grid{gap:16px;grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.user-test-results .utr__content .utr__results-grid{gap:12px;grid-template-columns:1fr}}.user-test-results .utr__content .utr__results-grid .utr__result-card{background:var(--bg-surface);border:1px solid var(--bg-hover);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.user-test-results .utr__content .utr__results-grid .utr__result-card:hover{box-shadow:0 12px 24px var(--shadow);transform:translateY(-8px)}.user-test-results .utr__content .utr__results-grid .utr__result-card.passed{border-left:4px solid #10b981}.user-test-results .utr__content .utr__results-grid .utr__result-card.failed{border-left:4px solid #ef4444}.user-test-results .utr__content .utr__results-grid .utr__result-card .utr__card-header{align-items:center;border-bottom:1px solid var(--bg-hover);display:flex;gap:16px;justify-content:space-between;padding:20px}.user-test-results .utr__content .utr__results-grid .utr__result-card .utr__card-header .utr__card-status{align-items:center;display:flex;gap:8px}.user-test-results .utr__content .utr__results-grid .utr__result-card .utr__card-header .utr__card-status .utr__status-icon{height:24px;width:24px}.user-test-results .utr__content .utr__results-grid .utr__result-card .utr__card-header .utr__card-status .utr__status-icon.passed{color:#10b981}.user-test-results .utr__content .utr__results-grid .utr__result-card .utr__card-header .utr__card-status .utr__status-icon.failed{color:#ef4444}.user-test-results .utr__content .utr__results-grid .utr__result-card .utr__card-header .utr__card-status .utr__status-text{color:var(--text-primary);font-size:14px;font-weight:600}.user-test-results .utr__content .utr__results-grid .utr__result-card .utr__card-header .utr__card-score{align-items:baseline;display:flex;gap:4px}.user-test-results .utr__content .utr__results-grid .utr__result-card .utr__card-header .utr__card-score .utr__score-value{color:var(--text-primary);font-size:24px;font-weight:700}.user-test-results .utr__content .utr__results-grid .utr__result-card .utr__card-header .utr__card-score .utr__score-label{color:var(--text-primary);font-size:14px}.user-test-results .utr__content .utr__results-grid .utr__result-card .utr__card-body{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:16px 20px}.user-test-results .utr__content .utr__results-grid .utr__result-card .utr__card-body .utr__info-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.user-test-results .utr__content .utr__results-grid .utr__result-card .utr__card-body .utr__info-row .utr__info-label{color:var(--text-primary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.user-test-results .utr__content .utr__results-grid .utr__result-card .utr__card-body .utr__info-row .utr__info-value{color:var(--text-primary);font-size:14px;font-weight:600;text-align:right}.user-test-results .utr__content .utr__results-grid .utr__result-card .utr__card-footer{background:var(--bg-surface);border-top:1px solid var(--bg-hover);padding:12px 20px}.user-test-results .utr__content .utr__results-grid .utr__result-card .utr__card-footer .utr__date{color:var(--text-primary);font-size:12px}.test-detail-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:2000}.test-detail-modal-overlay .test-detail-modal{background:var(--bg-surface);border:1px solid var(--bg-hover);border-radius:16px;box-shadow:var(--shadow);max-height:90vh;max-width:700px;overflow-y:auto;width:100%}@media(max-width:768px){.test-detail-modal-overlay .test-detail-modal{border-radius:12px;max-width:100%}}.test-detail-modal-overlay .test-detail-modal .test-modal-header{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--bg-hover);display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.test-detail-modal-overlay .test-detail-modal .test-modal-header h2{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.test-detail-modal-overlay .test-detail-modal .test-modal-header .test-modal-close{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:28px;transition:color .3s ease}.test-detail-modal-overlay .test-detail-modal .test-modal-header .test-modal-close:hover{color:var(--color-danger)}.test-detail-modal-overlay .test-detail-modal .test-modal-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.test-detail-modal-overlay .test-detail-modal .test-modal-loading .spinner{animation:spin 1s linear infinite;border:4px solid var(--bg-hover);border-radius:50%;border-top:4px solid #3b82f6;height:50px;width:50px}.test-detail-modal-overlay .test-detail-modal .test-modal-loading p{color:var(--text-primary);font-size:16px;margin-top:16px}.test-detail-modal-overlay .test-detail-modal .test-modal-content{padding:24px}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-info-header{border-bottom:2px solid var(--bg-hover);margin-bottom:32px;padding-bottom:24px}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-info-header .test-score-display{align-items:center;display:flex;gap:20px;margin-bottom:20px}@media(max-width:480px){.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-info-header .test-score-display{flex-direction:column;text-align:center}}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-info-header .test-score-display .score-badge{align-items:center;border-radius:50%;color:var(--text-primary);display:flex;flex-shrink:0;font-size:32px;font-weight:800;height:100px;justify-content:center;width:100px}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-info-header .test-score-display .score-badge.passed{background:linear-gradient(135deg,#10b981,#059669)}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-info-header .test-score-display .score-badge.failed{background:linear-gradient(135deg,#ef4444,#dc2626)}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-info-header .test-score-display .score-info{flex:1 1}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-info-header .test-score-display .score-info h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 4px}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-info-header .test-score-display .score-info p{color:var(--text-primary);font-size:14px;margin:0}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-info-header .test-meta{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-info-header .test-meta .meta-item .meta-label{color:var(--text-primary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-info-header .test-meta .meta-item .meta-value{color:var(--text-primary);display:block;font-size:16px;font-weight:700}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-info-header .test-meta .meta-item .meta-value.passed{color:#10b981}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-info-header .test-meta .meta-item .meta-value.failed{color:#ef4444}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-questions h4{color:var(--text-primary);font-size:16px;font-weight:700;margin:0 0 16px}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-questions .question-item{background:var(--bg-surface);border:1px solid var(--bg-hover);border-radius:12px;margin-bottom:24px;padding:16px}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-questions .question-item .question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-questions .question-item .question-header .question-number{color:var(--text-primary);font-size:13px;font-weight:600;text-transform:uppercase}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-questions .question-item .question-header .question-status{border-radius:6px;font-size:13px;font-weight:600;padding:4px 12px}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-questions .question-item .question-header .question-status.correct{background:#d1fae5;color:#065f46}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-questions .question-item .question-header .question-status.incorrect{background:#fee2e2;color:#7f1d1d}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-questions .question-item .question-text{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 16px}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-questions .question-item .options-list{display:flex;flex-direction:column;gap:8px}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-questions .question-item .options-list .option-item{align-items:center;background:var(--bg-surface);border:1px solid var(--bg-hover);border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-questions .question-item .options-list .option-item.selected{background:#89b7f3;border-color:#3b82f6}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-questions .question-item .options-list .option-item.correct{background:#2ef08c;border-color:#10b981}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-questions .question-item .options-list .option-item .option-indicator{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-questions .question-item .options-list .option-item .option-indicator .selected-mark{color:#3b82f6}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-questions .question-item .options-list .option-item .option-indicator .correct-mark{color:#10b981}.test-detail-modal-overlay .test-detail-modal .test-modal-content .test-questions .question-item .options-list .option-item .option-text{color:var(--text-primary);flex:1 1;font-size:14px}.test-detail-modal-overlay .test-detail-modal .test-modal-error{padding:60px 20px;text-align:center}.test-detail-modal-overlay .test-detail-modal .test-modal-error p{color:#ef4444;font-size:16px}.assignment-detail-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:2000}.assignment-detail-modal-overlay .assignment-detail-modal{background:var(--bg-surface);border:1px solid var(--bg-hover);border-radius:16px;box-shadow:0 20px 40px var(--shadow);max-height:90vh;max-width:700px;overflow-y:auto;width:100%}@media(max-width:768px){.assignment-detail-modal-overlay .assignment-detail-modal{border-radius:12px;max-width:100%}}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-header{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--bg-hover);display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-header h2{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-header .assignment-modal-close{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:28px;transition:color .3s ease}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-header .assignment-modal-close:hover{color:var(--color-danger)}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-loading .spinner{animation:spin 1s linear infinite;border:4px solid var(--bg-hover);border-radius:50%;border-top:4px solid #3b82f6;height:50px;width:50px}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-loading p{color:var(--text-primary);font-size:16px;margin-top:16px}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content{padding:24px}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .assignment-info-header{align-items:flex-start;border-bottom:2px solid var(--bg-hover);display:flex;gap:20px;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}@media(max-width:480px){.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .assignment-info-header{flex-direction:column}}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .assignment-info-header .assignment-title-section{flex:1 1}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .assignment-info-header .assignment-title-section h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 8px}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .assignment-info-header .assignment-title-section .course-name{color:#3b82f6;font-size:14px;font-weight:500;margin:0}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .assignment-info-header .grade-badge{border-radius:10px;flex-shrink:0;padding:12px 20px;text-align:center}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .assignment-info-header .grade-badge.graded{background:linear-gradient(135deg,#10b981,#059669);color:var(--text-primary)}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .assignment-info-header .grade-badge.graded .grade-value{display:block;font-size:24px;font-weight:800;line-height:1}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .assignment-info-header .grade-badge.graded .grade-label{display:block;font-size:12px;font-weight:600;margin-top:4px;opacity:.9}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .assignment-info-header .grade-badge.pending{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .assignment-info-header .grade-badge.pending .grade-label{font-size:14px;font-weight:600}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .assignment-details-section{margin-bottom:32px}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .assignment-details-section .detail-item{margin-bottom:16px}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .assignment-details-section .detail-item .detail-label{color:var(--text-primary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .assignment-details-section .detail-item .detail-value{color:var(--text-primary);font-size:15px;line-height:1.6;margin:0}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .submission-section{margin-bottom:32px}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .submission-section h4{color:var(--text-primary);font-size:16px;font-weight:700;margin:0 0 16px}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .submission-section .submission-item{background:var(--bg-surface);border:1px solid var(--bg-hover);border-radius:12px;margin-bottom:16px;padding:16px}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .submission-section .submission-item .submission-label{color:var(--text-primary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .submission-section .submission-item .submission-text{color:var(--text-primary);font-size:14px;line-height:1.6;margin:0;word-break:break-word}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .submission-section .submission-item .attachment-link,.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .submission-section .submission-item .external-link{align-items:center;background:var(--bg-surface);border:1px solid var(--bg-hover);border-radius:8px;color:#3b82f6;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:8px 12px;text-decoration:none;transition:all .3s ease}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .submission-section .submission-item .attachment-link:hover,.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .submission-section .submission-item .external-link:hover{background:var(--bg-hover);border-color:#3b82f6}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .submission-section .submission-item .attachment-link svg,.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .submission-section .submission-item .external-link svg{height:16px;width:16px}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .feedback-section{background:var(--bg-hover);border:1px solid var(--bg-hover);border-radius:12px;margin-bottom:32px;padding:16px}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .feedback-section h4{color:#065f46;font-size:16px;font-weight:700;margin:0 0 12px}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .feedback-section .feedback-content p{color:#047857;font-size:14px;line-height:1.6;margin:0}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .submission-metadata{grid-gap:16px;border-top:2px solid var(--bg-hover);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding-top:24px}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .submission-metadata .meta-item .meta-label{color:var(--text-primary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-content .submission-metadata .meta-item .meta-value{color:var(--text-primary);display:block;font-size:14px;font-weight:600}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-error{padding:60px 20px;text-align:center}.assignment-detail-modal-overlay .assignment-detail-modal .assignment-modal-error p{color:#ef4444;font-size:16px}.uc__container{min-height:100vh;width:100%}.uc__container,.uc__header{background:var(--bg-primary)}.uc__header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}@media(max-width:768px){.uc__header{padding:16px}}.uc__header .uc__back-btn{align-items:center;background:none;border:none;color:#3b82f6;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;transition:color .3s ease}.uc__header .uc__back-btn:hover{color:#2563eb}.uc__header .uc__title{color:var(--text-primary);flex:1 1;font-size:24px;font-weight:800;margin:0;text-align:center}@media(max-width:768px){.uc__header .uc__title{font-size:20px}}.uc__header .uc__header-spacer{width:60px}.uc__content{margin:0 auto;max-width:1400px;padding:32px 24px}@media(max-width:768px){.uc__content{padding:20px 16px}}.uc__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.uc__loading .uc__spinner{animation:spin 1s linear infinite;color:#3b82f6;font-size:48px;margin-bottom:16px}.uc__loading p{color:var(--text-primary);font-size:16px}.uc__error{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.uc__error .uc__error-icon{color:#ef4444;font-size:48px;margin-bottom:16px}.uc__error p{color:var(--text-primary);font-size:16px;margin-bottom:24px}.uc__error .uc__retry-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:10px;color:var(--bg-primary);cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.uc__error .uc__retry-btn:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.uc__empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.uc__empty .uc__empty-icon{color:var(--text-primary);font-size:64px;margin-bottom:16px}.uc__empty p{color:var(--text-secondary);font-size:18px;margin-bottom:24px}.uc__empty .uc__explore-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:10px;color:var(--bg-primary);cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s ease}.uc__empty .uc__explore-btn:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.uc__section{margin-bottom:48px}.uc__section .uc__section-title{color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 20px}.uc__grid{-ms-overflow-style:none;display:flex;gap:20px;overflow-x:auto;padding-bottom:10px;scroll-behavior:smooth;scrollbar-width:none}.uc__grid::-webkit-scrollbar{display:none}.uc__grid>*{flex:0 0 350px}@media(max-width:1024px){.uc__grid>*{flex:0 0 300px}}@media(max-width:768px){.uc__grid>*{flex:0 0 250px}}@media(max-width:480px){.uc__grid>*{flex:0 0 90%}}.uc__course-card{background:var(--bg-surface);border-radius:12px;box-shadow:2px 2px 6px var(--text-secondary);cursor:pointer;overflow:hidden;transition:all .3s ease}.uc__course-card:hover{box-shadow:0 8px 20px var(--bg-hover);transform:translateY(-4px)}.uc__course-card:hover .uc__card-overlay{opacity:1}.uc__course-card .uc__card-image{background:var(--bg-surface);overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.uc__course-card .uc__card-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.uc__course-card .uc__card-image .uc__card-overlay{align-items:center;background:var(--bg-hover);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.uc__course-card .uc__card-image .uc__card-overlay .uc__play-btn{align-items:center;background:var(--bg-surface);border:none;border-radius:50%;color:#3b82f6;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.uc__course-card .uc__card-image .uc__card-overlay .uc__play-btn:hover{box-shadow:0 4px 12px #3b82f666;transform:scale(1.1)}.uc__course-card .uc__card-content{padding:12px}.uc__course-card .uc__card-content .uc__card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:14px;font-weight:700;line-height:1.4;margin:0 0 4px;overflow:hidden}.uc__course-card .uc__card-content .uc__card-subtitle{color:#3b82f6;font-size:12px;font-weight:500;margin:0 0 4px}.uc__course-card .uc__card-content .uc__card-date{color:#94a3b8;font-size:12px;margin:0}.uc__modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--bg-hover);display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:2000}.uc__modal-overlay .uc__modal{background:var(--bg-surface);border:1px solid var(--bg-hover);border-radius:16px;box-shadow:0 20px 40px var(--bg-hover);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@media(max-width:768px){.uc__modal-overlay .uc__modal{border-radius:12px;max-width:100%}}.uc__modal-overlay .uc__modal .uc__modal-header{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--bg-hover);display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.uc__modal-overlay .uc__modal .uc__modal-header h2{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.uc__modal-overlay .uc__modal .uc__modal-header .uc__modal-close{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:28px;transition:color .3s ease}.uc__modal-overlay .uc__modal .uc__modal-header .uc__modal-close:hover{color:red}.uc__modal-overlay .uc__modal .uc__modal-content{padding:24px}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-image{background:var(--bg-hover);border-radius:12px;height:300px;margin-bottom:24px;overflow:hidden;width:100%}@media(max-width:480px){.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-image{height:200px}}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-image img{height:100%;object-fit:cover;width:100%}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info h3{color:var(--text-primary);font-size:24px;font-weight:800;margin:0 0 8px}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-parent{color:#3b82f6;font-size:14px;font-weight:600;margin:0 0 12px}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-date{color:var(--text-secondary);font-size:14px;margin:0 0 20px}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-stats{grid-gap:16px;background:var(--bg-hover);border:1px solid var(--bg-hover);border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px;padding:16px}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-stats .uc__stat-item .uc__stat-label{color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-stats .uc__stat-item .uc__stat-value{color:var(--text-primary);display:block;font-size:16px;font-weight:700;word-break:break-word}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-actions{display:flex;gap:12px}@media(max-width:480px){.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-actions{flex-direction:column}}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-actions .uc__btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-actions .uc__btn.uc__btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 4px 12px #3b82f64d;color:#fff}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-actions .uc__btn.uc__btn-primary:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-actions .uc__btn.uc__btn-primary:active{transform:translateY(0)}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-actions .uc__btn.uc__btn-secondary{background:#fff;border:2px solid #3b82f6;color:#3b82f6}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-actions .uc__btn.uc__btn-secondary:hover{background:#f0f9ff}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-actions .uc__btn.uc__btn-secondary:active{transform:scale(.98)}.uc__modal-overlay .uc__modal .uc__modal-content .uc__modal-info .uc__modal-actions .uc__btn.uc__btn-secondary svg{height:16px;width:16px}.uc__modal::-webkit-scrollbar{width:8px}.uc__modal::-webkit-scrollbar-track{background:#0000}.uc__modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.uc__modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.user-saved-reels{width:100%}@media(max-width:768px){.user-saved-reels{padding:0}}.user-saved-reels__header{margin-bottom:2rem}.user-saved-reels__header h1{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:2rem;font-weight:700;padding-bottom:1rem;text-align:center}@media(max-width:768px){.user-saved-reels__header h1{font-size:1.5rem}}.user-saved-reels__count{color:var(--text-secondary);font-size:.95rem;margin:0}.user-saved-reels__empty,.user-saved-reels__loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.user-saved-reels__empty .spinner,.user-saved-reels__loading .spinner{animation:spin 1s linear infinite;border:4px solid #677eea1a;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:1rem;width:50px}.user-saved-reels__empty svg,.user-saved-reels__loading svg{color:var(--text-tertiary);margin-bottom:1rem}.user-saved-reels__empty h2,.user-saved-reels__loading h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 .5rem}.user-saved-reels__empty p,.user-saved-reels__loading p{font-size:1rem;margin:0}.user-saved-reels__grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(5,1fr)}@media(max-width:1024px){.user-saved-reels__grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.user-saved-reels__grid{gap:.5rem;grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.user-saved-reels__grid{grid-template-columns:repeat(2,1fr)}}.user-saved-reels__card{background:var(--card-bg);border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:8px;cursor:pointer;overflow:hidden;transition:all .3s ease}.user-saved-reels__card:hover{border-color:#667eea;transform:translateY(-2px)}.user-saved-reels__card:hover .user-saved-reels__card-overlay{opacity:1}.user-saved-reels__card-thumbnail{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding-top:177.78%;position:relative;width:100%}.user-saved-reels__card-video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.user-saved-reels__card-placeholder{color:#fff}.user-saved-reels__card-overlay,.user-saved-reels__card-placeholder{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.user-saved-reels__card-overlay{background:#00000080;opacity:0;transition:opacity .3s ease}.user-saved-reels__card-overlay .play-icon{color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.user-saved-reels__card-duration{align-items:center;background:#000c;border-radius:4px;bottom:8px;color:#fff;display:flex;font-size:.75rem;gap:4px;padding:4px 8px;position:absolute;right:8px}.user-saved-reels__card-content{padding:1rem}.user-saved-reels__card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:1rem;font-weight:600;margin:0 0 .5rem;overflow:hidden}@media(max-width:768px){.user-saved-reels__card-title{font-size:.9rem}}.user-saved-reels__card-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem}.user-saved-reels__card-meta svg{flex-shrink:0}.user-reel-view-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.user-reel-view-modal__backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;bottom:0;left:0;position:absolute;right:0;top:0}.user-reel-view-modal__content{animation:modalSlideIn .3s ease-out;background:#000;display:flex;height:100vh;max-width:480px;overflow:hidden;position:relative;width:100%}@media(max-width:768px){.user-reel-view-modal__content{max-width:100%}}@media(max-width:480px){.user-reel-view-modal__content{height:100dvh;max-width:100%}}.user-reel-view-modal__close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;left:1rem;left:max(1rem,env(safe-area-inset-left));position:absolute;top:1rem;top:max(1rem,env(safe-area-inset-top));transition:all .3s ease;width:44px;z-index:100}.user-reel-view-modal__close:hover{background:#000c;transform:scale(1.1)}.user-reel-view-modal__close:active{transform:scale(.95)}.user-reel-view-modal__loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:400px}.user-reel-view-modal__loading .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:1rem;width:50px}.user-reel-view-modal__loading p{color:#fff}.user-reel-view-modal__video-wrapper{align-items:center;background:#000;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}@media(max-width:480px){.user-reel-view-modal__video-wrapper{height:100dvh}}.user-reel-view-modal__video{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;height:100%;object-fit:contain;user-select:none;-webkit-user-select:none;width:100%}@media(max-width:768px){.user-reel-view-modal__video{object-fit:cover}}.user-reel-view-modal__play-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.user-reel-view-modal__play-overlay svg{color:#fff;cursor:pointer;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));pointer-events:auto}.user-reel-view-modal__mute-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:1rem;right:max(1rem,env(safe-area-inset-right));top:1rem;top:max(1rem,env(safe-area-inset-top));transition:all .3s ease;width:44px;z-index:10}.user-reel-view-modal__mute-btn:hover{background:#000c;transform:scale(1.1)}.user-reel-view-modal__mute-btn:active{transform:scale(.95)}.user-reel-view-modal__info-overlay{background:linear-gradient(0deg,#000000e6 0,#000000b3 50%,#0000);bottom:0;color:#fff;left:0;padding:1.5rem 1.5rem 2.5rem;pointer-events:none;position:absolute;right:0;transition:opacity .3s ease;width:100%;z-index:3}@media(max-width:768px){.user-reel-view-modal__info-overlay{padding:1rem 1rem 2rem}}.user-reel-view-modal__info-overlay .reel-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 .5rem;overflow:hidden;text-shadow:0 2px 4px #00000080}@media(max-width:768px){.user-reel-view-modal__info-overlay .reel-title{font-size:1rem}}.user-reel-view-modal__info-overlay .reel-caption{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0;opacity:.9;overflow:hidden;text-shadow:0 1px 3px #00000080}@media(max-width:768px){.user-reel-view-modal__info-overlay .reel-caption{-webkit-line-clamp:1;line-clamp:1;font-size:.85rem}}.user-reel-view-modal__actions{animation:fadeIn .5s ease-out;bottom:80px;bottom:max(80px,80px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:1.5rem;position:absolute;right:1rem;right:max(1rem,env(safe-area-inset-right));z-index:10}@media(max-width:768px){.user-reel-view-modal__actions{bottom:70px;bottom:max(70px,70px + env(safe-area-inset-bottom));gap:1.25rem;right:.75rem;right:max(.75rem,env(safe-area-inset-right))}}.user-reel-view-modal__actions .action-btn{align-items:center;background:none;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;padding:.5rem;transition:all .3s ease}.user-reel-view-modal__actions .action-btn svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));transition:transform .2s ease}.user-reel-view-modal__actions .action-btn span{font-size:.75rem;font-weight:600;min-width:30px;text-align:center;text-shadow:0 1px 3px #00000080}.user-reel-view-modal__actions .action-btn:hover{background:#ffffff1a;transform:scale(1.1)}.user-reel-view-modal__actions .action-btn:hover svg{transform:scale(1.1)}.user-reel-view-modal__actions .action-btn:active{transform:scale(.95)}.user-reel-view-modal__actions .action-btn:active svg{transform:scale(.9)}.user-reel-view-modal__actions .action-btn.liked{animation:likeAnimation .4s ease;color:#ff2e63}.user-reel-view-modal__actions .action-btn.liked svg{filter:drop-shadow(0 2px 12px rgba(255,46,99,.6))}.user-reel-view-modal__actions .action-btn.active{color:#667eea}.user-reel-view-modal__actions .action-btn.active svg{filter:drop-shadow(0 2px 12px rgba(102,126,234,.6))}.user-reel-view-modal__comments{animation:slideUp .3s ease-out;background:#1a1a1a;background:var(--card-bg,#1a1a1a);border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -4px 20px #0000004d;display:flex;flex-direction:column;left:0;max-height:70vh;position:absolute;right:0;z-index:50}.user-reel-view-modal__comments .comments-header{align-items:center;background:#1a1a1a;background:var(--card-bg,#1a1a1a);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color,#ffffff1a);display:flex;justify-content:space-between;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.user-reel-view-modal__comments .comments-header h3{color:#fff;color:var(--text-primary,#fff);font-size:1.1rem;font-weight:600;margin:0}.user-reel-view-modal__comments .comments-header button{align-items:center;background:none;border:none;border-radius:50%;color:#ffffffb3;color:var(--text-secondary,#ffffffb3);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.user-reel-view-modal__comments .comments-header button:hover{background:#ffffff1a;background:var(--hover-bg,#ffffff1a);color:#fff;color:var(--text-primary,#fff)}.user-reel-view-modal__comments .comments-list{-webkit-overflow-scrolling:touch;flex:1 1;max-height:50vh;overflow-y:auto;padding:1rem}.user-reel-view-modal__comments .comments-list::-webkit-scrollbar{width:6px}.user-reel-view-modal__comments .comments-list::-webkit-scrollbar-track{background:#0000}.user-reel-view-modal__comments .comments-list::-webkit-scrollbar-thumb{background:#fff3;background:var(--border-color,#fff3);border-radius:3px}.user-reel-view-modal__comments .comments-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d;background:var(--border-color,#ffffff4d)}.user-reel-view-modal__comments .comments-loading{align-items:center;display:flex;justify-content:center;padding:2rem}.user-reel-view-modal__comments .comments-loading .spinner{animation:spin 1s linear infinite;border:3px solid #677eea1a;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.user-reel-view-modal__comments .comments-empty{align-items:center;color:#fff9;color:var(--text-secondary,#fff9);display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.user-reel-view-modal__comments .comments-empty svg{margin-bottom:1rem;opacity:.5}.user-reel-view-modal__comments .comments-empty p{font-size:.95rem;margin:0}.user-reel-view-modal__comments .comment-item{animation:fadeIn .3s ease-out;display:flex;gap:.75rem;margin-bottom:1rem}@media(max-width:480px){.user-reel-view-modal__comments .comment-item{gap:.5rem}}.user-reel-view-modal__comments .comment-item .comment-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;height:36px;overflow:hidden;width:36px}.user-reel-view-modal__comments .comment-item .comment-avatar img{height:100%;object-fit:cover;width:100%}.user-reel-view-modal__comments .comment-item .comment-avatar .avatar-placeholder{align-items:center;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:100%;justify-content:center;width:100%}.user-reel-view-modal__comments .comment-item .comment-content{flex:1 1;min-width:0}.user-reel-view-modal__comments .comment-item .comment-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.user-reel-view-modal__comments .comment-item .comment-header .comment-author{color:#fff;color:var(--text-primary,#fff);font-size:.9rem;font-weight:600}.user-reel-view-modal__comments .comment-item .comment-header .comment-time{color:#fff9;color:var(--text-secondary,#fff9);font-size:.75rem}.user-reel-view-modal__comments .comment-item .comment-text{word-wrap:break-word;color:#fff;color:var(--text-primary,#fff);font-size:.9rem;line-height:1.5;margin:0;white-space:pre-wrap}.user-reel-view-modal__comments .comments-input{align-items:center;background:#1a1a1a;background:var(--card-bg,#1a1a1a);border-top:1px solid #ffffff1a;border-top:1px solid var(--border-color,#ffffff1a);bottom:0;display:flex;gap:.75rem;padding:1rem 1.5rem max(1rem,env(safe-area-inset-bottom));position:-webkit-sticky;position:sticky;z-index:10}.user-reel-view-modal__comments .comments-input input{background:#ffffff0d;background:var(--input-bg,#ffffff0d);border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:24px;color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:.9rem;outline:none;padding:.75rem 1rem;transition:all .2s ease}.user-reel-view-modal__comments .comments-input input:focus{background:#ffffff14;background:var(--input-bg,#ffffff14);border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.user-reel-view-modal__comments .comments-input input::placeholder{color:#fff6;color:var(--text-tertiary,#fff6)}.user-reel-view-modal__comments .comments-input button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.user-reel-view-modal__comments .comments-input button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.user-reel-view-modal__comments .comments-input button:active:not(:disabled){transform:scale(.95)}.user-reel-view-modal__comments .comments-input button:disabled{cursor:not-allowed;opacity:.5}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes likeAnimation{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(.9)}75%{transform:scale(1.1)}to{transform:scale(1)}}.user-likes-comments{margin:0 auto;max-width:900px;padding:2rem;width:100%}@media(max-width:768px){.user-likes-comments{padding:1rem}}.user-likes-comments .likes-comments__tabs{border-bottom:2px solid #ffffff1a;border-bottom:2px solid var(--border-color,#ffffff1a);display:flex;gap:1rem;justify-content:space-around;margin-bottom:2rem}.user-likes-comments .likes-comments__tabs .tab-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#fff9;color:var(--text-secondary,#fff9);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin-bottom:-2px;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.user-likes-comments .likes-comments__tabs .tab-btn:hover{color:#fff;color:var(--text-primary,#fff)}.user-likes-comments .likes-comments__tabs .tab-btn.active{border-bottom-color:#667eea;color:#667eea}.user-likes-comments .likes-comments__tabs .tab-btn.active svg{color:#ff2e63}.user-likes-comments .likes-comments__tabs .tab-btn svg{transition:color .3s ease}@media(max-width:768px){.user-likes-comments .likes-comments__tabs .tab-btn{font-size:.9rem;gap:.5rem;padding:.75rem 1rem}.user-likes-comments .likes-comments__tabs .tab-btn span{display:none}}.user-likes-comments .likes-comments__content{min-height:400px}.user-likes-comments .likes-comments__loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.user-likes-comments .likes-comments__loading .spinner{animation:spin 1s linear infinite;border:4px solid #667eea1a;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}.user-likes-comments .likes-comments__loading p{color:#fff9;color:var(--text-secondary,#fff9);font-size:1rem}.user-likes-comments .likes-comments__empty{align-items:center;color:#fff9;color:var(--text-secondary,#fff9);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.user-likes-comments .likes-comments__empty svg{opacity:.5}.user-likes-comments .likes-comments__empty p{font-size:1.1rem;margin:0}.user-likes-comments .likes-comments__grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(5,1fr)}@media(max-width:1024px){.user-likes-comments .likes-comments__grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.user-likes-comments .likes-comments__grid{gap:.5rem;grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.user-likes-comments .likes-comments__grid{grid-template-columns:repeat(2,1fr)}}.user-likes-comments .likes-comments__reel-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;overflow:hidden;transition:all .3s ease}.user-likes-comments .likes-comments__reel-card:hover{border-color:#667eea;transform:translateY(-2px)}.user-likes-comments .likes-comments__reel-card:hover .reel-card__overlay{opacity:1}.user-likes-comments .likes-comments__reel-card .reel-card__thumbnail{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding-top:177.78%;position:relative;width:100%}.user-likes-comments .likes-comments__reel-card .reel-card__image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.user-likes-comments .likes-comments__reel-card .reel-card__placeholder{align-items:center;color:var(--text-secondary);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.user-likes-comments .likes-comments__reel-card .reel-card__overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.user-likes-comments .likes-comments__reel-card .reel-card__overlay .play-icon{color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.user-likes-comments .likes-comments__reel-card .reel-card__like-badge{align-items:center;background:#ff2e63e6;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;width:32px}.user-likes-comments .likes-comments__reel-card .reel-card__content{padding:.5rem}.user-likes-comments .likes-comments__reel-card .reel-card__time{color:var(--text-secondary);font-size:.75rem;margin:0;text-align:center}.user-likes-comments .likes-comments__list{display:flex;flex-direction:column;gap:1rem}.user-likes-comments .likes-comments__list .likes-comments__item{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.user-likes-comments .likes-comments__list .likes-comments__item:hover{background:var(--hover-bg);border-color:#667eea;transform:translateX(4px)}.user-likes-comments .likes-comments__list .likes-comments__item:hover .item__arrow{color:#667eea;transform:translateX(4px)}@media(max-width:768px){.user-likes-comments .likes-comments__list .likes-comments__item{gap:.75rem;padding:1rem}}.user-likes-comments .likes-comments__list .likes-comments__item .item__icon{align-items:center;background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.user-likes-comments .likes-comments__list .likes-comments__item .item__icon svg{color:#667eea}@media(max-width:768px){.user-likes-comments .likes-comments__list .likes-comments__item .item__icon{height:40px;width:40px}}.user-likes-comments .likes-comments__list .likes-comments__item.like-item .item__icon{background:linear-gradient(135deg,#ff2e6333,#ff2e631a)}.user-likes-comments .likes-comments__list .likes-comments__item.like-item .item__icon svg{color:#ff2e63}.user-likes-comments .likes-comments__list .likes-comments__item.comment-item .item__icon{background:linear-gradient(135deg,#667eea33,#764ba233)}.user-likes-comments .likes-comments__list .likes-comments__item.comment-item .item__icon svg{color:#667eea}.user-likes-comments .likes-comments__list .likes-comments__item .item__content{flex:1 1;min-width:0}.user-likes-comments .likes-comments__list .likes-comments__item .item__content .item__title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#fff;color:var(--text-primary,#fff);display:-webkit-box;font-size:1rem;font-weight:600;margin:0 0 .5rem;overflow:hidden}@media(max-width:768px){.user-likes-comments .likes-comments__list .likes-comments__item .item__content .item__title{-webkit-line-clamp:1;line-clamp:1;font-size:.95rem}}.user-likes-comments .likes-comments__list .likes-comments__item .item__content .item__subtitle{color:#fff9;color:var(--text-secondary,#fff9);font-size:.85rem;margin:0 0 .25rem}.user-likes-comments .likes-comments__list .likes-comments__item .item__content .item__time{color:#fff6;color:var(--text-tertiary,#fff6);font-size:.8rem;margin:0}.user-likes-comments .likes-comments__list .likes-comments__item .item__arrow{color:#fff9;color:var(--text-secondary,#fff9);flex-shrink:0;font-size:1.5rem;transition:all .3s ease}.student-classrooms,.student-classrooms-page{padding:2rem;width:100%}@media(min-width:768px)and (max-width:1023px){.student-classrooms,.student-classrooms-page{padding:1.25rem}}@media(min-width:640px)and (max-width:767px){.student-classrooms,.student-classrooms-page{padding:1rem}}@media(min-width:480px)and (max-width:639px){.student-classrooms,.student-classrooms-page{padding:.85rem}}@media(max-width:479px){.student-classrooms,.student-classrooms-page{padding:.75rem}}.student-classrooms .sc-loading,.student-classrooms-page .sc-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.student-classrooms .sc-loading .spinner,.student-classrooms-page .sc-loading .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-500);height:50px;width:50px}.student-classrooms .sc-header,.student-classrooms-page .sc-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}@media(min-width:768px)and (max-width:1023px){.student-classrooms .sc-header,.student-classrooms-page .sc-header{margin-bottom:1.5rem}}@media(min-width:640px)and (max-width:767px){.student-classrooms .sc-header,.student-classrooms-page .sc-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.5rem}}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-header,.student-classrooms-page .sc-header{align-items:stretch;flex-direction:column;gap:.85rem;margin-bottom:1.25rem}}@media(max-width:479px){.student-classrooms .sc-header,.student-classrooms-page .sc-header{align-items:stretch;flex-direction:column;gap:.75rem;margin-bottom:1rem}}.student-classrooms .sc-header .sc-header-content h1,.student-classrooms-page .sc-header .sc-header-content h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}@media(min-width:768px)and (max-width:1023px){.student-classrooms .sc-header .sc-header-content h1,.student-classrooms-page .sc-header .sc-header-content h1{font-size:1.75rem}}@media(min-width:640px)and (max-width:767px){.student-classrooms .sc-header .sc-header-content h1,.student-classrooms-page .sc-header .sc-header-content h1{font-size:1.5rem;margin-bottom:.35rem}}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-header .sc-header-content h1,.student-classrooms-page .sc-header .sc-header-content h1{font-size:1.35rem;margin-bottom:.25rem}}@media(max-width:479px){.student-classrooms .sc-header .sc-header-content h1,.student-classrooms-page .sc-header .sc-header-content h1{font-size:1.25rem;line-height:1.3}}.student-classrooms .sc-header .sc-header-content p,.student-classrooms-page .sc-header .sc-header-content p{color:var(--text-secondary)}@media(min-width:768px)and (max-width:1023px){.student-classrooms .sc-header .sc-header-content p,.student-classrooms-page .sc-header .sc-header-content p{font-size:.95rem}}@media(min-width:640px)and (max-width:767px){.student-classrooms .sc-header .sc-header-content p,.student-classrooms-page .sc-header .sc-header-content p{font-size:.9rem}}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-header .sc-header-content p,.student-classrooms-page .sc-header .sc-header-content p{font-size:.85rem}}@media(max-width:479px){.student-classrooms .sc-header .sc-header-content p,.student-classrooms-page .sc-header .sc-header-content p{font-size:.8rem;line-height:1.4}}.student-classrooms .sc-header .sc-join-btn,.student-classrooms-page .sc-header .sc-join-btn{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.student-classrooms .sc-header .sc-join-btn:hover,.student-classrooms-page .sc-header .sc-join-btn:hover{box-shadow:0 10px 25px var(--border-color);transform:translateY(-2px)}@media(min-width:768px)and (max-width:1023px){.student-classrooms .sc-header .sc-join-btn,.student-classrooms-page .sc-header .sc-join-btn{font-size:.9rem;padding:.65rem 1.25rem;white-space:nowrap}}@media(min-width:640px)and (max-width:767px){.student-classrooms .sc-header .sc-join-btn,.student-classrooms-page .sc-header .sc-join-btn{justify-content:center;padding:.75rem 1.5rem;width:100%}}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-header .sc-join-btn,.student-classrooms-page .sc-header .sc-join-btn{font-size:.9rem;justify-content:center;padding:.7rem 1.25rem;width:100%}.student-classrooms .sc-header .sc-join-btn svg,.student-classrooms-page .sc-header .sc-join-btn svg{height:18px;width:18px}}@media(max-width:479px){.student-classrooms .sc-header .sc-join-btn,.student-classrooms-page .sc-header .sc-join-btn{font-size:.85rem;justify-content:center;padding:.65rem 1rem;width:100%}.student-classrooms .sc-header .sc-join-btn svg,.student-classrooms-page .sc-header .sc-join-btn svg{height:16px;width:16px}}.student-classrooms .sc-header .scw-submission-inline,.student-classrooms-page .sc-header .scw-submission-inline{background:#02061799;border:1px solid #94a3b866;border-radius:.7rem;margin-top:.6rem;padding:.7rem .85rem}.student-classrooms .sc-header .scw-submission-inline .scw-submission-inline-header,.student-classrooms-page .sc-header .scw-submission-inline .scw-submission-inline-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.4rem}.student-classrooms .sc-header .scw-submission-inline .scw-submission-inline-header .scw-submission-title,.student-classrooms-page .sc-header .scw-submission-inline .scw-submission-inline-header .scw-submission-title{color:#e5e7eb;font-size:.84rem;font-weight:600}.student-classrooms .sc-header .scw-submission-inline .scw-submission-inline-header .scw-grade-pill,.student-classrooms-page .sc-header .scw-submission-inline .scw-submission-inline-header .scw-grade-pill{align-items:center;background:#10b98133;border:1px solid #10b98180;border-radius:999px;color:#bbf7d0;display:inline-flex;font-size:.78rem;font-weight:700;gap:.3rem;padding:.18rem .55rem}.student-classrooms .sc-header .scw-submission-inline .scw-submission-text-inline,.student-classrooms-page .sc-header .scw-submission-inline .scw-submission-text-inline{color:#e5e7eb;font-size:.86rem;margin-bottom:.35rem}.student-classrooms .sc-header .scw-submission-inline .scw-submission-feedback-inline,.student-classrooms-page .sc-header .scw-submission-inline .scw-submission-feedback-inline{color:#a5b4fc;font-size:.82rem;margin-bottom:.35rem}.student-classrooms .sc-header .scw-submission-inline .scw-submission-inline-meta,.student-classrooms-page .sc-header .scw-submission-inline .scw-submission-inline-meta{color:#9ca3af;display:flex;flex-wrap:wrap;font-size:.78rem;gap:.4rem .6rem}.student-classrooms .sc-grid,.student-classrooms-page .sc-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media(min-width:1440px){.student-classrooms .sc-grid,.student-classrooms-page .sc-grid{gap:2rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}@media(min-width:1024px)and (max-width:1439px){.student-classrooms .sc-grid,.student-classrooms-page .sc-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media(min-width:768px)and (max-width:1023px){.student-classrooms .sc-grid,.student-classrooms-page .sc-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}}@media(min-width:640px)and (max-width:767px){.student-classrooms .sc-grid,.student-classrooms-page .sc-grid{gap:1rem;grid-template-columns:1fr}}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-grid,.student-classrooms-page .sc-grid{gap:.85rem;grid-template-columns:1fr}}@media(max-width:479px){.student-classrooms .sc-grid,.student-classrooms-page .sc-grid{gap:.75rem;grid-template-columns:1fr}}.student-classrooms .sc-grid .sc-card,.student-classrooms-page .sc-grid .sc-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;cursor:pointer;overflow:hidden;transition:all .3s ease}.student-classrooms .sc-grid .sc-card:hover,.student-classrooms-page .sc-grid .sc-card:hover{box-shadow:0 20px 40px var(--border-color);transform:translateY(-4px)}.student-classrooms .sc-grid .sc-card .sc-card-header,.student-classrooms-page .sc-grid .sc-card .sc-card-header{align-items:flex-start;background:linear-gradient(135deg,var(--theme-color),var(--theme-color));color:#fff;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}@media(min-width:768px)and (max-width:1023px){.student-classrooms .sc-grid .sc-card .sc-card-header,.student-classrooms-page .sc-grid .sc-card .sc-card-header{padding:1.25rem}}@media(min-width:640px)and (max-width:767px){.student-classrooms .sc-grid .sc-card .sc-card-header,.student-classrooms-page .sc-grid .sc-card .sc-card-header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1.25rem}}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-grid .sc-card .sc-card-header,.student-classrooms-page .sc-grid .sc-card .sc-card-header{flex-direction:column;gap:.65rem;padding:1rem}}@media(max-width:479px){.student-classrooms .sc-grid .sc-card .sc-card-header,.student-classrooms-page .sc-grid .sc-card .sc-card-header{flex-direction:column;gap:.5rem;padding:.85rem}}.student-classrooms .sc-grid .sc-card .sc-card-header .sc-card-title h3,.student-classrooms-page .sc-grid .sc-card .sc-card-header .sc-card-title h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}@media(min-width:768px)and (max-width:1023px){.student-classrooms .sc-grid .sc-card .sc-card-header .sc-card-title h3,.student-classrooms-page .sc-grid .sc-card .sc-card-header .sc-card-title h3{font-size:1.15rem}}@media(min-width:640px)and (max-width:767px){.student-classrooms .sc-grid .sc-card .sc-card-header .sc-card-title h3,.student-classrooms-page .sc-grid .sc-card .sc-card-header .sc-card-title h3{font-size:1.1rem}}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-grid .sc-card .sc-card-header .sc-card-title h3,.student-classrooms-page .sc-grid .sc-card .sc-card-header .sc-card-title h3{font-size:1.1rem}}@media(max-width:479px){.student-classrooms .sc-grid .sc-card .sc-card-header .sc-card-title h3,.student-classrooms-page .sc-grid .sc-card .sc-card-header .sc-card-title h3{font-size:1rem;line-height:1.3;margin-bottom:.35rem}}.student-classrooms .sc-grid .sc-card .sc-card-header .sc-card-title .sc-card-section,.student-classrooms-page .sc-grid .sc-card .sc-card-header .sc-card-title .sc-card-section{font-size:.875rem;opacity:.9}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-grid .sc-card .sc-card-header .sc-card-title .sc-card-section,.student-classrooms-page .sc-grid .sc-card .sc-card-header .sc-card-title .sc-card-section{font-size:.8rem}}@media(max-width:479px){.student-classrooms .sc-grid .sc-card .sc-card-header .sc-card-title .sc-card-section,.student-classrooms-page .sc-grid .sc-card .sc-card-header .sc-card-title .sc-card-section{font-size:.75rem}}@media(min-width:640px)and (max-width:767px){.student-classrooms .sc-grid .sc-card .sc-card-header .sc-card-privacy,.student-classrooms-page .sc-grid .sc-card .sc-card-header .sc-card-privacy{align-self:flex-end}}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-grid .sc-card .sc-card-header .sc-card-privacy,.student-classrooms-page .sc-grid .sc-card .sc-card-header .sc-card-privacy{align-self:flex-end}}@media(max-width:479px){.student-classrooms .sc-grid .sc-card .sc-card-header .sc-card-privacy,.student-classrooms-page .sc-grid .sc-card .sc-card-header .sc-card-privacy{align-self:flex-end}}.student-classrooms .sc-grid .sc-card .sc-card-header .sc-card-privacy .sc-privacy-badge,.student-classrooms-page .sc-grid .sc-card .sc-card-header .sc-card-privacy .sc-privacy-badge{align-items:center;background:#0f172a73;border:1px solid #f8fafc80;border-radius:999px;box-shadow:0 4px 12px #0f172a73;color:#e5e7eb;display:flex;height:32px;justify-content:center;width:32px}.student-classrooms .sc-grid .sc-card .sc-card-header .sc-card-privacy .sc-privacy-badge svg,.student-classrooms-page .sc-grid .sc-card .sc-card-header .sc-card-privacy .sc-privacy-badge svg{height:18px;width:18px}@media(max-width:479px){.student-classrooms .sc-grid .sc-card .sc-card-header .sc-card-privacy .sc-privacy-badge svg,.student-classrooms-page .sc-grid .sc-card .sc-card-header .sc-card-privacy .sc-privacy-badge svg{height:16px;width:16px}.student-classrooms .sc-grid .sc-card .sc-card-header .sc-card-privacy .sc-privacy-badge,.student-classrooms-page .sc-grid .sc-card .sc-card-header .sc-card-privacy .sc-privacy-badge{height:28px;width:28px}}.student-classrooms .sc-grid .sc-card .sc-card-header .sc-card-privacy .sc-privacy-badge.private,.student-classrooms-page .sc-grid .sc-card .sc-card-header .sc-card-privacy .sc-privacy-badge.private{background:#0f172ad9}.student-classrooms .sc-grid .sc-card .sc-card-header .sc-card-privacy .sc-privacy-badge.public,.student-classrooms-page .sc-grid .sc-card .sc-card-header .sc-card-privacy .sc-privacy-badge.public{background:#16a34ae6}.student-classrooms .sc-grid .sc-card .sc-card-body,.student-classrooms-page .sc-grid .sc-card .sc-card-body{padding:1.5rem}@media(min-width:768px)and (max-width:1023px){.student-classrooms .sc-grid .sc-card .sc-card-body,.student-classrooms-page .sc-grid .sc-card .sc-card-body{padding:1.25rem}}@media(min-width:640px)and (max-width:767px){.student-classrooms .sc-grid .sc-card .sc-card-body,.student-classrooms-page .sc-grid .sc-card .sc-card-body{padding:1.25rem}}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-grid .sc-card .sc-card-body,.student-classrooms-page .sc-grid .sc-card .sc-card-body{padding:1rem}}@media(max-width:479px){.student-classrooms .sc-grid .sc-card .sc-card-body,.student-classrooms-page .sc-grid .sc-card .sc-card-body{padding:.85rem}}.student-classrooms .sc-grid .sc-card .sc-card-body .sc-card-info,.student-classrooms-page .sc-grid .sc-card .sc-card-body .sc-card-info{margin-bottom:1rem}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-grid .sc-card .sc-card-body .sc-card-info,.student-classrooms-page .sc-grid .sc-card .sc-card-body .sc-card-info{margin-bottom:.85rem}}@media(max-width:479px){.student-classrooms .sc-grid .sc-card .sc-card-body .sc-card-info,.student-classrooms-page .sc-grid .sc-card .sc-card-body .sc-card-info{margin-bottom:.75rem}}.student-classrooms .sc-grid .sc-card .sc-card-body .sc-card-info .sc-card-subject,.student-classrooms-page .sc-grid .sc-card .sc-card-body .sc-card-info .sc-card-subject{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:.5rem;margin-bottom:.5rem}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-grid .sc-card .sc-card-body .sc-card-info .sc-card-subject,.student-classrooms-page .sc-grid .sc-card .sc-card-body .sc-card-info .sc-card-subject{font-size:.95rem;gap:.4rem}.student-classrooms .sc-grid .sc-card .sc-card-body .sc-card-info .sc-card-subject svg,.student-classrooms-page .sc-grid .sc-card .sc-card-body .sc-card-info .sc-card-subject svg{height:16px;width:16px}}@media(max-width:479px){.student-classrooms .sc-grid .sc-card .sc-card-body .sc-card-info .sc-card-subject,.student-classrooms-page .sc-grid .sc-card .sc-card-body .sc-card-info .sc-card-subject{font-size:.9rem}.student-classrooms .sc-grid .sc-card .sc-card-body .sc-card-info .sc-card-subject svg,.student-classrooms-page .sc-grid .sc-card .sc-card-body .sc-card-info .sc-card-subject svg{height:15px;width:15px}}.student-classrooms .sc-grid .sc-card .sc-card-body .sc-card-info .sc-card-teacher,.student-classrooms-page .sc-grid .sc-card .sc-card-body .sc-card-info .sc-card-teacher{color:var(--text-secondary);font-size:.875rem}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-grid .sc-card .sc-card-body .sc-card-info .sc-card-teacher,.student-classrooms-page .sc-grid .sc-card .sc-card-body .sc-card-info .sc-card-teacher{font-size:.8rem}}@media(max-width:479px){.student-classrooms .sc-grid .sc-card .sc-card-body .sc-card-info .sc-card-teacher,.student-classrooms-page .sc-grid .sc-card .sc-card-body .sc-card-info .sc-card-teacher{font-size:.75rem}}.student-classrooms .sc-grid .sc-card .sc-card-body .sc-card-description,.student-classrooms-page .sc-grid .sc-card .sc-card-body .sc-card-description{color:var(--text-secondary);font-size:.875rem}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-grid .sc-card .sc-card-body .sc-card-description,.student-classrooms-page .sc-grid .sc-card .sc-card-body .sc-card-description{font-size:.8rem;line-height:1.4}}@media(max-width:479px){.student-classrooms .sc-grid .sc-card .sc-card-body .sc-card-description,.student-classrooms-page .sc-grid .sc-card .sc-card-body .sc-card-description{font-size:.75rem;line-height:1.4}}.student-classrooms .sc-grid .sc-card .sc-card-stats,.student-classrooms-page .sc-grid .sc-card .sc-card-stats{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;padding:1rem 1.5rem}@media(min-width:768px)and (max-width:1023px){.student-classrooms .sc-grid .sc-card .sc-card-stats,.student-classrooms-page .sc-grid .sc-card .sc-card-stats{padding:.85rem 1.25rem}}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-grid .sc-card .sc-card-stats,.student-classrooms-page .sc-grid .sc-card .sc-card-stats{flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}}@media(max-width:479px){.student-classrooms .sc-grid .sc-card .sc-card-stats,.student-classrooms-page .sc-grid .sc-card .sc-card-stats{flex-wrap:wrap;gap:.5rem;justify-content:flex-start;padding:.65rem .85rem}}.student-classrooms .sc-grid .sc-card .sc-card-stats .sc-stat,.student-classrooms-page .sc-grid .sc-card .sc-card-stats .sc-stat{align-items:center;color:var(--text-secondary);display:flex;gap:.5rem}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-grid .sc-card .sc-card-stats .sc-stat,.student-classrooms-page .sc-grid .sc-card .sc-card-stats .sc-stat{font-size:.8rem;gap:.4rem}.student-classrooms .sc-grid .sc-card .sc-card-stats .sc-stat svg,.student-classrooms-page .sc-grid .sc-card .sc-card-stats .sc-stat svg{height:16px;width:16px}}@media(max-width:479px){.student-classrooms .sc-grid .sc-card .sc-card-stats .sc-stat,.student-classrooms-page .sc-grid .sc-card .sc-card-stats .sc-stat{font-size:.75rem;gap:.35rem}.student-classrooms .sc-grid .sc-card .sc-card-stats .sc-stat svg,.student-classrooms-page .sc-grid .sc-card .sc-card-stats .sc-stat svg{height:14px;width:14px}}.student-classrooms .sc-grid .sc-card .sc-card-stats .sc-stat span,.student-classrooms-page .sc-grid .sc-card .sc-card-stats .sc-stat span{color:var(--text-primary);font-weight:600}.student-classrooms .sc-modal-overlay,.student-classrooms-page .sc-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--bg-surface);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-modal-overlay,.student-classrooms-page .sc-modal-overlay{padding:.5rem}}@media(max-width:479px){.student-classrooms .sc-modal-overlay,.student-classrooms-page .sc-modal-overlay{padding:.5rem}}.student-classrooms .sc-modal,.student-classrooms-page .sc-modal{background:var(--bg-surface);border-radius:1rem;box-shadow:0 25px 50px var(--border-color);max-width:500px;width:100%}@media(min-width:768px)and (max-width:1023px){.student-classrooms .sc-modal,.student-classrooms-page .sc-modal{max-width:550px}}@media(min-width:640px)and (max-width:767px){.student-classrooms .sc-modal,.student-classrooms-page .sc-modal{margin:.5rem;max-width:100%}}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-modal,.student-classrooms-page .sc-modal{border-radius:.85rem;margin:.5rem;max-width:100%}}@media(max-width:479px){.student-classrooms .sc-modal,.student-classrooms-page .sc-modal{border-radius:.75rem;max-width:100%}}.student-classrooms .sc-modal .sc-modal-header,.student-classrooms-page .sc-modal .sc-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}@media(min-width:640px)and (max-width:767px){.student-classrooms .sc-modal .sc-modal-header,.student-classrooms-page .sc-modal .sc-modal-header{padding:1rem 1.25rem}}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-modal .sc-modal-header,.student-classrooms-page .sc-modal .sc-modal-header{padding:.85rem 1rem}}@media(max-width:479px){.student-classrooms .sc-modal .sc-modal-header,.student-classrooms-page .sc-modal .sc-modal-header{padding:.75rem .85rem}}.student-classrooms .sc-modal .sc-modal-header h2,.student-classrooms-page .sc-modal .sc-modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700}@media(min-width:640px)and (max-width:767px){.student-classrooms .sc-modal .sc-modal-header h2,.student-classrooms-page .sc-modal .sc-modal-header h2{font-size:1.25rem}}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-modal .sc-modal-header h2,.student-classrooms-page .sc-modal .sc-modal-header h2{font-size:1.15rem}}@media(max-width:479px){.student-classrooms .sc-modal .sc-modal-header h2,.student-classrooms-page .sc-modal .sc-modal-header h2{font-size:1.05rem;line-height:1.3}}.student-classrooms .sc-modal .sc-modal-header .sc-modal-close,.student-classrooms-page .sc-modal .sc-modal-header .sc-modal-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;width:36px}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-modal .sc-modal-header .sc-modal-close,.student-classrooms-page .sc-modal .sc-modal-header .sc-modal-close{height:32px;width:32px}}@media(max-width:479px){.student-classrooms .sc-modal .sc-modal-header .sc-modal-close,.student-classrooms-page .sc-modal .sc-modal-header .sc-modal-close{font-size:1.25rem;height:30px;width:30px}}.student-classrooms .sc-modal .sc-modal-header .sc-modal-close:hover,.student-classrooms-page .sc-modal .sc-modal-header .sc-modal-close:hover{background:var(--bg-secondary);color:var(--error-600)}.student-classrooms .sc-modal .sc-modal-form,.student-classrooms-page .sc-modal .sc-modal-form{padding:1.5rem}@media(min-width:640px)and (max-width:767px){.student-classrooms .sc-modal .sc-modal-form,.student-classrooms-page .sc-modal .sc-modal-form{padding:1.25rem}}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-modal .sc-modal-form,.student-classrooms-page .sc-modal .sc-modal-form{padding:1rem}}@media(max-width:479px){.student-classrooms .sc-modal .sc-modal-form,.student-classrooms-page .sc-modal .sc-modal-form{padding:.85rem}}.student-classrooms .sc-modal .sc-modal-form .sc-form-group,.student-classrooms-page .sc-modal .sc-modal-form .sc-form-group{margin-bottom:1.5rem}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-modal .sc-modal-form .sc-form-group,.student-classrooms-page .sc-modal .sc-modal-form .sc-form-group{margin-bottom:1.25rem}}@media(max-width:479px){.student-classrooms .sc-modal .sc-modal-form .sc-form-group,.student-classrooms-page .sc-modal .sc-modal-form .sc-form-group{margin-bottom:1rem}}.student-classrooms .sc-modal .sc-modal-form .sc-form-group label,.student-classrooms-page .sc-modal .sc-modal-form .sc-form-group label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-modal .sc-modal-form .sc-form-group label,.student-classrooms-page .sc-modal .sc-modal-form .sc-form-group label{font-size:.9rem;margin-bottom:.4rem}}@media(max-width:479px){.student-classrooms .sc-modal .sc-modal-form .sc-form-group label,.student-classrooms-page .sc-modal .sc-modal-form .sc-form-group label{font-size:.85rem;margin-bottom:.35rem}}.student-classrooms .sc-modal .sc-modal-form .sc-form-group input,.student-classrooms-page .sc-modal .sc-modal-form .sc-form-group input{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:1rem;padding:.75rem;width:100%}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-modal .sc-modal-form .sc-form-group input,.student-classrooms-page .sc-modal .sc-modal-form .sc-form-group input{font-size:.9rem;padding:.65rem}}@media(max-width:479px){.student-classrooms .sc-modal .sc-modal-form .sc-form-group input,.student-classrooms-page .sc-modal .sc-modal-form .sc-form-group input{border-radius:.4rem;font-size:.85rem;padding:.6rem}}.student-classrooms .sc-modal .sc-modal-form .sc-form-group input:focus,.student-classrooms-page .sc-modal .sc-modal-form .sc-form-group input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-500);outline:none}.student-classrooms .sc-modal .sc-modal-form .sc-form-group .sc-form-hint,.student-classrooms-page .sc-modal .sc-modal-form .sc-form-group .sc-form-hint{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem}.student-classrooms .sc-modal .sc-modal-form .sc-error-message,.student-classrooms-page .sc-modal .sc-modal-form .sc-error-message{background:var(--error-50);border-left:4px solid var(--error-600);border-radius:.5rem;color:var(--error-600);font-size:.875rem;margin-bottom:1rem;padding:.75rem}.student-classrooms .sc-modal .sc-modal-form .sc-modal-actions,.student-classrooms-page .sc-modal .sc-modal-form .sc-modal-actions{display:flex;gap:1rem}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-modal .sc-modal-form .sc-modal-actions,.student-classrooms-page .sc-modal .sc-modal-form .sc-modal-actions{flex-direction:column;gap:.75rem}}@media(max-width:479px){.student-classrooms .sc-modal .sc-modal-form .sc-modal-actions,.student-classrooms-page .sc-modal .sc-modal-form .sc-modal-actions{flex-direction:column-reverse;gap:.65rem}}.student-classrooms .sc-modal .sc-modal-form .sc-modal-actions button,.student-classrooms-page .sc-modal .sc-modal-form .sc-modal-actions button{border:none;border-radius:.5rem;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem 1.5rem}@media(min-width:480px)and (max-width:639px){.student-classrooms .sc-modal .sc-modal-form .sc-modal-actions button,.student-classrooms-page .sc-modal .sc-modal-form .sc-modal-actions button{font-size:.9rem;padding:.7rem 1.25rem;width:100%}}@media(max-width:479px){.student-classrooms .sc-modal .sc-modal-form .sc-modal-actions button,.student-classrooms-page .sc-modal .sc-modal-form .sc-modal-actions button{border-radius:.4rem;font-size:.85rem;padding:.65rem 1rem;width:100%}}.student-classrooms .sc-modal .sc-modal-form .sc-modal-actions .sc-btn-cancel,.student-classrooms-page .sc-modal .sc-modal-form .sc-modal-actions .sc-btn-cancel{background:var(--bg-secondary);color:var(--text-primary)}.student-classrooms .sc-modal .sc-modal-form .sc-modal-actions .sc-btn-cancel:hover,.student-classrooms-page .sc-modal .sc-modal-form .sc-modal-actions .sc-btn-cancel:hover{background:var(--border-color)}.student-classrooms .sc-modal .sc-modal-form .sc-modal-actions .sc-btn-submit,.student-classrooms-page .sc-modal .sc-modal-form .sc-modal-actions .sc-btn-submit{background:var(--primary-500);color:#fff}.student-classrooms .sc-modal .sc-modal-form .sc-modal-actions .sc-btn-submit:hover:not(:disabled),.student-classrooms-page .sc-modal .sc-modal-form .sc-modal-actions .sc-btn-submit:hover:not(:disabled){background:var(--primary-600)}.student-classrooms .sc-modal .sc-modal-form .sc-modal-actions .sc-btn-submit:disabled,.student-classrooms-page .sc-modal .sc-modal-form .sc-modal-actions .sc-btn-submit:disabled{cursor:not-allowed;opacity:.5}.student-classwork .scw-item-attachments{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.student-classwork .scw-attachment{align-items:center;background:#0f172a;border:1px solid #94a3b880;border-radius:999px;display:inline-flex;gap:.4rem;padding:.4rem .6rem}.student-classwork .scw-attachment-download,.student-classwork .scw-attachment-view{align-items:center;background:#0000;border:none;border-radius:999px;color:#e5e7eb;cursor:pointer;display:inline-flex;font-size:.8rem;gap:.25rem;padding:.25rem .55rem;transition:background .15s ease,color .15s ease}.student-classwork .scw-attachment-view{background:#3b82f626;color:#bfdbfe}.student-classwork .scw-attachment-view:hover{background:#3b82f64d;color:#eff6ff}.student-classwork .scw-attachment-download{background:#10b98126;color:#bbf7d0}.student-classwork .scw-attachment-download:hover{background:#10b9814d;color:#ecfdf5}.student-classroom-dashboard{background:var(--bg-primary);min-height:100vh}.student-classroom-dashboard .scd-header{background:linear-gradient(135deg,var(--theme-color),var(--theme-color));color:#fff;padding:2rem}@media(min-width:768px)and (max-width:1023px){.student-classroom-dashboard .scd-header{padding:1.5rem}}@media(min-width:640px)and (max-width:767px){.student-classroom-dashboard .scd-header{padding:1.25rem}}@media(min-width:480px)and (max-width:639px){.student-classroom-dashboard .scd-header{padding:1rem}}@media(max-width:479px){.student-classroom-dashboard .scd-header{padding:.85rem}}.student-classroom-dashboard .scd-header .scd-back-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:.5rem;color:var(--text-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.student-classroom-dashboard .scd-header .scd-back-btn:hover{background:var(--bg-secondary)}.student-classroom-dashboard .scd-header .scd-header-content h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}@media(min-width:768px)and (max-width:1023px){.student-classroom-dashboard .scd-header .scd-header-content h1{font-size:1.75rem}}@media(min-width:640px)and (max-width:767px){.student-classroom-dashboard .scd-header .scd-header-content h1{font-size:1.5rem}}@media(min-width:480px)and (max-width:639px){.student-classroom-dashboard .scd-header .scd-header-content h1{font-size:1.35rem}}@media(max-width:479px){.student-classroom-dashboard .scd-header .scd-header-content h1{font-size:1.15rem;line-height:1.3}}.student-classroom-dashboard .scd-header .scd-header-content .scd-header-info{align-items:center;display:flex;flex-wrap:wrap;font-size:.875rem;gap:.75rem;opacity:.9}@media(min-width:480px)and (max-width:639px){.student-classroom-dashboard .scd-header .scd-header-content .scd-header-info{font-size:.8rem;gap:.5rem}}@media(max-width:479px){.student-classroom-dashboard .scd-header .scd-header-content .scd-header-info{font-size:.75rem;gap:.4rem}}.student-classroom-dashboard .scd-nav{-webkit-overflow-scrolling:touch;background:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;overflow-x:auto;padding:0 2rem}@media(min-width:768px)and (max-width:1023px){.student-classroom-dashboard .scd-nav{padding:0 1.5rem}}@media(min-width:640px)and (max-width:767px){.student-classroom-dashboard .scd-nav{gap:.35rem;padding:0 1.25rem}}@media(min-width:480px)and (max-width:639px){.student-classroom-dashboard .scd-nav{gap:.25rem;padding:0 1rem}}@media(max-width:479px){.student-classroom-dashboard .scd-nav{gap:.25rem;padding:0 .85rem}}.student-classroom-dashboard .scd-nav .scd-nav-link{align-items:center;border-bottom:3px solid #0000;color:var(--text-secondary);display:flex;flex-shrink:0;font-weight:600;gap:.5rem;padding:1rem 1.5rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}@media(min-width:768px)and (max-width:1023px){.student-classroom-dashboard .scd-nav .scd-nav-link{padding:.85rem 1.25rem}}@media(min-width:640px)and (max-width:767px){.student-classroom-dashboard .scd-nav .scd-nav-link{font-size:.9rem;gap:.4rem;padding:.75rem 1rem}}@media(min-width:480px)and (max-width:639px){.student-classroom-dashboard .scd-nav .scd-nav-link{font-size:.85rem;gap:.35rem;padding:.7rem .85rem}.student-classroom-dashboard .scd-nav .scd-nav-link svg{height:16px;width:16px}}@media(max-width:479px){.student-classroom-dashboard .scd-nav .scd-nav-link{font-size:.8rem;gap:.3rem;padding:.65rem .75rem}.student-classroom-dashboard .scd-nav .scd-nav-link svg{height:14px;width:14px}}.student-classroom-dashboard .scd-nav .scd-nav-link:hover{background:var(--bg-secondary);color:var(--primary-500)}.student-classroom-dashboard .scd-nav .scd-nav-link.active{border-bottom-color:var(--primary-500);color:var(--primary-500)}.student-classroom-dashboard .scd-content{margin:0 auto;max-width:1400px;padding:2rem}@media(min-width:768px)and (max-width:1023px){.student-classroom-dashboard .scd-content{padding:1.5rem}}@media(min-width:640px)and (max-width:767px){.student-classroom-dashboard .scd-content{padding:1.25rem}}@media(min-width:480px)and (max-width:639px){.student-classroom-dashboard .scd-content{padding:1rem}}@media(max-width:479px){.student-classroom-dashboard .scd-content{padding:.85rem}}.student-classroom-stream .scs-posts .scs-post .scs-post-header .scs-post-author .scs-post-avatar{background:var(--bg-secondary)}.student-classroom-stream .scs-posts .scs-post .scs-post-header .scs-post-author .scs-post-author-info h4{font-weight:600}.student-classroom-stream .scs-posts .scs-post .scs-post-content p{line-height:1.6}.student-classwork{padding:2rem 0}.student-classwork .scw-header{align-items:center;display:flex;justify-content:space-between}.student-classwork .scw-header h2{color:var(--text-primary);font-size:1.75rem}.student-classwork .scw-header p{color:var(--text-secondary);font-size:.9rem}.student-classwork .scw-topic{background:radial-gradient(circle at top left,#3b82f614,#0000 55%),radial-gradient(circle at bottom right,#10b98114,#0000 55%),var(--bg-surface);border:1px solid #94a3b859;border-radius:1.1rem;margin-bottom:1.5rem;position:relative}.student-classwork .scw-topic-header{align-items:center;background:linear-gradient(135deg,#3b82f62e,#818cf81f);border-bottom:1px solid #94a3b866;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.student-classwork .scw-topic-header h3{color:var(--text-primary);font-size:1.2rem;font-weight:700}.student-classwork .scw-items{display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem 1.4rem}.student-classwork .scw-empty{background:#0f172a08;border:1px dashed var(--border-color);border-radius:.9rem;color:var(--text-secondary);font-size:.9rem;padding:1.25rem 1.1rem}.student-classwork .scw-item{background:var(--bg-surface);border:1px solid #94a3b873;border-radius:.9rem;box-shadow:0 14px 30px #0f172a8c;cursor:pointer;padding:1.1rem 1.15rem;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.student-classwork .scw-item:hover{transform:translateY(-2px)}.student-classwork .scw-item .scw-item-icon{border-radius:.9rem;color:#e5e7eb;font-size:1.3rem}.student-classwork .scw-item.scw-item-material .scw-item-icon{background:radial-gradient(circle at 10% 0,#60a5fa,#1d4ed8)}.student-classwork .scw-item.scw-item-assignment .scw-item-icon{background:radial-gradient(circle at 10% 0,#34d399,#059669)}.student-classwork .scw-item.scw-item-quiz .scw-item-icon{background:radial-gradient(circle at 10% 0,#a855f7,#7c3aed)}.student-classwork .scw-item.scw-item-question .scw-item-icon{background:radial-gradient(circle at 10% 0,#fbbf24,#f97316)}.student-classwork .scw-item .scw-item-content{flex:1 1;min-width:0}.student-classwork .scw-item .scw-item-content .scw-item-header{align-items:center;display:flex;gap:.6rem;margin-bottom:.35rem}.student-classwork .scw-item .scw-item-content .scw-item-header h4{color:#e5e7eb;font-size:1.05rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-classwork .scw-item .scw-item-content .scw-item-header .scw-item-badge{border:1px solid #94a3b899;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.02em;padding:.18rem .6rem}.student-classwork .scw-item .scw-item-content .scw-item-header .scw-item-badge.material{background:#3b82f62e;border-color:#3b82f68c;color:#bfdbfe}.student-classwork .scw-item .scw-item-content .scw-item-header .scw-item-badge.assignment{background:#10b9812e;border-color:#10b9818c;color:#a7f3d0}.student-classwork .scw-item .scw-item-content .scw-item-header .scw-item-badge.quiz{background:#818cf82e;border-color:#818cf88c;color:#c7d2fe}.student-classwork .scw-item .scw-item-content .scw-item-header .scw-item-badge.question{background:#fbbf242e;border-color:#fbbf248c;color:#fde68a}.student-classwork .scw-item .scw-item-content .scw-item-header .scw-item-status{border-radius:999px;font-size:.72rem;font-weight:600;margin-left:auto;padding:.18rem .6rem;white-space:nowrap}.student-classwork .scw-item .scw-item-content .scw-item-header .scw-item-status-graded{background:#10b98126;border:1px solid #10b981b3;color:#6ee7b7}.student-classwork .scw-item .scw-item-content .scw-item-header .scw-item-status-submitted{background:#3b82f626;border:1px solid #3b82f6b3;color:#bfdbfe}.student-classwork .scw-item .scw-item-content .scw-item-header .scw-item-status-not_submitted{background:#94a3b829;border:1px dashed #94a3b8b3;color:#e5e7eb}.student-classwork .scw-item .scw-item-content .scw-item-description{color:#9ca3af;font-size:.86rem;margin-bottom:.55rem;max-height:3rem;overflow:hidden;text-overflow:ellipsis}.student-classwork .scw-item .scw-item-content .scw-item-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:.8rem;gap:.75rem}.student-classwork .scw-item .scw-item-content .scw-item-meta .scw-item-due{align-items:center;background:#94a3b824;border-radius:999px;color:#e5e7eb;display:inline-flex;gap:.3rem;padding:.24rem .6rem}.student-classwork .scw-item .scw-item-content .scw-item-meta .scw-item-due.overdue{background:#ef444424;color:#fecaca;font-weight:600}.student-classwork .scw-item .scw-item-content .scw-item-meta .scw-item-points{align-items:center;background:#3b82f624;border-radius:999px;color:#bfdbfe;display:inline-flex;font-weight:600;gap:.3rem;padding:.22rem .55rem}.student-classwork .scw-item .scw-item-content .scw-item-meta .scw-item-info{color:#9ca3af}.student-classwork .scw-item .scw-submission-inline{background:#02061799;border:1px solid #94a3b866;border-radius:.7rem;margin-top:.6rem;padding:.7rem .85rem}.student-classwork .scw-item .scw-submission-inline .scw-submission-inline-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.4rem}.student-classwork .scw-item .scw-submission-inline .scw-submission-inline-header .scw-submission-title{color:#e5e7eb;font-size:.84rem;font-weight:600}.student-classwork .scw-item .scw-submission-inline .scw-submission-inline-header .scw-grade-pill{align-items:center;background:#10b98133;border:1px solid #10b98180;border-radius:999px;color:#bbf7d0;display:inline-flex;font-size:.78rem;font-weight:700;gap:.3rem;padding:.18rem .55rem}.student-classwork .scw-item .scw-submission-inline .scw-submission-text-inline{color:#e5e7eb;font-size:.86rem;margin-bottom:.35rem}.student-classwork .scw-item .scw-submission-inline .scw-submission-feedback-inline{color:#a5b4fc;font-size:.82rem;margin-bottom:.35rem}.student-classwork .scw-item .scw-submission-inline .scw-submission-inline-meta{color:#9ca3af;display:flex;flex-wrap:wrap;font-size:.78rem;gap:.4rem .6rem}.student-classwork .scw-item .scw-item-actions{align-items:flex-end;gap:.4rem;margin-left:.5rem}.student-classwork .scw-item .scw-item-actions .scw-action-btn{align-items:center;border:none;border-radius:999px;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.45rem .85rem;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.student-classwork .scw-item .scw-item-actions .scw-action-btn.submit{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 10px 24px #16a34a66;color:#ecfdf5}.student-classwork .scw-item .scw-item-actions .scw-action-btn.submit:hover{box-shadow:0 14px 30px #16a34a80;transform:translateY(-1px)}.student-classwork .scw-item .scw-item-actions .scw-action-btn.answer{background:#fbbf241f;color:#fed7aa}.student-classwork .scw-item .scw-item-actions .scw-action-btn.answer:hover{background:#fbbf242e}.student-classwork .scw-item .scw-item-actions .scw-action-btn.start{background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 10px 24px #818cf866;color:#f5f3ff}.student-classwork .scw-item .scw-item-actions .scw-action-btn.start:hover{box-shadow:0 14px 30px #818cf88c;transform:translateY(-1px)}.student-classwork .scw-item .scw-item-actions .scw-item-menu-wrapper{position:relative}.student-classwork .scw-item .scw-item-actions .scw-item-menu{align-items:center;background:#0000;border:none;border-radius:999px;color:#9ca3af;cursor:pointer;display:inline-flex;justify-content:center;padding:.28rem;transition:background .15s ease,color .15s ease,transform .15s ease}.student-classwork .scw-item .scw-item-actions .scw-item-menu:hover{background:#0f172acc;color:#e5e7eb;transform:translateY(-1px)}.student-classwork .scw-item .scw-item-actions .scw-item-menu-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172afa;border:1px solid #94a3b88c;border-radius:.75rem;box-shadow:0 18px 40px #0f172ad9;min-width:190px;padding:.3rem 0;position:absolute;right:0;top:2.2rem;z-index:20}.student-classwork .scw-item .scw-item-actions .scw-item-menu-dropdown button{align-items:center;background:#0000;border:none;color:#e5e7eb;cursor:pointer;display:flex;font-size:.82rem;gap:.55rem;padding:.5rem .9rem;transition:background .15s ease,color .15s ease,transform .12s ease;width:100%}.student-classwork .scw-item .scw-item-actions .scw-item-menu-dropdown button:hover{background:#1e40af8c;transform:translateX(1px)}.student-classwork .scw-item .scw-item-actions .scw-item-menu-dropdown button.danger{color:#fecaca}.student-classwork .scw-item .scw-item-actions .scw-item-menu-dropdown button.danger:hover{background:#b91c1ca6}.student-classroom-stream .scs-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.student-classroom-stream .scs-loading .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-500);height:50px;width:50px}.student-classroom-stream .scs-loading p{color:var(--text-secondary);font-size:1rem}.student-classroom-stream .scs-posts{display:flex;flex-direction:column;gap:1.5rem}.student-classroom-stream .scs-posts .scs-empty{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem;text-align:center}.student-classroom-stream .scs-posts .scs-empty svg{color:var(--text-secondary);height:80px;margin-bottom:1.5rem;width:80px}.student-classroom-stream .scs-posts .scs-empty p{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.student-classroom-stream .scs-posts .scs-empty span{color:var(--text-secondary);font-size:.875rem}.student-classroom-stream .scs-posts .scs-post{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 2px 8px var(--border-color);padding:1.5rem;transition:all .3s ease}.student-classroom-stream .scs-posts .scs-post:hover{box-shadow:0 8px 24px var(--border-color);transform:translateY(-2px)}.student-classroom-stream .scs-posts .scs-post .scs-post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.student-classroom-stream .scs-posts .scs-post .scs-post-header .scs-post-author{display:flex;gap:1rem}.student-classroom-stream .scs-posts .scs-post .scs-post-header .scs-post-author .scs-post-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:2px solid var(--bg-surface);border-radius:50%;box-shadow:0 4px 12px var(--border-color);display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.student-classroom-stream .scs-posts .scs-post .scs-post-header .scs-post-author .scs-post-avatar img{height:100%;object-fit:cover;width:100%}.student-classroom-stream .scs-posts .scs-post .scs-post-header .scs-post-author .scs-post-avatar svg{color:#fff;height:24px;width:24px}.student-classroom-stream .scs-posts .scs-post .scs-post-header .scs-post-author .scs-post-author-info h4{color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:.25rem}.student-classroom-stream .scs-posts .scs-post .scs-post-header .scs-post-author .scs-post-author-info span{color:var(--text-secondary);font-size:.875rem}.student-classroom-stream .scs-posts .scs-post .scs-post-header .scs-post-type{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:.5rem;box-shadow:0 2px 8px var(--border-color);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .75rem}.student-classroom-stream .scs-posts .scs-post .scs-post-content{margin-bottom:1rem}.student-classroom-stream .scs-posts .scs-post .scs-post-content p{color:var(--text-primary);font-size:1rem;line-height:1.7;margin-bottom:1rem;white-space:pre-wrap}.student-classroom-stream .scs-posts .scs-post .scs-post-content .scs-post-assignment{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-left:4px solid var(--primary-500);border-radius:.75rem;margin-top:1rem;padding:1.25rem}.student-classroom-stream .scs-posts .scs-post .scs-post-content .scs-post-assignment h5{color:var(--text-primary);font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.student-classroom-stream .scs-posts .scs-post .scs-post-content .scs-post-assignment span{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem}.student-classroom-stream .scs-posts .scs-post .scs-post-content .scs-post-assignment span svg{height:16px;width:16px}.student-classroom-stream .scs-posts .scs-post .scs-post-content .scs-post-attachments{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.student-classroom-stream .scs-posts .scs-post .scs-post-content .scs-post-attachments .scs-attachment{align-items:center;background:var(--bg-secondary);border-radius:.5rem;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.875rem;transition:all .2s ease}.student-classroom-stream .scs-posts .scs-post .scs-post-content .scs-post-attachments .scs-attachment:hover{background:var(--primary-500);color:#fff}.student-classroom-stream .scs-posts .scs-post .scs-post-content .scs-post-attachments .scs-attachment svg{color:var(--primary-500);height:20px;width:20px}.student-classroom-stream .scs-posts .scs-post .scs-post-comments{border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem}.student-classroom-stream .scs-posts .scs-post .scs-post-comments h5{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.student-classroom-stream .scs-posts .scs-post .scs-post-comments h5 svg{height:16px;width:16px}.student-classroom-stream .scs-posts .scs-post .scs-post-comments .scs-comment{background:var(--bg-secondary);border-radius:.75rem;display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem;transition:all .2s ease}.student-classroom-stream .scs-posts .scs-post .scs-post-comments .scs-comment:hover{background:var(--primary-500);color:#fff}.student-classroom-stream .scs-posts .scs-post .scs-post-comments .scs-comment:last-child{margin-bottom:0}.student-classroom-stream .scs-posts .scs-post .scs-post-comments .scs-comment .scs-comment-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:2px solid var(--bg-surface);border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;width:36px}.student-classroom-stream .scs-posts .scs-post .scs-post-comments .scs-comment .scs-comment-avatar img{height:100%;object-fit:cover;width:100%}.student-classroom-stream .scs-posts .scs-post .scs-post-comments .scs-comment .scs-comment-avatar svg{color:var(--text-primary);height:18px;width:18px}.student-classroom-stream .scs-posts .scs-post .scs-post-comments .scs-comment .scs-comment-content{flex:1 1}.student-classroom-stream .scs-posts .scs-post .scs-post-comments .scs-comment .scs-comment-content .scs-comment-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.student-classroom-stream .scs-posts .scs-post .scs-post-comments .scs-comment .scs-comment-content .scs-comment-header h6{color:var(--text-primary);font-size:.875rem;font-weight:700}.student-classroom-stream .scs-posts .scs-post .scs-post-comments .scs-comment .scs-comment-content .scs-comment-header span{color:var(--text-secondary);font-size:.75rem}.student-classroom-stream .scs-posts .scs-post .scs-post-comments .scs-comment .scs-comment-content p{color:var(--text-primary);font-size:.875rem;line-height:1.6}.student-classroom-stream .scs-posts .scs-post .scs-post-actions{border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem}.student-classroom-stream .scs-posts .scs-post .scs-post-actions .scs-comment-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.student-classroom-stream .scs-posts .scs-post .scs-post-actions .scs-comment-btn svg{height:18px;width:18px}.student-classroom-stream .scs-posts .scs-post .scs-post-actions .scs-comment-btn:hover{background:var(--primary-500);border-color:var(--primary-500);box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateY(-2px)}@media(max-width:768px){.student-classroom-stream .scs-posts{gap:1rem}.student-classroom-stream .scs-posts .scs-post{padding:1rem}.student-classroom-stream .scs-posts .scs-post .scs-post-header{flex-direction:column;gap:.75rem}.student-classroom-stream .scs-posts .scs-post .scs-post-header .scs-post-author .scs-post-avatar{height:40px;width:40px}.student-classroom-stream .scs-posts .scs-post .scs-post-header .scs-post-author .scs-post-avatar svg{height:20px;width:20px}.student-classroom-stream .scs-posts .scs-post .scs-post-header .scs-post-author .scs-post-author-info h4{font-size:.875rem}.student-classroom-stream .scs-posts .scs-post .scs-post-header .scs-post-author .scs-post-author-info span{font-size:.75rem}.student-classroom-stream .scs-posts .scs-post .scs-post-header .scs-post-type{align-self:flex-start}.student-classroom-stream .scs-posts .scs-post .scs-post-content p{font-size:.875rem}.student-classroom-stream .scs-posts .scs-post .scs-post-content .scs-post-assignment{padding:1rem}.student-classroom-stream .scs-posts .scs-post .scs-post-content .scs-post-assignment h5{font-size:1rem}.student-classroom-stream .scs-posts .scs-post .scs-post-comments .scs-comment{padding:.5rem}.student-classroom-stream .scs-posts .scs-post .scs-post-comments .scs-comment .scs-comment-avatar{height:32px;width:32px}.student-classroom-stream .scs-posts .scs-post .scs-post-comments .scs-comment .scs-comment-avatar svg{height:16px;width:16px}.student-classroom-stream .scs-posts .scs-post .scs-post-comments .scs-comment .scs-comment-content .scs-comment-header{align-items:flex-start;flex-direction:column;gap:.25rem}.student-classroom-stream .scs-posts .scs-post .scs-post-comments .scs-comment .scs-comment-content .scs-comment-header h6,.student-classroom-stream .scs-posts .scs-post .scs-post-comments .scs-comment .scs-comment-content p{font-size:.75rem}.student-classroom-stream .scs-posts .scs-post .scs-post-actions .scs-comment-btn{justify-content:center;width:100%}}.student-questions .sq-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.student-questions .sq-loading .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-500);height:50px;width:50px}.student-questions .sq-loading p{color:var(--text-secondary)}.student-questions .sq-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.student-questions .sq-header .sq-header-info h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.student-questions .sq-header .sq-header-info p{color:var(--text-secondary)}.student-questions .sq-header .sq-ask-btn{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.student-questions .sq-header .sq-ask-btn:hover{box-shadow:0 10px 25px var(--border-color);transform:translateY(-2px)}.student-questions .sq-header .sq-ask-btn svg{height:20px;width:20px}.student-questions .sq-empty{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem;text-align:center}.student-questions .sq-empty svg{color:var(--text-secondary);height:80px;margin-bottom:1.5rem;width:80px}.student-questions .sq-empty p{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.student-questions .sq-empty span{color:var(--text-secondary)}.student-questions .sq-list{display:flex;flex-direction:column;gap:1.5rem}.student-questions .sq-list .sq-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 2px 8px var(--border-color);overflow:hidden;transition:all .3s ease}.student-questions .sq-list .sq-card:hover{box-shadow:0 12px 24px var(--border-color);transform:translateY(-4px)}.student-questions .sq-list .sq-card .sq-card-header{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem}.student-questions .sq-list .sq-card .sq-card-header .sq-student{align-items:center;display:flex;gap:.75rem}.student-questions .sq-list .sq-card .sq-card-header .sq-student .sq-student-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.student-questions .sq-list .sq-card .sq-card-header .sq-student .sq-student-avatar img{height:100%;object-fit:cover;width:100%}.student-questions .sq-list .sq-card .sq-card-header .sq-student .sq-student-avatar svg{color:#fff;height:24px;width:24px}.student-questions .sq-list .sq-card .sq-card-header .sq-student .sq-student-info h4{color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:.25rem}.student-questions .sq-list .sq-card .sq-card-header .sq-student .sq-student-info span{color:var(--primary-500);font-size:.875rem;font-weight:600}.student-questions .sq-list .sq-card .sq-card-header .sq-card-menu{position:relative}.student-questions .sq-list .sq-card .sq-card-header .sq-card-menu .sq-menu-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.student-questions .sq-list .sq-card .sq-card-header .sq-card-menu .sq-menu-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.student-questions .sq-list .sq-card .sq-card-header .sq-card-menu .sq-menu-btn svg{height:20px;width:20px}.student-questions .sq-list .sq-card .sq-card-header .sq-card-menu .sq-menu-dropdown{animation:slideDown .2s ease;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 10px 25px var(--border-color);min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:100}.student-questions .sq-list .sq-card .sq-card-header .sq-card-menu .sq-menu-dropdown button{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:.75rem;padding:.875rem 1rem;text-align:left;transition:all .2s ease;width:100%}.student-questions .sq-list .sq-card .sq-card-header .sq-card-menu .sq-menu-dropdown button svg{height:18px;width:18px}.student-questions .sq-list .sq-card .sq-card-header .sq-card-menu .sq-menu-dropdown button:hover{background:var(--bg-secondary)}.student-questions .sq-list .sq-card .sq-card-header .sq-card-menu .sq-menu-dropdown button.danger{color:var(--error-500)}.student-questions .sq-list .sq-card .sq-card-header .sq-card-menu .sq-menu-dropdown button.danger:hover{background:var(--error-400)}.student-questions .sq-list .sq-card .sq-card-header .sq-card-menu .sq-menu-dropdown button:not(:last-child){border-bottom:1px solid var(--border-color)}.student-questions .sq-list .sq-card .sq-card-body{padding:1.25rem}.student-questions .sq-list .sq-card .sq-card-body h3{color:var(--text-primary);font-size:1.125rem;font-weight:700;margin-bottom:.75rem}.student-questions .sq-list .sq-card .sq-card-body .sq-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.student-questions .sq-list .sq-card .sq-card-body .sq-files{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.student-questions .sq-list .sq-card .sq-card-body .sq-files .sq-file{align-items:center;background:var(--bg-secondary);border-radius:.5rem;color:var(--text-primary);display:flex;font-weight:500;gap:.75rem;padding:.75rem;text-decoration:none;transition:all .2s ease}.student-questions .sq-list .sq-card .sq-card-body .sq-files .sq-file:hover{background:var(--bg-secondary);color:var(--primary-500)}.student-questions .sq-list .sq-card .sq-card-body .sq-files .sq-file svg{color:var(--primary-500);height:18px;width:18px}.student-questions .sq-list .sq-card .sq-card-body .sq-meta{align-items:center;background:var(--bg-secondary);border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.student-questions .sq-list .sq-card .sq-card-body .sq-meta .sq-date{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem}.student-questions .sq-list .sq-card .sq-card-body .sq-meta .sq-date svg{height:16px;width:16px}.student-questions .sq-list .sq-card .sq-card-body .sq-meta .sq-status{border-radius:.5rem;font-size:.75rem;font-weight:700;padding:.25rem .75rem}.student-questions .sq-list .sq-card .sq-card-body .sq-meta .sq-status.pending{background:#f59e0b26;color:#f59e0b}.student-questions .sq-list .sq-card .sq-card-body .sq-meta .sq-status.graded{background:#10b98126;color:#10b981}.student-questions .sq-list .sq-card .sq-card-body .sq-meta .sq-status.late{background:#ef444426;color:#ef4444}.student-questions .sq-list .sq-card .sq-card-body .sq-question{background:var(--bg-secondary);border-radius:.75rem;margin-bottom:1rem;padding:1rem}.student-questions .sq-list .sq-card .sq-card-body .sq-question h3{color:var(--text-primary);font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.student-questions .sq-list .sq-card .sq-card-body .sq-question p{color:var(--text-secondary);line-height:1.6}.student-questions .sq-list .sq-card .sq-card-body .sq-answer{background:linear-gradient(135deg,#10b9810d,#0596690d);border-left:4px solid #10b981;border-radius:.75rem;padding:1.25rem}.student-questions .sq-list .sq-card .sq-card-body .sq-answer .sq-answer-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.student-questions .sq-list .sq-card .sq-card-body .sq-answer .sq-answer-header .sq-teacher-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #10b9814d;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.student-questions .sq-list .sq-card .sq-card-body .sq-answer .sq-answer-header .sq-teacher-avatar img{height:100%;object-fit:cover;width:100%}.student-questions .sq-list .sq-card .sq-card-body .sq-answer .sq-answer-header .sq-teacher-avatar svg{color:#fff;height:20px;width:20px}.student-questions .sq-list .sq-card .sq-card-body .sq-answer .sq-answer-header div h4{color:#10b981;font-size:.875rem;font-weight:700;margin-bottom:.125rem}.student-questions .sq-list .sq-card .sq-card-body .sq-answer .sq-answer-header div span{color:var(--text-secondary);font-size:.75rem}.student-questions .sq-list .sq-card .sq-card-body .sq-answer p{color:var(--text-primary);line-height:1.6;padding-left:3rem}.student-questions .sq-list .sq-card .sq-card-body .sq-no-answer{background:#f59e0b0d;border-left:4px solid #f59e0b;border-radius:.75rem;padding:1rem;text-align:center}.student-questions .sq-list .sq-card .sq-card-body .sq-no-answer span{color:#f59e0b;font-size:.875rem;font-weight:600}.student-questions .sq-list .sq-card .sq-card-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:1rem 1.25rem}.student-questions .sq-list .sq-card .sq-card-footer .sq-grade-btn{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}.student-questions .sq-list .sq-card .sq-card-footer .sq-grade-btn svg{height:18px;width:18px}.student-questions .sq-list .sq-card .sq-card-footer .sq-grade-btn:hover{box-shadow:0 8px 16px #3b82f64d;transform:translateY(-2px)}.student-questions .sq-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--bg-surface);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.student-questions .sq-modal{animation:slideUp .3s ease;background:var(--bg-surface);border-radius:1rem;box-shadow:0 25px 50px var(--border-color);max-width:600px;width:100%}.student-questions .sq-modal .sq-modal-header{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.student-questions .sq-modal .sq-modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700}.student-questions .sq-modal .sq-modal-header .sq-modal-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.student-questions .sq-modal .sq-modal-header .sq-modal-close:hover{background:var(--error-400);color:var(--error-500);transform:rotate(90deg)}.student-questions .sq-modal .sq-modal-question{border-bottom:1px solid var(--border-color);padding:1.5rem}.student-questions .sq-modal .sq-modal-question .sq-student{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.student-questions .sq-modal .sq-modal-question .sq-question-content{background:var(--bg-secondary);border-radius:.75rem;margin-top:1rem;padding:1rem}.student-questions .sq-modal .sq-modal-question .sq-question-content p{color:var(--text-primary);line-height:1.6}.student-questions .sq-modal .sq-modal-student{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;padding:1.5rem}.student-questions .sq-modal .sq-modal-student .sq-student-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;height:60px;justify-content:center;overflow:hidden;width:60px}.student-questions .sq-modal .sq-modal-student .sq-student-avatar img{height:100%;object-fit:cover;width:100%}.student-questions .sq-modal .sq-modal-student .sq-student-avatar svg{color:#fff;height:30px;width:30px}.student-questions .sq-modal .sq-modal-student h4{color:var(--text-primary);font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.student-questions .sq-modal .sq-modal-student p{color:var(--text-secondary);font-size:.875rem}.student-questions .sq-modal .sq-modal-form{padding:1.5rem}.student-questions .sq-modal .sq-modal-form .sq-form-group{margin-bottom:1.5rem}.student-questions .sq-modal .sq-modal-form .sq-form-group label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.student-questions .sq-modal .sq-modal-form .sq-form-group input,.student-questions .sq-modal .sq-modal-form .sq-form-group textarea{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem;transition:all .2s ease;width:100%}.student-questions .sq-modal .sq-modal-form .sq-form-group input:focus,.student-questions .sq-modal .sq-modal-form .sq-form-group textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.student-questions .sq-modal .sq-modal-form .sq-form-group textarea{resize:vertical}.student-questions .sq-modal .sq-modal-form .sq-form-group .sq-hint{color:var(--text-secondary);display:block;font-size:.875rem;margin-top:.5rem}.student-questions .sq-modal .sq-modal-form .sq-modal-actions{display:flex;gap:1rem;margin-top:2rem}.student-questions .sq-modal .sq-modal-form .sq-modal-actions button{border:none;border-radius:.5rem;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;transition:all .2s ease}.student-questions .sq-modal .sq-modal-form .sq-modal-actions .sq-btn-cancel{background:var(--bg-secondary);color:var(--text-primary)}.student-questions .sq-modal .sq-modal-form .sq-modal-actions .sq-btn-cancel:hover{background:var(--border-color)}.student-questions .sq-modal .sq-modal-form .sq-modal-actions .sq-btn-submit{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff}.student-questions .sq-modal .sq-modal-form .sq-modal-actions .sq-btn-submit:hover{box-shadow:0 8px 16px #3b82f64d;transform:translateY(-2px)}@media(max-width:768px){.student-questions .sq-header{align-items:flex-start;flex-direction:column;gap:1rem}.student-questions .sq-header .sq-ask-btn{justify-content:center;width:100%}.student-questions .sq-list{gap:1rem}.student-questions .sq-card .sq-card-header{padding:1rem}.student-questions .sq-card .sq-card-header .sq-student .sq-student-avatar{height:40px;width:40px}.student-questions .sq-card .sq-card-body{padding:1rem}.student-questions .sq-card .sq-card-footer{padding:.75rem 1rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.student-attendance{background:#f8fafc;background:var(--bg-primary,#f8fafc);color:#1e293b;color:var(--text-primary,#1e293b);min-height:100vh;padding:2rem}.student-attendance .sa-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.student-attendance .sa-loading .sa-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border:3px solid var(--border-color,#e2e8f0);border-radius:50%;border-top-color:var(--primary-color,#3b82f6);height:40px;width:40px}.student-attendance .sa-loading p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.9rem}.student-attendance .sa-header{align-items:flex-start;background:#fff;background:var(--bg-surface,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}@media(max-width:768px){.student-attendance .sa-header{flex-direction:column;gap:1rem}}.student-attendance .sa-header .sa-header-info h2{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;margin:0 0 .5rem}.student-attendance .sa-header .sa-header-info h2 svg{color:#3b82f6;color:var(--primary-color,#3b82f6)}.student-attendance .sa-header .sa-header-info p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.9rem;margin:0}.student-attendance .sa-header .sa-month-selector{display:flex;gap:.5rem}.student-attendance .sa-header .sa-month-selector select{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;font-size:.9rem;padding:.5rem .75rem}.student-attendance .sa-header .sa-month-selector select:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.student-attendance .sa-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}@media(max-width:768px){.student-attendance .sa-stats{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.student-attendance .sa-stats .sa-stat-card{align-items:center;background:#fff;background:var(--bg-surface,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.student-attendance .sa-stats .sa-stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.student-attendance .sa-stats .sa-stat-card .sa-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.student-attendance .sa-stats .sa-stat-card .sa-stat-icon .sa-percentage-icon{font-size:1rem;font-weight:700}.student-attendance .sa-stats .sa-stat-card .sa-stat-info{flex:1 1}.student-attendance .sa-stats .sa-stat-card .sa-stat-info h3{font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.student-attendance .sa-stats .sa-stat-card .sa-stat-info p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.85rem;margin:0}.student-attendance .sa-stats .sa-stat-card--total .sa-stat-icon{background:#3b82f61a;color:#3b82f6;color:var(--primary-color,#3b82f6)}.student-attendance .sa-stats .sa-stat-card--total h3{color:#3b82f6;color:var(--primary-color,#3b82f6)}.student-attendance .sa-stats .sa-stat-card--present .sa-stat-icon{background:#10b9811a;color:#10b981;color:var(--success-color,#10b981)}.student-attendance .sa-stats .sa-stat-card--present h3{color:#10b981;color:var(--success-color,#10b981)}.student-attendance .sa-stats .sa-stat-card--absent .sa-stat-icon{background:#ef44441a;color:#ef4444;color:var(--danger-color,#ef4444)}.student-attendance .sa-stats .sa-stat-card--absent h3{color:#ef4444;color:var(--danger-color,#ef4444)}.student-attendance .sa-stats .sa-stat-card--excused .sa-stat-icon{background:#f59e0b1a;color:#f59e0b;color:var(--warning-color,#f59e0b)}.student-attendance .sa-stats .sa-stat-card--excused h3{color:#f59e0b;color:var(--warning-color,#f59e0b)}.student-attendance .sa-stats .sa-stat-card--percentage .sa-stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.student-attendance .sa-stats .sa-stat-card--percentage h3{color:#1e293b;color:var(--text-primary,#1e293b)}.student-attendance .sa-calendar{background:#fff;background:var(--bg-surface,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:1.5rem}.student-attendance .sa-calendar h3{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.2rem;font-weight:600;margin:0 0 1.5rem}.student-attendance .sa-calendar .sa-calendar-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media(max-width:768px){.student-attendance .sa-calendar .sa-calendar-grid{grid-template-columns:1fr}}.student-attendance .sa-calendar .sa-calendar-day{border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:12px;padding:1rem;transition:all .2s ease}.student-attendance .sa-calendar .sa-calendar-day:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.student-attendance .sa-calendar .sa-calendar-day .sa-day-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.student-attendance .sa-calendar .sa-calendar-day .sa-day-header .sa-day-number{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.2rem;font-weight:700}.student-attendance .sa-calendar .sa-calendar-day .sa-day-header .sa-day-status{align-items:center;border-radius:50%;display:flex;font-size:1rem;font-weight:600;height:32px;justify-content:center;width:32px}.student-attendance .sa-calendar .sa-calendar-day .sa-day-content h4{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.95rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}.student-attendance .sa-calendar .sa-calendar-day .sa-day-content .sa-day-status-text{font-size:.85rem;font-weight:500;margin:0}.student-attendance .sa-calendar .sa-calendar-day.sa-day-present{background:#10b9810d;border-color:#10b981;border-color:var(--success-color,#10b981)}.student-attendance .sa-calendar .sa-calendar-day.sa-day-present .sa-day-status{background:#10b981;background:var(--success-color,#10b981);color:#fff}.student-attendance .sa-calendar .sa-calendar-day.sa-day-present .sa-day-status-text{color:#10b981;color:var(--success-color,#10b981)}.student-attendance .sa-calendar .sa-calendar-day.sa-day-absent{background:#ef44440d;border-color:#ef4444;border-color:var(--danger-color,#ef4444)}.student-attendance .sa-calendar .sa-calendar-day.sa-day-absent .sa-day-status{background:#ef4444;background:var(--danger-color,#ef4444);color:#fff}.student-attendance .sa-calendar .sa-calendar-day.sa-day-absent .sa-day-status-text{color:#ef4444;color:var(--danger-color,#ef4444)}.student-attendance .sa-calendar .sa-calendar-day.sa-day-excused{background:#f59e0b0d;border-color:#f59e0b;border-color:var(--warning-color,#f59e0b)}.student-attendance .sa-calendar .sa-calendar-day.sa-day-excused .sa-day-status{background:#f59e0b;background:var(--warning-color,#f59e0b);color:#fff}.student-attendance .sa-calendar .sa-calendar-day.sa-day-excused .sa-day-status-text{color:#f59e0b;color:var(--warning-color,#f59e0b)}.student-attendance .sa-calendar .sa-calendar-day.sa-day-unknown{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-color:#e2e8f0;border-color:var(--border-color,#e2e8f0)}.student-attendance .sa-calendar .sa-calendar-day.sa-day-unknown .sa-day-status{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b)}.student-attendance .sa-calendar .sa-calendar-day.sa-day-unknown .sa-day-status-text,.student-attendance .sa-calendar .sa-empty{color:#64748b;color:var(--text-secondary,#64748b)}.student-attendance .sa-calendar .sa-empty{padding:3rem 1rem;text-align:center}.student-attendance .sa-calendar .sa-empty svg{color:#94a3b8;color:var(--text-tertiary,#94a3b8);margin-bottom:1rem}.student-attendance .sa-calendar .sa-empty h4{color:#64748b;color:var(--text-secondary,#64748b);font-size:1.1rem;margin:0 0 .5rem}.student-attendance .sa-calendar .sa-empty p{font-size:.9rem;margin:0}.student-attendance .sa-legend{background:#fff;background:var(--bg-surface,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.student-attendance .sa-legend h4{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1rem;font-weight:600;margin:0 0 1rem}.student-attendance .sa-legend .sa-legend-items{display:flex;flex-wrap:wrap;gap:1.5rem}@media(max-width:768px){.student-attendance .sa-legend .sa-legend-items{gap:1rem}}.student-attendance .sa-legend .sa-legend-items .sa-legend-item{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.student-attendance .sa-legend .sa-legend-items .sa-legend-item span:last-child{color:#64748b;color:var(--text-secondary,#64748b)}.student-attendance .sa-status-present{color:#10b981;color:var(--success-color,#10b981);font-size:1rem}.student-attendance .sa-status-absent{color:#ef4444;color:var(--danger-color,#ef4444);font-size:1rem}.student-attendance .sa-status-excused{color:#f59e0b;color:var(--warning-color,#f59e0b);font-size:.9rem;font-weight:700}.student-attendance .sa-status-unknown{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:50%;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:.8rem;height:16px;justify-content:center;width:16px}@media(max-width:768px){.student-attendance{padding:1rem}.student-attendance .sa-stats{grid-template-columns:repeat(2,1fr)}.student-attendance .sa-calendar .sa-calendar-grid{grid-template-columns:1fr}.student-attendance .sa-legend .sa-legend-items{align-items:flex-start;flex-direction:column}}.scd-settings-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.scd-settings-btn:hover{background:#fff3;transform:scale(1.05)}.scd-settings-btn:active{transform:scale(.95)}.scd-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.scd-tab-selector-modal{animation:slideInUp .3s ease;background:#fff;background:var(--bg-surface,#fff);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.scd-tab-selector-modal .scd-modal-header{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:2rem;position:relative;text-align:center}.scd-tab-selector-modal .scd-modal-header h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.scd-tab-selector-modal .scd-modal-header p{font-size:.9rem;margin:0;opacity:.9}.scd-tab-selector-modal .scd-modal-header .scd-modal-close{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:32px}.scd-tab-selector-modal .scd-modal-header .scd-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.scd-tab-selector-modal .scd-modal-content{max-height:500px;overflow-y:auto;padding:2rem}.scd-tab-selector-modal .scd-modal-content .scd-tab-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}@media(max-width:768px){.scd-tab-selector-modal .scd-modal-content .scd-tab-grid{grid-template-columns:1fr}}.scd-tab-selector-modal .scd-modal-content .scd-tab-option{background:#fff;background:var(--bg-surface,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:12px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease}.scd-tab-selector-modal .scd-modal-content .scd-tab-option:hover{border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.scd-tab-selector-modal .scd-modal-content .scd-tab-option.selected{background:#10b9810d;border-color:#10b981;border-color:var(--success-color,#10b981)}.scd-tab-selector-modal .scd-modal-content .scd-tab-option.selected .scd-tab-option-header .scd-tab-option-icon{background:#10b981;background:var(--success-color,#10b981);color:#fff}.scd-tab-selector-modal .scd-modal-content .scd-tab-option.selected .scd-tab-option-header .scd-tab-option-check{background:#10b981;background:var(--success-color,#10b981);color:#fff;opacity:1}.scd-tab-selector-modal .scd-modal-content .scd-tab-option.selected h4{color:#10b981;color:var(--success-color,#10b981)}.scd-tab-selector-modal .scd-modal-content .scd-tab-option.disabled{cursor:not-allowed;opacity:.5}.scd-tab-selector-modal .scd-modal-content .scd-tab-option.disabled:hover{border-color:#e2e8f0;border-color:var(--border-color,#e2e8f0);box-shadow:none;transform:none}.scd-tab-selector-modal .scd-modal-content .scd-tab-option .scd-tab-option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.scd-tab-selector-modal .scd-modal-content .scd-tab-option .scd-tab-option-header .scd-tab-option-icon{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:12px;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:1.5rem;height:48px;justify-content:center;transition:all .2s ease;width:48px}.scd-tab-selector-modal .scd-modal-content .scd-tab-option .scd-tab-option-header .scd-tab-option-check{align-items:center;background:#e2e8f0;background:var(--border-color,#e2e8f0);border-radius:50%;display:flex;font-size:.9rem;height:24px;justify-content:center;opacity:0;transition:all .2s ease;width:24px}.scd-tab-selector-modal .scd-modal-content .scd-tab-option h4{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.1rem;font-weight:600;margin:0 0 .5rem;transition:color .2s ease}.scd-tab-selector-modal .scd-modal-content .scd-tab-option p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.85rem;line-height:1.4;margin:0}.scd-tab-selector-modal .scd-modal-content .scd-selection-info{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:12px;padding:1.5rem;text-align:center}.scd-tab-selector-modal .scd-modal-content .scd-selection-info p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.9rem;margin:0 0 1rem}.scd-tab-selector-modal .scd-modal-content .scd-selection-info p strong{color:#4f46e5;color:var(--primary-color,#4f46e5);font-weight:600}.scd-tab-selector-modal .scd-modal-content .scd-selection-info .scd-selected-tabs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.scd-tab-selector-modal .scd-modal-content .scd-selection-info .scd-selected-tabs .scd-selected-tag{background:#4f46e5;background:var(--primary-color,#4f46e5);border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.scd-tab-selector-modal .scd-modal-footer{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.scd-tab-selector-modal .scd-modal-footer .scd-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;min-width:100px;padding:.75rem 1.5rem;transition:all .2s ease}.scd-tab-selector-modal .scd-modal-footer .scd-btn:disabled{cursor:not-allowed;opacity:.5}.scd-tab-selector-modal .scd-modal-footer .scd-btn.scd-btn-secondary{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b)}.scd-tab-selector-modal .scd-modal-footer .scd-btn.scd-btn-secondary:hover:not(:disabled){background:#f1f5f9;background:var(--bg-hover,#f1f5f9);color:#1e293b;color:var(--text-primary,#1e293b)}.scd-tab-selector-modal .scd-modal-footer .scd-btn.scd-btn-primary{background:#4f46e5;background:var(--primary-color,#4f46e5);color:#fff}.scd-tab-selector-modal .scd-modal-footer .scd-btn.scd-btn-primary:hover:not(:disabled){background:#4338ca;background:var(--primary-hover,#4338ca);transform:translateY(-1px)}.scd-tab-selector-modal .scd-modal-footer .scd-btn.scd-btn-primary:active:not(:disabled){transform:translateY(0)}@media(max-width:768px){.scd-modal-overlay{padding:.5rem}.scd-tab-selector-modal .scd-modal-header{padding:1.5rem}.scd-tab-selector-modal .scd-modal-header h3{font-size:1.3rem}.scd-tab-selector-modal .scd-modal-header .scd-modal-close{right:.75rem;top:.75rem}.scd-tab-selector-modal .scd-modal-content{padding:1.5rem}.scd-tab-selector-modal .scd-modal-content .scd-tab-option{padding:1rem}.scd-tab-selector-modal .scd-modal-content .scd-tab-option .scd-tab-option-header .scd-tab-option-icon{font-size:1.2rem;height:40px;width:40px}.scd-tab-selector-modal .scd-modal-content .scd-tab-option .scd-tab-option-header .scd-tab-option-check{font-size:.8rem;height:20px;width:20px}.scd-tab-selector-modal .scd-modal-content .scd-tab-option h4{font-size:1rem}.scd-tab-selector-modal .scd-modal-content .scd-tab-option p{font-size:.8rem}.scd-tab-selector-modal .scd-modal-footer{flex-direction:column;padding:1rem 1.5rem}.scd-tab-selector-modal .scd-modal-footer .scd-btn{width:100%}}.sc-card-footer{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:center;padding:1rem 1.5rem}.sc-card-footer .sc-tab-selector-btn{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:10px;box-shadow:0 2px 8px #4f46e54d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.sc-card-footer .sc-tab-selector-btn:hover{background:linear-gradient(135deg,#4338ca,#6b21a8);box-shadow:0 4px 15px #4f46e566;transform:translateY(-2px)}.sc-card-footer .sc-tab-selector-btn:active{transform:translateY(0)}.sc-card-footer .sc-tab-selector-btn svg{font-size:1.1rem}.sc-card-footer .sc-tab-selector-btn span{font-weight:700}.sc-tab-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.sc-tab-selector-modal{animation:slideInUp .4s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--bg-surface,#fff);border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.sc-tab-selector-modal .sc-tab-modal-header{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:2.5rem;position:relative;text-align:center}.sc-tab-selector-modal .sc-tab-modal-header h3{font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin:0 0 .75rem}.sc-tab-selector-modal .sc-tab-modal-header p{font-size:1rem;line-height:1.5;margin:0;opacity:.9}.sc-tab-selector-modal .sc-tab-modal-header .sc-tab-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s ease;width:40px}.sc-tab-selector-modal .sc-tab-modal-header .sc-tab-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.sc-tab-selector-modal .sc-tab-modal-content{max-height:500px;overflow-y:auto;padding:2.5rem}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2.5rem}@media(max-width:768px){.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-grid{gap:1rem;grid-template-columns:1fr}}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-option{background:#fff;background:var(--bg-surface,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:16px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-option:before{background:linear-gradient(135deg,#4f46e50d,#7c3aed0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-option:hover{border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);box-shadow:0 10px 30px #00000026;transform:translateY(-4px)}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-option:hover:before{opacity:1}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-option.selected{background:#10b9810d;border-color:#10b981;border-color:var(--success-color,#10b981);box-shadow:0 8px 25px #10b98133;transform:translateY(-2px)}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-option.selected:before{background:linear-gradient(135deg,#10b9811a,#0596691a);opacity:1}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-option.selected .sc-tab-option-header .sc-tab-option-icon{background:#10b981;background:var(--success-color,#10b981);color:#fff;transform:scale(1.1)}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-option.selected .sc-tab-option-header .sc-tab-option-check{background:#10b981;background:var(--success-color,#10b981);color:#fff;opacity:1;transform:scale(1)}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-option.selected h4{color:#10b981;color:var(--success-color,#10b981);font-weight:700}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-option.disabled{cursor:not-allowed;opacity:.4}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-option.disabled:hover{border-color:#e2e8f0;border-color:var(--border-color,#e2e8f0);box-shadow:none;transform:none}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-option.disabled:hover:before{opacity:0}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-option .sc-tab-option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-option .sc-tab-option-header .sc-tab-option-icon{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:16px;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:1.75rem;height:56px;justify-content:center;transition:all .3s ease;width:56px}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-option .sc-tab-option-header .sc-tab-option-check{align-items:center;background:#e2e8f0;background:var(--border-color,#e2e8f0);border-radius:50%;display:flex;font-size:1rem;height:28px;justify-content:center;opacity:0;transform:scale(.8);transition:all .3s ease;width:28px}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-option h4{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.25rem;font-weight:600;margin:0 0 .75rem;transition:all .3s ease}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-option p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.9rem;line-height:1.5;margin:0}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-selection-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;padding:2rem;text-align:center}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-selection-info .sc-selection-counter{margin-bottom:1.5rem}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-selection-info .sc-selection-counter span{color:#64748b;color:var(--text-secondary,#64748b);font-size:1rem}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-selection-info .sc-selection-counter span strong{color:#4f46e5;color:var(--primary-color,#4f46e5);font-size:1.1rem;font-weight:700}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-selection-info .sc-selected-tabs{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-selection-info .sc-selected-tabs .sc-selected-tag{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:25px;box-shadow:0 2px 8px #4f46e54d;color:#fff;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-selection-info .sc-selected-tabs .sc-selected-tag:hover{box-shadow:0 4px 12px #4f46e566;transform:translateY(-1px)}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-selection-info .sc-selected-tabs .sc-selected-tag svg{font-size:.9rem}.sc-tab-selector-modal .sc-tab-modal-footer{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:1rem;justify-content:flex-end;padding:2rem 2.5rem}.sc-tab-selector-modal .sc-tab-modal-footer .sc-tab-btn{border:none;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;min-width:120px;overflow:hidden;padding:.875rem 2rem;position:relative;transition:all .3s ease}.sc-tab-selector-modal .sc-tab-modal-footer .sc-tab-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.sc-tab-selector-modal .sc-tab-modal-footer .sc-tab-btn.sc-tab-btn-cancel{background:#fff;background:var(--bg-surface,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b)}.sc-tab-selector-modal .sc-tab-modal-footer .sc-tab-btn.sc-tab-btn-cancel:hover:not(:disabled){background:#f1f5f9;background:var(--bg-hover,#f1f5f9);border-color:#64748b;border-color:var(--text-secondary,#64748b);color:#1e293b;color:var(--text-primary,#1e293b);transform:translateY(-1px)}.sc-tab-selector-modal .sc-tab-modal-footer .sc-tab-btn.sc-tab-btn-save{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.sc-tab-selector-modal .sc-tab-modal-footer .sc-tab-btn.sc-tab-btn-save:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.sc-tab-selector-modal .sc-tab-modal-footer .sc-tab-btn.sc-tab-btn-save:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.sc-tab-selector-modal .sc-tab-modal-footer .sc-tab-btn.sc-tab-btn-save:hover:not(:disabled):before{left:100%}.sc-tab-selector-modal .sc-tab-modal-footer .sc-tab-btn.sc-tab-btn-save:active:not(:disabled){transform:translateY(0)}@media(max-width:768px){.sc-tab-modal-overlay{padding:.5rem}.sc-tab-selector-btn{font-size:.85rem!important;padding:.6rem 1rem!important}.sc-tab-selector-btn span{display:none}.sc-tab-selector-modal .sc-tab-modal-header{padding:2rem 1.5rem}.sc-tab-selector-modal .sc-tab-modal-header h3{font-size:1.5rem}.sc-tab-selector-modal .sc-tab-modal-header p{font-size:.9rem}.sc-tab-selector-modal .sc-tab-modal-header .sc-tab-modal-close{height:32px;right:1rem;top:1rem;width:32px}.sc-tab-selector-modal .sc-tab-modal-content,.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-option{padding:1.5rem}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-option .sc-tab-option-header .sc-tab-option-icon{font-size:1.5rem;height:48px;width:48px}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-option .sc-tab-option-header .sc-tab-option-check{font-size:.9rem;height:24px;width:24px}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-option h4{font-size:1.1rem}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-option p{font-size:.85rem}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-selection-info{padding:1.5rem}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-selection-info .sc-selected-tabs{gap:.5rem}.sc-tab-selector-modal .sc-tab-modal-content .sc-tab-selection-info .sc-selected-tabs .sc-selected-tag{font-size:.8rem;padding:.4rem .8rem}.sc-tab-selector-modal .sc-tab-modal-footer{flex-direction:column;padding:1.5rem}.sc-tab-selector-modal .sc-tab-modal-footer .sc-tab-btn{padding:1rem;width:100%}}.student-classwork{background-color:var(--scw-bg);min-height:calc(100vh - 60px);padding:1rem}@media(min-width:768px){.student-classwork{padding:1.5rem}}.student-classwork .scw-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.student-classwork .scw-loading .spinner{animation:spin 1s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top:3px solid var(--scw-accent-blue);height:40px;width:40px}.student-classwork .scw-loading p{color:var(--scw-text-secondary);margin-top:1rem}.student-classwork .scw-header{margin-bottom:1.5rem}.student-classwork .scw-header h2{color:var(--scw-text-primary);font-size:1.5rem;font-weight:700;margin:0}.student-classwork .scw-content{display:flex;flex-direction:column;gap:1.5rem}.student-classwork .scw-topic{background:var(--scw-card-bg);border:1px solid var(--scw-border);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.student-classwork .scw-topic .scw-topic-header{background:#3b82f60d;border-bottom:1px solid var(--scw-border);padding:1rem}.student-classwork .scw-topic .scw-topic-header h3{color:var(--scw-text-primary);font-size:1.1rem;font-weight:600;margin:0}.student-classwork .scw-topic .scw-items{display:flex;flex-direction:column;gap:1rem;padding:1rem}.student-classwork .scw-topic .scw-empty{color:var(--scw-text-secondary);font-style:italic;padding:2rem;text-align:center}.student-classwork .scw-item{background:var(--scw-card-bg);border:1px solid var(--scw-border);border-radius:.75rem;display:flex;flex-direction:column;gap:1rem;padding:1rem}.student-classwork .scw-item .scw-item-main{align-items:flex-start;display:flex;gap:1rem}.student-classwork .scw-item .scw-item-icon{align-items:center;border-radius:.75rem;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.student-classwork .scw-item .scw-item-icon.material{background:linear-gradient(135deg,var(--scw-accent-blue),#1d4ed8)}.student-classwork .scw-item .scw-item-icon.assignment{background:linear-gradient(135deg,var(--scw-accent-green),#047857)}.student-classwork .scw-item .scw-item-icon.quiz{background:linear-gradient(135deg,var(--scw-accent-purple),#6d28d9)}.student-classwork .scw-item .scw-item-icon.question{background:linear-gradient(135deg,var(--scw-accent-orange),#b45309)}.student-classwork .scw-item .scw-item-info{flex:1 1;min-width:0}.student-classwork .scw-item .scw-item-info .scw-item-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.student-classwork .scw-item .scw-item-info .scw-item-header h4{color:var(--scw-text-primary);font-size:1rem;font-weight:600;line-height:1.4;margin:0}.student-classwork .scw-item .scw-item-info .scw-item-header .scw-badge{border-radius:999px;font-size:.7rem;font-weight:600;padding:.15rem .5rem;text-transform:uppercase}.student-classwork .scw-item .scw-item-info .scw-item-header .scw-badge.material{background:#3b82f626;color:var(--scw-accent-blue)}.student-classwork .scw-item .scw-item-info .scw-item-header .scw-badge.assignment{background:#10b98126;color:var(--scw-accent-green)}.student-classwork .scw-item .scw-item-info .scw-item-header .scw-badge.quiz{background:#8b5cf626;color:var(--scw-accent-purple)}.student-classwork .scw-item .scw-item-info .scw-item-header .scw-badge.question{background:#f59e0b26;color:var(--scw-accent-orange)}.student-classwork .scw-item .scw-item-info .scw-item-desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--scw-text-secondary);display:-webkit-box;font-size:.875rem;margin-bottom:.5rem;overflow:hidden}.student-classwork .scw-item .scw-item-info .scw-item-meta{display:flex;flex-wrap:wrap;font-size:.75rem;gap:.5rem}.student-classwork .scw-item .scw-item-info .scw-item-meta span{align-items:center;background:#94a3b81a;border-radius:.375rem;color:var(--scw-text-secondary);display:inline-flex;gap:.25rem;padding:.25rem .5rem}.student-classwork .scw-item .scw-item-info .scw-item-meta span.due-date.overdue{background:#ef44441a;color:var(--scw-accent-red);font-weight:600}.student-classwork .scw-item .scw-item-info .scw-item-meta span.points{background:#3b82f61a;color:var(--scw-accent-blue);font-weight:600}.student-classwork .scw-item .scw-item-actions{display:flex;flex-direction:column;gap:.75rem;width:100%}.student-classwork .scw-item .scw-item-actions button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s;width:100%}.student-classwork .scw-item .scw-item-actions button.btn-view{background:#94a3b81a;color:var(--scw-text-primary)}@media(min-width:768px){.student-classwork .scw-item .scw-item-actions button.btn-view{width:180px}}.student-classwork .scw-item .scw-item-actions button.btn-view:hover{background:#94a3b833}.student-classwork .scw-item .scw-item-actions button.btn-primary{background:var(--scw-accent-blue);color:#fff}.student-classwork .scw-item .scw-item-actions button.btn-primary:hover{filter:brightness(1.1)}.student-classwork .scw-item .scw-item-actions button.btn-success{background:var(--scw-accent-green);color:#fff}@media(min-width:768px){.student-classwork .scw-item .scw-item-actions button.btn-success{width:180px}}.student-classwork .scw-item .scw-item-actions button.btn-success:hover{filter:brightness(1.1)}.student-classwork .scw-item .scw-item-actions button.btn-purple{background:var(--scw-accent-purple);color:#fff}@media(min-width:768px){.student-classwork .scw-item .scw-item-actions button.btn-purple{width:180px}}.student-classwork .scw-item .scw-item-actions button.btn-purple:hover{filter:brightness(1.1)}.student-classwork .scw-item .scw-item-actions button.btn-warning{background:var(--scw-accent-orange);color:#fff}@media(min-width:768px){.student-classwork .scw-item .scw-item-actions button.btn-warning{width:180px}}.student-classwork .scw-item .scw-item-actions button.btn-warning:hover{filter:brightness(1.1)}.student-classwork .scw-item .scw-item-actions button.disabled{background:var(--scw-text-secondary);cursor:not-allowed;opacity:.6}@media(min-width:768px){.student-classwork .scw-item{align-items:center;flex-direction:row}.student-classwork .scw-item .scw-item-main{flex:1 1}.student-classwork .scw-item .scw-item-actions{flex-direction:row;min-width:140px;width:auto}.student-classwork .scw-item .scw-item-actions button{flex:1 1}}.student-classwork .scw-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;display:flex;inset:0;justify-content:center;padding:.5rem;position:fixed;z-index:1050}@media(min-width:768px){.student-classwork .scw-modal-overlay{padding:1rem}}.student-classwork .scw-modal{background:var(--scw-bg);border:1px solid var(--scw-border);border-radius:1rem;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.student-classwork .scw-modal .scw-modal-header{align-items:center;background:var(--scw-bg);border-bottom:1px solid var(--scw-border);display:flex;justify-content:space-between;padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:2}@media(min-width:768px){.student-classwork .scw-modal .scw-modal-header{padding:1.2rem 1.5rem}}.student-classwork .scw-modal .scw-modal-header h2{color:var(--scw-text-primary);font-size:1.1rem;font-weight:700;margin:0}@media(min-width:768px){.student-classwork .scw-modal .scw-modal-header h2{font-size:1.25rem}}.student-classwork .scw-modal .scw-modal-header .scw-modal-close{align-items:center;background:#0000;border:1px solid var(--scw-border);border-radius:.5rem;color:var(--scw-text-secondary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.student-classwork .scw-modal .scw-modal-header .scw-modal-close:hover{background:#ef44441a;color:var(--scw-accent-red);transform:translateY(-1px)}.student-classwork .scw-modal .scw-modal-content-scroll{flex:1 1;overflow-y:auto;padding:1rem}@media(min-width:768px){.student-classwork .scw-modal .scw-modal-content-scroll{padding:1.5rem}}.student-classwork .scw-modal .scw-modal-info{margin-bottom:1.5rem}.student-classwork .scw-modal .scw-modal-info h3{color:var(--scw-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.student-classwork .scw-modal .scw-modal-info p{color:var(--scw-text-secondary);font-size:.95rem;line-height:1.6;margin:0}.student-classwork .scw-modal .scw-modal-meta-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.student-classwork .scw-modal .scw-modal-meta-row .scw-item-info,.student-classwork .scw-modal .scw-modal-meta-row .scw-modal-due,.student-classwork .scw-modal .scw-modal-meta-row .scw-modal-points{align-items:center;border-radius:999px;display:inline-flex;font-size:.85rem;gap:.35rem;padding:.25rem .5rem}.student-classwork .scw-modal .scw-modal-meta-row .scw-modal-points{background:#3b82f61a;border:1px solid #3b82f633;color:var(--scw-accent-blue)}.student-classwork .scw-modal .scw-modal-meta-row .scw-modal-due{background:#94a3b81a;border:1px solid #94a3b833;color:var(--scw-text-secondary)}.student-classwork .scw-modal .scw-modal-meta-row .scw-modal-due.overdue{background:#ef44441a;border-color:#ef444433;color:var(--scw-accent-red);font-weight:600}.student-classwork .scw-modal .scw-modal-meta-row .scw-item-info{background:#94a3b81a;border:1px solid #94a3b833;color:var(--scw-text-secondary)}.student-classwork .scw-modal .scw-item-attachments{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.student-classwork .scw-modal .scw-item-attachments .scw-attachment{align-items:center;background:#94a3b81a;border:1px solid var(--scw-border);border-radius:.5rem;display:flex;gap:.5rem;padding:.5rem}.student-classwork .scw-modal .scw-item-attachments .scw-attachment .scw-file-name{color:var(--scw-text-secondary);font-size:.85rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:500px){.student-classwork .scw-modal .scw-item-attachments .scw-attachment .scw-file-name{display:none}}.student-classwork .scw-modal .scw-item-attachments .scw-attachment .scw-attachment-actions{display:flex;gap:.5rem}.student-classwork .scw-modal .scw-item-attachments .scw-attachment .scw-attachment-actions .scw-attachment-download,.student-classwork .scw-modal .scw-item-attachments .scw-attachment .scw-attachment-actions .scw-attachment-view{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:.35rem;justify-content:center;padding:.35rem .75rem;transition:all .2s}@media(max-width:480px){.student-classwork .scw-modal .scw-item-attachments .scw-attachment .scw-attachment-actions .scw-attachment-download,.student-classwork .scw-modal .scw-item-attachments .scw-attachment .scw-attachment-actions .scw-attachment-view{padding:.35rem}.student-classwork .scw-modal .scw-item-attachments .scw-attachment .scw-attachment-actions .scw-attachment-download span,.student-classwork .scw-modal .scw-item-attachments .scw-attachment .scw-attachment-actions .scw-attachment-view span{display:none}}.student-classwork .scw-modal .scw-item-attachments .scw-attachment .scw-attachment-actions .scw-attachment-view{background:var(--scw-accent-blue);color:#fff}.student-classwork .scw-modal .scw-item-attachments .scw-attachment .scw-attachment-actions .scw-attachment-view:hover{filter:brightness(1.1)}.student-classwork .scw-modal .scw-item-attachments .scw-attachment .scw-attachment-actions .scw-attachment-download{background:var(--scw-accent-green);color:#fff}.student-classwork .scw-modal .scw-item-attachments .scw-attachment .scw-attachment-actions .scw-attachment-download:hover{filter:brightness(1.1)}.student-classwork .scw-modal .scw-submission-summary{background:#10b9810d;border:1px solid #10b98133;border-radius:.75rem;margin-bottom:1.5rem;padding:1rem}.student-classwork .scw-modal .scw-submission-summary .scw-submission-summary-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.student-classwork .scw-modal .scw-submission-summary .scw-submission-summary-header .scw-submission-title{color:var(--scw-accent-green);font-size:.95rem;font-weight:600}.student-classwork .scw-modal .scw-submission-summary .scw-submission-summary-header .scw-submission-grade{align-items:center;background:var(--scw-accent-green);border-radius:999px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:700;gap:.25rem;padding:.2rem .5rem}.student-classwork .scw-modal .scw-submission-summary .scw-submission-text{color:var(--scw-text-primary);font-size:.9rem;margin-bottom:.75rem}.student-classwork .scw-modal .scw-submission-summary .scw-submission-feedback{border-top:1px dashed var(--scw-border);color:var(--scw-text-secondary);font-size:.85rem;font-style:italic;padding-top:.5rem}.student-classwork .scw-modal .scw-submission-summary .scw-submission-inline-meta{color:var(--scw-text-secondary);font-size:.8rem;margin-top:.75rem}.student-classwork .scw-modal .scw-form-group{margin-bottom:1.5rem}.student-classwork .scw-modal .scw-form-group label{color:var(--scw-text-primary);display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.student-classwork .scw-modal .scw-form-group textarea{background:#94a3b80d;border:1px solid var(--scw-border);border-radius:.5rem;color:var(--scw-text-primary);font-size:.95rem;min-height:120px;padding:.75rem;resize:vertical;transition:border-color .2s;width:100%}.student-classwork .scw-modal .scw-form-group textarea:focus{border-color:var(--scw-accent-blue);box-shadow:0 0 0 2px #3b82f61a;outline:none}@media(min-width:768px){.student-classwork .scw-modal .scw-form-group textarea{min-height:150px}}.student-classwork .scw-modal .scw-form-group .scw-file-upload input[type=file]{background:#94a3b80d;border:1px solid var(--scw-border);border-radius:.5rem;color:var(--scw-text-primary);font-size:.9rem;padding:.75rem;width:100%}.student-classwork .scw-modal .scw-form-group .scw-file-upload input[type=file]::-webkit-file-upload-button{background:var(--scw-accent-blue);border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;margin-right:1rem;padding:.5rem .75rem;-webkit-transition:background .2s;transition:background .2s}.student-classwork .scw-modal .scw-form-group .scw-file-upload input[type=file]::file-selector-button{background:var(--scw-accent-blue);border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;margin-right:1rem;padding:.5rem .75rem;transition:background .2s}.student-classwork .scw-modal .scw-form-group .scw-file-upload input[type=file]::-webkit-file-upload-button:hover{background:var(--scw-accent-blue);filter:brightness(1.1)}.student-classwork .scw-modal .scw-form-group .scw-file-upload input[type=file]::file-selector-button:hover{background:var(--scw-accent-blue);filter:brightness(1.1)}.student-classwork .scw-modal .scw-form-group .scw-file-upload .scw-upload-hint{color:var(--scw-text-secondary);font-size:.8rem;margin-top:.5rem}.student-classwork .scw-modal .scw-modal-actions{background:var(--scw-bg);border-top:1px solid var(--scw-border);bottom:0;display:flex;gap:.75rem;margin-top:1.5rem;padding:1rem;position:-webkit-sticky;position:sticky}@media(min-width:768px){.student-classwork .scw-modal .scw-modal-actions{padding:1.25rem 1.5rem}}.student-classwork .scw-modal .scw-modal-actions .scw-btn-cancel,.student-classwork .scw-modal .scw-modal-actions .scw-btn-submit{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s}@media(max-width:480px){.student-classwork .scw-modal .scw-modal-actions .scw-btn-cancel span,.student-classwork .scw-modal .scw-modal-actions .scw-btn-submit span{display:none}}.student-classwork .scw-modal .scw-modal-actions .scw-btn-cancel{background:#94a3b81a;border:1px solid var(--scw-border);color:var(--scw-text-secondary)}.student-classwork .scw-modal .scw-modal-actions .scw-btn-cancel:hover{background:#94a3b833}.student-classwork .scw-modal .scw-modal-actions .scw-btn-submit{background:var(--scw-accent-blue);color:#fff}.student-classwork .scw-modal .scw-modal-actions .scw-btn-submit:hover:not(:disabled){filter:brightness(1.1)}.student-classwork .scw-modal .scw-modal-actions .scw-btn-submit:disabled{cursor:not-allowed;opacity:.6}.settings-page{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding:var(--space-8) var(--space-6)}@media(min-width:1024px){.settings-page{padding:var(--space-12) var(--space-10)}}.settings-header{margin-bottom:var(--space-12);text-align:center}@media(min-width:769px){.settings-header{margin-bottom:var(--space-16);text-align:left}}.settings-header h1{color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-3) 0}.settings-header p{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0 auto;max-width:720px}@media(min-width:769px){.settings-header p{margin:0}}.settings-container{display:flex;flex-direction:column;gap:var(--space-8);margin:0 auto;max-width:1400px}@media(min-width:1150px){.settings-container{flex-direction:row;gap:var(--space-10)}}.settings-sidebar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);height:-webkit-fit-content;height:fit-content}@media(min-width:1150px){.settings-sidebar{position:-webkit-sticky;position:sticky;top:100px;width:280px}}@media(max-width:1150px){.settings-sidebar{order:-1}}.settings-nav{display:flex;gap:var(--space-1)}@media(max-width:1150px){.settings-nav{overflow-x:scroll;padding:20px}}@media(min-width:1150px){.settings-nav{flex-direction:column}}.nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-4);padding:var(--space-4) var(--space-5);transition:all var(--transition-normal)}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateX(4px)}.nav-item.active{background:var(--primary-600);box-shadow:var(--shadow-md);color:#fff;font-weight:var(--font-weight-semibold)}.nav-item.active svg{color:#fff}.nav-item svg{flex-shrink:0;height:20px;width:20px}.settings-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex:1 1;padding:var(--space-8)}.section-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding-bottom:var(--space-5)}.section-header h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0}.section-header .section-actions{display:flex;gap:var(--space-3)}.form-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr}@media(min-width:640px){.form-grid{grid-template-columns:repeat(2,1fr)}}.form-grid .full-width{grid-column:1/-1}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.form-input,.form-select,.form-textarea{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f626;outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--bg-hover);cursor:not-allowed;opacity:.7}.form-textarea{font-family:inherit;min-height:110px;resize:vertical}.password-input{position:relative}.password-input .form-input{padding-right:50px}.password-input .password-toggle{background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;padding:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.password-input .password-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.password-input .password-toggle svg{height:18px;width:18px}.toggle-switch{display:inline-block;height:28px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-switch input:checked+.toggle-slider{background:var(--primary-600)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-switch input:focus-visible+.toggle-slider{box-shadow:0 0 0 3px #3b82f633}.toggle-switch .toggle-slider{background:var(--neutral-400);border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:var(--transition-normal)}.toggle-switch .toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;box-shadow:var(--shadow-sm);content:"";height:22px;left:3px;position:absolute;transition:var(--transition-normal);width:22px}.devices-list{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-6)}.device-item{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;gap:var(--space-6);padding:var(--space-6);transition:all var(--transition-fast)}.device-item:hover{border-color:var(--primary-500);box-shadow:var(--shadow-md)}.device-item.current{background:#3b82f60d;border:2px solid var(--primary-600)}.device-icon{color:var(--primary-600);flex-shrink:0}.device-info{flex:1 1}.device-info h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0}.device-info p{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:4px;margin:0 0 var(--space-1) 0}.device-info small{color:var(--text-muted);font-size:var(--font-size-xs)}.device-status .status-active{background:var(--success-100);border-radius:var(--radius-full);color:var(--success-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3)}.devices-actions{margin-top:var(--space-10);text-align:center}.btn-sm{font-size:var(--font-size-sm)!important;padding:var(--space-2) var(--space-4)!important}.loading-state{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-16) var(--space-8)}.loading-state .spinner{animation:spin .8s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-600);height:48px;width:48px}.loading-state p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.empty-state{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-16) var(--space-8)}.empty-state svg{color:var(--text-muted);opacity:.5}.empty-state p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.spinning{animation:spin .8s linear infinite}.avatar-section{align-items:center;background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-10);padding:var(--space-8)}@media(min-width:640px){.avatar-section{align-items:flex-start;flex-direction:row}}.avatar{align-items:center;background:var(--primary-600);border-radius:50%;box-shadow:var(--shadow-lg);color:#fff;display:flex;flex-shrink:0;font-size:40px;height:100px;justify-content:center;overflow:hidden;width:100px}.avatar img{height:100%;object-fit:cover;width:100%}.avatar svg{height:48px;width:48px}.avatar-actions .avatar-upload{display:none}.avatar-actions label{align-items:center;background:var(--primary-600);border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:var(--transition-fast)}.avatar-actions label:hover{background:var(--primary-700);transform:translateY(-1px)}.notification-item,.preference-item,.privacy-item,.security-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-5) 0}.notification-item:last-child,.preference-item:last-child,.privacy-item:last-child,.security-item:last-child{border-bottom:none;padding-bottom:0}.notification-item:first-child,.preference-item:first-child,.privacy-item:first-child,.security-item:first-child{padding-top:0}.notification-info,.preference-info,.privacy-info,.security-info{flex:1 1}.notification-info h4,.preference-info h4,.privacy-info h4,.security-info h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0}.notification-info p,.preference-info p,.privacy-info p,.security-info p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%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 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px!important}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--transition-normal)}.btn svg{height:18px;width:18px}.btn.btn-primary{background:var(--primary-600);color:#fff}.btn.btn-primary:hover{background:var(--primary-700);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn.btn-secondary{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary)}.btn.btn-secondary:hover{background:var(--bg-hover);border-color:var(--primary-500)}.btn.btn-outline{background:#0000;border:1px solid var(--primary-600);color:var(--primary-600)}.btn.btn-outline:hover{background:var(--primary-600);color:#fff}.btn.btn-danger{background:var(--error-600);color:#fff}.btn.btn-danger:hover{background:var(--error-700);box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.danger-zone{background:var(--error-50);border:1px solid var(--error-300);border-radius:var(--radius-xl);margin-top:var(--space-12);padding:var(--space-8)}[data-theme=dark] .danger-zone{background:#7f1d1d4d;border-color:var(--error-800)}.danger-zone h3{color:var(--error-700);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-5) 0}[data-theme=dark] .danger-zone h3{color:var(--error-400)}.danger-item{align-items:center;display:flex;gap:var(--space-6);justify-content:space-between}@media(max-width:640px){.danger-item{align-items:flex-start;flex-direction:column;gap:var(--space-4)}}.danger-item .danger-info h4{color:var(--error-700);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0}[data-theme=dark] .danger-item .danger-info h4{color:var(--error-300)}.danger-item .danger-info p{color:var(--error-600);font-size:var(--font-size-sm)}[data-theme=dark] .danger-item .danger-info p{color:var(--error-400)}.slug-input-wrapper{align-items:center;display:flex;gap:var(--space-2);position:relative}.slug-status{align-items:center;border-radius:50%;display:flex;height:28px;justify-content:center;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px}.slug-checking .spinner-small{animation:spin .6s linear infinite;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-600);height:16px;width:16px}.slug-status-available{background:#22c55e1a}.slug-status-available .slug-icon{color:#22c55e;font-size:18px;font-weight:700}.slug-status-unavailable{background:#ef44441a}.slug-status-unavailable .slug-icon{color:#ef4444;font-size:18px;font-weight:700}.slug-available{background:#22c55e0d!important;border-color:#22c55e!important}.slug-available:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e26!important}.slug-unavailable{background:#ef44440d!important;border-color:#ef4444!important}.slug-unavailable:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444426!important}.slug-message{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-3)}.slug-message-available{background:#22c55e1a;border:1px solid #22c55e4d;color:#16a34a}[data-theme=dark] .slug-message-available{background:#22c55e26;border-color:#22c55e66;color:#4ade80}.slug-message-unavailable{background:#ef44441a;border:1px solid #ef44444d;color:#dc2626}[data-theme=dark] .slug-message-unavailable{background:#ef444426;border-color:#ef444466;color:#f87171}@media(max-width:768px){.settings-page{padding:var(--space-6) var(--space-4)}.form-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.section-actions{justify-content:flex-end;width:100%}}@media(max-width:480px){.nav-item span{display:none}.nav-item{justify-content:center}}.device-management{margin-top:1.5rem}.device-management .device-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.device-management .device-header h3{color:#1a1a1a;color:var(--text-primary,#1a1a1a);margin:0}.device-management .device-header .btn-refresh{background-color:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:.5rem;cursor:pointer;padding:.5rem 1rem;transition:all .2s}.device-management .device-header .btn-refresh:hover{background-color:#f1f5f9;background-color:var(--bg-secondary,#f1f5f9)}.device-management .device-header .btn-refresh:disabled{cursor:not-allowed;opacity:.6}.device-management .device-description{color:#6b7280;color:var(--text-secondary,#6b7280);margin-bottom:1.5rem}.device-management .device-description p{font-size:.95rem;margin:0}.device-management .device-loading{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;padding:2rem}.device-management .device-loading .device-spinner{animation:spin 1s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top:3px solid var(--primary-color,#3b82f6);height:40px;margin-bottom:1rem;width:40px}.device-management .device-error{background-color:#fee2e2;border-radius:.5rem;color:#b91c1c;margin-bottom:1rem;padding:1rem}.device-management .device-empty{background-color:#f1f5f9;background-color:var(--bg-secondary,#f1f5f9);border-radius:.5rem;color:#6b7280;color:var(--text-secondary,#6b7280);padding:2rem;text-align:center}.device-management .device-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.device-management .device-item{align-items:center;background-color:#fff;background-color:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:.5rem;display:flex;justify-content:space-between;padding:1rem;transition:all .2s}.device-management .device-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.device-management .device-item--current{background-color:#3b82f60d;border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.device-management .device-info{align-items:center;display:flex;flex:1 1;gap:1rem}.device-management .device-icon{background-color:#f1f5f9;background-color:var(--bg-secondary,#f1f5f9);border-radius:50%;height:24px;padding:.75rem;width:24px}.device-management .device-icon--desktop{color:#3b82f6}.device-management .device-icon--mobile{color:#10b981}.device-management .device-icon--tablet{color:#8b5cf6}.device-management .device-details{display:flex;flex-direction:column;gap:.25rem}.device-management .device-name-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.device-management .device-name{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-weight:600}.device-management .device-meta{align-items:center;display:flex;gap:1rem}.device-management .device-activity{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.9rem;gap:.5rem}.device-management .current-badge{align-items:center;background-color:#dcfce7;border-radius:1rem;color:#166534;display:inline-flex;font-size:.75rem;gap:.25rem;margin-left:.5rem;padding:.25rem .5rem}.device-management .current-badge--prominent{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b98133;color:#fff;font-size:.8rem;font-weight:600;margin-left:0;padding:.35rem .75rem}.device-management .current-badge--prominent svg{height:14px;width:14px}.device-management .device-time{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.8rem}.device-management .device-logout{align-items:center;background-color:#0000;border:1px solid #f87171;border-radius:.5rem;color:#ef4444;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.device-management .device-logout:hover{background-color:#fef2f2}.device-management .device-logout:disabled{cursor:not-allowed;opacity:.6}.device-management .device-actions{display:flex;justify-content:flex-end;margin-top:1rem}.device-management .device-actions .btn-danger{align-items:center;background-color:#ef4444;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;flex-direction:column;padding:.75rem 1.5rem;transition:all .2s}.device-management .device-actions .btn-danger:hover{background-color:#dc2626}.device-management .device-actions .btn-danger:disabled{cursor:not-allowed;opacity:.6}.device-management .device-actions .btn-danger small{font-size:.75rem;margin-top:.25rem;opacity:.9}.device-management .device-confirm-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.device-management .device-confirm{background-color:#fff;background-color:var(--bg-surface,#fff);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-width:450px;padding:1.5rem;width:100%}.device-management .device-confirm h4{color:#1a1a1a;color:var(--text-primary,#1a1a1a);margin-bottom:.5rem;margin-top:0}.device-management .device-confirm p{color:#6b7280;color:var(--text-secondary,#6b7280);margin-bottom:1.5rem}.device-management .device-confirm .confirm-actions{display:flex;gap:1rem;justify-content:flex-end}.device-management .device-confirm .confirm-actions .btn{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem}.device-management .device-confirm .confirm-actions .btn:disabled{cursor:not-allowed;opacity:.6}.device-management .device-confirm .confirm-actions .btn-secondary{background-color:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);color:#1a1a1a;color:var(--text-primary,#1a1a1a)}.device-management .device-confirm .confirm-actions .btn-secondary:hover{background-color:#f1f5f9;background-color:var(--bg-secondary,#f1f5f9)}.device-management .device-confirm .confirm-actions .btn-danger{background-color:#ef4444;border:none;color:#fff}.device-management .device-confirm .confirm-actions .btn-danger:hover{background-color:#dc2626}@media(prefers-color-scheme:dark){.device-management .device-icon{background-color:#ffffff1a}.device-management .current-badge{background-color:#16653433}.device-management .device-logout:hover{background-color:#ef44441a}.device-management .btn-danger:hover{background-color:#b91c1c}}.mf__video-preview-container,.video-preview-container{background-color:#0f172a;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:1rem;overflow:hidden;width:100%}.mf__video-preview,.video-preview{overflow:hidden;padding-top:56.25%;position:relative;width:100%}.mf__video-preview video,.video-preview video{background-color:#000;height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.mf__video-overlay,.video-overlay{align-items:center;background:#0000004d;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.mf__video-overlay:hover,.video-overlay:hover{opacity:1}.mf__video-control,.video-control{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin:0 5px;transition:all .2s ease;width:40px}.mf__video-control:hover,.video-control:hover{background:#ffffff4d;transform:scale(1.1)}.mf__video-control svg,.video-control svg{height:20px;width:20px}.mf__play-btn,.play-btn{height:50px;width:50px}.mf__play-btn svg,.play-btn svg{height:24px;width:24px}.mf__video-info,.video-info{background-color:#1e293b;color:#f8fafc;padding:.75rem 1rem}.mf__video-details,.video-details{display:flex;flex-direction:column}.mf__video-name,.video-name{font-weight:500;margin-bottom:.25rem;word-break:break-word}.mf__video-meta,.video-meta{align-items:center;color:#94a3b8;display:flex;font-size:.85rem}.mf__video-meta .mf__video-size,.mf__video-meta .video-size,.video-meta .mf__video-size,.video-meta .video-size{margin-right:1rem}.mf__video-meta .mf__video-duration,.mf__video-meta .video-duration,.video-meta .mf__video-duration,.video-meta .video-duration{align-items:center;display:flex}.mf__video-meta .mf__video-duration svg,.mf__video-meta .video-duration svg,.video-meta .mf__video-duration svg,.video-meta .video-duration svg{margin-right:.25rem}.file-upload-area{align-items:center;border:2px dashed #64748b;border-radius:12px;cursor:pointer;display:flex;justify-content:center;margin-bottom:1rem;min-height:150px;position:relative;transition:all .3s ease;width:100%}.file-upload-area:hover{background-color:#3b82f60d;border-color:#3b82f6}.file-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.file-upload-label{align-items:center;display:flex;flex-direction:column;padding:2rem;text-align:center}.file-upload-label svg{color:#64748b;margin-bottom:1rem}.file-upload-label span{font-weight:500;margin-bottom:.5rem}.file-upload-label small{color:#64748b}.upload-progress{margin:1rem 0;width:100%}.progress-header{display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.5rem}.progress-bar{background-color:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;height:100%;transition:width .3s ease}.mf__status-badge,.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.875rem;font-weight:500;margin:.5rem 0;padding:.5rem 1rem}.mf__status-badge svg,.status-badge svg{margin-right:.5rem}.mf__status-badge.mf__status-queued,.status-badge.mf__status-queued,.status-badge.status-queued,.status-queued.mf__status-badge{background-color:#f1f5f9;color:#475569}.mf__status-badge.mf__status-encoding,.mf__status-badge.mf__status-processing,.status-badge.mf__status-encoding,.status-badge.mf__status-processing,.status-badge.status-encoding,.status-badge.status-processing,.status-encoding.mf__status-badge,.status-processing.mf__status-badge{background-color:#eff6ff;color:#1d4ed8}.mf__status-badge.mf__status-finished,.status-badge.mf__status-finished,.status-badge.status-finished,.status-finished.mf__status-badge{background-color:#ecfdf5;color:#047857}.mf__status-badge.mf__status-failed,.status-badge.mf__status-failed,.status-badge.status-failed,.status-failed.mf__status-badge{background-color:#fef2f2;color:#b91c1c}.mf__spin,.spin{animation:spin 1.5s linear infinite}.success-message{align-items:center;background-color:#ecfdf5;border-radius:8px;color:#047857;display:flex;flex-direction:column;margin:1rem 0;padding:1rem}.success-message svg{font-size:2rem;margin-bottom:.5rem}.success-message .video-status{align-items:center;display:flex;flex-direction:column;margin:1rem 0;width:100%}.success-message .video-link{margin-top:.5rem}.success-message .link-btn{align-items:center;background-color:#0284c7;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.success-message .link-btn svg{font-size:1rem;margin-bottom:0;margin-right:.5rem}.success-message .link-btn:hover{background-color:#0369a1}.success-message .redirect-message{color:#64748b;font-size:.875rem;margin-top:.5rem}.error-message{align-items:center;background-color:#fef2f2;border-radius:8px;color:#b91c1c;display:flex;margin:1rem 0;padding:1rem}.error-message svg{font-size:1.25rem;margin-right:.5rem}.mf__thumbnail-preview,.thumbnail-preview{border-radius:4px;margin-top:.5rem;max-height:120px;max-width:200px}.mf__url-text,.url-text{color:#3b82f6;font-size:.875rem;word-break:break-all}.info-item,.mf__info-item{display:flex;flex-direction:column;margin-bottom:.75rem}.info-item span:first-child,.mf__info-item span:first-child{font-weight:500;margin-bottom:.25rem}@media(prefers-color-scheme:dark){.file-upload-area{border-color:#475569}.file-upload-area:hover{background-color:#60a5fa0d;border-color:#60a5fa}.progress-bar{background-color:#334155}.mf__status-badge.mf__status-queued,.status-badge.mf__status-queued,.status-badge.status-queued,.status-queued.mf__status-badge{background-color:#1e293b;color:#cbd5e1}.mf__status-badge.mf__status-encoding,.mf__status-badge.mf__status-processing,.status-badge.mf__status-encoding,.status-badge.mf__status-processing,.status-badge.status-encoding,.status-badge.status-processing,.status-encoding.mf__status-badge,.status-processing.mf__status-badge{background-color:#172554;color:#93c5fd}.mf__status-badge.mf__status-finished,.status-badge.mf__status-finished,.status-badge.status-finished,.status-finished.mf__status-badge{background-color:#064e3b;color:#6ee7b7}.mf__status-badge.mf__status-failed,.status-badge.mf__status-failed,.status-badge.status-failed,.status-failed.mf__status-badge{background-color:#450a0a;color:#fca5a5}.success-message{background-color:#064e3b;color:#6ee7b7}.success-message .redirect-message{color:#94a3b8}.error-message{background-color:#450a0a;color:#fca5a5}}.mf__mute-btn:hover{background:#fff6}.mf__remove-btn:hover{background:#ef4444b3}.mf__mt-2{margin-top:.5rem}.mf__video-links{margin-top:1rem}:root{--primary-green:#2d5016;--primary-green-light:#3d6b1f;--primary-green-lighter:#4a7c28;--neutral-cream:#f5f1e8;--neutral-light:#e8e3d6;--neutral-dark:#1a1a1a;--accent-gold:#d4a574;--accent-gold-light:#e8d5c4;--spring-primary:#86efac;--spring-secondary:#ffc8dd;--summer-primary:#ffd60a;--summer-secondary:#4cc9f0;--autumn-primary:#f77f00;--autumn-secondary:#d62828;--winter-primary:#caf0f8;--winter-secondary:#90e0ef;--shadow-light:0 4px 20px #0000001a;--shadow-medium:0 8px 30px #00000026;--shadow-heavy:0 12px 40px #0003}.sukunat-app{background:#f5f1e8;background:var(--neutral-cream);font-family:Geist Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;transition:all .3s ease}.sukunat-app.dark-mode{background:#1a1a1a;background:var(--neutral-dark);color:#fff}.sukunat-page{display:flex;flex-direction:column;min-height:100vh;padding:2rem}@media(max-width:768px){.sukunat-page{padding:1rem}}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.page-header .back-btn,.page-header .settings-btn,.page-header .theme-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 20px #0000001a;box-shadow:var(--shadow-light);color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.dark-mode .page-header .back-btn,.dark-mode .page-header .settings-btn,.dark-mode .page-header .theme-toggle{background:#ffffff1a;color:#fff}.page-header .back-btn:hover,.page-header .settings-btn:hover,.page-header .theme-toggle:hover{background:#ffffff4d;box-shadow:0 8px 30px #00000026;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.page-header .season-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 4px 20px #0000001a;box-shadow:var(--shadow-light);display:flex;gap:.75rem;padding:.75rem 1.5rem}.dark-mode .page-header .season-info{background:#ffffff1a}.page-header .season-info .season-emoji{font-size:1.8rem}.page-header .season-info .season-name{color:#fff;font-size:1.2rem;font-weight:600;text-shadow:1px 1px 2px #0000004d}.dark-mode .page-header .season-info .season-name{color:#fff}.page-header .header-actions{display:flex;gap:.5rem}.page-header .header-actions .theme-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 20px #0000001a;box-shadow:var(--shadow-light);color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.dark-mode .page-header .header-actions .theme-toggle{background:#ffffff1a;color:#fff}.page-header .header-actions .theme-toggle:hover{background:#ffffff4d;box-shadow:0 8px 30px #00000026;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.page-header h2{color:#2d5016;color:var(--primary-green);font-family:Playfair Display,serif;font-size:2rem;font-weight:700;margin:0}.dark-mode .page-header h2{color:#86efac;color:var(--spring-primary)}.welcome-page .welcome-header{margin-bottom:3rem;text-align:center}.welcome-page .welcome-header .logo-animation{margin-bottom:1rem}.welcome-page .welcome-header .logo-animation .logo-emoji{display:block;font-size:4rem;margin-bottom:1rem}.welcome-page .welcome-header h1{color:#2d5016;color:var(--primary-green);font-family:Playfair Display,serif;font-size:3rem;font-weight:700;margin:0 0 .5rem}.dark-mode .welcome-page .welcome-header h1{color:#86efac;color:var(--spring-primary)}.welcome-page .welcome-header p{font-size:1.2rem;margin:0;opacity:.7}.welcome-page .seasons-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.welcome-page .seasons-grid .season-card{border-radius:20px;box-shadow:0 8px 30px #00000026;box-shadow:var(--shadow-medium);color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:220px;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center}.welcome-page .seasons-grid .season-card:before{background:#0003;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all .3s ease}.welcome-page .seasons-grid .season-card.selected:before,.welcome-page .seasons-grid .season-card:hover:before{background:#0000001a}.welcome-page .seasons-grid .season-card .season-emoji{font-size:3rem;margin-bottom:1rem;position:relative;z-index:2}.welcome-page .seasons-grid .season-card h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;position:relative;z-index:2}.welcome-page .seasons-grid .season-card h4{font-size:1rem;font-weight:500;margin:0 0 .75rem;opacity:.9;position:relative;z-index:2}.welcome-page .seasons-grid .season-card p{font-size:.9rem;line-height:1.4;margin:0;opacity:.8;position:relative;z-index:2}.welcome-page .presets-section{margin-bottom:2rem}.welcome-page .presets-section h3{color:#2d5016;color:var(--primary-green);font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.dark-mode .welcome-page .presets-section h3{color:#86efac;color:var(--spring-primary)}.welcome-page .presets-section .presets-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.welcome-page .presets-section .presets-grid .preset-btn{align-items:center;background:#fff;border:2px solid #3d6b1f;border:2px solid var(--primary-green-light);border-radius:15px;box-shadow:0 4px 20px #0000001a;box-shadow:var(--shadow-light);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}.dark-mode .welcome-page .presets-section .presets-grid .preset-btn{background:#ffffff1a;border-color:#86efac;border-color:var(--spring-primary)}.welcome-page .presets-section .presets-grid .preset-btn:hover{border-color:#2d5016;border-color:var(--primary-green);box-shadow:0 8px 30px #00000026;box-shadow:var(--shadow-medium)}.dark-mode .welcome-page .presets-section .presets-grid .preset-btn:hover{border-color:#ffc8dd;border-color:var(--spring-secondary)}.welcome-page .presets-section .presets-grid .preset-btn .preset-emoji{font-size:1.5rem}.welcome-page .presets-section .presets-grid .preset-btn .preset-name{color:#2d5016;color:var(--primary-green);font-size:.9rem;font-weight:600}.dark-mode .welcome-page .presets-section .presets-grid .preset-btn .preset-name{color:#fff}.welcome-page .presets-section .presets-grid .preset-btn .preset-duration{color:#d4a574;color:var(--accent-gold);font-size:.8rem;font-weight:500}.welcome-page .welcome-footer{align-items:center;display:flex;justify-content:space-between;margin-top:3rem}@media(max-width:768px){.welcome-page .welcome-footer{flex-direction:column;gap:1rem}}.welcome-page .welcome-footer .settings-btn{align-items:center;background:#fff;border:2px solid #3d6b1f;border:2px solid var(--primary-green-light);border-radius:50px;color:#2d5016;color:var(--primary-green);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.dark-mode .welcome-page .welcome-footer .settings-btn{background:#ffffff1a;border-color:#86efac;border-color:var(--spring-primary);color:#fff}.welcome-page .welcome-footer .settings-btn:hover{border-color:#2d5016;border-color:var(--primary-green);box-shadow:0 8px 30px #00000026;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.welcome-page .welcome-footer .start-btn{align-items:center;background:#2d5016;background:var(--primary-green);border:none;border-radius:50px;box-shadow:0 8px 30px #00000026;box-shadow:var(--shadow-medium);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.welcome-page .welcome-footer .start-btn:not(.active){cursor:not-allowed;opacity:.5}.welcome-page .welcome-footer .start-btn.active:hover{background:#3d6b1f;background:var(--primary-green-light);box-shadow:0 12px 40px #0003;box-shadow:var(--shadow-heavy);transform:translateY(-2px)}.timer-page{position:relative}.timer-page:before{background:#0000004d;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.dark-mode .timer-page:before{background:#00000080}.timer-page>*{position:relative;z-index:2}.timer-page[data-season=spring]{background:linear-gradient(135deg,#86efac1a,#ffc8dd1a)}.timer-page[data-season=summer]{background:linear-gradient(135deg,#ffd60a1a,#4cc9f01a)}.timer-page[data-season=autumn]{background:linear-gradient(135deg,#f77f001a,#d628281a)}.timer-page[data-season=winter]{background:linear-gradient(135deg,#caf0f81a,#90e0ef1a)}.timer-page .timer-main{display:flex;justify-content:center;margin-bottom:2rem}.timer-page .timer-main .timer-circle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;box-shadow:0 12px 40px #0003;box-shadow:var(--shadow-heavy);height:250px;position:relative;width:250px}.timer-page .timer-main .timer-circle .timer-progress{height:100%;width:100%}.timer-page .timer-main .timer-circle .timer-progress circle:last-child{stroke:#2d5016;stroke:var(--primary-green)}.dark-mode .timer-page .timer-main .timer-circle .timer-progress circle:last-child{stroke:#86efac;stroke:var(--spring-primary)}.timer-page .timer-main .timer-circle .timer-content{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.timer-page .timer-main .timer-circle .timer-content .time-display{color:#fff;font-family:Geist Mono,monospace;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px #00000080}.dark-mode .timer-page .timer-main .timer-circle .timer-content .time-display{color:#86efac;color:var(--spring-primary)}.timer-page .timer-main .timer-circle .timer-content .timer-controls{display:flex;gap:.75rem;justify-content:center}.timer-page .timer-main .timer-circle .timer-content .timer-controls .timer-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.1rem;height:45px;justify-content:center;transition:all .3s ease;width:45px}.timer-page .timer-main .timer-circle .timer-content .timer-controls .timer-btn.reset,.timer-page .timer-main .timer-circle .timer-content .timer-controls .timer-btn.volume{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;box-shadow:0 4px 20px #0000001a;box-shadow:var(--shadow-light);color:#fff}.dark-mode .timer-page .timer-main .timer-circle .timer-content .timer-controls .timer-btn.reset,.dark-mode .timer-page .timer-main .timer-circle .timer-content .timer-controls .timer-btn.volume{background:#ffffff1a;color:#fff}.timer-page .timer-main .timer-circle .timer-content .timer-controls .timer-btn.play-pause{background:#2d5016;background:var(--primary-green);box-shadow:0 8px 30px #00000026;box-shadow:var(--shadow-medium);color:#fff;font-size:1.3rem;height:55px;width:55px}.timer-page .timer-main .timer-circle .timer-content .timer-controls .timer-btn.play-pause.playing{animation:pulse-play 2s infinite}.timer-page .duration-selector{margin-bottom:2rem}.timer-page .duration-selector h3{color:#2d5016;color:var(--primary-green);font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.dark-mode .timer-page .duration-selector h3{color:#86efac;color:var(--spring-primary)}.timer-page .duration-selector .duration-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.timer-page .duration-selector .duration-buttons .duration-btn{background:#0000;border:2px solid #3d6b1f;border:2px solid var(--primary-green-light);border-radius:20px;color:#2d5016;color:var(--primary-green);cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.dark-mode .timer-page .duration-selector .duration-buttons .duration-btn{border-color:#86efac;border-color:var(--spring-primary);color:#fff}.timer-page .duration-selector .duration-buttons .duration-btn:hover{border-color:#2d5016;border-color:var(--primary-green)}.dark-mode .timer-page .duration-selector .duration-buttons .duration-btn:hover{border-color:#ffc8dd;border-color:var(--spring-secondary)}.timer-page .duration-selector .duration-buttons .duration-btn.active{background:#2d5016;background:var(--primary-green);border-color:#2d5016;border-color:var(--primary-green);color:#fff}.dark-mode .timer-page .duration-selector .duration-buttons .duration-btn.active{background:#86efac;background:var(--spring-primary);border-color:#86efac;border-color:var(--spring-primary);color:#1a1a1a;color:var(--neutral-dark)}.timer-page .sound-layers{margin-bottom:2rem}.timer-page .sound-layers .sounds-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.timer-page .sound-layers .sounds-header h3{color:#2d5016;color:var(--primary-green);font-size:1.2rem;font-weight:600;margin:0}.dark-mode .timer-page .sound-layers .sounds-header h3{color:#86efac;color:var(--spring-primary)}.timer-page .sound-layers .sounds-header .header-controls{align-items:center;display:flex;gap:.5rem}.timer-page .sound-layers .sounds-header .header-controls .play-all-btn{align-items:center;background:#2e7d32;border:none;border-radius:50%;box-shadow:0 4px 20px #0000001a;box-shadow:var(--shadow-light);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.dark-mode .timer-page .sound-layers .sounds-header .header-controls .play-all-btn{background:#4caf50}.timer-page .sound-layers .sounds-header .header-controls .play-all-btn:hover{background:#1b5e20;box-shadow:0 8px 30px #00000026;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.dark-mode .timer-page .sound-layers .sounds-header .header-controls .play-all-btn:hover{background:#388e3c}.timer-page .sound-layers .sounds-header .header-controls .play-all-btn:active{transform:scale(.95)}.timer-page .sound-layers .sounds-header .header-controls .stop-all-btn{align-items:center;background:#d62828;border:none;border-radius:50%;box-shadow:0 4px 20px #0000001a;box-shadow:var(--shadow-light);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.dark-mode .timer-page .sound-layers .sounds-header .header-controls .stop-all-btn{background:#ff6b6b}.timer-page .sound-layers .sounds-header .header-controls .stop-all-btn:hover{background:#b71c1c;box-shadow:0 8px 30px #00000026;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.dark-mode .timer-page .sound-layers .sounds-header .header-controls .stop-all-btn:hover{background:#ff5252}.timer-page .sound-layers .sounds-header .header-controls .stop-all-btn:active{transform:scale(.95)}.timer-page .sound-layers .sounds-header .header-controls .add-sound-btn{align-items:center;background:#2d5016;background:var(--primary-green);border:none;border-radius:50%;box-shadow:0 4px 20px #0000001a;box-shadow:var(--shadow-light);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.dark-mode .timer-page .sound-layers .sounds-header .header-controls .add-sound-btn{background:#86efac;background:var(--spring-primary);color:#1a1a1a;color:var(--neutral-dark)}.timer-page .sound-layers .sounds-header .header-controls .add-sound-btn:hover{box-shadow:0 8px 30px #00000026;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.timer-page .sound-layers .sounds-header .header-controls .add-sound-btn:active{transform:scale(.95)}.timer-page .sound-layers .season-audio-control{margin-bottom:1.5rem}.timer-page .sound-layers .season-audio-control .active-sound-item{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);border:2px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 30px #00000026;box-shadow:var(--shadow-medium);overflow:hidden;padding:1.5rem;position:relative}.timer-page .sound-layers .season-audio-control .active-sound-item:before{background:linear-gradient(90deg,#2d5016,#d4a574);background:linear-gradient(90deg,var(--primary-green),var(--accent-gold));border-radius:20px 20px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.dark-mode .timer-page .sound-layers .season-audio-control .active-sound-item{background:linear-gradient(135deg,#ffffff26,#ffffff0d);border-color:#fff3}.dark-mode .timer-page .sound-layers .season-audio-control .active-sound-item:before{background:linear-gradient(90deg,#86efac,#ffc8dd);background:linear-gradient(90deg,var(--spring-primary),var(--spring-secondary))}.timer-page .sound-layers .season-audio-control .active-sound-item .sound-info{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.timer-page .sound-layers .season-audio-control .active-sound-item .sound-info .sound-emoji{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));font-size:2rem}.timer-page .sound-layers .season-audio-control .active-sound-item .sound-info .sound-name{color:#fff;flex:1 1;font-size:1.1rem;font-weight:700;text-shadow:1px 1px 2px #00000080}.dark-mode .timer-page .sound-layers .season-audio-control .active-sound-item .sound-info .sound-name{color:#86efac;color:var(--spring-primary)}.timer-page .sound-layers .season-audio-control .active-sound-item .sound-info .play-pause-btn{align-items:center;background:linear-gradient(135deg,#2d5016,#3d6b1f);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));border:none;border-radius:50%;box-shadow:0 4px 15px #2d50164d;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:45px;justify-content:center;transition:all .3s ease;width:45px}.dark-mode .timer-page .sound-layers .season-audio-control .active-sound-item .sound-info .play-pause-btn{background:linear-gradient(135deg,#86efac,#ffc8dd);background:linear-gradient(135deg,var(--spring-primary),var(--spring-secondary));box-shadow:0 4px 15px #86efac4d;color:#1a1a1a;color:var(--neutral-dark)}.timer-page .sound-layers .season-audio-control .active-sound-item .sound-info .play-pause-btn:hover{box-shadow:0 6px 20px #2d501666;transform:translateY(-2px) scale(1.05)}.dark-mode .timer-page .sound-layers .season-audio-control .active-sound-item .sound-info .play-pause-btn:hover{box-shadow:0 6px 20px #86efac66}.timer-page .sound-layers .season-audio-control .active-sound-item .sound-info .play-pause-btn:active{transform:translateY(0) scale(.95)}.timer-page .sound-layers .season-audio-control .active-sound-item .sound-info .play-pause-btn.playing{animation:pulse-play 2s infinite}.timer-page .sound-layers .season-audio-control .active-sound-item .sound-info .play-pause-btn.playing:after{animation:pulse-ring 2s infinite;border:2px solid #d4a574;border:2px solid var(--accent-gold);border-radius:50%;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px}.timer-page .sound-layers .season-audio-control .active-sound-item .sound-controls{align-items:center;display:flex;gap:1rem}.timer-page .sound-layers .season-audio-control .active-sound-item .sound-controls .volume-slider{background:#2d50164d;border-radius:4px;cursor:pointer;flex:1 1;height:8px;outline:none;transition:all .3s ease}.timer-page .sound-layers .season-audio-control .active-sound-item .sound-controls .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#d4a574,#e8d5c4);background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-light));border-radius:50%;box-shadow:0 2px 8px #d4a57466;cursor:pointer;height:20px;-webkit-transition:all .3s ease;transition:all .3s ease;width:20px}.timer-page .sound-layers .season-audio-control .active-sound-item .sound-controls .volume-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #d4a57499;transform:scale(1.2)}.timer-page .sound-layers .season-audio-control .active-sound-item .sound-controls .volume-slider::-moz-range-thumb{background:linear-gradient(135deg,#d4a574,#e8d5c4);background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-light));border:none;border-radius:50%;box-shadow:0 2px 8px #d4a57466;cursor:pointer;height:20px;width:20px}.timer-page .sound-layers .season-audio-control .active-sound-item .sound-controls .volume-value{color:#d4a574;color:var(--accent-gold);font-size:1rem;font-weight:700;min-width:45px;text-align:center;text-shadow:1px 1px 2px #0000004d}.dark-mode .timer-page .sound-layers .season-audio-control .active-sound-item .sound-controls .volume-value{color:#e8d5c4;color:var(--accent-gold-light)}.timer-page .sound-layers .active-sounds{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:500px}.timer-page .sound-layers .active-sounds .active-sound-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:15px;box-shadow:0 4px 20px #0000001a;box-shadow:var(--shadow-light);padding:1rem}.dark-mode .timer-page .sound-layers .active-sounds .active-sound-item{background:#ffffff1a}.timer-page .sound-layers .active-sounds .active-sound-item .sound-info{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.timer-page .sound-layers .active-sounds .active-sound-item .sound-info .sound-emoji{font-size:1.5rem}.timer-page .sound-layers .active-sounds .active-sound-item .sound-info .sound-name{color:#fff;flex:1 1;font-weight:600;text-shadow:1px 1px 2px #00000080}.dark-mode .timer-page .sound-layers .active-sounds .active-sound-item .sound-info .sound-name{color:#fff}.timer-page .sound-layers .active-sounds .active-sound-item .sound-info .play-pause-btn{align-items:center;background:linear-gradient(135deg,#2d5016,#3d6b1f);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));border:none;border-radius:50%;box-shadow:0 2px 8px #2d50164d;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:35px;justify-content:center;transition:all .3s ease;width:35px}.dark-mode .timer-page .sound-layers .active-sounds .active-sound-item .sound-info .play-pause-btn{background:linear-gradient(135deg,#86efac,#ffc8dd);background:linear-gradient(135deg,var(--spring-primary),var(--spring-secondary));box-shadow:0 2px 8px #86efac4d;color:#1a1a1a;color:var(--neutral-dark)}.timer-page .sound-layers .active-sounds .active-sound-item .sound-info .play-pause-btn:hover{box-shadow:0 4px 12px #2d501666;transform:translateY(-1px) scale(1.05)}.dark-mode .timer-page .sound-layers .active-sounds .active-sound-item .sound-info .play-pause-btn:hover{box-shadow:0 4px 12px #86efac66}.timer-page .sound-layers .active-sounds .active-sound-item .sound-info .play-pause-btn:active{transform:translateY(0) scale(.95)}.timer-page .sound-layers .active-sounds .active-sound-item .sound-info .play-pause-btn.playing{animation:pulse-play 2s infinite}.timer-page .sound-layers .active-sounds .active-sound-item .sound-info .play-pause-btn.playing:after{animation:pulse-ring 2s infinite;border:2px solid #d4a574;border:2px solid var(--accent-gold);border-radius:50%;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px}.timer-page .sound-layers .active-sounds .active-sound-item .sound-controls{align-items:center;display:flex;gap:1rem}.timer-page .sound-layers .active-sounds .active-sound-item .sound-controls .volume-slider{background:#2d501633;border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none}.timer-page .sound-layers .active-sounds .active-sound-item .sound-controls .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#2d5016;background:var(--primary-green);border-radius:50%;cursor:pointer;height:16px;width:16px}.timer-page .sound-layers .active-sounds .active-sound-item .sound-controls .volume-value{color:#d4a574;color:var(--accent-gold);font-size:.9rem;font-weight:600;min-width:35px;text-align:right}.timer-page .sound-layers .active-sounds .active-sound-item .sound-controls .remove-sound-btn{align-items:center;background:#d628281a;border:none;border-radius:50%;color:#d62828;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.timer-page .sound-layers .active-sounds .active-sound-item .sound-controls .remove-sound-btn:hover{background:#d62828;color:#fff;transform:scale(1.1)}.timer-page .sound-layers .active-sounds .empty-sounds{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px dashed #ffffff4d;border-radius:20px;color:#fff;padding:3rem 2rem;text-align:center;transition:all .3s ease}.dark-mode .timer-page .sound-layers .active-sounds .empty-sounds{background:#ffffff0d;border-color:#fff3}.timer-page .sound-layers .active-sounds .empty-sounds:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-2px)}.dark-mode .timer-page .sound-layers .active-sounds .empty-sounds:hover{background:#ffffff1a}.timer-page .sound-layers .active-sounds .empty-sounds .empty-icon{animation:float-animation 4s ease-in-out infinite;font-size:3rem;margin-bottom:1rem;opacity:.8}.timer-page .sound-layers .active-sounds .empty-sounds p{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;opacity:.9}.timer-page .sound-layers .active-sounds .empty-sounds small{color:#e8d5c4;color:var(--accent-gold-light);font-size:.9rem;font-style:italic;opacity:.7}.dark-mode .timer-page .sound-layers .active-sounds .empty-sounds small{color:#ffc8dd;color:var(--spring-secondary)}.timer-page .master-volume .volume-control{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 4px 20px #0000001a;box-shadow:var(--shadow-light);display:flex;gap:1rem;margin:0 auto;max-width:300px;padding:1rem 1.5rem}.dark-mode .timer-page .master-volume .volume-control{background:#ffffff1a}.timer-page .master-volume .volume-control svg{color:#fff;font-size:1.2rem}.dark-mode .timer-page .master-volume .volume-control svg{color:#86efac;color:var(--spring-primary)}.timer-page .master-volume .volume-control .master-volume-slider{background:#2d501633;border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none}.timer-page .master-volume .volume-control .master-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#2d5016;background:var(--primary-green);border-radius:50%;cursor:pointer;height:16px;width:16px}.timer-page .master-volume .volume-control span{color:#d4a574;color:var(--accent-gold);font-weight:600;min-width:35px;text-align:right}.sound-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.sound-modal-overlay .sound-modal{animation:slideInUp .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 25px 50px #00000040,0 0 0 1px #fff3;max-height:85vh;max-width:550px;overflow:hidden;width:100%}.dark-mode .sound-modal-overlay .sound-modal{background:linear-gradient(135deg,#1e1e1ef2,#141414e6);border:1px solid #ffffff26;box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff1a}.sound-modal-overlay .sound-modal .modal-header{align-items:center;background:linear-gradient(135deg,#2d50160d,#86efac0d);border-bottom:1px solid #2d501626;display:flex;justify-content:space-between;padding:2rem 2rem 1.5rem;position:relative}.dark-mode .sound-modal-overlay .sound-modal .modal-header{background:linear-gradient(135deg,#86efac1a,#2d50160d);border-bottom-color:#ffffff26}.sound-modal-overlay .sound-modal .modal-header:before{background:linear-gradient(90deg,#2d5016,#d4a574,#2d5016);background:linear-gradient(90deg,var(--primary-green),var(--accent-gold),var(--primary-green));border-radius:25px 25px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.sound-modal-overlay .sound-modal .modal-header h3{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#2d5016,#d4a574);background:linear-gradient(135deg,var(--primary-green),var(--accent-gold));-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.dark-mode .sound-modal-overlay .sound-modal .modal-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#86efac,#e8d5c4);background:linear-gradient(135deg,var(--spring-primary),var(--accent-gold-light));-webkit-background-clip:text;background-clip:text}.sound-modal-overlay .sound-modal .modal-header h3:before{-webkit-text-fill-color:initial;background:none;content:"🎵";font-size:1.3rem}.sound-modal-overlay .sound-modal .modal-header .close-modal-btn{align-items:center;background:linear-gradient(135deg,#d628281a,#d628280d);border:2px solid #d6282833;border-radius:50%;color:#d62828;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:45px;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:45px}.sound-modal-overlay .sound-modal .modal-header .close-modal-btn:hover{background:linear-gradient(135deg,#d62828,#b71c1c);border-color:#0000;box-shadow:0 8px 25px #d6282866;color:#fff;transform:scale(1.1) rotate(90deg)}.sound-modal-overlay .sound-modal .modal-header .close-modal-btn:active{transform:scale(.95) rotate(90deg)}.sound-modal-overlay .sound-modal .modal-content{max-height:calc(85vh - 120px);overflow-x:hidden;overflow-y:auto;padding:2rem}.sound-modal-overlay .sound-modal .modal-content::-webkit-scrollbar{width:6px}.sound-modal-overlay .sound-modal .modal-content::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.sound-modal-overlay .sound-modal .modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2d5016,#d4a574);background:linear-gradient(135deg,var(--primary-green),var(--accent-gold));border-radius:10px}.sound-modal-overlay .sound-modal .modal-content .categories-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.sound-modal-overlay .sound-modal .modal-content .categories-grid .category-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:2px solid #3d6b1f;border:2px solid var(--category-color,var(--primary-green-light));border-radius:20px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:2rem 1.25rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.dark-mode .sound-modal-overlay .sound-modal .modal-content .categories-grid .category-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-color:#86efac;border-color:var(--category-color,var(--spring-primary))}.sound-modal-overlay .sound-modal .modal-content .categories-grid .category-card:before{background:linear-gradient(135deg,#2d5016,#0000);background:linear-gradient(135deg,var(--category-color,var(--primary-green)),#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.sound-modal-overlay .sound-modal .modal-content .categories-grid .category-card:hover{border-color:#2d5016;border-color:var(--category-color,var(--primary-green));box-shadow:0 15px 35px #0003,0 5px 15px #0000001a;transform:translateY(-8px) scale(1.02)}.sound-modal-overlay .sound-modal .modal-content .categories-grid .category-card:hover:before{opacity:.1}.sound-modal-overlay .sound-modal .modal-content .categories-grid .category-card:hover .category-emoji{transform:scale(1.2) rotate(10deg)}.sound-modal-overlay .sound-modal .modal-content .categories-grid .category-card:hover .category-name{color:#2d5016;color:var(--category-color,var(--primary-green));font-weight:700}.sound-modal-overlay .sound-modal .modal-content .categories-grid .category-card:active{transform:translateY(-4px) scale(.98)}.sound-modal-overlay .sound-modal .modal-content .categories-grid .category-card .category-emoji{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:2.5rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.sound-modal-overlay .sound-modal .modal-content .categories-grid .category-card .category-name{color:#2d5016;color:var(--primary-green);font-size:1rem;font-weight:600;text-shadow:0 2px 4px #0000001a;transition:all .3s ease}.dark-mode .sound-modal-overlay .sound-modal .modal-content .categories-grid .category-card .category-name{color:#fff}.sound-modal-overlay .sound-modal .modal-content .sounds-list .category-header{align-items:center;background:linear-gradient(135deg,#2d50160d,#86efac0d);border:1px solid #2d50161a;border-radius:15px;display:flex;gap:1.25rem;margin-bottom:2rem;padding:1rem}.dark-mode .sound-modal-overlay .sound-modal .modal-content .sounds-list .category-header{background:linear-gradient(135deg,#86efac1a,#2d50160d);border-color:#ffffff1a}.sound-modal-overlay .sound-modal .modal-content .sounds-list .category-header .back-to-categories{align-items:center;background:linear-gradient(135deg,#2d50161a,#2d50160d);border:2px solid #2d501633;border-radius:50%;color:#2d5016;color:var(--primary-green);cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;height:45px;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:45px}.dark-mode .sound-modal-overlay .sound-modal .modal-content .sounds-list .category-header .back-to-categories{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-color:#fff3;color:#fff}.sound-modal-overlay .sound-modal .modal-content .sounds-list .category-header .back-to-categories:hover{background:linear-gradient(135deg,#2d5016,#3d6b1f);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));border-color:#0000;box-shadow:0 8px 25px #2d50164d;color:#fff;transform:scale(1.1) rotate(-10deg)}.dark-mode .sound-modal-overlay .sound-modal .modal-content .sounds-list .category-header .back-to-categories:hover{background:linear-gradient(135deg,#86efac,#ffc8dd);background:linear-gradient(135deg,var(--spring-primary),var(--spring-secondary));box-shadow:0 8px 25px #86efac4d;color:#1a1a1a;color:var(--neutral-dark)}.sound-modal-overlay .sound-modal .modal-content .sounds-list .category-header .back-to-categories:active{transform:scale(.95) rotate(-10deg)}.sound-modal-overlay .sound-modal .modal-content .sounds-list .category-header h4{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#2d5016,#d4a574);background:linear-gradient(135deg,var(--primary-green),var(--accent-gold));-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.4rem;font-weight:700;gap:.75rem;margin:0}.dark-mode .sound-modal-overlay .sound-modal .modal-content .sounds-list .category-header h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#86efac,#e8d5c4);background:linear-gradient(135deg,var(--spring-primary),var(--accent-gold-light));-webkit-background-clip:text;background-clip:text}.sound-modal-overlay .sound-modal .modal-content .sounds-list .category-header h4 span{-webkit-text-fill-color:initial;background:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.8rem}.sound-modal-overlay .sound-modal .modal-content .sounds-list .sounds-grid{grid-gap:1rem;display:grid;gap:1rem}.sound-modal-overlay .sound-modal .modal-content .sounds-list .sounds-grid .sound-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:2px solid #0000;border-radius:18px;cursor:pointer;display:flex;gap:1.25rem;overflow:hidden;padding:1.25rem;position:relative;text-align:left;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:100%}.dark-mode .sound-modal-overlay .sound-modal .modal-content .sounds-list .sounds-grid .sound-item{background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.sound-modal-overlay .sound-modal .modal-content .sounds-list .sounds-grid .sound-item:before{background:linear-gradient(135deg,#2d5016,#d4a574);background:linear-gradient(135deg,var(--primary-green),var(--accent-gold));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.sound-modal-overlay .sound-modal .modal-content .sounds-list .sounds-grid .sound-item:hover{border-color:#3d6b1f;border-color:var(--primary-green-light);box-shadow:0 12px 30px #00000026,0 4px 12px #0000001a;transform:translateY(-4px) scale(1.02)}.sound-modal-overlay .sound-modal .modal-content .sounds-list .sounds-grid .sound-item:hover:before{opacity:.05}.sound-modal-overlay .sound-modal .modal-content .sounds-list .sounds-grid .sound-item:hover .sound-emoji{transform:scale(1.15) rotate(5deg)}.sound-modal-overlay .sound-modal .modal-content .sounds-list .sounds-grid .sound-item:hover .add-icon{transform:scale(1.1) rotate(180deg)}.dark-mode .sound-modal-overlay .sound-modal .modal-content .sounds-list .sounds-grid .sound-item:hover{border-color:#86efac;border-color:var(--spring-primary)}.sound-modal-overlay .sound-modal .modal-content .sounds-list .sounds-grid .sound-item:active{transform:translateY(-2px) scale(.98)}.sound-modal-overlay .sound-modal .modal-content .sounds-list .sounds-grid .sound-item.active{background:linear-gradient(135deg,#d4a57433,#d4a5741a);border-color:#d4a574;border-color:var(--accent-gold);box-shadow:0 8px 25px #d4a5744d}.sound-modal-overlay .sound-modal .modal-content .sounds-list .sounds-grid .sound-item.active:before{opacity:.1}.sound-modal-overlay .sound-modal .modal-content .sounds-list .sounds-grid .sound-item.active .add-icon{background:linear-gradient(135deg,#d62828,#b71c1c);color:#fff;transform:rotate(45deg)}.sound-modal-overlay .sound-modal .modal-content .sounds-list .sounds-grid .sound-item.active .sound-name{color:#d4a574;color:var(--accent-gold);font-weight:700}.sound-modal-overlay .sound-modal .modal-content .sounds-list .sounds-grid .sound-item .sound-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0;font-size:1.8rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.sound-modal-overlay .sound-modal .modal-content .sounds-list .sounds-grid .sound-item .sound-name{color:#2d5016;color:var(--primary-green);flex:1 1;font-size:1.1rem;font-weight:600;transition:all .3s ease}.dark-mode .sound-modal-overlay .sound-modal .modal-content .sounds-list .sounds-grid .sound-item .sound-name{color:#fff}.sound-modal-overlay .sound-modal .modal-content .sounds-list .sounds-grid .sound-item .add-icon{align-items:center;background:linear-gradient(135deg,#2d5016,#3d6b1f);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));border-radius:50%;box-shadow:0 4px 12px #2d50164d;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:38px;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:38px}.dark-mode .sound-modal-overlay .sound-modal .modal-content .sounds-list .sounds-grid .sound-item .add-icon{background:linear-gradient(135deg,#86efac,#ffc8dd);background:linear-gradient(135deg,var(--spring-primary),var(--spring-secondary));box-shadow:0 4px 12px #86efac4d;color:#1a1a1a;color:var(--neutral-dark)}@keyframes pulse-play{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:0;transform:scale(1.2)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up-modal{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float-animation{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(2deg)}75%{transform:translateY(-5px) rotate(-2deg)}}.fade-in{animation:fade-in .5s ease-out}.slide-up{animation:slide-up .6s ease-out;animation-fill-mode:both}.slide-up-modal{animation:slide-up-modal .4s ease-out}.float-animation{animation:float-animation 4s ease-in-out infinite}.season-card{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.season-card:hover{box-shadow:0 12px 40px #0003;box-shadow:var(--shadow-heavy);transform:translateY(-5px) scale(1.02)}.season-card:active{transform:translateY(-2px) scale(.98)}.duration-btn,.preset-btn,.start-btn,.timer-btn{cursor:pointer;transition:all .3s ease}.duration-btn:hover,.preset-btn:hover,.start-btn:hover,.timer-btn:hover{transform:scale(1.05)}.duration-btn:active,.preset-btn:active,.start-btn:active,.timer-btn:active{transform:scale(.95)}@media(max-width:768px){.seasons-grid{gap:1rem;grid-template-columns:1fr}.seasons-grid .season-card{min-height:180px;padding:1.5rem 1rem}.presets-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.timer-circle{height:200px!important;width:200px!important}.timer-circle .time-display{font-size:2rem!important}.timer-circle .timer-controls .timer-btn{font-size:1rem!important;height:40px!important;width:40px!important}.timer-circle .timer-controls .timer-btn.play-pause{font-size:1.2rem!important;height:50px!important;width:50px!important}.duration-buttons{gap:.25rem}.duration-buttons .duration-btn{font-size:.8rem;padding:.4rem .8rem}.sound-modal{margin:.5rem;max-height:90vh!important}.sound-modal .modal-content{padding:1rem}.sound-modal .modal-content .categories-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.sound-modal .modal-content .categories-grid .category-card{padding:1rem .75rem}.sound-modal .modal-content .categories-grid .category-card .category-emoji{font-size:1.5rem}.sound-modal .modal-content .categories-grid .category-card .category-name{font-size:.8rem}.active-sound-item .sound-controls{flex-wrap:wrap;gap:.5rem}.active-sound-item .sound-controls .volume-slider{min-width:120px}}@media(max-width:480px){.welcome-header h1{font-size:2rem}.presets-grid{grid-template-columns:1fr}.page-header .season-info{padding:.5rem 1rem}.page-header .season-info .season-name{font-size:1rem}}@keyframes shimmerMove{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{animation:shimmerMove 1.2s ease-in-out infinite;background:linear-gradient(90deg,#ffffff14 25%,#ffffff38 37%,#ffffff14 63%);background-size:400% 100%;display:block}.skeleton-lines{display:grid}.skeleton-card{background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 4px 16px #0000002e;display:block;margin:0;overflow:hidden}.skeleton-card.p-16{padding:16px}.skeleton-card.p-12{padding:12px}.skeleton-card.compact{border-radius:10px;box-shadow:0 2px 10px #00000024;padding:10px}.rounded-8{border-radius:8px!important;overflow:hidden}.rounded-12{border-radius:12px!important;overflow:hidden}.rounded-16{border-radius:16px!important;overflow:hidden}.skeleton-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.skeleton-meta-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.empty-state-card{background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;color:#ffffffb3;display:grid;padding:24px;place-items:center;text-align:center}.empty-state-card h3{color:#fff;font-weight:600;margin:0 0 6px}.empty-state-card p{margin:0}.grid-skeleton{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}@media(max-width:768px){.skeleton-card{border-radius:12px}.grid-skeleton{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.search{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem 0}.search__container{margin:0 auto;max-width:1200px;padding:0 1rem}.search__header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 10px 40px #0000001a;margin-bottom:2rem;padding:2rem}.search__input-container{align-items:center;display:flex;gap:1rem;position:relative}.search__input-icon{color:#667eea;font-size:1.5rem}.search__input{background:#0000;border:none;color:#1a202c;flex:1 1;font-size:1.25rem;outline:none;padding:.75rem 0}.search__input::placeholder{color:#a0aec0}.search__clear-btn{align-items:center;background:#f7fafc;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.search__clear-btn:hover{background:#e2e8f0;transform:scale(1.1)}.search__recent{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:2rem}.search__recent-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.search__recent-title{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0}.search__recent-clear{background:#0000;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.search__recent-clear:hover{background:#667eea1a}.search__recent-list{display:flex;flex-wrap:wrap;gap:.75rem}.search__recent-item{align-items:center;background:#f7fafc;border:none;border-radius:12px;color:#4a5568;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.search__recent-item svg{color:#a0aec0}.search__recent-item:hover{background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.search__recent-item:hover svg{color:#fff}.search__results{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:2rem}.search__loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.search__loading p{color:#4a5568;font-size:1.1rem}.search__spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.search__tabs{display:flex;gap:1rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.search__tabs::-webkit-scrollbar{height:4px}.search__tabs::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.search__tab{align-items:center;background:#f7fafc;border:none;border-radius:12px;color:#4a5568;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.search__tab:hover{background:#e2e8f0}.search__tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.search__tab-count{font-size:.85rem;opacity:.8}.search__content{display:flex;flex-direction:column;gap:2rem}.search__section-title{color:#1a202c;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.search__items{grid-gap:1.5rem;display:grid;gap:1.5rem}.search__items--courses,.search__items--movies{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.search__items--channels{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.search__items--reels{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.search__item{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;cursor:pointer;overflow:hidden;transition:all .3s ease}.search__item:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.search__item--courses,.search__item--movies{display:flex;flex-direction:column}.search__item--channels{align-items:center;display:flex;gap:1rem;padding:1.25rem}.search__item--reels{aspect-ratio:9/16;position:relative}.search__item-image{height:200px;object-fit:cover;width:100%}.search__item-avatar{border-radius:50%;flex-shrink:0;height:80px;object-fit:cover;width:80px}.search__item-thumbnail{height:100%;object-fit:cover;width:100%}.search__item-overlay{align-items:center;background:#ffffffe6;border-radius:50%;color:#667eea;display:flex;font-size:1.5rem;height:50px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:50px}.search__item:hover .search__item-overlay{opacity:1}.search__item-info{flex:1 1;padding:1.25rem}.search__item--reels .search__item-info{background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#fff;left:0;position:absolute;right:0}.search__item--channels .search__item-info{padding:0}.search__item-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#1a202c;display:-webkit-box;font-size:1.1rem;font-weight:600;margin:0 0 .5rem;overflow:hidden}.search__item--reels .search__item-title{color:#fff}.search__verified{background:#667eea;border-radius:50%;color:#fff;display:inline-block;font-size:12px;height:18px;line-height:18px;margin-left:.25rem;text-align:center;width:18px}.search__item-username{color:#718096;font-size:.9rem;margin:.25rem 0}.search__item-author,.search__item-specialization{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#a0aec0;display:-webkit-box;font-size:.9rem;margin:.5rem 0;overflow:hidden}.search__item-meta{align-items:center;color:#718096;display:flex;flex-wrap:wrap;font-size:.85rem;gap:1rem;margin-top:.75rem}.search__item-meta svg{margin-right:.25rem}.search__item-rating{align-items:center;color:#f59e0b;display:flex;gap:.25rem}.search__item-genres{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.search__item-genre{background:#f7fafc;border-radius:6px;color:#4a5568;font-size:.8rem;padding:.25rem .75rem}.search__item-price{color:#667eea;font-weight:600}.search__empty{flex-direction:column;padding:4rem 2rem;text-align:center}.search__empty,.search__empty-icon{align-items:center;display:flex;justify-content:center}.search__empty-icon{background:#f7fafc;border-radius:50%;color:#cbd5e0;height:100px;margin-bottom:1.5rem;width:100px}.search__empty h3{color:#1a202c;font-size:1.5rem;margin:0 0 .5rem}.search__empty p{color:#718096;font-size:1rem;max-width:400px}@media(max-width:768px){.search{padding:1rem 0}.search__header{border-radius:16px;padding:1.5rem}.search__input{font-size:1rem}.search__recent,.search__results{border-radius:16px;padding:1.5rem}.search__tabs{gap:.5rem}.search__tab{font-size:.9rem;padding:.6rem 1rem}.search__items--channels,.search__items--courses,.search__items--movies{grid-template-columns:1fr}.search__items--reels{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.search__item--channels{flex-direction:column;text-align:center}.search__item-avatar{height:60px;width:60px}}@media(prefers-color-scheme:dark){.search{background:linear-gradient(135deg,#1a202c,#2d3748)}.search__header,.search__recent,.search__results{background:#2d3748f2}.search__input{color:#e2e8f0}.search__input::placeholder{color:#718096}.search__clear-btn{background:#2d3748}.search__clear-btn:hover{background:#4a5568}.search__recent-title,.search__section-title{color:#e2e8f0}.search__recent-item{background:#2d3748;color:#cbd5e0}.search__recent-item:hover{background:#667eea;color:#fff}.search__tab{background:#2d3748;color:#cbd5e0}.search__tab:hover{background:#4a5568}.search__tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.search__item{background:#2d3748}.search__item:hover{background:#374151}.search__item-title{color:#e2e8f0}.search__item-author,.search__item-specialization,.search__item-username{color:#a0aec0}.search__item-meta{color:#9ca3af}.search__item-genre{background:#374151;color:#cbd5e0}.search__empty-icon{background:#2d3748;color:#4a5568}.search__empty h3{color:#e2e8f0}.search__empty p{color:#9ca3af}.search__loading p{color:#cbd5e0}}.ct-assignment-page,.ct-test-page{--radius:14px;grid-gap:18px;color:#e6ebf2;display:grid;gap:18px;margin:0 auto;max-width:960px;padding:20px}.ct-assignment-page .page-header,.ct-test-page .page-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.ct-assignment-page .page-header h2,.ct-test-page .page-header h2{font-weight:700;letter-spacing:.2px;margin:0}.ct-assignment-page .page-header .meta,.ct-test-page .page-header .meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.ct-assignment-page .page-header .meta .pill,.ct-test-page .page-header .meta .pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#151823;border:1px solid #ffffff14;border-radius:999px;box-shadow:0 6px 24px #00000059;color:#9aa4b2;font-size:13px;padding:8px 12px}.ct-assignment-page .card,.ct-test-page .card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#151823;border:1px solid #ffffff14;border-radius:var(--radius);box-shadow:0 6px 24px #00000059}.ct-assignment-page .stats-grid,.ct-test-page .stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.ct-assignment-page .stats-grid .stat,.ct-test-page .stats-grid .stat{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#151823;border:1px solid #ffffff14;border-radius:14px;box-shadow:0 6px 24px #00000059;padding:14px}.ct-assignment-page .stats-grid .stat .label,.ct-test-page .stats-grid .stat .label{color:#9aa4b2;font-size:13px}.ct-assignment-page .stats-grid .stat .value,.ct-test-page .stats-grid .stat .value{font-size:18px;font-weight:700;margin-top:6px}.ct-assignment-page .rules-card,.ct-test-page .rules-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#151823;border:1px solid #ffffff14;border-radius:18px;box-shadow:0 6px 24px #00000059;padding:16px}.ct-assignment-page .rules-card h3,.ct-test-page .rules-card h3{margin:0 0 10px}.ct-assignment-page .rules-card ul,.ct-test-page .rules-card ul{grid-gap:8px;display:grid;gap:8px;margin:0;padding-left:18px}.ct-assignment-page .countdown-pill,.ct-test-page .countdown-pill{align-items:center;background:linear-gradient(135deg,#6c5ce7,#8b7bff);border-radius:999px;color:#fff;display:inline-flex;font-weight:600;gap:8px;justify-content:center;padding:8px 12px;width:-webkit-max-content;width:max-content}.ct-assignment-page .question-card,.ct-test-page .question-card{padding:14px}.ct-assignment-page .question-card .q-title,.ct-test-page .question-card .q-title{font-weight:600;margin-bottom:10px}.ct-assignment-page .question-card .options,.ct-test-page .question-card .options{grid-gap:10px;display:grid;gap:10px}.ct-assignment-page .question-card .options .option,.ct-test-page .question-card .options .option{align-items:center;background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;position:relative;transition:.2s ease}.ct-assignment-page .question-card .options .option input[type=radio],.ct-test-page .question-card .options .option input[type=radio]{accent-color:#6c5ce7}.ct-assignment-page .question-card .options .option:hover,.ct-test-page .question-card .options .option:hover{background:#ffffff0a;border-color:#ffffff2e}.ct-assignment-page .actions,.ct-test-page .actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.ct-assignment-page .btn,.ct-test-page .btn{background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;color:#e6ebf2;cursor:pointer;padding:10px 16px;transition:.2s ease}.ct-assignment-page .btn.primary,.ct-test-page .btn.primary{background:linear-gradient(135deg,#6c5ce7,#8b7bff);border:none}.ct-assignment-page .btn:hover,.ct-test-page .btn:hover{transform:translateY(-1px)}.ct-assignment-page .btn:active,.ct-test-page .btn:active{transform:translateY(0)}.ct-assignment-page .btn:disabled,.ct-test-page .btn:disabled{cursor:not-allowed;opacity:.6}.ct-assignment-page .error,.ct-assignment-page .info,.ct-assignment-page .success,.ct-test-page .error,.ct-test-page .info,.ct-test-page .success{border:1px solid #ffffff14;border-radius:12px;font-size:14px;padding:12px}.ct-assignment-page .info,.ct-test-page .info{background:#ffffff05;color:#9aa4b2}.ct-assignment-page .error,.ct-test-page .error{background:#ef444414;border-color:#ef444440;color:#ef4444}.ct-assignment-page .success,.ct-test-page .success{background:#22c55e14;border-color:#22c55e40;color:#22c55e}.ct-assignment-page .results,.ct-test-page .results{grid-gap:10px;display:grid;gap:10px}.ct-assignment-page .results .result-item,.ct-test-page .results .result-item{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#151823;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 6px 24px #00000059;padding:12px}.ct-test-page .desc{color:#9aa4b2}.ct-assignment-page form{grid-gap:14px;display:grid;gap:14px}.ct-assignment-page form label{grid-gap:6px;color:#9aa4b2;display:grid;gap:6px}.ct-assignment-page form input[type=file],.ct-assignment-page form input[type=number],.ct-assignment-page form input[type=url],.ct-assignment-page form textarea{background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;color:#e6ebf2;outline:none;padding:10px 12px;width:100%}.ct-assignment-page form textarea{min-height:120px;resize:vertical}@media(max-width:768px){.ct-assignment-page,.ct-test-page{padding:16px 12px}.ct-assignment-page .page-header,.ct-test-page .page-header{align-items:flex-start;flex-direction:column;gap:6px}.ct-assignment-page .stats-grid,.ct-test-page .stats-grid{grid-template-columns:1fr}}@media(max-width:480px){.ct-assignment-page .question-card,.ct-test-page .question-card{padding:12px}.ct-assignment-page .btn,.ct-test-page .btn{justify-content:center;width:100%}}
/*# sourceMappingURL=main.8b60fbf4.css.map*/