.home-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background-color:#fff}.home-page__container{min-height:100vh}.hero-banner{background:linear-gradient(135deg,#667eea,#764ba2);min-height:90vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-banner__container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-banner__content{color:#fff;z-index:2}.hero-banner__title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;animation:slideInLeft .8s ease-out}.hero-banner__highlight{color:gold;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-banner__description{font-size:1.2rem;margin-bottom:2.5rem;opacity:.9;animation:slideInLeft .8s ease-out .2s both}.hero-banner__search{display:flex;gap:12px;animation:slideInLeft .8s ease-out .4s both}.hero-banner__search-input{flex:1;padding:15px 20px;border:none;border-radius:50px;font-size:1rem;outline:none;box-shadow:0 4px 20px #0000001a}.hero-banner__search-btn{padding:15px 30px;background:linear-gradient(45deg,#ff6b6b,#ff8e8e);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #ff6b6b4d}.hero-banner__search-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ff6b6b66}.hero-banner__visual{position:relative;height:400px;animation:slideInRight .8s ease-out}.hero-banner__floating-card{position:absolute;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:20px;display:flex;align-items:center;gap:12px;color:#fff;font-weight:600;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);animation:float 3s ease-in-out infinite}.hero-banner__card-1{top:10%;left:10%;animation-delay:0s}.hero-banner__card-2{top:50%;right:10%;animation-delay:1s}.hero-banner__card-3{bottom:20%;left:20%;animation-delay:2s}.hero-banner__card-icon{font-size:1.5rem}.course-categories{padding:100px 0;background:#f8fafc}.course-categories__container{max-width:1200px;margin:0 auto;padding:0 20px}.course-categories__header{text-align:center;margin-bottom:60px}.course-categories__title{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:1rem}.course-categories__subtitle{font-size:1.2rem;color:#718096;max-width:600px;margin:0 auto}.course-categories__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.category-card{background:#fff;padding:40px 30px;border-radius:20px;text-align:center;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 20px #00000014;cursor:pointer}.category-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.category-card__icon{font-size:3rem;margin-bottom:1.5rem}.category-card__title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#2d3748}.category-card__courses{color:#718096;font-size:1rem}.category-card__hover-effect{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.category-card:hover .category-card__hover-effect{left:100%}.category-card--blue{border-top:4px solid #4299e1}.category-card--purple{border-top:4px solid #9f7aea}.category-card--pink{border-top:4px solid #ed64a6}.category-card--green{border-top:4px solid #48bb78}.category-card--red{border-top:4px solid #f56565}.category-card--orange{border-top:4px solid #ed8936}.category-card--blue:hover{background:linear-gradient(135deg,#4299e1,#667eea);color:#fff}.category-card--purple:hover{background:linear-gradient(135deg,#9f7aea,#ed64a6);color:#fff}.category-card--pink:hover{background:linear-gradient(135deg,#ed64a6,#f56565);color:#fff}.category-card--green:hover{background:linear-gradient(135deg,#48bb78,#38b2ac);color:#fff}.category-card--red:hover{background:linear-gradient(135deg,#f56565,#ed8936);color:#fff}.category-card--orange:hover{background:linear-gradient(135deg,#ed8936,#ecc94b);color:#fff}.cta-section{padding:100px 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.cta-section__container{max-width:800px;margin:0 auto;padding:0 20px}.cta-section__title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.cta-section__description{font-size:1.2rem;margin-bottom:3rem;opacity:.9}.cta-section__buttons{display:flex;gap:20px;justify-content:center;margin-bottom:4rem;flex-wrap:wrap}.cta-button{padding:15px 40px;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.cta-button--primary{background:linear-gradient(45deg,#ff6b6b,#ff8e8e);color:#fff;box-shadow:0 4px 20px #ff6b6b4d}.cta-button--primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #ff6b6b66}.cta-button--secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-button--secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-3px)}.cta-section__stats{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:1rem;opacity:.9}.testimonials-carousel{padding:100px 0;background:#f8fafc}.testimonials-carousel__container{max-width:1000px;margin:0 auto;padding:0 20px}.testimonials-carousel__header{text-align:center;margin-bottom:60px}.testimonials-carousel__title{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:1rem}.testimonials-carousel__subtitle{font-size:1.2rem;color:#718096;max-width:600px;margin:0 auto}.testimonials-carousel__wrapper{position:relative;margin-bottom:40px}.testimonials-carousel__track{position:relative;height:400px;overflow:hidden}.testimonial-card{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 40px #0000001a;opacity:0;transform:translate(50px);transition:all .5s ease;display:flex;flex-direction:column;justify-content:space-between}.testimonial-card--active{opacity:1;transform:translate(0)}.testimonial-card__content{position:relative}.testimonial-card__quote{font-size:4rem;color:#667eea;line-height:1;margin-bottom:1rem}.testimonial-card__text{font-size:1.2rem;line-height:1.6;color:#4a5568;margin-bottom:2rem;font-style:italic}.testimonial-card__rating{font-size:1.5rem;color:gold}.testimonial-card__author{display:flex;align-items:center;gap:20px}.testimonial-card__avatar{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.testimonial-card__info h4{font-size:1.2rem;font-weight:600;color:#2d3748;margin-bottom:.25rem}.testimonial-card__info p{color:#718096}.testimonials-carousel__btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#fff;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;z-index:10}.testimonials-carousel__btn:hover{background:#667eea;color:#fff;transform:translateY(-50%) scale(1.1)}.testimonials-carousel__btn--prev{left:-25px}.testimonials-carousel__btn--next{right:-25px}.testimonials-carousel__dots{display:flex;justify-content:center;gap:10px}.testimonials-carousel__dot{width:12px;height:12px;border-radius:50%;border:none;background:#cbd5e0;cursor:pointer;transition:all .3s ease}.testimonials-carousel__dot--active{background:#667eea;transform:scale(1.2)}@media (max-width: 768px){.hero-banner__container{grid-template-columns:1fr;text-align:center;gap:40px}.hero-banner__title{font-size:2.5rem}.hero-banner__search{flex-direction:column}.course-categories__grid{grid-template-columns:1fr}.cta-section__buttons{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:300px}.cta-section__stats{gap:30px}.testimonials-carousel__btn--prev{left:10px}.testimonials-carousel__btn--next{right:10px}.testimonial-card{padding:30px 20px}}@media (max-width: 480px){.hero-banner__title,.course-categories__title,.cta-section__title,.testimonials-carousel__title,.stat-number{font-size:2rem}}.menu-toggle{background:none;border:none;font-size:30px;display:none;color:#002147;cursor:pointer;z-index:1100}@media (max-width: 992px){.menu-toggle{display:block;margin-right:10px}.public-header-bar-btn.active{display:flex}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.header-btn-actions{flex-direction:column;gap:10px}}.header-bar{font-family:Segoe UI,sans-serif;width:100%;position:relative;z-index:1000;position:sticky;top:0}.header-bar-top{background-color:#002147;color:#fff;font-size:14px}.header-bar-top-inner{display:flex;justify-content:space-between;align-items:center;padding:2px 5%}.header-bar-phones{display:flex;align-items:center;gap:5px;font-weight:600}.header-bar-phones a{color:#fff;text-decoration:none}.header-bar-social{display:flex;align-items:center;gap:15px}.header-bar-social-list{display:flex;align-items:center;gap:18px;justify-content:center;flex-wrap:wrap}.heder-bar-social-icon-list{display:flex;align-items:center;gap:15px}.header-kit-icons{font-size:14px;font-weight:600}.header-bar-social a{color:#fff;transition:.3s}.header-bar-social a:hover{color:#fcb900}.google-review{height:18px}.header-bar-main{display:flex;justify-content:space-between;align-items:center;padding:1px 1.2%;background:#fff;font-family:Roboto,sans-serif;border-bottom:1px solid #eee}.logo-img{width:85px;transition:.3s}.menu-toggle{background:none;border:none;font-size:24px;display:none;color:#363636;cursor:pointer}.public-header-bar-btn{display:flex;align-items:center;gap:25px}.public-header-bar-links ul{display:flex;list-style:none;gap:28px;margin:0;padding:0}.public-header-bar-links button,.public-header-bar-links a{background:none;border:none;color:#444;font-weight:500;text-transform:uppercase;font-size:16px;cursor:pointer;transition:color .3s,border-bottom .3s}.public-header-bar-links button:hover{color:#fcb900;border-bottom:2px solid #fcb900}.header-btn-actions{display:flex;align-items:center;gap:12px}.header-enquiry-button,.header-login-button,.header-dashboard-button{border:none;padding:8px 14px;font-weight:600;cursor:pointer;transition:.3s}.header-enquiry-button{background-color:#002147;color:#fff}.header-login-button{background-color:#002147c9;color:#fff}.header-dashboard-button{background-color:#0078d7;color:#fff;font-size:17px;text-transform:uppercase;font-family:Roboto,sans-serif;display:flex;align-items:center;justify-content:center}.header-btn-actions button:hover{opacity:.85;transform:translateY(-2px)}.header-bar-marquee{margin-top:-6px}.marquee-text{background:linear-gradient(53deg,#fbb03b,#c01525);color:#fff;font-weight:700;text-transform:uppercase;font-size:16px;padding:2px}.active-nav,.public-header-bar-links button.active-nav{color:#fcb900!important;border-bottom:2px solid #fcb900}@media (max-width: 992px){.active-nav{color:#fcb900!important;background:#0f2a38}}@media (max-width: 992px){.header-bar-top-inner{flex-direction:column;gap:5px;text-align:center}.menu-toggle{display:flex;border:1px solid #000000;font-weight:300;padding:2px;align-items:center;justify-content:center}.header-bar-main-inner-logo-btn{width:100%;display:flex;align-items:center;justify-content:space-between}.header-bar-main{flex-direction:column;gap:15px;padding:0}.header-kit-icons{font-size:14px}.header-bar-social-list{gap:14px}.public-header-list-ul{background-color:#0c1923}.public-header-bar-links button{color:#fff;padding:0 5%;font-size:14px}.public-header-list-li{width:100%;border-bottom:1px solid #ddd}.public-header-bar-links a{color:#fff;padding:10px 5%;font-size:14px}.public-header-bar-btn{width:100%;flex-direction:column;background:#fff;border-top:1px solid #ddd;padding:0;gap:2px;display:none}.public-header-bar-btn.active{display:flex;animation:slideDown .3s ease forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.public-header-bar-links ul{flex-direction:column;gap:5px}.public-header-bar-links{width:100%;padding:0 15px}.header-btn-actions{flex-direction:column;width:100%;padding:1px 15px;margin-top:-3px}.header-dashboard-button{width:100%;padding:5px 0}}@media (max-width: 576px){.header-bar-phones{font-size:12px}.header-bar-social{gap:10px}.logo-img{width:100px}.header-bar-logo{padding:15px}.google-review-navbar-link{margin-top:-20px}.google-review{height:15px}.heder-bar-social-icon-list{margin-left:5px}}.footer-container-box{font-family:Arial,sans-serif;color:#fff;background-color:#0b1a3d;padding:40px 0 0;margin-top:60px}a{color:#fff;text-decoration:none;transition:color .2s}a:hover{color:#ffd400}.footer-columns-container{max-width:1190px;margin:0 auto;padding:0 15px 30px;display:flex;justify-content:space-between;flex-wrap:wrap}.footer-cta-bar{color:#001b3a;display:flex;align-items:center;justify-content:space-between;padding:25px 65px;border-radius:10px;position:relative;bottom:110px;flex-wrap:wrap;width:100%}.footer-cta-content-container{background-color:#fdc800;width:100%;border-radius:10px;border:2px solid #3f2471;margin:0 auto;padding:0 15px;display:flex;justify-content:space-between;align-items:center}.cta-content_h2{font-size:24px;font-weight:800;color:#007bff;margin-bottom:10px}.cta-content_p{font-size:21px;color:#fff;font-weight:700}.cta-content{width:100%;margin:0 auto;padding:0 90px;display:flex;justify-content:space-between;align-items:center}.cta-text{padding:15px}.cta-text h2{font-size:2em;margin-bottom:5px;font-weight:700}.cta-text p{font-size:1em;line-height:1.4;font-weight:500}.cta-button{background-color:#2e78c8;color:#fff;border:none;padding:12px 30px;font-size:1.1em;font-weight:700;border-radius:5px;cursor:pointer;text-transform:uppercase;transition:background-color .2s;box-shadow:0 4px 6px #0003}.cta-button:hover{background-color:#1a5ba8}.footer-main{margin-top:-90px}.footer-col{width:23%;box-sizing:border-box}.footer-col h3{font-size:1.25em;font-weight:700;margin-bottom:20px;color:#fff}.col-1 p{font-size:13px;line-height:26px;color:#fff;opacity:.66;margin:0}.contact-item{display:flex;align-items:flex-start;margin-bottom:15px}.contact-item svg{color:#ffd400;margin-right:10px;margin-top:3px;font-size:1.1em}.contact-item p{font-size:13px;line-height:26px;color:#fff;opacity:.66;margin:0}.office-hours-title{font-weight:700;font-size:1.1em;margin-top:20px;margin-bottom:10px}.quick-links-list{list-style:none;padding:0;margin:0;display:inline-block;width:48%;vertical-align:top}.quick-links-list.second-list{margin-left:1%}.quick-links-list li{color:#fff;opacity:.66;padding:0;display:block;line-height:1;margin-bottom:14px}.quick-links-list a{font-size:.9em}.social-icons{display:flex;margin-bottom:20px}.social-icon{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;color:#fff;margin-right:10px;font-size:1.1em;transition:background-color .2s;opacity:.66;padding:0;display:block;line-height:1;margin-bottom:14px}.footer-logo-text{color:#fff;font-weight:900;font-size:25px}.social-icon:hover{background-color:#ffd400;color:#0b1a3d}.drop-review-title{font-weight:700;font-size:1.1em;margin-bottom:10px}.google-review-link{display:inline-block;margin-bottom:20px}.google-review-btn{display:flex;align-items:center;background-color:#fff;color:#0b1a3d;padding:8px 15px;border-radius:5px;border:1px solid #ccc}.google-icon{font-size:1.8em;font-weight:700;color:#2e78c8;margin-right:10px}.google-text{font-size:.8em;line-height:1.2;font-weight:700;text-align:left}.google-text strong{color:#2e78c8}.qr-code-section{margin-bottom:10px}.qr-code-placeholder{width:120px;height:120px;background-color:#fff;color:#0b1a3d;display:flex;justify-content:center;align-items:center;font-size:.8em;font-weight:700}.views-count{font-size:.85em;color:#fff}.view-number{color:#ffd400;font-weight:700}.footer-copyright{background-color:#002147;padding:15px 0;text-align:center;font-size:.85em}.footer-copyright p{margin:0;font-size:14px;font-family:Helvetica;padding:1px 24px}@media (max-width: 992px){.footer-col{width:48%}.col-1,.col-2{margin-bottom:30px}}@media (max-width: 768px){.cta-content{flex-direction:column;text-align:center;padding:10px}.cta-text{margin-bottom:15px}.footer-cta-bar{padding:35px 15px}.footer-col{width:100%;padding:15px 0;text-align:center}.contact-item{justify-content:center}.quick-links-list{width:100%}.quick-links-list.second-list{margin-left:0}.social-icons{justify-content:center}.qr-code-placeholder{margin:15px auto 0}}:root{--primary-color: #3b82f6;--primary-hover: #2563eb;--secondary-color: #64748b;--accent-color: #8b5cf6;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-sidebar: #ffffff;--bg-header: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--text-light: #cbd5e1;--border-color: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--border-radius-sm: .375rem;--border-radius: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--transition: all .2s ease-in-out;--transition-slow: all .3s ease-in-out}.elibrary__container{display:grid;grid-template-columns:220px 1fr 200px;min-height:100vh;background-color:var(--bg-secondary);gap:0}.elibrary__sidebar-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.75rem 1rem;box-shadow:var(--shadow-md);cursor:pointer;transition:var(--transition);align-items:center;gap:.5rem;font-weight:500;color:var(--text-primary)}.elibrary__sidebar-toggle:hover{background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.elibrary__toggle-icon{font-size:1.25rem}.elibrary__toggle-text{font-size:.875rem}.elibrary__sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);padding:1.5rem 1rem;overflow-y:auto;height:100vh;position:sticky;top:0;transition:var(--transition-slow);box-shadow:var(--shadow-sm)}.elibrary__sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.elibrary__sidebar-title{display:flex;align-items:center;gap:.75rem}.elibrary__sidebar-icon{font-size:1.5rem}.elibrary__sidebar-header h3{margin:0;color:var(--text-primary);font-weight:600;font-size:1.25rem}.elibrary__close-sidebar{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:.25rem;border-radius:var(--border-radius-sm);transition:var(--transition)}.elibrary__close-sidebar:hover{background:var(--bg-tertiary);color:var(--text-primary)}.elibrary__expand-arrow{transition:transform .3s ease;font-size:.8rem;margin-left:auto}.elibrary__expand-arrow.rotated{transform:rotate(180deg)}.elibrary__subcategory-wrapper{max-height:0;overflow:hidden;opacity:0;transition:all .3s ease-in-out;margin-left:1rem}.elibrary__subcategory-wrapper.expanded{max-height:300px;opacity:1;padding-top:.3rem}.elibrary__techstack-group+.elibrary__techstack-group{margin-top:.25rem}.elibrary__category-section{margin-bottom:2rem}.elibrary__section-header{margin-bottom:1rem}.elibrary__section-header h4{margin:0;color:var(--text-primary);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.elibrary__category-list{display:flex;flex-direction:column;gap:.25rem}.elibrary__category-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:none;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);color:var(--text-secondary);font-size:.875rem;width:100%;text-align:left;position:relative}.elibrary__category-item:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translate(4px)}.elibrary__category-item.active{background:var(--primary-color);color:#fff;font-weight:500}.elibrary__category-icon{font-size:1rem;width:1.25rem;text-align:center}.elibrary__category-text{flex:1}.elibrary__category-count{background:var(--bg-secondary);color:var(--text-muted);padding:.25rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:500}.elibrary__category-item.active .elibrary__category-count{background:#fff3;color:#fff}.elibrary__techstack-group{display:flex;flex-direction:column}.elibrary__subcategory-list{margin-left:2rem;margin-top:.25rem;border-left:2px solid var(--border-light);padding-left:.75rem}.elibrary__subcategory-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:none;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);color:#1d1d1d;font-size:.8rem;width:100%;text-align:left}.elibrary__subcategory-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.elibrary__subcategory-item.active{background:var(--primary-color);color:#fff}.elibrary__subcategory-icon{font-size:.75rem;width:1rem;text-align:center}.elibrary__subcategory-text{flex:1}.elibrary__sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-light)}.elibrary__clear-filters-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);color:var(--text-secondary);font-size:.875rem;width:100%;justify-content:center}.elibrary__clear-filters-btn:hover{background:var(--error-color);color:#fff;border-color:var(--error-color);transform:translateY(-1px)}.elibrary__clear-icon{font-size:1rem}.elibrary__main-content{background:var(--bg-primary);min-height:100vh}.elibrary__header{background:var(--bg-header);border-bottom:1px solid var(--border-color);padding:1.5rem 2rem;top:125px;z-index:10;box-shadow:var(--shadow-sm)}.elibrary__header-content{max-width:100%}.elibrary__search-section{display:flex;align-items:center;justify-content:center;gap:2rem}.elibrary__search-container{flex:1;max-width:600px}.elibrary__search-input-wrapper{position:relative;display:flex;align-items:center}.elibrary__search-input{width:100%;padding:.875rem 1rem .875rem 3rem;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:var(--bg-primary);font-size:.875rem;transition:var(--transition);box-shadow:var(--shadow-sm)}.elibrary__search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.elibrary__search-btn{position:absolute;left:.75rem;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:.5rem;border-radius:var(--border-radius-sm);transition:var(--transition)}.elibrary__search-btn:hover{color:var(--primary-color);background:var(--bg-tertiary)}.elibrary__search-icon{font-size:1.125rem}.elibrary__header-stats{display:none;align-items:center}.elibrary__stats-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-secondary);font-size:.875rem;font-weight:500}.elibrary__stats-count{color:var(--primary-color);font-weight:600;font-size:1rem}.elibrary__books-main{padding:2rem;min-height:calc(100vh - 120px)}.elibrary__loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.elibrary__loading-spinner{width:3rem;height:3rem;border:3px solid var(--border-light);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.elibrary__no-books{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.elibrary__no-books-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.elibrary__no-books h3{margin:0 0 .5rem;color:var(--text-primary);font-weight:600}.elibrary__no-books p{margin:0 0 1.5rem;color:var(--text-muted)}.elibrary__clear-filters-btn-large{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-weight:500}.elibrary__clear-filters-btn-large:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.elibrary__books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:1rem}.elibrary__book-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);overflow:hidden;transition:var(--transition-slow);box-shadow:var(--shadow-sm);position:relative}.elibrary__book-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.elibrary__book-image-container{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary))}.elibrary__book-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.elibrary__book-card:hover .elibrary__book-image img{transform:scale(1.05)}.elibrary__book-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.elibrary__book-emoji{font-size:3rem;opacity:.8}.elibrary__book-badge{position:absolute;top:.75rem;right:.75rem;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.2rem .4rem;border-radius:1rem;font-size:.5rem;font-weight:600;color:var(--warning-color);box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.2)}.elibrary__book-content{padding:.7rem}.elibrary__book-title{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.elibrary__book-author{margin:0 0 .75rem;color:var(--text-secondary);font-size:.875rem;font-style:italic}.elibrary__book-tech{margin-bottom:1rem}.elibrary__tech-badge{display:inline-block;padding:.25rem .75rem;background:var(--bg-secondary);color:var(--text-secondary);border-radius:1rem;font-size:.75rem;font-weight:500;border:1px solid var(--border-light)}.elibrary__book-actions{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.elibrary__action-btn{display:flex;align-items:center;gap:3px;padding:.4rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-size:.7rem;font-weight:500;justify-content:center}.elibrary__action-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.elibrary__read-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.elibrary__test-btn:hover{background:var(--warning-color);color:#fff;border-color:var(--warning-color)}.elibrary__ai-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.elibrary__code-yourself:hover{background:var(--success-color);color:#fff;border-color:var(--success-color)}.elibrary__btn-icon{font-size:.7rem}.elibrary__ads-sidebar{background:var(--bg-sidebar);border-left:1px solid var(--border-color);padding:1.5rem 1rem;overflow-y:auto;height:100vh;position:sticky;top:0}.elibrary__ads-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.elibrary__ads-title{display:flex;align-items:center;justify-content:space-between}.elibrary__ads-title h3{margin:0;color:var(--text-primary);font-weight:600;font-size:1rem}.elibrary__ad-badge{background:linear-gradient(135deg,var(--accent-color),var(--primary-color));color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.elibrary__ads-container{display:flex;flex-direction:column;gap:1rem}.elibrary__ad-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden;transition:var(--transition);box-shadow:var(--shadow-sm)}.elibrary__ad-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.elibrary__ad-image{position:relative;aspect-ratio:16/9;overflow:hidden}.elibrary__ad-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.elibrary__ad-card:hover .elibrary__ad-image img{transform:scale(1.05)}.elibrary__ad-overlay{position:absolute;top:.5rem;left:.5rem;background:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:var(--border-radius-sm);font-size:.7rem;font-weight:500}.elibrary__ad-content{padding:1rem}.elibrary__ad-title{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--text-primary);line-height:1.4}.elibrary__ad-description{margin:0 0 1rem;color:var(--text-secondary);font-size:.75rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.elibrary__ad-cta-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-size:.75rem;font-weight:500;width:100%;justify-content:center}.elibrary__ad-cta-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.elibrary__ad-cta-icon{font-size:.875rem;transition:var(--transition)}.elibrary__ad-cta-btn:hover .elibrary__ad-cta-icon{transform:translate(2px)}.elibrary__no-ads{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--border-radius);border:1px dashed var(--border-color)}.elibrary__no-ads-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.elibrary__no-ads p{margin:0;font-size:.875rem}.elibrary__sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}@media (max-width: 1200px){.elibrary__container{grid-template-columns:200px 1fr 200px}.elibrary__books-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width: 1024px){.elibrary__container{grid-template-columns:1fr}.elibrary__sidebar{position:fixed;top:0;left:-100%;width:320px;z-index:1000;height:100vh;box-shadow:var(--shadow-xl)}.elibrary__sidebar.sidebar-open{left:0}.elibrary__close-sidebar{display:block}.elibrary__sidebar-toggle{display:flex}.elibrary__ads-sidebar{display:none}.elibrary__sidebar-overlay{display:block}}@media (max-width: 768px){.elibrary__header,.elibrary__books-main{padding:1rem}.elibrary__search-section{flex-direction:column;gap:1rem;align-items:stretch}.elibrary__header-stats{justify-content:flex-start}.elibrary__books-grid{grid-template-columns:1fr;gap:1rem}.elibrary__sidebar{width:100%}}@media (max-width: 480px){.elibrary__book-content{padding:1rem}.elibrary__book-title{font-size:1rem}.elibrary__action-btn{padding:.75rem .5rem;font-size:.7rem}.elibrary__sidebar-toggle{top:4.3rem;left:.5rem;padding:.5rem .75rem}}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.elibrary__sidebar.sidebar-open{animation:slideIn .3s ease-out}.elibrary__sidebar::-webkit-scrollbar,.elibrary__ads-sidebar::-webkit-scrollbar{width:4px}.elibrary__sidebar::-webkit-scrollbar-track,.elibrary__ads-sidebar::-webkit-scrollbar-track{background:var(--bg-tertiary)}.elibrary__sidebar::-webkit-scrollbar-thumb,.elibrary__ads-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.elibrary__sidebar::-webkit-scrollbar-thumb:hover,.elibrary__ads-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.elibrary__mobile-ad-card{border-radius:var(--border-radius-lg);padding:.75rem;margin:.5rem 0;border:none;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.elibrary__mobile-ad-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,gold,#ff6b6b,#4ecdc4)}.elibrary__mobile-ad-content{display:flex;flex-direction:column;gap:.5rem}.elibrary__mobile-ad-badge{background:#ffffffe6;color:#764ba2;padding:.2rem .6rem;border-radius:1rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.elibrary__mobile-ad-main{display:flex;align-items:center;gap:.75rem}.elibrary__mobile-ad-image{width:50px;height:50px;border-radius:var(--border-radius);overflow:hidden;flex-shrink:0;border:2px solid rgba(255,255,255,.3);box-shadow:var(--shadow-sm)}.elibrary__mobile-ad-image img{width:100%;height:100%;object-fit:cover}.elibrary__mobile-ad-text{flex:1;min-width:0}.elibrary__mobile-ad-title{font-size:.8rem;font-weight:700;margin:0 0 .2rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.3)}.elibrary__mobile-ad-description{font-size:.7rem;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.elibrary__mobile-ad-cta{background:#fffffff2;color:#764ba2;border:none;border-radius:var(--border-radius);padding:.4rem .8rem;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.5px}.elibrary__mobile-ad-cta:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0003}@media (min-width: 1025px){.elibrary__mobile-ad-card{display:none}}@media (max-width: 1024px){.elibrary__mobile-ad-card{display:block}.elibrary__books-grid{grid-template-columns:1fr}}@media (max-width: 480px){.elibrary__mobile-ad-card{padding:.6rem;margin:.3rem 0}.elibrary__mobile-ad-main{gap:.5rem}.elibrary__mobile-ad-image{width:45px;height:45px}.elibrary__mobile-ad-title{font-size:.75rem}.elibrary__mobile-ad-description{font-size:.65rem}.elibrary__mobile-ad-cta{padding:.3rem .6rem;font-size:.65rem}}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:10px;flex-direction:column}.login-container{width:100%;max-width:450px;background-color:#ffffffe6;border-radius:20px;box-shadow:0 15px 30px #0003;overflow:hidden;animation:fadeIn .8s ease-out}.back-to-home{width:3%;display:flex;align-items:center}.heading-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.back-to-home-btn{color:#fff;cursor:pointer;font-weight:500;transition:all .3s ease}.back-to-home-btn:hover{color:#d1ddf7;transform:translate(-1px)}.login-header{background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff;padding:10px;text-align:center;display:flex}.login-header h1{font-size:28px;font-weight:600}.login-header p{font-size:16px;opacity:.9}.login-form{padding:30px}.login-page-form-group{margin-bottom:15px;position:relative}.login-page-form-label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.login-page-input-field{width:100%;padding:10px 10px 10px 45px;border:2px solid #e1e1e1;border-radius:10px;font-size:14px;transition:all .3s ease;background-color:#f9f9f9}.login-page-input-field:focus{border-color:#6e8efb;background-color:#fff;outline:none;box-shadow:0 0 0 3px #6e8efb33}.login-page-input-icon{position:absolute;left:15px;top:40px;color:#888;font-size:18px}.login-page-password-toggle{position:absolute;right:15px;top:40px;color:#888;cursor:pointer;font-size:18px}.login-page-remember-forgot{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.login-page-remember-me{display:flex;align-items:center}.login-page-remember-me input{margin-right:8px}.login-page-forgot-password{color:#6e8efb;text-decoration:none;font-weight:500}.login-page-forgot-password:hover{text-decoration:underline}.login-page-login-button{width:100%;padding:15px;background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.login-page-login-button:hover{transform:translateY(-2px);box-shadow:0 7px 15px #6e8efb66}.login-page-login-button:active{transform:translateY(0)}.login-page-divider{display:flex;align-items:center;margin:10px 0}.login-page-divider:before,.login-page-divider:after{content:"";flex:1;border-bottom:1px solid #e1e1e1}.login-page-divider span{padding:0 15px;color:#888;font-size:14px}.login-page-social-login{display:flex;justify-content:center;gap:15px}.login-page-social-btn{width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;color:#555;font-size:20px;border:none;cursor:pointer;transition:all .3s ease}.login-page-social-btn:hover{transform:translateY(-3px);box-shadow:0 5px 10px #0000001a}.login-page-facebook-btn:hover{background-color:#3b5998;color:#fff}.login-page-google-btn:hover{background-color:#db4437;color:#fff}.login-page-twitter-btn:hover{background-color:#1da1f2;color:#fff}.login-page-register-link{text-align:center;color:#666;font-size:15px}.login-page-register-link-a{color:#6e8efb;text-decoration:none;font-weight:500}.register-link a:hover{text-decoration:underline}@media (max-width: 480px){.login-container{max-width:100%}.login-form{padding:20px}.login-page-remember-forgot{flex-direction:row;align-items:flex-start;gap:15px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.register-page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:10px}.register-container{width:100%;max-width:450px;background-color:#ffffffe6;border-radius:20px;box-shadow:0 15px 30px #0003;overflow:hidden;animation:fadeIn .8s ease-out}.register-header{background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff;padding:30px 20px;text-align:center}.register-header h1{font-size:28px;margin-bottom:10px;font-weight:600}.register-header p{font-size:16px;opacity:.9}.register-form{padding:30px}.register-page-form-group{margin-bottom:25px;position:relative}.register-page-form-label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.register-page-input-field{width:100%;padding:10px 10px 10px 35px;border:2px solid #e1e1e1;border-radius:10px;font-size:14px;transition:all .3s ease;background-color:#f9f9f9}.register-page-input-field:focus{border-color:#6e8efb;background-color:#fff;outline:none;box-shadow:0 0 0 3px #6e8efb33}.register-page-input-icon{position:absolute;left:15px;top:40px;color:#888;font-size:18px}.register-page-password-toggle{position:absolute;right:15px;top:40px;color:#888;cursor:pointer;font-size:18px}.register-page-submit-button{width:100%;padding:15px;background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.register-page-submit-button:hover{transform:translateY(-2px);box-shadow:0 7px 15px #6e8efb66}.register-page-submit-button:active{transform:translateY(0)}.register-page-login-link{text-align:center;margin-top:25px;color:#666;font-size:15px}.register-page-login-link a{color:#6e8efb;text-decoration:none;font-weight:500}.register-page-login-link a:hover{text-decoration:underline}@media (max-width: 480px){.register-container{max-width:100%}.register-form{padding:20px}}:root{--primary-color: #4f46e5;--primary-light: #6366f1;--secondary-color: #06b6d4;--accent-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--text-primary: #1f2937;--text-secondary: #6b7280;--text-light: #9ca3af;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-card: #ffffff;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--border-radius: 12px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.student-dashboard-page{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6}.student-dashboard{min-height:100vh;padding:24px;max-width:1400px;margin:0 auto}.student-dashboard-header{margin-bottom:32px;text-align:center}.student-dashboard-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;animation:fadeInUp .6s ease-out}.student-dashboard-subtitle{font-size:1.1rem;color:var(--text-secondary);animation:fadeInUp .6s ease-out .1s both}.student-dashboard-content{animation:fadeIn .8s ease-out}.student-dashboard-grid{display:grid;grid-template-columns:1fr 400px;gap:24px;align-items:start}.student-dashboard-grid-column-left{display:flex;flex-direction:column;gap:24px}.student-dashboard-grid-column-right{position:sticky;top:24px}.student-dashboard-section-header{margin-bottom:20px;position:relative}.student-dashboard-section-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.student-dashboard-section-decoration{width:60px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px;animation:slideInLeft .6s ease-out}.student-dashboard-progress-cards-section .student-dashboard-cards-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}.student-dashboard-progress-card{background:var(--bg-card);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:var(--transition);animation:slideInUp .6s ease-out}.student-dashboard-progress-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.student-dashboard-card-header{display:flex;justify-content:between;align-items:center;margin-bottom:20px;gap:10px}.student-dashboard-card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.student-dashboard-card-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-light),var(--primary-color));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.student-dashboard-course-item{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.student-dashboard-course-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.student-dashboard-course-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.student-dashboard-course-name{font-weight:500;color:var(--text-primary)}.student-dashboard-course-stats{font-size:.875rem;color:var(--text-secondary)}.student-dashboard-progress-container{display:flex;align-items:center;gap:12px}.student-dashboard-progress-bar{flex:1;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.student-dashboard-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-color),var(--secondary-color));border-radius:4px;transition:width 1s ease-in-out;animation:slideInLeft 1s ease-out}.student-dashboard-progress-percent{font-size:.875rem;font-weight:600;color:var(--text-primary);min-width:40px}.student-dashboard-certificate-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.student-dashboard-certificate-item:last-child{border-bottom:none}.student-dashboard-certificate-info{display:flex;flex-direction:column;gap:4px}.student-dashboard-certificate-name{font-weight:500;color:var(--text-primary)}.student-dashboard-certificate-status{font-size:.75rem;font-weight:600;text-transform:capitalize;padding:2px 8px;border-radius:12px;width:fit-content}.student-dashboard-status-completed{background-color:#dcfce7;color:#166534}.student-dashboard-status-in-progress{background-color:#fef3c7;color:#92400e}.student-dashboard-status-not-started{background-color:#f3f4f6;color:#374151}.student-dashboard-certificate-date{font-size:.875rem;color:var(--text-secondary)}.student-dashboard-performance-charts-section .student-dashboard-charts-container{display:flex;flex-direction:column;gap:20px}.student-dashboard-chart-card{background:var(--bg-card);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:var(--transition);animation:slideInRight .6s ease-out}.student-dashboard-chart-card:hover{transform:translate(4px);box-shadow:var(--shadow-lg)}.student-dashboard-chart-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:20px}.student-dashboard-chart-bars{display:flex;align-items:end;gap:12px;height:200px;padding:20px 0}.student-dashboard-bar-container{display:flex;flex-direction:column;align-items:center;flex:1;gap:8px}.student-dashboard-bar{width:100%;background:linear-gradient(to top,var(--primary-light),var(--primary-color));border-radius:4px 4px 0 0;position:relative;transition:var(--transition);animation:growUp 1s ease-out;min-height:20px}.student-dashboard-bar:hover{transform:scaleY(1.05)}.student-dashboard-bar-value{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:600;color:var(--text-primary)}.student-dashboard-bar-label{font-size:.75rem;color:var(--text-secondary);text-align:center}.student-dashboard-subject-item{margin-bottom:16px}.student-dashboard-subject-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.student-dashboard-subject-name{font-weight:500;color:var(--text-primary)}.student-dashboard-subject-score{font-weight:600;color:var(--text-primary)}.student-dashboard-subject-progress{height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.student-dashboard-subject-progress-bar{height:100%;border-radius:4px;transition:width 1s ease-in-out;animation:slideInLeft 1s ease-out}.student-dashboard-activity-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.student-dashboard-stat-item{text-align:center;padding:16px;background:var(--bg-secondary);border-radius:8px;transition:var(--transition)}.student-dashboard-stat-item:hover{transform:scale(1.05);background:var(--primary-light);color:#fff}.student-dashboard-stat-item:hover .student-dashboard-stat-value,.student-dashboard-stat-item:hover .student-dashboard-stat-label{color:#fff}.student-dashboard-stat-value{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:4px}.student-dashboard-stat-label{font-size:.875rem;color:var(--text-secondary)}.student-dashboard-recent-activities-section{background:var(--bg-card);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);animation:slideInUp .6s ease-out .2s both}.student-dashboard-activities-container{max-height:400px;overflow-y:auto;padding-right:8px}.student-dashboard-activities-container::-webkit-scrollbar{width:6px}.student-dashboard-activities-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.student-dashboard-activities-container::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:3px}.student-dashboard-activities-container::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.student-dashboard-activity-item{display:flex;align-items:start;gap:16px;padding:16px;border-radius:8px;margin-bottom:12px;transition:var(--transition);animation:fadeIn .5s ease-out;border-left:4px solid transparent}.student-dashboard-activity-item:hover{background:var(--bg-secondary);transform:translate(4px)}.student-dashboard-activity-type-assignment{border-left-color:var(--primary-color)}.student-dashboard-activity-type-quiz{border-left-color:var(--accent-color)}.student-dashboard-activity-type-lesson{border-left-color:var(--secondary-color)}.student-dashboard-activity-type-discussion{border-left-color:var(--warning-color)}.student-dashboard-activity-icon{font-size:1.25rem;width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.student-dashboard-activity-content{flex:1}.student-dashboard-activity-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:4px}.student-dashboard-activity-title{font-weight:600;color:var(--text-primary);margin-bottom:4px}.student-dashboard-activity-time{font-size:.75rem;padding:4px 8px;border-radius:12px;background:var(--bg-secondary);color:var(--text-secondary)}.student-dashboard-activity-time.completed{background:#dcfce7;color:#166534}.student-dashboard-activity-time.pending{background:#fef3c7;color:#92400e}.student-dashboard-activity-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.student-dashboard-activity-status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:8px}.student-dashboard-activity-status-indicator.completed{background-color:var(--accent-color)}.student-dashboard-activity-status-indicator.pending{background-color:var(--warning-color)}.student-dashboard-activities-footer{margin-top:20px;text-align:center}.student-dashboard-view-all-activities-btn{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px}.student-dashboard-view-all-activities-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.student-dashboard-btn-arrow{transition:transform .3s ease}.student-dashboard-view-all-activities-btn:hover .btn-arrow{transform:translate(4px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes growUp{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1)}}@media (max-width: 1024px){.student-dashboard-grid{grid-template-columns:1fr}.student-dashboard-grid-column-right{position:static}}@media (max-width: 768px){.student-dashboard{padding:16px}.student-dashboard-progress-cards-section .student-dashboard-cards-container,.student-dashboard-activity-stats{grid-template-columns:1fr}.student-dashboard-title{font-size:2rem}.student-dashboard-activity-header{flex-direction:column;gap:8px}}@media (max-width: 480px){.student-dashboard{padding:12px}.student-dashboard-progress-card,.student-dashboard-chart-card,.student-dashboard-recent-activities-section{padding:16px}.student-dashboard-course-info{flex-direction:column;align-items:start;gap:4px}.student-dashboard-certificate-item{flex-direction:column;align-items:start;gap:8px}}:root{--primary-blue: #4361ee;--primary-purple: #7209b7;--primary-green: #4cc9f0;--accent-pink: #f72585;--accent-orange: #f8961e;--accent-teal: #38b2ac;--light-bg: #f8fafc;--light-card: #ffffff;--light-text: #2d3748;--light-text-secondary: #718096;--light-border: #e2e8f0;--dark-bg: #1a202c;--dark-card: #2d3748;--dark-text: #f7fafc;--dark-text-secondary: #cbd5e0;--dark-border: #4a5568}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--light-bg);color:var(--light-text);transition:all .3s ease}body.dark-mode{background-color:var(--dark-bg);color:var(--dark-text)}.admin-dashboard{display:flex;min-height:100vh}.admin-dashboard__main{flex:1;display:flex;width:100%;flex-direction:column}.admin-dashboard__content{flex:1;padding:20px;display:flex;flex-direction:column;gap:30px}.admin-header{background:var(--light-card);padding:5px 10px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #00000014;border-bottom:1px solid var(--light-border)}.dark-mode .admin-header{background:var(--dark-card);border-bottom-color:var(--dark-border)}.admin-header__left{display:flex;align-items:center;gap:20px}.admin-header__menu-btn{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px}.admin-header__menu-btn span{width:20px;height:2px;background:var(--light-text);transition:all .3s ease}.dark-mode .admin-header__menu-btn span{background:var(--dark-text)}.admin-header__title{font-size:1.5rem;font-weight:700;color:var(--light-text)}.student-header__logo-wrapper{display:flex;align-items:center;gap:10px}.student-header__logo-title{display:none;font-size:1rem;font-weight:700}.student-header__logo-tagline{display:none;font-size:.8rem;font-weight:500}.dark-mode .student-header__title{color:var(--dark-text)}.admin-header__logo-wrapper{display:flex;align-items:center;gap:10px}.admin-header__logo-title{font-size:1.5rem;font-weight:700}.dark-mode .admin-header__title{color:var(--dark-text)}.admin-header__right{display:flex;align-items:center;gap:20px}.admin-header__theme-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:8px;border-radius:8px;transition:background .3s ease}.admin-header__theme-btn:hover{background:var(--light-border)}.dark-mode .admin-header__theme-btn:hover{background:var(--dark-border)}.admin-header__search-input{padding:10px 15px;border:1px solid var(--light-border);border-radius:8px;background:var(--light-bg);color:var(--light-text);outline:none;transition:all .3s ease}.dark-mode .admin-header__search-input{background:var(--dark-bg);border-color:var(--dark-border);color:var(--dark-text)}.admin-header__user{display:flex;align-items:center;gap:10px}.admin-header__avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff}.admin-header__username{font-weight:600;color:var(--light-text)}.dark-mode .admin-header__username{color:var(--dark-text)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:998;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay--active{opacity:1;visibility:visible}.admin-sidebar{width:280px;background:var(--light-card);border-right:1px solid var(--light-border);display:flex;flex-direction:column;transition:transform .3s ease;position:fixed;top:0;left:0;height:100vh;z-index:999;transform:translate(-100%)}.admin-sidebar--open{transform:translate(0)}.admin-sidebar--dark{background:var(--dark-card);border-right-color:var(--dark-border)}.admin-sidebar__header{padding:15px 20px;border-bottom:1px solid var(--light-border);display:flex;justify-content:space-between;align-items:center}.dark-mode .admin-sidebar__header{border-bottom-color:var(--dark-border)}.admin-sidebar__logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-sidebar__close{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--light-text)}.dark-mode .admin-sidebar__close{color:var(--dark-text)}.admin-sidebar__logout-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--light-text);transition:color .3s ease}.admin-sidebar__nav{flex:1;padding:5px 0}.admin-sidebar__nav-item{display:flex;align-items:center;gap:15px;padding:10px 25px;text-decoration:none;color:var(--light-text-secondary);transition:all .3s ease;border-left:3px solid transparent}.dark-mode .admin-sidebar__nav-item{color:var(--dark-text-secondary)}.admin-sidebar__nav-item:hover{background:var(--light-bg);color:var(--primary-blue)}.dark-mode .admin-sidebar__nav-item:hover{background:var(--dark-bg);color:var(--primary-green)}.admin-sidebar__nav-item--active{background:linear-gradient(90deg,rgba(67,97,238,.1),transparent);color:var(--primary-blue);border-left-color:var(--primary-blue)}.dark-mode .admin-sidebar__nav-item--active{background:linear-gradient(90deg,rgba(76,201,240,.1),transparent);color:var(--primary-green);border-left-color:var(--primary-green)}.admin-sidebar__nav-icon{font-size:1.2rem;width:20px;text-align:center}.admin-sidebar__nav-label{font-weight:500}.admin-sidebar__footer{padding:20px;border-top:1px solid var(--light-border)}.dark-mode .admin-sidebar__footer{border-top-color:var(--dark-border)}.admin-sidebar__user{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-sidebar__user-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-orange),var(--accent-pink));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.admin-sidebar__user-name{font-weight:600;color:var(--light-text)}.dark-mode .admin-sidebar__user-name{color:var(--dark-text)}.admin-sidebar__user-role{font-size:.875rem;color:var(--light-text-secondary)}.dark-mode .admin-sidebar__user-role{color:var(--dark-text-secondary)}.stats-cards__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.stats-card{background:var(--light-card);border-radius:16px;padding:25px;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid var(--light-border)}.stats-card--dark{background:var(--dark-card);border-color:var(--dark-border)}.stats-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.stats-card__content{position:relative;z-index:2}.stats-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.stats-card__title{font-size:.95rem;font-weight:600;color:var(--light-text-secondary);text-transform:uppercase;letter-spacing:.5px}.dark-mode .stats-card__title{color:var(--dark-text-secondary)}.stats-card__icon{font-size:1.8rem;opacity:.8}.stats-card__main{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:15px}.stats-card__value{font-size:2.2rem;font-weight:700;color:var(--light-text)}.dark-mode .stats-card__value{color:var(--dark-text)}.stats-card__change{font-size:.9rem;font-weight:600;padding:4px 8px;border-radius:20px}.stats-card__change--up{background:#48bb781a;color:#48bb78}.stats-card__change--down{background:#f565651a;color:#f56565}.stats-card__description{font-size:.875rem;color:var(--light-text-secondary);margin-bottom:15px}.dark-mode .stats-card__description{color:var(--dark-text-secondary)}.stats-card__progress{height:4px;background:var(--light-border);border-radius:2px;overflow:hidden}.dark-mode .stats-card__progress{background:var(--dark-border)}.stats-card__progress-bar{height:100%;border-radius:2px;transition:width 1.5s ease-in-out}.stats-card__sparkle{position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.stats-card:hover .stats-card__sparkle{opacity:1}.stats-card--blue .stats-card__progress-bar{background:var(--primary-blue)}.stats-card--green .stats-card__progress-bar{background:var(--primary-green)}.stats-card--purple .stats-card__progress-bar{background:var(--primary-purple)}.stats-card--orange .stats-card__progress-bar{background:var(--accent-orange)}.charts-section__grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.chart-container{background:var(--light-card);border-radius:16px;padding:25px;box-shadow:0 4px 20px #00000014;border:1px solid var(--light-border)}.chart-container--dark{background:var(--dark-card);border-color:var(--dark-border)}.chart-container__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.chart-container__title{font-size:1.2rem;font-weight:600;color:var(--light-text)}.dark-mode .chart-container__title{color:var(--dark-text)}.chart-container__filter{padding:8px 12px;border:1px solid var(--light-border);border-radius:8px;background:var(--light-card);color:var(--light-text);outline:none}.dark-mode .chart-container__filter{background:var(--dark-card);border-color:var(--dark-border);color:var(--dark-text)}.chart-bars{display:flex;align-items:flex-end;justify-content:space-between;height:200px;gap:15px}.chart-bar-group{display:flex;flex-direction:column;align-items:center;flex:1;gap:10px}.chart-bar{width:100%;min-height:20px;border-radius:8px 8px 0 0;position:relative;transition:all .3s ease;cursor:pointer}.chart-bar:hover{transform:scaleY(1.05);opacity:.9}.chart-bar--primary{background:linear-gradient(to top,var(--primary-blue),var(--primary-purple))}.chart-bar--secondary{background:linear-gradient(to top,var(--accent-orange),var(--accent-pink))}.chart-bar__tooltip{position:absolute;top:-40px;left:50%;transform:translate(-50%);background:var(--light-text);color:var(--light-card);padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none}.dark-mode .chart-bar__tooltip{background:var(--dark-text);color:var(--dark-card)}.chart-bar:hover .chart-bar__tooltip{opacity:1}.chart-bar__label{font-size:.875rem;color:var(--light-text-secondary);font-weight:500}.dark-mode .chart-bar__label{color:var(--dark-text-secondary)}.quick-stats{background:var(--light-card);border-radius:16px;padding:25px;box-shadow:0 4px 20px #00000014;border:1px solid var(--light-border);grid-column:1 / -1}.quick-stats--dark{background:var(--dark-card);border-color:var(--dark-border)}.quick-stats__title{font-size:1.2rem;font-weight:600;color:var(--light-text);margin-bottom:20px}.dark-mode .quick-stats__title{color:var(--dark-text)}.quick-stats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.metric-card{display:flex;align-items:center;gap:15px;padding:20px;background:var(--light-bg);border-radius:12px;transition:all .3s ease}.dark-mode .metric-card{background:var(--dark-bg)}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.metric-card__icon{font-size:1.5rem;width:50px;height:50px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border-radius:12px;display:flex;align-items:center;justify-content:center}.metric-card__value{font-size:1.5rem;font-weight:700;color:var(--light-text);margin-bottom:4px}.dark-mode .metric-card__value{color:var(--dark-text)}.metric-card__label{font-size:.875rem;color:var(--light-text-secondary)}.dark-mode .metric-card__label{color:var(--dark-text-secondary)}.activity-container{background:var(--light-card);border-radius:16px;padding:25px;box-shadow:0 4px 20px #00000014;border:1px solid var(--light-border)}.activity-container--dark{background:var(--dark-card);border-color:var(--dark-border)}.activity-container__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.activity-container__title{font-size:1.2rem;font-weight:600;color:var(--light-text)}.dark-mode .activity-container__title{color:var(--dark-text)}.activity-container__view-all{background:none;border:none;color:var(--primary-blue);font-weight:600;cursor:pointer;transition:color .3s ease}.dark-mode .activity-container__view-all{color:var(--primary-green)}.activity-container__view-all:hover{color:var(--primary-purple)}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-item{display:flex;align-items:center;gap:15px;padding:20px;background:var(--light-bg);border-radius:12px;border-left:4px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}.activity-item--dark{background:var(--dark-bg)}.activity-item:hover{transform:translate(5px);box-shadow:0 4px 15px #0000001a}.activity-item__icon{font-size:1.2rem;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-item__content{flex:1}.activity-item__text{color:var(--light-text);margin-bottom:4px;line-height:1.4}.dark-mode .activity-item__text{color:var(--dark-text)}.activity-item__time{font-size:.875rem;color:var(--light-text-secondary)}.dark-mode .activity-item__time{color:var(--dark-text-secondary)}.activity-item__indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.activity-item--blue{border-left-color:var(--primary-blue)}.activity-item--blue .activity-item__icon{background:#4361ee1a;color:var(--primary-blue)}.activity-item--green{border-left-color:var(--primary-green)}.activity-item--green .activity-item__icon{background:#4cc9f01a;color:var(--primary-green)}.activity-item--purple{border-left-color:var(--primary-purple)}.activity-item--purple .activity-item__icon{background:#7209b71a;color:var(--primary-purple)}.activity-item--orange{border-left-color:var(--accent-orange)}.activity-item--orange .activity-item__icon{background:#f8961e1a;color:var(--accent-orange)}.activity-item--yellow{border-left-color:#ecc94b}.activity-item--yellow .activity-item__icon{background:#ecc94b1a;color:#ecc94b}@media (max-width: 1024px){.charts-section__grid{grid-template-columns:1fr}.admin-header__menu-btn{display:flex}}@media (max-width: 768px){.admin-dashboard__content{padding:15px}.stats-cards__grid,.charts-section__grid{grid-template-columns:1fr}.quick-stats__grid{grid-template-columns:repeat(2,1fr)}.admin-header{padding:15px 20px}.admin-header__search{display:none}}@media (max-width: 480px){.quick-stats__grid{grid-template-columns:1fr}.chart-container__header,.activity-container__header{flex-direction:column;gap:15px;align-items:flex-start}.admin-sidebar{width:100%}.admin-sidebar__close{display:block}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stats-card,.chart-container,.activity-container{animation:fadeInUp .6s ease-out}.stats-card:nth-child(2){animation-delay:.1s}.stats-card:nth-child(3){animation-delay:.2s}.stats-card:nth-child(4){animation-delay:.3s}:root{--primary-color: #4f46e5;--primary-light: #eef2ff;--secondary-color: #059669;--accent-color: #7c3aed;--danger-color: #dc2626;--text-primary: #1f2937;--text-secondary: #6b7280;--text-light: #9ca3af;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-card: #ffffff;--border-color: #e5e7eb;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6}.profile-container{margin:20px;padding:20px}.profile-header{position:relative;background:var(--bg-card);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);margin-bottom:24px}.header-background{height:120px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%)}.profile-info{display:flex;align-items:flex-start;padding:0 32px 32px;margin-top:-60px;gap:24px}.avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px}.profile-avatar{width:120px;height:120px;border-radius:50%;border:4px solid var(--bg-card);background:var(--bg-card);object-fit:cover}.status-indicator{display:flex;align-items:center;gap:8px;background:#00b337bd;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500;box-shadow:var(--shadow)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.active{background:var(--secondary-color)}.status-dot.inactive{background:var(--text-light)}.user-details{flex:1;padding-top:20px}.user-name{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.user-role{font-size:1.1rem;color:var(--primary-color);font-weight:600;margin-bottom:8px;text-transform:capitalize}.user-location{color:var(--text-secondary);margin-bottom:16px;font-size:1rem}.user-meta{display:flex;flex-wrap:wrap;gap:16px}.meta-item{color:var(--text-secondary);font-size:.9rem}.action-buttons{display:flex;gap:12px;padding-top:20px}.btn-primary,.btn-secondary{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:#4338ca;transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color);transform:translateY(-1px)}.profile-tabs{display:flex;background:var(--bg-card);border-radius:12px;padding:8px;margin-bottom:24px;box-shadow:var(--shadow);gap:4px}.tab-button{flex:1;padding:12px 16px;border:none;background:transparent;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.tab-button.active{background:var(--primary-color);color:#fff}.tab-button:hover:not(.active){background:var(--bg-secondary);color:var(--text-primary)}.profile-content{background:var(--bg-card);border-radius:16px;padding:32px;box-shadow:var(--shadow)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary);border-radius:12px;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-dot{width:12px;height:12px;border-radius:50%}.stat-value{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-label{color:var(--text-secondary);font-size:.9rem}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.skills-preview,.recent-activity{background:var(--bg-secondary);padding:24px;border-radius:12px}.skills-preview h3,.recent-activity h3{margin-bottom:16px;color:var(--text-primary);font-size:1.2rem}.skill-tag{background:var(--primary-light);color:var(--primary-color);padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.skill-tag.more{background:var(--border-color);color:var(--text-secondary)}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-card);border-radius:8px;transition:background .2s ease}.activity-item:hover{background:var(--primary-light)}.activity-icon{font-size:1.2rem}.activity-details{flex:1}.activity-text{margin-bottom:4px;font-size:.9rem}.activity-time{font-size:.8rem;color:var(--text-light)}.skills-grid{display:grid;gap:16px}.skill-card{background:var(--bg-secondary);padding:20px;border-radius:12px;border-left:4px solid var(--primary-color)}.skill-header{display:flex;justify-content:between;align-items:center;margin-bottom:12px}.skill-header h4{flex:1;font-size:1.1rem}.skill-level{background:var(--primary-color);color:#fff;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:500}.skill-progress{height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.skill-progress-bar{height:100%;background:var(--primary-color);border-radius:3px;transition:width .3s ease}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.achievement-card{background:var(--bg-secondary);padding:24px;border-radius:12px;text-align:center;transition:transform .2s ease}.achievement-card:hover{transform:translateY(-4px)}.achievement-icon{font-size:3rem;margin-bottom:12px}.achievement-card h4{margin-bottom:8px;color:var(--text-primary)}.achievement-card p{color:var(--text-secondary);font-size:.9rem}.activity-timeline{position:relative}.timeline-item{display:flex;gap:16px;padding:20px 0;position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:24px;top:60px;bottom:-20px;width:2px;background:var(--border-color)}.timeline-marker{width:12px;height:12px;background:var(--primary-color);border-radius:50%;margin-top:8px;flex-shrink:0}.timeline-content{display:flex;align-items:flex-start;gap:16px;flex:1}.activity-icon-large{font-size:1.5rem;background:var(--primary-light);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-details{flex:1}.timeline-details h4{margin-bottom:4px;color:var(--text-primary)}.timeline-details p{color:var(--text-secondary);margin-bottom:4px;font-size:.9rem}.timeline-time{font-size:.8rem;color:var(--text-light)}@media (max-width: 768px){.profile-container{padding:12px;margin:0}.profile-info{flex-direction:column;text-align:center;padding:0 20px 20px}.user-meta{justify-content:center}.action-buttons{width:100%;justify-content:center}.btn-primary,.btn-secondary{flex:1}.content-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.profile-tabs{flex-wrap:wrap}.tab-button{flex:1 0 calc(50% - 8px)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.tab-button{flex:1 0 100%}.achievements-grid{grid-template-columns:1fr}}.student-code-editor-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .3s ease}.student-editor-active{opacity:1;transform:translate(0);z-index:1}.student-editor-hidden{opacity:0;transform:translate(-100%);z-index:0;pointer-events:none}.student-editor-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#2d2d2d;border-bottom:1px solid #404040}.student-editor-title{display:flex;align-items:center;gap:.5rem}.student-language-icon{background:#007acc;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600}.student-file-type{color:#ccc;font-size:.9rem}.student-editor-actions{display:flex;gap:.5rem}.student-editor-btn{background:#404040;border:none;color:#ccc;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.student-editor-btn:hover{background:#505050;color:#fff}.student-monaco-container{height:calc(100% - 60px)}.student-preview-container{width:100%;height:90vh;display:flex;flex-direction:column;background:#fff}.student-preview-header{display:flex;justify-content:space-between;align-items:center;padding:.15rem;background:#f8f9fa;border-bottom:1px solid #dee2e6}.student-preview-title{display:flex;align-items:center;gap:.5rem;color:#495057;font-size:1.1rem;margin:0}.student-preview-icon{font-size:1.2rem}.student-preview-actions{display:flex;align-items:center;gap:1rem}.student-preview-status{color:#28a745;font-size:.9rem;font-weight:500}.student-refresh-btn{background:none;border:1px solid #dee2e6;padding:.5rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.student-refresh-btn:hover{background:#e9ecef;border-color:#adb5bd}.student-preview-content{flex:1;background:#fff}.student-preview-iframe{width:100%;height:100%;background:#fff}.student-challenge-panel{background:#2d2d2d;border-top:1px solid #404040;height:300px;display:flex;flex-direction:column}.student-challenge-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#252526;border-bottom:1px solid #404040}.student-challenge-title{color:#ccc;font-size:1.1rem;margin:0}.student-challenge-nav{display:flex;align-items:center;gap:1rem}.student-nav-btn{background:#404040;border:none;color:#ccc;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.student-nav-btn:hover:not(:disabled){background:#505050;color:#fff}.student-nav-btn:disabled{opacity:.5;cursor:not-allowed}.student-challenge-counter{color:#888;font-size:.9rem}.student-challenge-content{flex:1;padding:1rem;overflow-y:auto}.student-challenge-card{background:#3c3c3c;border-radius:8px;padding:1.5rem;border-left:4px solid #007acc}.student-challenge-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.student-difficulty-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.student-beginner{background:#d4edda;color:#155724}.student-intermediate{background:#fff3cd;color:#856404}.student-advanced{background:#f8d7da;color:#721c24}.student-challenge-id{color:#888;font-size:.9rem}.student-challenge-name{color:#fff;font-size:1.3rem;margin-bottom:.5rem}.student-challenge-description{color:#ccc;line-height:1.5;margin-bottom:1.5rem}.student-requirements-title{color:#0f0;font-size:1rem;margin-bottom:.75rem}.student-requirements-list{list-style:none;padding:0;margin-bottom:1.5rem}.student-requirement-item{display:flex;align-items:flex-start;gap:.5rem;color:#ccc;margin-bottom:.5rem;line-height:1.4}.student-check-icon{color:#0f0;font-weight:700;flex-shrink:0;margin-top:.1rem}.student-challenge-actions{display:flex;gap:1rem}.student-submit-btn{background:#28a745;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s ease}.student-submit-btn:hover{background:#218838;transform:translateY(-1px)}.student-hint-btn{background:#ffc107;color:#212529;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s ease}.student-hint-btn:hover{background:#e0a800;transform:translateY(-1px)}.student-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.4rem;background:#252526;border-bottom:1px solid #404040}.student-tab-buttons{display:flex;gap:.5rem}.student-tab-btn{display:flex;align-items:center;gap:.2rem;background:#2d2d2d;border:1px solid #404040;color:#ccc;padding:.25rem .2rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.student-tab-btn:hover{background:#3c3c3c;border-color:#505050}.student-tab-active{background:#007acc;border-color:#007acc;color:#fff}.student-tab-active:hover{background:#005a9e;border-color:#005a9e}.student-action-buttons{display:flex;gap:.75rem}.back-to-home-btn{display:flex;align-items:center;gap:0;background:#17a2b8;color:#fff;border:none;padding:.5rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.toolbar-back-to-home-btn{display:flex;align-items:center;gap:0;background:#1c69ff;color:#fff;border:none;padding:.3rem .2rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.student-run-btn{display:flex;align-items:center;gap:0;background:#28a745;color:#fff;border:none;padding:.2rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.student-run-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.student-run-btn:disabled{opacity:.7;cursor:not-allowed}.student-running{background:#6c757d}.student-reset-btn{display:flex;align-items:center;gap:.5rem;background:#dc3545;color:#fff;border:none;padding:.2rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.student-reset-btn:hover{background:#c82333;transform:translateY(-1px)}.student-save-btn{display:flex;align-items:center;gap:.5rem;background:#6f42c1;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.student-save-btn:hover{background:#5a2d91;transform:translateY(-1px)}@media (max-width: 768px){.student-toolbar{flex-direction:column;gap:.5rem;padding:.3rem}.student-editor-header{padding:.2rem 1rem}.student-tab-buttons{flex-wrap:wrap;justify-content:center}.student-tab-btn{padding:.5rem}.student-run-btn{padding:.5rem;gap:0}.student-reset-btn,.student-save-btn{padding:.5rem}.student-preview-header{padding:0}}.student-editor-container{width:100%;height:100vh;display:flex;flex-direction:column;background:#0f0f23}.student-editor-header{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.3rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.student-main-title{color:#0f0;font-size:1.8rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 10px rgba(0,255,0,.3)}.student-subtitle{color:#888;font-size:1rem}.student-editor-layout{display:flex;flex:1;overflow:hidden}.student-editor-panel{flex:1;display:flex;flex-direction:column;background:#1e1e1e;border-right:1px solid #333}.student-preview-panel{flex:1;background:#fff}.student-code-editors{flex:1;display:flex;flex-direction:column;position:relative}@media (max-width: 768px){.student-editor-layout{flex-direction:column}.student-editor-panel,.student-preview-panel{flex:none;height:50vh}.student-editor-panel{border-right:none;border-bottom:1px solid #333}}.test-attempts-list{padding:20px;background:var(--light-bg);min-height:100vh}.attempts-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.attempts-list-header__content{flex:1}.attempts-list-header__title{font-size:2.2rem;font-weight:800;color:var(--light-text);margin-bottom:8px;display:flex;align-items:center;gap:12px}.attempts-list-header__count{background:var(--primary-blue);color:#fff;padding:4px 12px;border-radius:20px;font-size:1rem;font-weight:600}.attempts-list-header__subtitle{color:var(--light-text-secondary);font-size:1.1rem;max-width:600px}.attempts-list-header__actions{display:flex;gap:15px}.attempts-export-btn{background:var(--light-card);border:2px solid var(--light-border);color:var(--light-text);padding:10px 20px;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 2px 10px #0000000d}.attempts-export-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue);transform:translateY(-2px);box-shadow:0 4px 15px #4361ee26}.attempts-export-btn__icon{font-size:1.1rem}.attempts-stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.attempt-stat-card{background:var(--light-card);padding:25px;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid var(--light-border);display:flex;align-items:center;gap:15px;transition:all .3s ease}.attempt-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001f}.attempt-stat-card__icon{font-size:2.5rem;opacity:.8}.attempt-stat-card__value{font-size:2rem;font-weight:800;color:var(--light-text);line-height:1;margin-bottom:4px}.attempt-stat-card__label{color:var(--light-text-secondary);font-weight:600;font-size:.9rem}.attempts-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px;flex-wrap:wrap}.attempts-controls__left{flex:1;min-width:300px}.attempts-controls__right{display:flex;gap:15px}.search-box{position:relative;max-width:400px}.search-box__icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:1.1rem;opacity:.6}.search-box__input{width:100%;padding:12px 15px 12px 45px;border:2px solid var(--light-border);border-radius:10px;background:var(--light-card);color:var(--light-text);font-size:.9rem;transition:all .3s ease}.search-box__input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #4361ee1a}.filter-select,.sort-select{padding:10px 15px;border:2px solid var(--light-border);border-radius:8px;background:var(--light-card);color:var(--light-text);font-size:.9rem;cursor:pointer;transition:border-color .3s ease;min-width:140px}.filter-select:focus,.sort-select:focus{outline:none;border-color:var(--primary-blue)}.attempts-list-container{margin-bottom:40px}.attempts-loading{padding:80px 20px;text-align:center;color:var(--light-text-secondary)}.attempts-loading__spinner{width:50px;height:50px;border:3px solid var(--light-border);border-top:3px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.attempts-empty{padding:80px 20px;text-align:center;background:var(--light-card);border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid var(--light-border)}.attempts-empty__icon{font-size:4rem;margin-bottom:20px;opacity:.5}.attempts-empty__title{font-size:1.5rem;font-weight:700;color:var(--light-text);margin-bottom:12px}.attempts-empty__description{color:var(--light-text-secondary);margin-bottom:25px;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.5}.attempts-empty__action{background:var(--primary-blue);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s ease}.attempts-empty__action:hover{background:var(--primary-purple)}.attempts-list{display:flex;flex-direction:column;gap:20px}.attempt-card{background:var(--light-card);border-radius:16px;padding:25px;box-shadow:0 4px 20px #00000014;border:1px solid var(--light-border);transition:all .3s ease}.attempt-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.attempt-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.attempt-card__user{display:flex;align-items:center;gap:15px}.attempt-card__avatar{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.attempt-card__username{font-size:1.2rem;font-weight:700;color:var(--light-text);margin-bottom:4px}.attempt-card__user-email{color:var(--light-text-secondary);font-size:.9rem;margin:0}.attempt-card__status{display:flex;align-items:center}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.status-badge--passed{background:#48bb781a;color:var(--success);border:1px solid var(--success)}.status-badge--failed{background:#f565651a;color:var(--danger);border:1px solid var(--danger)}.status-badge__icon{font-size:.9rem}.attempt-card__test-info{margin-bottom:20px}.attempt-card__test-title{font-size:1.3rem;font-weight:700;color:var(--light-text);margin-bottom:8px}.attempt-card__test-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.test-meta-item{color:var(--light-text-secondary);font-size:.9rem;font-weight:500}.test-meta-separator{color:var(--light-border);font-weight:700}.attempt-card__performance{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:30px;flex-wrap:wrap}.performance-score{display:flex;align-items:center;gap:20px}.performance-score__circle{width:80px;height:80px;border-radius:50%;background:conic-gradient(var(--score-color, var(--primary-blue)) 0% var(--percentage, 0%),var(--light-border) var(--percentage, 0%) 100%);display:flex;align-items:center;justify-content:center;position:relative}.performance-score__circle:before{content:"";position:absolute;width:65px;height:65px;background:var(--light-card);border-radius:50%}.performance-score__value{position:relative;font-size:1.3rem;font-weight:800;color:var(--light-text);z-index:2}.performance-score__info{display:flex;flex-direction:column;gap:4px}.performance-score__label{font-weight:700;color:var(--light-text);font-size:1rem}.performance-score__details{color:var(--light-text-secondary);font-size:.9rem;font-weight:500}.performance-breakdown{display:flex;gap:25px}.performance-metric{display:flex;flex-direction:column;align-items:center;gap:4px}.performance-metric--correct .performance-metric__value{color:var(--success)}.performance-metric--wrong .performance-metric__value{color:var(--danger)}.performance-metric--accuracy .performance-metric__value{color:var(--primary-blue)}.performance-metric__value{font-size:1.4rem;font-weight:800}.performance-metric__label{color:var(--light-text-secondary);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.attempt-card__progress{margin-bottom:20px}.progress-bar{height:8px;background:var(--light-border);border-radius:4px;overflow:hidden;margin-bottom:8px;display:flex}.progress-bar__fill{height:100%;transition:width .3s ease}.progress-bar__fill--correct{background:var(--success)}.progress-bar__fill--wrong{background:var(--danger)}.progress-bar__labels{display:flex;justify-content:space-between;font-size:.8rem;font-weight:600}.progress-bar__label--correct{color:var(--success)}.progress-bar__label--wrong{color:var(--danger)}.attempt-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--light-border);flex-wrap:wrap;gap:15px}.attempt-card__meta{display:flex;gap:20px;flex-wrap:wrap}.attempt-meta{display:flex;align-items:center;gap:6px;color:var(--light-text-secondary);font-size:.9rem;font-weight:500}.attempt-meta__icon{font-size:.9rem}.attempt-card__actions{display:flex;gap:10px;flex-wrap:wrap}.attempt-action{padding:6px 12px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.8rem;text-decoration:none;display:flex;align-items:center;gap:4px}.attempt-action--certificate{background:#f725851a;color:var(--accent-pink);border:1px solid var(--accent-pink)}.attempt-action--certificate:hover{background:var(--accent-pink);color:#fff;transform:translateY(-1px)}.attempt-action--details{background:#4361ee1a;color:var(--primary-blue);border:1px solid var(--primary-blue)}.attempt-action--details:hover{background:var(--primary-blue);color:#fff;transform:translateY(-1px)}.attempt-action--delete{background:#f565651a;color:var(--danger);border:1px solid var(--danger);padding:6px 8px}.attempt-action--delete:hover{background:var(--danger);color:#fff;transform:translateY(-1px)}.performance-summary{background:var(--light-card);border-radius:16px;padding:30px;box-shadow:0 4px 20px #00000014;border:1px solid var(--light-border)}.performance-summary__title{font-size:1.3rem;font-weight:700;color:var(--light-text);margin-bottom:20px;text-align:center}.performance-summary__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.summary-card{background:var(--light-bg);padding:20px;border-radius:12px;display:flex;align-items:center;gap:15px;transition:transform .3s ease}.summary-card:hover{transform:translateY(-2px)}.summary-card__icon{font-size:2rem;opacity:.8}.summary-card__value{font-size:1.8rem;font-weight:800;color:var(--light-text);line-height:1;margin-bottom:4px}.summary-card__label{color:var(--light-text-secondary);font-weight:600;font-size:.9rem}@media (max-width: 1024px){.attempt-card__performance{flex-direction:column;align-items:flex-start;gap:20px}.performance-breakdown{width:100%;justify-content:space-around}}@media (max-width: 768px){.test-attempts-list{padding:15px}.attempts-list-header{flex-direction:column;gap:20px;text-align:center}.attempts-controls{flex-direction:column;align-items:stretch}.attempts-controls__left,.attempts-controls__right{min-width:auto}.attempts-controls__right{justify-content:stretch}.filter-select,.sort-select{flex:1}.attempt-card__header{flex-direction:column;align-items:flex-start;gap:15px}.attempt-card__footer{flex-direction:column;align-items:flex-start}.attempt-card__actions{width:100%;justify-content:flex-start}.performance-summary__grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.attempts-stats-overview{grid-template-columns:1fr 1fr}.attempt-card__user{flex-direction:column;align-items:flex-start;text-align:left}.attempt-card__avatar{align-self:flex-start}.performance-breakdown{flex-direction:column;gap:15px;align-items:flex-start}.performance-metric{flex-direction:row;gap:10px}.performance-summary__grid{grid-template-columns:1fr}.attempt-card__meta{flex-direction:column;gap:10px}}.ecom-block-unblock-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.ecom-block-unblock-btn--warning{background:#fff3e0;color:#ff9800;border:1px solid #ff9800}.ecom-block-unblock-btn--warning:hover{background:#ff9800;color:#fff}.ecom-block-unblock-btn--success{background:#e8f5e8;color:#4caf50;border:1px solid #4caf50}.ecom-block-unblock-btn--success:hover{background:#4caf50;color:#fff}.ecom-block-unblock-btn--info{background:#e3f2fd;color:#2196f3;border:1px solid #2196f3}.ecom-block-unblock-btn--info:hover{background:#2196f3;color:#fff}.ecom-block-unblock-btn--loading{background:#6c757d!important;color:#fff!important;border-color:#6c757d!important;cursor:wait}.ecom-block-unblock-btn__spinner{width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:ecom-block-unblock-btn-spin 1s linear infinite}@keyframes ecom-block-unblock-btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ecom-block-unblock-confirm{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem}.ecom-block-unblock-confirm__overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ecom-block-unblock-confirm__content{position:relative;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:500px;width:100%;animation:ecom-block-unblock-confirm-slideUp .3s ease}@keyframes ecom-block-unblock-confirm-slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ecom-block-unblock-confirm__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e9ecef}.ecom-block-unblock-confirm__title{margin:0;font-size:1.3rem;color:#2c3e50}.ecom-block-unblock-confirm__close{background:none;border:none;color:#6c757d;cursor:pointer;padding:.5rem;border-radius:50%;transition:background .3s ease}.ecom-block-unblock-confirm__close:hover{background:#f8f9fa}.ecom-block-unblock-confirm__body{padding:1.5rem}.ecom-block-unblock-confirm__user{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px}.ecom-block-unblock-confirm__avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 2px 8px #0000001a}.ecom-block-unblock-confirm__user-info{flex:1}.ecom-block-unblock-confirm__name{font-weight:600;color:#2c3e50;margin-bottom:.25rem}.ecom-block-unblock-confirm__email{font-size:.9rem;color:#6c757d;margin-bottom:.25rem}.ecom-block-unblock-confirm__role{font-size:.8rem;color:#667eea;font-weight:600}.ecom-block-unblock-confirm__message{margin:0;color:#6c757d;line-height:1.5}.ecom-block-unblock-confirm__actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid #e9ecef}.ecom-block-unblock-confirm__btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.ecom-block-unblock-confirm__btn--cancel{background:#6c757d;color:#fff}.ecom-block-unblock-confirm__btn--cancel:hover{background:#5a6268}.ecom-block-unblock-confirm__btn--warning{background:#ff9800;color:#fff}.ecom-block-unblock-confirm__btn--warning:hover{background:#f57c00}.ecom-block-unblock-confirm__btn--success{background:#4caf50;color:#fff}.ecom-block-unblock-confirm__btn--success:hover{background:#45a049}.ecom-block-unblock-confirm__btn--info{background:#2196f3;color:#fff}.ecom-block-unblock-confirm__btn--info:hover{background:#1976d2}@media (max-width: 768px){.ecom-block-unblock-confirm__content{max-width:100%}.ecom-block-unblock-confirm__actions{flex-direction:column}.ecom-block-unblock-confirm__btn{width:100%}}.ecom-user-table{width:100%}.ecom-user-table__container{overflow-x:auto}.ecom-user-table__table{width:100%;border-collapse:collapse;min-width:1000px}.ecom-user-table__header{background:#f8f9fa;border-bottom:2px solid #e9ecef}.ecom-user-table__th{padding:1rem .75rem;text-align:left;font-weight:600;color:#2c3e50;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.ecom-user-table__th--sortable{cursor:pointer;transition:background-color .3s ease}.ecom-user-table__th--sortable:hover{background:#e9ecef}.ecom-user-table__th-content{display:flex;align-items:center;gap:.5rem}.ecom-user-table__sort-icon{color:#6c757d;font-size:.8rem;transition:color .3s ease}.ecom-user-table__sort-icon--active{color:#667eea}.ecom-user-table__th--checkbox{width:40px;text-align:center}.ecom-user-table__body{background:#fff}.ecom-user-table__row{border-bottom:1px solid #f8f9fa;transition:background-color .3s ease}.ecom-user-table__row:hover{background:#f8f9fa}.ecom-user-table__td{padding:1rem .75rem;vertical-align:middle}.ecom-user-table__td--checkbox{text-align:center}.ecom-user-table__checkbox{width:18px;height:18px;cursor:pointer}.ecom-user-table__role--mentor{background-color:orange}.ecom-user-table__role--employer{background-color:#6a5acd}.ecom-user-table__role--student{background-color:#32cd32}.ecom-user-table__user-info{display:flex;align-items:center;gap:.75rem}.ecom-user-table__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e9ecef}.ecom-user-table__user-details{flex:1}.ecom-user-table__name{font-weight:600;color:#2c3e50;margin-bottom:.25rem}.ecom-user-table__email{font-size:.8rem;color:#6c757d}.ecom-user-table__contact{display:flex;flex-direction:column;gap:.25rem}.ecom-user-table__phone{font-size:.9rem;color:#2c3e50}.ecom-user-table__verification{display:flex;align-items:center;gap:.25rem;font-size:.7rem;padding:.2rem .5rem;border-radius:10px;width:fit-content}.ecom-user-table__verification--verified{background:#e8f5e8;color:#4caf50}.ecom-user-table__verification--unverified{background:#ffebee;color:#f44336}.ecom-user-table__role{padding:.4rem .75rem;border-radius:15px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ecom-user-table__role--admin{background:#ffebee;color:#f44336}.ecom-user-table__role--moderator{background:#e3f2fd;color:#2196f3}.ecom-user-table__role--vendor{background:#fff3e0;color:#ff9800}.ecom-user-table__role--customer{background:#e8f5e8;color:#4caf50}.ecom-user-table__status{padding:.4rem .75rem;border-radius:15px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ecom-user-table__status--active{background:#e8f5e8;color:#4caf50}.ecom-user-table__status--blocked{background:#ffebee;color:#f44336}.ecom-user-table__status--inactive{background:#fff3e0;color:#ff9800}.ecom-user-table__date{font-size:.9rem;color:#2c3e50}.ecom-user-table__orders{font-weight:600;color:#2c3e50;text-align:center}.ecom-user-table__total-spent{font-weight:600;color:#4caf50}.ecom-user-table__actions{display:flex;gap:.5rem}.ecom-user-table__action-btn{width:32px;height:32px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:.8rem}.ecom-user-table__action-btn--edit{background:#e3f2fd;color:#2196f3}.ecom-user-table__action-btn--edit:hover{background:#2196f3;color:#fff}.ecom-user-table__action-btn--view{background:#f3e5f5;color:#9c27b0}.ecom-user-table__action-btn--view:hover{background:#9c27b0;color:#fff}.ecom-user-table__action-btn--delete{background:#ffebee;color:#f44336}.ecom-user-table__action-btn--delete:hover{background:#f44336;color:#fff}.ecom-user-table__empty{text-align:center;padding:4rem 2rem}.ecom-user-table__empty-icon{font-size:4rem;color:#e9ecef;margin-bottom:1.5rem}.ecom-user-table__empty-title{font-size:1.5rem;color:#2c3e50;margin:0 0 1rem}.ecom-user-table__empty-text{color:#6c757d;line-height:1.6}@media (max-width: 768px){.ecom-user-table__th{padding:.75rem .5rem;font-size:.8rem}.ecom-user-table__td{padding:.75rem .5rem}.ecom-user-table__actions{flex-direction:column}.ecom-user-table__action-btn{width:28px;height:28px}}.ecom-user-filters{display:flex;flex-direction:column;gap:1rem}.ecom-user-filters__search-container{position:relative;display:flex;align-items:center}.ecom-user-filters__search-icon{position:absolute;left:1rem;color:#6c757d;z-index:1}.ecom-user-filters__search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;transition:border-color .3s ease;background:#fff}.ecom-user-filters__search-input:focus{outline:none;border-color:#667eea}.ecom-user-filters__search-clear{position:absolute;right:1rem;background:none;border:none;color:#6c757d;cursor:pointer;padding:.25rem;border-radius:50%;transition:background-color .3s ease}.ecom-user-filters__search-clear:hover{background:#f8f9fa}.ecom-user-filters__controls{display:flex;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}.ecom-user-filters__select-group,.ecom-user-filters__date-group{display:flex;flex-direction:column;gap:.5rem}.ecom-user-filters__label{font-size:.8rem;font-weight:600;color:#2c3e50}.ecom-user-filters__select,.ecom-user-filters__date-input{padding:.5rem 1rem;border:2px solid #e9ecef;border-radius:6px;background:#fff;color:#2c3e50;cursor:pointer;font-size:.9rem;min-width:150px}.ecom-user-filters__select:focus,.ecom-user-filters__date-input:focus{outline:none;border-color:#667eea}.ecom-user-filters__results{display:flex;align-items:center;gap:1rem;margin-left:auto}.ecom-user-filters__count{font-weight:600;color:#2c3e50}.ecom-user-filters__clear-btn{background:#ff6b6b;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:background .3s ease}.ecom-user-filters__clear-btn:hover{background:#ff5252}@media (max-width: 768px){.ecom-user-filters__controls{flex-direction:column;align-items:stretch}.ecom-user-filters__results{margin-left:0;justify-content:space-between}.ecom-user-filters__select,.ecom-user-filters__date-input{min-width:auto}}.ecom-user-management-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem 0}.ecom-user-management-page__container{max-width:1400px;margin:0 auto;padding:0 1rem}.ecom-user-management-page__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;padding:0 1rem}.ecom-user-management-page__header-content{flex:1}.ecom-user-management-page__title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin:0 0 .5rem}.ecom-user-management-page__subtitle{font-size:1.1rem;color:#6c757d;margin:0}.ecom-user-management-page__header-actions{display:flex;gap:1rem}.ecom-user-management-page__export-btn,.ecom-user-management-page__add-user-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.ecom-user-management-page__export-btn{background:#6c757d;color:#fff}.ecom-user-management-page__export-btn:hover{background:#5a6268}.ecom-user-management-page__add-user-btn{background:#4caf50;color:#fff}.ecom-user-management-page__add-user-btn:hover{background:#45a049}.ecom-user-management-page__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.ecom-user-management-page__stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;gap:1rem;transition:transform .3s ease}.ecom-user-management-page__stat-card:hover{transform:translateY(-2px)}.ecom-user-management-page__stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.ecom-user-management-page__stat-icon--total{background:#667eea;color:#fff}.ecom-user-management-page__stat-icon--active{background:#4caf50;color:#fff}.ecom-user-management-page__stat-icon--blocked{background:#ff6b6b;color:#fff}.ecom-user-management-page__stat-icon--inactive{background:#ffa726;color:#fff}.ecom-user-management-page__stat-content{flex:1}.ecom-user-management-page__stat-number{display:block;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.ecom-user-management-page__stat-label{font-size:.9rem;color:#6c757d}.ecom-user-management-page__controls{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 15px #0000001a}.ecom-user-management-page__bulk-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef}.ecom-user-management-page__bulk-selected{font-weight:600;color:#2c3e50}.ecom-user-management-page__bulk-select{padding:.5rem 1rem;border:2px solid #e9ecef;border-radius:6px;background:#fff;color:#2c3e50;cursor:pointer}.ecom-user-management-page__bulk-clear{background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:background .3s ease}.ecom-user-management-page__bulk-clear:hover{background:#5a6268}.ecom-user-management-page__content{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden}.ecom-user-management-page__pagination{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-top:1px solid #e9ecef;background:#f8f9fa}.ecom-user-management-page__pagination-info{color:#6c757d;font-size:.9rem}.ecom-user-management-page__pagination-controls{display:flex;align-items:center;gap:1rem}.ecom-user-management-page__pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid #e9ecef;background:#fff;color:#2c3e50;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:500}.ecom-user-management-page__pagination-btn:hover:not(:disabled){border-color:#667eea;color:#667eea}.ecom-user-management-page__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.ecom-user-management-page__pagination-numbers{display:flex;gap:.25rem}.ecom-user-management-page__pagination-number{width:40px;height:40px;border:2px solid #e9ecef;background:#fff;color:#2c3e50;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:500}.ecom-user-management-page__pagination-number:hover{border-color:#667eea;color:#667eea}.ecom-user-management-page__pagination-number--active{background:#667eea;border-color:#667eea;color:#fff}.ecom-user-management-page__pagination-size{display:flex;align-items:center;gap:.5rem;color:#6c757d;font-size:.9rem}.ecom-user-management-page__pagination-select{padding:.25rem .5rem;border:1px solid #e9ecef;border-radius:4px;background:#fff;color:#2c3e50}.ecom-user-management-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a}.ecom-user-management-page__loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:ecom-user-management-page-spin 1s linear infinite;margin-bottom:1rem}@keyframes ecom-user-management-page-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.ecom-user-management-page__stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.ecom-user-management-page{padding:1rem 0}.ecom-user-management-page__header{flex-direction:column;align-items:flex-start;gap:1.5rem}.ecom-user-management-page__header-actions{width:100%;justify-content:space-between}.ecom-user-management-page__stats{grid-template-columns:1fr}.ecom-user-management-page__pagination{flex-direction:column;gap:1rem;text-align:center}.ecom-user-management-page__pagination-numbers{order:-1}}@media (max-width: 480px){.ecom-user-management-page__container{padding:0 .5rem}.ecom-user-management-page__title{font-size:2rem}.ecom-user-management-page__header-actions{flex-direction:column}.ecom-user-management-page__bulk-actions{flex-direction:column;align-items:stretch}}.cts-wrapper{max-width:700px;margin:40px auto;padding:30px;background:linear-gradient(to right,#f8fbff,#eef4ff);border-radius:16px;box-shadow:0 8px 20px #0000001a;font-family:Segoe UI,sans-serif;color:#333}.cts-wrapper h2{text-align:center;color:#3a3a3a;margin-bottom:25px}.cts-form{display:flex;flex-direction:column;gap:20px}.cts-form label{display:flex;flex-direction:column;font-weight:600;color:#444;font-size:14px}.cts-form label span{color:red}.cts-form input,.cts-form textarea{padding:10px 14px;border:1px solid #ccc;border-radius:8px;font-size:14px;margin-top:6px;transition:border .3s,box-shadow .3s}.cts-form input:focus,.cts-form textarea:focus{border-color:#6c63ff;box-shadow:0 0 4px #6c63ff99;outline:none}.cts-subcategories{margin-top:10px}.cts-subcategories h3{font-size:16px;margin-bottom:10px;color:#555}.cts-subcategory-item{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.cts-subcategory-item input{flex:1;min-width:150px}.cts-add-btn,.cts-remove-btn{background:#6c63ff;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background .3s ease;font-size:14px}.cts-add-btn:hover,.cts-remove-btn:hover{background:#554fd8}.cts-remove-btn{background:#ff4b5c}.cts-remove-btn:hover{background:#d83b4b}.cts-submit-btn{background:linear-gradient(to right,#6c63ff,#9286ff);color:#fff;border:none;padding:12px;font-size:16px;border-radius:10px;cursor:pointer;transition:background .3s ease,transform .2s ease}.cts-submit-btn:hover{background:linear-gradient(to right,#554fd8,#7c71f0);transform:translateY(-1px)}.cts-message{text-align:center;margin-top:15px;font-weight:600;color:#2c7a7b}:root{--admin-primary: #1e40af;--admin-primary-light: #dbeafe;--admin-secondary: #059669;--admin-accent: #7c3aed;--admin-danger: #dc2626;--admin-warning: #d97706;--admin-info: #0891b2;--admin-dark: #1e293b;--admin-text: #334155;--admin-text-light: #64748b;--admin-bg: #f8fafc;--admin-card: #ffffff;--admin-border: #e2e8f0;--admin-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--admin-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--admin-gradient: linear-gradient(135deg, #1e40af 0%, #7c3aed 100%)}.admin-profile-container{max-width:1400px;margin:0 auto;padding:20px}.admin-profile-header{position:relative;background:var(--admin-card);border-radius:16px;overflow:hidden;box-shadow:var(--admin-shadow-lg);margin-bottom:24px}.admin-profile-header-bg{height:140px;background:var(--admin-gradient)}.admin-profile-info{display:flex;align-items:flex-start;padding:0 40px 40px;margin-top:-70px;gap:30px}.admin-profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:16px}.admin-profile-avatar{width:140px;height:140px;border-radius:50%;border:4px solid var(--admin-card);background:var(--admin-card);object-fit:cover;box-shadow:var(--admin-shadow-lg)}.admin-profile-badge{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;box-shadow:var(--admin-shadow)}.admin-profile-badge-icon{font-size:16px}.admin-profile-details{flex:1;padding-top:25px}.admin-profile-name{font-size:2.25rem;font-weight:700;color:var(--admin-dark);margin-bottom:4px}.admin-profile-title{font-size:1.25rem;color:var(--admin-primary);font-weight:600;margin-bottom:4px}.admin-profile-department{color:var(--admin-text-light);margin-bottom:16px;font-size:1rem}.admin-profile-meta{display:flex;flex-wrap:wrap;gap:20px}.admin-profile-meta-item{color:var(--admin-text-light);font-size:.9rem;display:flex;align-items:center;gap:6px}.admin-profile-actions{display:flex;gap:12px;padding-top:25px;flex-direction:column;min-width:200px}.admin-profile-btn{padding:12px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem;text-align:center}.admin-profile-btn.primary{background:var(--admin-primary);color:#fff}.admin-profile-btn.primary:hover{background:#1e3a8a;transform:translateY(-1px)}.admin-profile-btn.secondary{background:var(--admin-card);color:var(--admin-text);border:2px solid var(--admin-border)}.admin-profile-btn.secondary:hover{background:var(--admin-bg);transform:translateY(-1px)}.admin-profile-btn.danger{background:var(--admin-danger);color:#fff}.admin-profile-btn.danger:hover{background:#b91c1c;transform:translateY(-1px)}.admin-profile-tabs{display:flex;background:var(--admin-card);border-radius:12px;padding:8px;margin-bottom:24px;box-shadow:var(--admin-shadow);gap:4px;border:1px solid var(--admin-border)}.admin-profile-tab-button{flex:1;padding:14px 20px;border:none;background:transparent;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;color:var(--admin-text-light);font-size:.9rem}.admin-profile-tab-button.active{background:var(--admin-primary);color:#fff;box-shadow:var(--admin-shadow)}.admin-profile-tab-button:hover:not(.active){background:var(--admin-primary-light);color:var(--admin-primary)}.admin-profile-content{background:var(--admin-card);border-radius:16px;padding:32px;box-shadow:var(--admin-shadow);border:1px solid var(--admin-border)}.admin-profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.admin-profile-stat-card{background:var(--admin-card);border-radius:12px;padding:24px;border:1px solid var(--admin-border);box-shadow:var(--admin-shadow);transition:all .3s ease;display:flex;align-items:center;justify-content:space-between}.admin-profile-stat-card:hover{transform:translateY(-2px);box-shadow:var(--admin-shadow-lg)}.admin-profile-stat-header{display:flex;align-items:center;gap:16px;flex:1;border-left:4px solid}.admin-profile-stat-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.admin-profile-stat-info{flex:1}.admin-profile-stat-value{font-size:2rem;font-weight:700;color:var(--admin-dark);margin-bottom:4px}.admin-profile-stat-label{color:var(--admin-text-light);font-size:.9rem;font-weight:500}.admin-profile-stat-trend{text-align:right}.admin-profile-trend-up{color:var(--admin-secondary);font-weight:600;font-size:.9rem}.admin-profile-quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.admin-profile-action-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.admin_profile-action-card:hover{transform:translateY(-4px);box-shadow:var(--admin-shadow-lg)}.admin-profile-action-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.admin-profile-action-card h4{margin-bottom:8px;color:var(--admin-dark);font-size:1.1rem}.admin-profile-action-card p{color:var(--admin-text-light);font-size:.9rem;margin-bottom:16px}.admin-profile-action-button{background:var(--admin-primary);color:#fff;border:none;padding:8px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s ease}.admin-profile-action-button:hover{background:#1e3a8a}.admin-profile-activities-list{display:flex;flex-direction:column;gap:12px}.admin-profile-activity-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--admin-bg);border-radius:8px;border-left:4px solid var(--admin-border);transition:all .2s ease}.admin-profile-activity-item.priority-high{border-left-color:var(--admin-danger)}.admin-profile-activity-item.priority-medium{border-left-color:var(--admin-warning)}.admin-profile-activity-item:hover{background:var(--admin-primary-light)}.admin-profile-activity-icon{font-size:1.25rem;width:40px;height:40px;border-radius:50%;background:var(--admin-card);display:flex;align-items:center;justify-content:center}.admin-profile-activity-content{flex:1}.admin-profile-activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.admin-profile-activity-header h4{flex:1;font-size:.95rem;color:var(--admin-dark)}.admin-profile-priority-badge{padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.admin-profile-priority-badge.high{background:#fef2f2;color:var(--admin-danger)}.admin-profile-priority-badge.medium{background:#fffbeb;color:var(--admin-warning)}.admin-profile-activity-content p{color:var(--admin-text-light);font-size:.85rem;margin-bottom:4px}.admin-profile-activity-time{font-size:.8rem;color:var(--admin-text-light)}.admin-profile-activity-action{background:transparent;border:1px solid var(--admin-border);color:var(--admin-primary);padding:6px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.admin-profile-activity-action:hover{background:var(--admin-primary);color:#fff}.admin-profile-system-cards,.admin-profile-settings-cards,.admin-profile-reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.admin-profile-system-card,.admin-profile-setting-card,.admin-profile-report-card{background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:12px;padding:24px}.admin-profile-system-card h3,.admin-profile-setting-card h4,admin-profile-report-card h4{margin-bottom:16px;color:var(--admin-dark)}.admin-profile-server-status{display:flex;align-items:center;gap:8px;color:var(--admin-secondary);font-weight:600}.admin-profile-status-dot{width:8px;height:8px;border-radius:50%;background:var(--admin-secondary)}.admin-profile-setting-button{background:var(--admin-primary);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;margin-top:12px}.admin-profile-report-placeholder{height:200px;background:var(--admin-card);border:2px dashed var(--admin-border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--admin-text-light)}.admin-profile-users-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.admin-profile-user-stat{background:var(--admin-bg);padding:24px;border-radius:12px;text-align:center;border:1px solid var(--admin-border)}.admin-profile-stat-number{display:block;font-size:2.5rem;font-weight:700;color:var(--admin-primary);margin-bottom:8px}.admin-profile-stat-label{color:var(--admin-text-light);font-size:.9rem}@media (max-width: 1024px){.admin-profile-info{flex-direction:column;text-align:center;padding:0 24px 24px}.admin-profile-meta{justify-content:center}.admin-profile-actions{flex-direction:row;width:100%;justify-content:center}.admin-profile-btn{flex:1}}@media (max-width: 768px){.admin-profile-container{padding:12px}.admin-profile-stats-grid,.admin-profile-quick-actions-grid{grid-template-columns:1fr}.admin-profile-tabs{flex-wrap:wrap}.admin_profile-tab-button{flex:1 0 calc(50% - 8px)}.admin-profile-system-cards,.admin-profile-settings-cards,.admin-profile-reports-grid{grid-template-columns:1fr}}@media (max-width: 480px){.admin_profile-tab-button{flex:1 0 100%}.admin_profile-users-stats{grid-template-columns:1fr}.admin_profile-activity-item{flex-direction:column;text-align:center;gap:12px}.admin_profile-activity-header{flex-direction:column;gap:8px}}.course-list-container{padding:20px;background:#f8fafc;min-height:100vh}.course-list-header{text-align:center;margin-bottom:10px}.course-list-header h1{font-size:2rem;margin-bottom:8px;font-weight:700}.course-list-header p{font-size:1rem}.search-filter-section{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.search-bar{margin-bottom:20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.search-input-container{position:relative;max-width:600px;width:50%}.course-search-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:all .3s ease;background:#f8fafc}.course-search-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.search-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#64748b}.add-new-course{background:linear-gradient(to right,#6c63ff,#9286ff);color:#fff;border:none;padding:12px 16px;border-radius:6px;cursor:pointer;transition:background .3s ease;font-size:14px}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:end}.course-filter-group{display:flex;flex-direction:column}.course-filter-group label{font-weight:600;color:#374151;margin-bottom:6px;font-size:14px}.course-filter-group select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;transition:border-color .3s ease}.course-filter-group select:focus{outline:none;border-color:#3b82f6}.clear-filters-btn{padding:10px 16px;background:#6b7280;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease;height:fit-content}.clear-filters-btn:hover{background:#4b5563}.results-summary{margin-bottom:20px}.results-summary p{color:#64748b;font-size:14px}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;margin-bottom:40px}.course-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .3s ease;border:1px solid #e2e8f0}.course-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.course-card-header{position:relative}.course-thumbnail{height:160px;background:#f1f5f9;overflow:hidden}.course-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.course-badges{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:8px}.level-badge,.live-code-badge{padding:4px 8px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.live-code-badge{background:#3b82f6e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.course-card-body{padding:10px}.course-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:8px;line-height:1.4}.course-description{color:#64748b;font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-meta{display:flex;flex-direction:column;gap:5px}.meta-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.meta-label{font-weight:600;color:#374151;font-size:12px}.meta-value{color:#6b7280;font-size:12px;background:#f8fafc;padding:2px 8px;border-radius:4px}.course-card-footer{padding:5px 10px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.course-date{font-size:12px;color:#94a3b8}.course-actions{display:flex;gap:8px}.action-btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.edit-btn{background:#fbbf24;color:#78350f}.edit-btn:hover{background:#f59e0b}.view-btn{background:#3b82f6;color:#fff}.view-btn:hover{background:#2563eb}.no-courses{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.no-courses-icon{font-size:4rem;margin-bottom:16px}.no-courses h3{color:#1e293b;margin-bottom:8px}.no-courses p{color:#64748b}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:40px}.pagination-btn,.pagination-number{padding:8px 16px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px}.pagination-btn:hover:not(:disabled){background:#3b82f6;color:#fff;border-color:#3b82f6}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-number.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.pagination-number:hover:not(.active){background:#f3f4f6}.pagination-numbers{display:flex;gap:8px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-left:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media (max-width: 768px){.course-list-container{padding:16px}.search-bar{width:100%;gap:10px;flex-direction:column-reverse}.search-input-container,.add-new-course{width:100%}.courses-grid{grid-template-columns:1fr}.filters-row{grid-template-columns:1fr;gap:5px}.pagination{flex-direction:column;gap:12px}.pagination-numbers{order:-1}.course-card-footer{flex-direction:column;gap:5px;align-items:flex-start}.course-actions{width:100%;justify-content:flex-end}}@media (max-width: 480px){.course-list-header h1{font-size:2rem}.search-input{font-size:14px}}.create-ad-container{margin:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:2rem;font-family:Inter,sans-serif}.create-ad-title{text-align:center;font-size:1.8rem;font-weight:700;color:#333;margin-bottom:1.5rem}.create-ad-form,.create-ad-fields{display:flex;flex-direction:column;gap:1.2rem}.create-ad-field{display:flex;flex-direction:column}.create-ad-field label{font-size:.95rem;font-weight:600;color:#555;margin-bottom:.4rem}.create-ad-field input,.create-ad-field textarea{padding:.75rem;border:1.5px solid #ddd;border-radius:8px;font-size:1rem;transition:all .2s ease}.create-ad-field input:focus,.create-ad-field textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff33}.create-ad-row{display:flex;gap:1rem;flex-wrap:wrap}.create-ad-row input{flex:1}.create-ad-section h4{margin:.5rem 0;font-size:1.1rem;color:#444}.create-ad-btn{background:#007bff;color:#fff;border:none;border-radius:8px;padding:.9rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .3s ease,transform .1s ease}.create-ad-btn:hover{background:#0056b3;transform:scale(1.02)}.create-ad-btn:disabled{background:#b0c4de;cursor:not-allowed}.create-ad-message{text-align:center;margin-top:1rem;font-weight:500;color:#28a745}.create-ad-message:has(.error){color:#dc3545}@media (max-width: 600px){.create-ad-container{padding:1.5rem}.create-ad-row{flex-direction:column}.create-ad-title{font-size:1.5rem}.create-ad-btn{width:100%}}.ads-list-container{padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.created-new-ad-button{display:flex;justify-content:space-between;margin-bottom:1rem}.ads-list-title{font-size:1.2rem}.ads-list-btn{display:inline-block;padding:.5rem 1.2rem;margin-bottom:1.5rem;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:.3s ease}.ads-list-btn:hover{background-color:#0056b3}.ads-list-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;justify-content:center}.ads-list-filters input,.ads-list-filters select{padding:.5rem .8rem;border:1px solid #ccc;border-radius:6px;min-width:180px;transition:.3s}.ads-list-filters input:focus,.ads-list-filters select:focus{outline:none;border-color:#007bff}.ads-list-loading,.ads-list-empty,.ads-list-message{text-align:center;font-size:1.1rem;margin:1rem 0;color:#555}.ads-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.ads-list-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}.ads-list-card:hover{transform:translateY(-5px);box-shadow:0 6px 18px #00000026}.ads-list-img{width:100%;height:180px;object-fit:cover}.ads-list-info{padding:10px;flex-grow:1}.ads-list-info h3{font-size:1rem;color:#333}.ads-list-category,.ads-list-price,.ads-list-status{font-size:.95rem}.ads-list-price-status{display:flex;justify-content:space-between}.ads-list-price{font-weight:700;color:#007bff}.ads-list-status{font-weight:600;padding:2px 6px;border-radius:4px;display:inline-block;text-transform:capitalize}.status-active{background-color:#d4edda;color:#155724}.status-pending{background-color:#fff3cd;color:#856404}.status-sold{background-color:#f8d7da;color:#721c24}.status-expired{background-color:#e2e3e5;color:#6c757d}.ads-list-actions{display:flex;justify-content:space-between;padding:.8rem 1rem;border-top:1px solid #eee;gap:.5rem}.btn-edit,.btn-delete{padding:.4rem .8rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:.3s ease;flex:1}.btn-edit:hover{background-color:#e0a800}.btn-delete:hover{background-color:#c82333}.ads-list-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin:2rem 0}.ads-list-pagination button{padding:.4rem .8rem;border:none;border-radius:6px;background-color:#007bff;color:#fff;cursor:pointer;transition:.3s ease}.ads-list-pagination button:disabled{background-color:#ccc;cursor:not-allowed}.ads-list-pagination button:hover:not(:disabled){background-color:#0056b3}.ads-list-pagination span{font-weight:500;color:#333}.ads-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ads-modal{background:#fff;border-radius:15px;padding:0;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;animation:modalSlideIn .3s ease-out}.ads-modal-header{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:25px 30px;border-radius:15px 15px 0 0;display:flex;justify-content:space-between;align-items:center}.ads-modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.ads-modal-close{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.ads-modal-close:hover{background:#fff3}.ads-modal-form{padding:30px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.ads-modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #e2e8f0}.btn-cancel{background:#64748b;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease}.btn-save{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease}.btn-save:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}@media (max-width: 768px){.ads-list-filters{flex-direction:column;align-items:stretch}.ads-list-actions,.ads-list-pagination{flex-direction:column;gap:.5rem}.ads-modal{width:95%;margin:20px}.ads-modal-header,.ads-modal-form{padding:20px}.form-row{grid-template-columns:1fr;gap:0}.ads-modal-actions{flex-direction:column}.btn-edit,.btn-delete{padding:.5rem;font-size:.85rem}}@media (max-width: 480px){.ads-list-container{padding:1rem}.created-new-ad-button{flex-direction:column;gap:1rem;align-items:flex-start}.ads-modal-header h2{font-size:1.3rem}}.book-upload-container-wrapper{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden}.book-upload-container-wrapper:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0%,transparent 50%);animation:bookUploadFloat 8s ease-in-out infinite}@keyframes bookUploadFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}.book-upload-glass-container{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem;width:100%;max-width:900px;box-shadow:0 20px 60px #0000001a,0 0 0 1px #fff3,inset 0 0 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.book-upload-glass-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:bookUploadShine 3s ease-in-out infinite}@keyframes bookUploadShine{0%,to{transform:rotate(45deg) translate(-100%)}50%{transform:rotate(45deg) translate(100%)}}.book-upload-header-section{text-align:center;margin-bottom:2.5rem;position:relative}.book-upload-header-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:bookUploadBounce 2s ease-in-out infinite}@keyframes bookUploadBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.book-upload-main-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.book-upload-subtitle{color:#666;font-size:1.1rem;font-weight:400}.book-upload-form-container{position:relative;z-index:2}.book-upload-progress-section{margin-bottom:1.5rem;background:#667eea1a;padding:1rem;border-radius:12px;border:1px solid rgba(102,126,234,.2)}.book-upload-progress-bar{width:100%;height:8px;background:#667eea33;border-radius:10px;overflow:hidden;margin-bottom:.5rem}.book-upload-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;transition:width .3s ease;background-size:200% 100%;animation:bookUploadGradient 2s ease infinite}@keyframes bookUploadGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.book-upload-progress-text{font-size:.9rem;font-weight:600;color:#667eea;text-align:center;display:block}.book-upload-message-alert{padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;animation:bookUploadSlideIn .3s ease-out}@keyframes bookUploadSlideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.book-upload-message-alert.success{background:#48bb781a;border:1px solid rgba(72,187,120,.3);color:#2d774a}.book-upload-message-alert.error{background:#f565651a;border:1px solid rgba(245,101,101,.3);color:#c53030}.book-upload-alert-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:inherit;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.book-upload-alert-close:hover{background:#0000001a}.book-upload-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media (max-width: 768px){.book-upload-form-grid{grid-template-columns:1fr}}.book-upload-form-column{display:flex;flex-direction:column;gap:1.5rem}.book-upload-input-group{display:flex;flex-direction:column;gap:.5rem}.book-upload-input-label{font-weight:600;color:#333;font-size:.95rem}.book-upload-text-input,.book-upload-select-input,.book-upload-textarea-input{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff;font-family:inherit}.book-upload-text-input:focus,.book-upload-select-input:focus,.book-upload-textarea-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.book-upload-textarea-input{resize:vertical;min-height:100px}.book-upload-char-count{font-size:.8rem;color:#666;text-align:right}.book-upload-tags-hint{font-size:.8rem;color:#666;font-style:italic}.book-upload-files-section{margin:2rem 0}.book-upload-file-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.book-upload-file-grid{grid-template-columns:1fr}}.book-upload-file-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity .3s ease}.book-upload-file-card:hover:before{opacity:1}.book-upload-file-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.book-upload-file-title{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:.5rem}.book-upload-file-description{color:#666;font-size:.9rem;margin-bottom:1.5rem;line-height:1.4}.book-upload-file-label{cursor:pointer;display:inline-block}.book-upload-file-input{display:none}.book-upload-file-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-weight:600;transition:all .3s ease;display:inline-block;border:none;cursor:pointer;box-shadow:0 4px 15px #667eea4d}.book-upload-file-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.book-upload-file-info{margin-top:1rem;padding:.75rem;background:#667eea0d;border-radius:8px;border:1px solid rgba(102,126,234,.1)}.book-upload-file-name{display:block;font-weight:600;color:#333;margin-bottom:.25rem}.book-upload-file-size{font-size:.8rem;color:#666}.book-upload-cover-preview{margin-top:1rem;text-align:center}.book-upload-preview-image{max-width:150px;max-height:200px;border-radius:8px;box-shadow:0 4px 15px #0000001a;border:2px solid white}.book-upload-file-input-container{position:relative;display:inline-block}.book-upload-file-input-hidden{position:absolute;left:-9999px;opacity:0;width:0;height:0}.book-upload-file-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-weight:600;transition:all .3s ease;display:inline-block;border:none;cursor:pointer;box-shadow:0 4px 15px #667eea4d;text-decoration:none;font-family:inherit;font-size:.95rem}.book-upload-file-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66;background:linear-gradient(135deg,#5a6fd8,#6a67a6)}.book-upload-file-card{background:#fffc;border:2px dashed #cbd5e0;border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.book-upload-file-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 25px #667eea26}.book-upload-file-card.drag-over{border-color:#667eea;background:#667eea0d;transform:scale(1.02)}.book-upload-file-info{margin-top:1rem;padding:.75rem;background:#667eea0d;border-radius:8px;border:1px solid rgba(102,126,234,.1);animation:bookUploadSlideIn .3s ease-out}.book-upload-file-name{display:block;font-weight:600;color:#333;margin-bottom:.25rem;word-break:break-word}.book-upload-file-size{font-size:.8rem;color:#666;display:block}.book-upload-cover-preview{margin-top:1rem;text-align:center;animation:bookUploadSlideIn .3s ease-out}.book-upload-preview-image{max-width:150px;max-height:200px;border-radius:8px;box-shadow:0 4px 15px #0000001a;border:2px solid white;object-fit:cover}.book-upload-file-card{position:relative}.book-upload-file-card:after{content:"Click to upload or drag & drop";position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);font-size:.75rem;color:#666;opacity:0;transition:opacity .3s ease}.book-upload-file-card:hover:after{opacity:1}.book-upload-submit-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}@media (max-width: 768px){.book-upload-submit-section{flex-direction:column;gap:1.5rem}}.book-upload-submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2.5rem;border-radius:50px;font-size:1.1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;box-shadow:0 6px 20px #667eea66;position:relative;overflow:hidden}.book-upload-submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.book-upload-submit-button:hover:before{left:100%}.book-upload-submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea80}.book-upload-submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.book-upload-submit-button.loading{background:linear-gradient(135deg,#a0aec0,#cbd5e0)}.book-upload-spinner{width:18px;height:18px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:bookUploadSpin 1s linear infinite}@keyframes bookUploadSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.book-upload-submit-icon{font-size:1.2rem}.book-upload-requirements{flex:1;max-width:300px;background:#667eea0d;padding:1.5rem;border-radius:12px;border:1px solid rgba(102,126,234,.1)}.book-upload-requirements h4{margin-bottom:.75rem;color:#333;font-size:.95rem}.book-upload-requirements ul{list-style:none;padding:0;margin:0}.book-upload-requirements li{font-size:.85rem;color:#666;margin-bottom:.5rem;line-height:1.4}@media (max-width: 768px){.book-upload-glass-container{padding:2rem 1.5rem;margin:1rem}.book-upload-main-title{font-size:2rem}.book-upload-header-icon{font-size:3rem}.book-upload-file-card{padding:1.5rem}}@media (max-width: 480px){.book-upload-container-wrapper{padding:1rem .5rem}.book-upload-glass-container{padding:1.5rem 1rem}.book-upload-main-title{font-size:1.75rem}}.book-list-container{padding:1rem;font-family:Segoe UI,sans-serif}.created-new-book-button{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.book-list-title{font-size:1.2rem}.book-list-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.book-list-btn{padding:.5rem 1rem;background-color:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .3s}.book-list-btn:hover{background-color:#218838}.book-list-filters input,.book-list-filters select{padding:.6rem .9rem;border:1px solid #ccc;border-radius:6px;font-size:.95rem;transition:.3s}.book-list-filters input:focus,.book-list-filters select:focus{border-color:#007bff;outline:none}.book-list-loading,.book-list-empty{text-align:center;color:#555;margin:2rem 0}.book-list-table-container-box{overflow-x:auto;margin-bottom:2rem}.book-list-table{width:100%;border-collapse:collapse;margin-top:20px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.book-list-table th,.book-list-table td{padding:12px 15px;border:1px solid #e0e0e0;text-align:left}.book-list-table th{background-color:#f8f9fa;font-weight:600;color:#333}.book-list-table tr:hover{background-color:#f8f9fa}.book-list-img{display:block;max-width:60px;height:auto;border-radius:4px}.btn-edit,.btn-delete{margin-right:8px;padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .3s ease}.btn-edit{background-color:#ffc107;color:#212529}.btn-edit:hover{background-color:#e0a800;transform:translateY(-1px)}.btn-delete{background-color:#dc3545;color:#fff}.btn-delete:hover{background-color:#c82333;transform:translateY(-1px)}.book-list-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin:2rem 0}.book-list-pagination button{padding:.5rem 1rem;border:none;border-radius:6px;background-color:#007bff;color:#fff;cursor:pointer;transition:.3s}.book-list-pagination button:disabled{background-color:#ccc;cursor:not-allowed}.book-list-pagination button:hover:not(:disabled){background-color:#0056b3}.book-list-message{text-align:center;color:#28a745;margin-top:1rem;font-weight:500}.book-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.book-modal{background:#fff;border-radius:12px;padding:0;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}.book-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px 30px;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center}.book-modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.book-modal-close{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.book-modal-close:hover{background:#fff3}.book-modal-form{padding:30px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 15px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;box-sizing:border-box;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.checkbox-group{display:flex;align-items:flex-end}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:400;margin-bottom:0}.checkbox-label input[type=checkbox]{width:auto;margin-right:10px;transform:scale(1.2)}.book-modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #e2e8f0}.btn-cancel{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease}.btn-cancel:hover:not(:disabled){background:#545b62;transform:translateY(-1px)}.btn-save{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease}.btn-save:hover:not(:disabled){background:#218838;transform:translateY(-1px)}@media (max-width: 768px){.book-list-filters{flex-direction:column;align-items:stretch}.book-list-table-container-box{font-size:.8rem}.book-list-table th,.book-list-table td{padding:8px 10px}.book-modal{width:95%;margin:20px}.book-modal-header,.book-modal-form{padding:20px}.form-row{grid-template-columns:1fr;gap:0}.book-modal-actions{flex-direction:column}.btn-edit,.btn-delete{padding:8px 12px;font-size:.8rem;margin-bottom:5px}}@media (max-width: 480px){.book-list-container{padding:.5rem}.created-new-book-button{flex-direction:column;gap:1rem;align-items:flex-start}.book-modal-header h2{font-size:1.3rem}.book-list-title{font-size:1.1rem}}:root{--primary-blue: #4361ee;--primary-purple: #7209b7;--primary-green: #4cc9f0;--accent-pink: #f72585;--accent-orange: #f8961e;--accent-teal: #38b2ac;--success: #48bb78;--warning: #ed8936;--danger: #f56565;--info: #4299e1;--light-bg: #f8fafc;--light-card: #ffffff;--light-text: #2d3748;--light-text-secondary: #718096;--light-border: #e2e8f0}.test-management{padding:20px;background:var(--light-bg);min-height:100vh}.test-management__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.test-management__title-section{flex:1}.test-management__title{font-size:1.7rem;font-weight:800;color:var(--light-text);margin-bottom:8px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.test-management__subtitle{color:var(--light-text-secondary);font-size:.9rem}.test-management__create-btn{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #4361ee4d}.test-management__create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4361ee66}.test-management__create-icon{font-size:1.2rem;font-weight:700}.test-stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.test-stat-card{background:var(--light-card);padding:25px;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid var(--light-border);display:flex;align-items:center;gap:15px;transition:transform .3s ease}.test-stat-card:hover{transform:translateY(-3px)}.test-stat-card__icon{font-size:2.5rem;opacity:.8}.test-stat-card__value{font-size:2rem;font-weight:800;color:var(--light-text);line-height:1;margin-bottom:4px}.test-stat-card__label{color:var(--light-text-secondary);font-weight:600;font-size:.9rem}.tests-table-container{background:var(--light-card);border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid var(--light-border);overflow:scroll}.tests-loading{padding:60px 20px;text-align:center;color:var(--light-text-secondary)}.tests-loading__spinner{width:40px;height:40px;border:3px solid var(--light-border);border-top:3px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.tests-empty{padding:80px 20px;text-align:center}.tests-empty__icon{font-size:4rem;margin-bottom:20px;opacity:.5}.tests-empty__title{font-size:1.5rem;font-weight:700;color:var(--light-text);margin-bottom:12px}.tests-empty__description{color:var(--light-text-secondary);margin-bottom:25px;max-width:400px;margin-left:auto;margin-right:auto}.tests-empty__action{background:var(--primary-blue);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s ease}.tests-empty__action:hover{background:var(--primary-purple)}.tests-table{width:100%;border-collapse:collapse}.tests-table th,.tests-table td{border:1px solid #e0e0e0;padding:12px 15px;text-align:left;vertical-align:top}.tests-table th{background-color:#f8f8f8;font-weight:600}.test-title__text{margin:0;font-size:1rem;color:#222}.test-title__meta{margin:4px 0 0;font-size:.85rem;color:#777}.difficulty-badge{padding:4px 8px;border-radius:4px;font-size:.85rem;text-transform:capitalize}.difficulty-badge--easy{background-color:#d4edda;color:#155724}.difficulty-badge--medium{background-color:#fff3cd;color:#856404}.difficulty-badge--hard{background-color:#f8d7da;color:#721c24}.test-action{background:none;border:none;cursor:pointer;font-size:1.1rem}.test-action--delete{color:#d32f2f}.test-action--questions{color:#1976d2}.question-box{border:1px solid #ddd;padding:15px;margin-bottom:18px;border-radius:6px;background:#fafafa}.option-row{display:flex;gap:10px;margin-bottom:8px}.btn-delete-option{background:#ff4d4d;border:none;color:#fff;padding:4px 10px;border-radius:4px}.btn-add-option,.btn-add-question{background:#4caf50;color:#fff;padding:6px 12px;border-radius:6px;margin-top:8px}.btn-delete-question{background:#d9534f;color:#fff;padding:6px 12px;border-radius:6px;margin-top:10px}.tests-table{width:100%}.tests-table__header{display:flex;align-items:center;justify-content:space-between;padding:20px;background:var(--light-bg);border-bottom:1px solid var(--light-border);font-weight:700;color:var(--light-text);font-size:.9rem}.tests-table__body{max-height:600px;overflow-y:auto}.tests-table__row{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--light-border);transition:background .3s ease}.tests-table__row:hover{background:var(--light-bg)}.tests-table__row:last-child{border-bottom:none}.test-title__text{font-weight:600;color:var(--light-text);margin-bottom:4px}.test-title__meta{color:var(--light-text-secondary);font-size:.8rem;margin:0}.test-category{background:var(--light-bg);padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:600;color:var(--light-text)}.questions-count,.duration-text{font-weight:600;color:var(--light-text)}.attempts-info{display:flex;flex-direction:column;gap:2px}.attempts-count{font-weight:700;color:var(--light-text)}.attempts-score{font-size:.8rem;color:var(--light-text-secondary)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch__input{opacity:0;width:0;height:0}.toggle-switch__slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.toggle-switch__slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch__input:checked+.toggle-switch__slider{background-color:var(--success)}.toggle-switch__input:checked+.toggle-switch__slider:before{transform:translate(20px)}.test-actions{display:flex;gap:8px}.test-action{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:.9rem}.test-action--edit{background:#4299e11a;color:var(--info)}.test-action--questions{background:#7209b71a;color:var(--primary-purple)}.test-action--analytics{background:#f725851a;color:var(--accent-pink)}.test-action--delete{background:#f565651a;color:var(--danger)}.test-action:hover{transform:scale(1.1)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--light-card);border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;animation:modalSlideIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid var(--light-border)}.modal-title{font-size:1.5rem;font-weight:700;color:var(--light-text);margin:0}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--light-text-secondary);padding:5px;border-radius:4px;transition:background .3s ease}.modal-close:hover{background:var(--light-bg)}.test-create-form{padding:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.test-form-group{margin-bottom:20px}.form-label{display:block;font-weight:600;color:var(--light-text);margin-bottom:8px;font-size:.9rem}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border:2px solid var(--light-border);border-radius:8px;background:var(--light-card);color:var(--light-text);font-size:.9rem;transition:border-color .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-blue)}.form-textarea--large{min-height:80px;resize:vertical}.difficulty-options{display:flex;gap:12px}.difficulty-option{cursor:pointer}.difficulty-option__input{display:none}.difficulty-option__label{display:block;padding:8px 16px;border:2px solid var(--light-border);border-radius:8px;font-weight:600;text-align:center;transition:all .3s ease;font-size:.9rem}.difficulty-option__input:checked+.difficulty-option__label{border-color:var(--primary-blue);background:var(--primary-blue);color:#fff}.difficulty-option__label--beginner:hover{border-color:var(--success)}.difficulty-option__label--intermediate:hover{border-color:var(--warning)}.difficulty-option__label--advanced:hover{border-color:var(--danger)}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:30px}.form-btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:.9rem}.form-btn:disabled{opacity:.6;cursor:not-allowed}.form-btn--primary{background:var(--primary-blue);color:#fff}.form-btn--primary:hover:not(:disabled){background:var(--primary-purple);transform:translateY(-1px)}.form-btn--secondary{background:var(--light-bg);color:var(--light-text);border:1px solid var(--light-border)}.form-btn--secondary:hover:not(:disabled){background:var(--light-border)}.form-btn__spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.question-card{background:#fff;padding:1.5rem;margin-bottom:1.5rem;border-radius:10px;box-shadow:0 2px 10px #00000014}.question-card__header{display:flex;justify-content:space-between;align-items:center}.remove-question-btn{background:#ff4d4f;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-weight:700}.add-question-btn{display:block;margin:1rem auto;padding:.6rem 1rem;background:#4f46e5;color:#fff;border-radius:8px;border:none;cursor:pointer}.form-btn--primary{background:#4f46e5;color:#fff}.add-question{background:var(--light-card);border-radius:16px;padding:30px;margin:20px;box-shadow:0 4px 20px #00000014;border:1px solid var(--light-border)}.add-question__header{margin-bottom:30px}.add-question__title{font-size:1.5rem;font-weight:700;color:var(--light-text);margin-bottom:8px}.add-question__subtitle{color:var(--light-text-secondary)}.question-form{max-width:800px}.options-list{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.option-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--light-bg);border-radius:8px;border:2px solid transparent;transition:all .3s ease}.option-item:hover{border-color:var(--light-border)}.option-item__radio{display:flex;align-items:center}.option-item__radio-input{display:none}.option-item__radio-checkmark{width:18px;height:18px;border:2px solid var(--light-border);border-radius:50%;position:relative;transition:all .3s ease}.option-item__radio-input:checked+.option-item__radio-checkmark{border-color:var(--primary-blue);background:var(--primary-blue)}.option-item__radio-input:checked+.option-item__radio-checkmark:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%}.option-item__input{flex:1;border:none;background:none;color:var(--light-text);font-size:.9rem;outline:none;padding:4px 0}.option-item__remove{background:none;border:none;color:var(--danger);cursor:pointer;padding:4px;border-radius:4px;transition:background .3s ease}.option-item__remove:hover{background:#f565651a}.add-option-btn{background:var(--light-bg);border:2px dashed var(--light-border);color:var(--light-text-secondary);padding:12px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600}.add-option-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.question-tips{background:#4cc9f00d;border:1px solid rgba(76,201,240,.2);border-radius:12px;padding:20px;margin-top:30px}.question-tips__title{font-size:1rem;font-weight:700;color:var(--light-text);margin-bottom:12px}.question-tips__list{list-style:none;padding:0;margin:0}.question-tips__list li{color:var(--light-text-secondary);font-size:.9rem;position:relative;padding:4px 0 4px 15px}.question-tips__list li:before{content:"•";color:var(--primary-green);font-weight:700;position:absolute;left:0}.test-instructions{display:flex;align-items:center;justify-content:center;min-height:80vh;padding:20px}.test-instructions__card{background:var(--light-card);border-radius:20px;padding:40px;box-shadow:0 10px 40px #0000001a;border:1px solid var(--light-border);max-width:600px;width:100%;text-align:center}.test-instructions__title{font-size:2rem;font-weight:700;color:var(--light-text);margin-bottom:30px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.test-instructions__info{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px;text-align:left}.test-info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--light-border)}.test-info-item__label{color:var(--light-text-secondary);font-weight:500}.test-info-item__value{color:var(--light-text);font-weight:600}.test-instructions__rules{text-align:left;margin-bottom:30px}.test-instructions__rules h3{color:var(--light-text);margin-bottom:15px}.test-instructions__rules ul{list-style:none;padding:0;margin:0}.test-instructions__rules li{padding:8px 0;color:var(--light-text);font-size:.9rem}.test-start-btn{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));color:#fff;border:none;padding:15px 40px;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #4361ee4d}.test-start-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #4361ee66}.test-attempt{max-width:800px;margin:0 auto;padding:20px}.test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;background:var(--light-card);border-radius:12px;box-shadow:0 4px 15px #00000014}.test-header__title{font-size:1.5rem;font-weight:700;color:var(--light-text);margin:0}.test-header__meta{color:var(--light-text-secondary);font-weight:600;margin-top:4px}.test-timer__display{font-size:1.2rem;font-weight:700;color:var(--success);padding:8px 16px;background:var(--light-bg);border-radius:8px;border:2px solid var(--success)}.test-timer__display--warning{color:var(--danger);border-color:var(--danger);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.test-progress{height:6px;background:var(--light-border);border-radius:3px;margin-bottom:20px;overflow:hidden}.test-progress__bar{height:100%;background:linear-gradient(90deg,var(--primary-blue),var(--primary-purple));border-radius:3px;transition:width .3s ease}.question-navigation{display:flex;gap:8px;margin-bottom:30px;flex-wrap:wrap;justify-content:center}.question-nav-btn{width:40px;height:40px;border:2px solid var(--light-border);background:var(--light-card);border-radius:8px;cursor:pointer;font-weight:600;color:var(--light-text);transition:all .3s ease}.question-nav-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.question-nav-btn--active{border-color:var(--primary-blue);background:var(--primary-blue);color:#fff}.question-nav-btn--answered{border-color:var(--success);background:var(--success);color:#fff}.question-container{margin-bottom:30px}.question-card{background:var(--light-card);border-radius:16px;padding:30px;box-shadow:0 4px 20px #00000014;border:1px solid var(--light-border)}.question-card__text{font-size:1.3rem;font-weight:600;color:var(--light-text);margin-bottom:25px;line-height:1.5}.options-list{display:flex;flex-direction:column;gap:12px}.option-label{display:flex;align-items:center;gap:15px;padding:16px 20px;background:var(--light-bg);border:2px solid var(--light-border);border-radius:12px;cursor:pointer;transition:all .3s ease}.option-label:hover{border-color:var(--primary-blue);background:#4361ee0d}.option-label--selected{border-color:var(--primary-blue);background:#4361ee1a}.option-label__input{display:none}.option-item__input-text{padding:10px;border-radius:10px;border:1px solid var(--light-border);width:100%;font-size:1rem;color:var(--light-text);outline:none;transition:border-color .3s ease}.option-item__input-radio{width:18px;height:18px;border:2px solid var(--light-border);border-radius:50%;position:relative;transition:all .3s ease}.option-label__text{color:var(--light-text);font-weight:500;font-size:1rem;line-height:1.4}.test-navigation{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.nav-btn{padding:12px 24px;border:2px solid var(--light-border);background:var(--light-card);color:var(--light-text);border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.nav-btn:hover:not(:disabled){border-color:var(--primary-blue);color:var(--primary-blue)}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.nav-btn--submit{background:var(--success);border-color:var(--success);color:#fff}.nav-btn--submit:hover{background:#38a169;border-color:#38a169}.navigation-status{color:var(--light-text-secondary);font-weight:600}.test-results{max-width:800px;margin:0 auto;padding:20px}.test-results__header{text-align:center;margin-bottom:40px}.test-results__title{font-size:2.2rem;font-weight:800;color:var(--light-text);margin-bottom:8px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.test-results__subtitle{color:var(--light-text-secondary);font-size:1.1rem}.results-summary{display:flex;gap:40px;align-items:center;justify-content:center;margin-bottom:40px;flex-wrap:wrap}.results-score{text-align:center}.results-score__circle{width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--primary-blue) 0% var(--percentage, 0%),var(--light-border) var(--percentage, 0%) 100%);display:flex;align-items:center;justify-content:center;margin:0 auto 15px;position:relative}.results-score__circle:before{content:"";position:absolute;width:100px;height:100px;background:var(--light-card);border-radius:50%}.results-score__value{position:relative;font-size:1.8rem;font-weight:800;color:var(--light-text)}.results-score__label{color:var(--light-text-secondary);font-weight:600}.results-badge{padding:8px 16px;border-radius:20px;font-weight:700;font-size:.9rem}.results-badge--passed{background:#48bb781a;color:var(--success);border:2px solid var(--success)}.results-badge--failed{background:#f565651a;color:var(--danger);border:2px solid var(--danger)}.results-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px}.result-stat{text-align:center;padding:20px;border-radius:12px;background:var(--light-card);box-shadow:0 4px 15px #00000014}.result-stat--correct{border-top:4px solid var(--success)}.result-stat--wrong{border-top:4px solid var(--danger)}.result-stat--time{border-top:4px solid var(--info)}.result-stat--rank{border-top:4px solid var(--warning)}.result-stat__value{font-size:1.5rem;font-weight:800;color:var(--light-text);margin-bottom:4px}.result-stat__label{color:var(--light-text-secondary);font-weight:600;font-size:.9rem}.certificate-section{margin-bottom:40px}.certificate-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;border-radius:16px;display:flex;align-items:center;gap:20px;box-shadow:0 8px 30px #667eea66}.certificate-card__icon{font-size:3rem}.certificate-card__title{font-size:1.5rem;font-weight:700;margin-bottom:8px}.certificate-card__description{opacity:.9;margin-bottom:15px}.certificate-card__btn{background:#fff;color:var(--primary-blue);padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block}.certificate-card__btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.results-review{margin-bottom:40px}.results-review__title{font-size:1.5rem;font-weight:700;color:var(--light-text);margin-bottom:20px}.questions-review{display:flex;flex-direction:column;gap:20px}.review-item{background:var(--light-card);border-radius:12px;padding:20px;box-shadow:0 2px 10px #00000014;border-left:4px solid var(--light-border)}.review-item--correct{border-left-color:var(--success)}.review-item--incorrect{border-left-color:var(--danger)}.review-item__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.review-item__number{font-weight:700;color:var(--light-text)}.review-item__status{font-weight:600;font-size:.9rem}.review-item--correct .review-item__status{color:var(--success)}.review-item--incorrect .review-item__status{color:var(--danger)}.review-item__question{color:var(--light-text);margin-bottom:15px;line-height:1.5}.review-item__answers{display:flex;flex-direction:column;gap:8px}.answer-info{display:flex;gap:10px}.answer-info__label{font-weight:600;color:var(--light-text-secondary);min-width:100px}.answer-info__value{color:var(--light-text);flex:1}.answer-info__value--correct{color:var(--success);font-weight:600}.results-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.results-action{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.results-action--retry{background:var(--primary-blue);color:#fff}.results-action--retry:hover{background:var(--primary-purple);transform:translateY(-2px)}.results-action--home{background:var(--light-bg);color:var(--light-text);border:1px solid var(--light-border)}.results-action--home:hover{background:var(--light-border);transform:translateY(-2px)}.results-action--share{background:var(--success);color:#fff}.results-action--share:hover{background:#38a169;transform:translateY(-2px)}@media (max-width: 768px){.test-management__header{flex-direction:column;gap:20px;text-align:center}.test-management__create-btn{padding:7px 15px}.tests-table__header,.tests-table__row{grid-template-columns:1fr;gap:10px}.form-grid,.test-instructions__info{grid-template-columns:1fr}.results-summary{flex-direction:column;text-align:center}.results-stats{grid-template-columns:1fr}.test-navigation{flex-direction:column;gap:15px}.certificate-card{flex-direction:column;text-align:center}.results-actions{flex-direction:column}}@media (max-width: 480px){.test-management{padding:15px}.test-stat-card{padding:20px}.modal-content{margin:10px}.test-create-form,.question-card{padding:20px}.option-label{padding:12px 15px}}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--total-scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors: active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;inset:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--success-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--text-primary: #000000;--text-secondary: rgba(0, 0, 0, .8);--shadow-light: 0 8px 32px rgba(0, 0, 0, .1);--shadow-medium: 0 15px 35px rgba(0, 0, 0, .2);--shadow-heavy: 0 25px 50px rgba(0, 0, 0, .3);--border-radius: 20px;--border-radius-small: 12px}body{color:#000}.pdf-book-reader{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px;transition:all .3s ease;position:relative;overflow-x:hidden}.pdf-book-reader--fullscreen{padding:0;background:#0a1929}.pdf-book-reader--mobile{padding:10px}.pdf-book-reader--tablet{padding:15px}.pdf-book-reader__loading,.pdf-book-reader__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:var(--text-primary);text-align:center;gap:20px;padding:40px 20px}.spinner-icon{color:var(--text-primary);animation:spin 2s linear infinite}.pdf-book-reader__error h3{color:#ff6b6b;margin-bottom:10px;font-size:1.5rem}.retry-button{background:var(--success-gradient);color:#000;border:none;padding:12px 24px;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s ease;margin-top:15px;font-size:1rem}.retry-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.home-back-button{background:transparent}.back-button{background:var(--success-gradient);color:#000;border:none;padding:5px 8px;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s ease;margin-top:15px;font-size:1rem;z-index:1000}.pdf-book-reader__header{display:flex;justify-content:space-between;align-items:center;color:var(--text-primary);background:var(--glass-bg);padding:20px;border-radius:var(--border-radius);margin-bottom:25px;box-shadow:var(--shadow-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);flex-wrap:wrap;gap:15px}.pdf-book-reader__book-info{flex:1;min-width:120px}.pdf-book-reader__book-info h2{margin:0;font-size:clamp(1.2rem,4vw,1.8rem);font-weight:700;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.pdf-book-reader__book-info p{margin:8px 0 0;color:var(--text-secondary);font-size:clamp(.9rem,3vw,1.1rem);font-weight:500}.pdf-book-reader__controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.control-btn{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-btn:hover:not(:disabled){background:#fff3;transform:translateY(-2px);box-shadow:var(--shadow-light)}.control-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.fullscreen-btn{background:var(--secondary-gradient)}.scale-display{background:var(--glass-bg);padding:10px 16px;border-radius:25px;font-weight:700;color:var(--text-primary);min-width:70px;text-align:center;font-size:.9rem;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pdf-book-reader__viewer-container{background:var(--glass-bg);border-radius:var(--border-radius);padding:25px;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border)}.pdf-book-reader__navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;padding:0 10px;gap:15px;width:100%;max-width:600px;flex-wrap:wrap}.nav-btn{background:var(--secondary-gradient);color:#fff;border:none;padding:14px 28px;border-radius:30px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:var(--shadow-light);font-size:clamp(.9rem,2vw,1rem);flex:1;justify-content:center;min-width:35px}.nav-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-medium)}.nav-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.page-info{display:flex;align-items:center;gap:12px;background:var(--glass-bg);padding:12px 20px;border-radius:30px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:180px;justify-content:center}.page-input{width:60px;padding:10px 12px;border:2px solid var(--glass-border);border-radius:var(--border-radius-small);text-align:center;font-weight:700;transition:all .3s ease;font-size:1rem;background:#ffffffe6;color:#2c3e50}.page-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.page-count{color:var(--text-secondary);font-weight:600;font-size:.9rem}.pdf-book-reader__flip-book-container{display:flex;justify-content:center;align-items:center;width:100%;min-height:min(80vh,800px);position:relative}.custom-flipbook{margin:0 auto;box-shadow:var(--shadow-heavy);border-radius:12px;overflow:hidden}.pdf-flip-page{background:#fff!important;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 2px 10px #0000001a}.pdf-page-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pdf-page-footer{position:absolute;bottom:10px;right:15px;background:#000000b3;color:#fff;padding:6px 12px;border-radius:15px;font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.pdf-loading-placeholder,.pdf-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);text-align:center;gap:15px}.pdf-loading-placeholder{height:400px;background:var(--glass-bg);border-radius:var(--border-radius);padding:40px}.pdf-page-loading{height:100%;width:100%}.spinner{animation:spin 1.5s linear infinite}.quick-navigation{margin-top:20px;width:100%;display:flex;justify-content:center}.page-dots{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:15px;background:var(--glass-bg);border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);max-width:100%}.page-dot{width:36px;height:36px;border-radius:50%;border:none;background:var(--glass-bg);color:var(--text-primary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;border:1px solid var(--glass-border)}.page-dot:hover{background:#fff3;transform:scale(1.1)}.page-dot.active{background:var(--secondary-gradient);transform:scale(1.15);box-shadow:var(--shadow-light)}.more-pages{color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center;padding:0 8px}.react-pdf__Page__canvas{height:100%!important;width:100%!important}.pdf-book-reader__footer{display:flex;justify-content:center;margin-bottom:20px}.view-controls{background:var(--glass-bg);padding:12px;border-radius:30px;display:flex;gap:12px;box-shadow:var(--shadow-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.view-btn{background:transparent;border:2px solid var(--glass-border);padding:12px 20px;border-radius:25px;cursor:pointer;font-weight:600;color:var(--text-secondary);transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:.9rem}.view-btn.active{background:var(--secondary-gradient);border-color:transparent;color:#fff;box-shadow:var(--shadow-light)}.view-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-light)}.view-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.mobile-instructions{text-align:center;color:var(--text-secondary);font-size:.9rem;margin-top:15px;padding:10px;background:var(--glass-bg);border-radius:var(--border-radius-small);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border)}.react-pdf__Document{display:flex;justify-content:center;align-items:center;width:100%;margin-top:0!important}@media (max-width: 1024px){.pdf-book-reader__header{flex-direction:row;text-align:center;gap:20px}.pdf-book-reader__controls{justify-content:center}.pdf-book-reader__navigation{flex-direction:row;gap:5px}.nav-btn{width:22%;max-width:200px}}@media (max-width: 768px){.pdf-book-reader{padding:10px}.stf__parent{min-width:260px!important;min-height:520px!important}.stf__wrapper{padding-bottom:0!important}.stf__item{height:100%!important;width:100%!important}.pdf-book-reader__viewer-container{padding:15px}.pdf-book-reader__header{padding:15px;margin-bottom:15px}.page-info{min-width:150px;padding:10px 15px}.page-input{width:50px;padding:8px 10px}.control-btn{width:40px;height:40px}.scale-display{padding:8px 12px;min-width:60px;font-size:.8rem}.view-controls{flex-direction:column;width:100%;max-width:200px}.quick-navigation{display:none}}@media (max-width: 480px){.pdf-book-reader__viewer-container{padding:10px}.pdf-book-reader__header{padding:12px}.nav-btn{padding:12px 10px;font-size:.85rem}.page-info{min-width:140px;padding:8px 12px}.page-input{width:45px;padding:6px 8px;font-size:.9rem}.mobile-instructions{font-size:.8rem;padding:8px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.pdf-book-reader{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media print{.pdf-book-reader__header,.pdf-book-reader__navigation,.pdf-book-reader__footer,.mobile-instructions{display:none}.pdf-book-reader{background:#fff;padding:0}.pdf-book-reader__viewer-container{background:#fff;padding:0;box-shadow:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.control-btn:focus,.nav-btn:focus,.view-btn:focus,.page-input:focus,.page-dot:focus{outline:2px solid #667eea;outline-offset:2px}.course-form-container{display:flex;flex-direction:column;width:100%;padding:20px;align-items:center;border-radius:8px;box-shadow:0 2px 10px #0000001a}.course-form{width:80%}.course-form-container h2{color:#333;margin-bottom:30px;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.form-section{margin-bottom:30px;padding:20px;border:1px solid #e0e0e0;border-radius:6px;background:#fafafa}.form-section h3{color:#555;margin-bottom:20px;font-size:1.2em}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff}.checkbox-container{display:flex;align-items:center;gap:10px}.checkbox-label{margin-bottom:0;font-weight:400}.thumbnail-preview{margin-top:10px;text-align:center}.thumbnail-preview img{max-width:200px;max-height:150px;border-radius:4px;border:1px solid #ddd}.ebooks-list{margin-top:20px}.ebooks-list h4{margin-bottom:10px;color:#555}.ebook-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:5px}.remove-btn{background:#dc3545;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer;font-size:12px}.remove-btn:hover{background:#c82333}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.cancel-btn{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer}.save-btn{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:600}.cancel-btn:hover{background:#545b62}.save-btn:hover{background:#0056b3}@media (max-width: 768px){.course-form-container{padding:15px;margin:10px}.form-row{grid-template-columns:1fr;gap:0}.form-section{padding:15px}}.techstack-table{width:100%;border-collapse:collapse;margin-top:20px}.techstack-table th,.techstack-table td{border:1px solid #ddd;padding:12px 15px;text-align:left}.techstack-table th{background-color:#f5f5f5;font-weight:700}.btn-edit,.btn-delete{margin-right:8px;padding:6px 10px;border:none;border-radius:4px;cursor:pointer}.btn-edit{background-color:#4caf50;color:#fff}.btn-delete{background-color:#f44336;color:#fff}.add-tech-stack-button{display:inline-block;padding:8px 14px;background-color:#007bff;color:#fff;border-radius:5px;text-decoration:none;font-weight:500}.add-tech-stack-button:hover{background-color:#0056b3}:root{--primary-blue: #2563EB;--primary-indigo: #4F46E5;--secondary-cyan: #06B6D4;--accent-emerald: #10B981;--accent-violet: #8B5CF6;--light-slate: #F8FAFC;--dark-navy: #1E293B;--text-dark: #334155;--text-light: #64748B;--white: #FFFFFF;--gradient-primary: linear-gradient(135deg, #2563EB 0%, #4F46E5 100%);--gradient-secondary: linear-gradient(135deg, #06B6D4 0%, #10B981 100%);--gradient-tech: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-card: linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 100%)}.techstack-main-wrapper{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-dark);background:var(--light-slate);min-height:100vh}.techstack-container{margin:10px;padding:20px;min-height:40vh}.techstack-hero-section{background:var(--gradient-tech);color:var(--white);padding:100px 0 60px;text-align:center;position:relative;overflow:hidden}.techstack-hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" fill="%23ffffff" opacity="0.1"><path d="M500,50 C600,0 700,100 800,50 C900,0 1000,100 1000,100 L1000,0 L0,0 L0,100 C100,100 200,0 300,50 C400,100 500,100 500,50 Z"/></svg>');background-size:cover}.techstack-hero-header{display:flex;justify-content:space-between;align-items:center}.addnew-techstack-button-for-admin{background:#0051ff;border-radius:8px;border:none;padding:10px 15px;font-weight:600;color:#fff;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.add-tech-stack-button{color:#fff;text-decoration-line:none;font-size:1rem}.techstack-hero-title{font-size:2rem;font-weight:700;margin-bottom:1rem;position:relative}.techstack-table-container-box{width:100%;overflow:scroll}.techstack-hero-subtitle{font-size:1.2rem;max-width:600px;margin:0 auto;opacity:.9;font-weight:300}.techstack-table{width:100%;border-collapse:collapse;background:var(--white);border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #00000014}.techstack-table th,.techstack-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e2e8f0}.techstack-table th{background:#2b4547;color:var(--white);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.techstack-table tr:hover{background-color:#f8fafc}.techstack-table tr:last-child td{border-bottom:none}.btn-edit{background:var(--accent-emerald);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.85rem;margin-right:8px;transition:all .3s ease}.btn-edit:hover{background:#0da271;transform:translateY(-1px)}.btn-delete{background:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .3s ease}.btn-delete:hover{background:#dc2626;transform:translateY(-1px)}.techstack-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.techstack-modal{background:var(--white);border-radius:20px;padding:0;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.techstack-modal-header{background:var(--gradient-primary);color:var(--white);padding:25px 30px;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;align-items:center}.techstack-modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.techstack-modal-close{background:none;border:none;color:var(--white);font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.techstack-modal-close:hover{background:#fff3}.techstack-modal-form{padding:30px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--dark-navy);font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:all .3s ease;box-sizing:border-box;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.form-group textarea{resize:vertical;min-height:100px}.techstack-modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #e2e8f0}.btn-cancel{background:#64748b;color:#fff;border:none;padding:12px 24px;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease}.subcategory-box{display:flex;gap:10px;margin-bottom:10px}.subcategory-box input{flex:1}.btn-add-sub{margin-top:10px;background:#4caf50;color:#fff;padding:6px 10px;border-radius:6px}.btn-delete-sub{background:#d9534f;color:#fff;padding:6px 10px;border-radius:6px}.btn-cancel:hover:not(:disabled){background:#475569;transform:translateY(-1px)}.btn-save{background:var(--primary-blue);color:#fff;border:none;padding:12px 24px;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease}.btn-save:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.btn-cancel:disabled,.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.techstack-content-section{min-height:60vh}.techstack-section-title{font-size:2.5rem;text-align:center;color:var(--dark-navy);margin-bottom:1rem;font-weight:700}.techstack-section-subtitle{text-align:center;color:var(--text-light);font-size:1.1rem;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.techstack-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:40px}.techstack-category-card{background:var(--white);border-radius:20px;padding:30px;box-shadow:0 10px 30px #00000014;transition:all .3s ease;cursor:pointer;border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden;text-decoration-line:none}.techstack-category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.techstack-category-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.techstack-category-icon{font-size:3rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.techstack-category-name{font-size:1.5rem;font-weight:600;color:var(--dark-navy);margin-bottom:1rem;text-align:center}.techstack-category-description{color:var(--text-light);margin-bottom:1.5rem;line-height:1.6;text-align:center}.techstack-category-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.techstack-popularity-badge{background:var(--gradient-secondary);color:var(--white);padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.techstack-subcategories-count{color:var(--text-light);font-size:.9rem}.techstack-click-indicator{color:var(--primary-blue);font-weight:500;transition:opacity .3s ease}.techstack-category-card:hover .click-indicator{opacity:1}@media (max-width: 768px){.techstack-container{padding:0 5px}.add-tech-stack-button{font-size:10px}.techstack-hero-section{padding:60px 0 40px}.techstack-hero-title{font-size:1.3rem}.techstack-hero-subtitle{font-size:1rem}.techstack-categories-grid{grid-template-columns:1fr;gap:20px}.techstack-table-container-box{overflow-x:auto}.techstack-table{font-size:.8rem}.techstack-table th,.techstack-table td{padding:8px 10px}.techstack-modal{width:95%;margin:20px}.techstack-modal-header,.techstack-modal-form{padding:20px}.techstack-modal-actions{flex-direction:column}.btn-edit,.btn-delete{padding:6px 12px;font-size:.8rem}}@media (max-width: 480px){.techstack-category-card,.techstack-subcategory-card,.techstack-detail-card{padding:20px}.techstack-hero-title{font-size:1rem}.techstack-modal-header h2{font-size:1.3rem}}.admin-user-detail{display:flex;flex-direction:column;padding:1rem;font-family:Inter,sans-serif;color:#1f2937}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.back-btn,.status-btn,.edit-btn{background:#2563eb;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.status-btn{background:#10b981}.edit-btn{background:#f59e0b}.user-detail-body{display:flex;gap:1.5rem;flex-wrap:wrap}.user-sidebar{flex:1 1 250px;background:#f9fafb;padding:1rem;border-radius:10px;text-align:center}.user-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover}.user-role{display:inline-block;background:#3b82f6;color:#fff;padding:4px 10px;border-radius:12px;font-size:.85rem;margin-top:.5rem}.user-main{flex:3 1 600px}.tabs{display:flex;gap:1rem;border-bottom:2px solid #e5e7eb;margin-bottom:1rem}.tab-btn{background:none;border:none;padding:.5rem;cursor:pointer;color:#6b7280}.active-tab{color:#2563eb;border-bottom:2px solid #2563eb}.tab-content{background:#fff;padding:1rem;border-radius:8px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.info-grid .full{grid-column:span 2}.info-grid input,.info-grid textarea{width:100%;padding:6px;border:1px solid #d1d5db;border-radius:6px}.skill-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-badge{background:#e0f2fe;color:#0369a1;padding:5px 10px;border-radius:8px}.job-card,.certificate-card,.activity-item{background:#f9fafb;margin-top:1rem;padding:.75rem;border-radius:8px}@media (max-width: 768px){.user-detail-body{flex-direction:column}.info-grid{grid-template-columns:1fr}}.admin-analytics-wrapper{padding:25px;background:#f4f6fa;min-height:100vh;font-family:Poppins,sans-serif}.admin-analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-analytics-title{font-size:26px;font-weight:700;color:#1a1a1a}.admin-analytics-export-btn{background:#156ae8;padding:10px 18px;border-radius:8px;color:#fff;border:none;cursor:pointer;font-size:15px;transition:.3s}.admin-analytics-export-btn:hover{background:#0b4eb3}.admin-analytics-cards{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.admin-analytics-card{flex:1;min-width:200px;background:#fff;padding:20px;border-radius:14px;box-shadow:0 4px 12px #0000000f;text-align:center}.admin-analytics-card h4{font-size:18px;margin-bottom:10px;color:#333}.admin-analytics-card p{font-size:22px;font-weight:700;color:#156ae8}.admin-analytics-charts{display:flex;gap:25px;flex-wrap:wrap}.admin-analytics-chart-box{background:#fff;flex:1;min-width:350px;padding:20px;border-radius:14px;box-shadow:0 4px 12px #0000000f}.admin-analytics-chart-title{margin-bottom:15px;font-size:20px;color:#222}.admin-analytics-table-section{margin-top:40px}.admin-analytics-table-title{font-size:22px;margin-bottom:15px;font-weight:600}.admin-analytics-table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 12px #0000000f}.admin-analytics-table th,.admin-analytics-table td{padding:14px;border-bottom:1px solid #eee;text-align:left;font-size:16px}.admin-analytics-table th{background:#156ae8;color:#fff}.admin-analytics-table tr:hover td{background:#f7faff}@media (max-width: 768px){.admin-analytics-header{flex-direction:column;gap:10px;text-align:center}.admin-analytics-cards,.admin-analytics-charts{flex-direction:column}}.unauth-access-container,.unauth-access-box,.unauth-access-title,.unauth-access-message,.unauth-access-button{box-sizing:border-box}.unauth-access-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#1f1c2c,#928dab);padding:20px}.unauth-access-box{background-color:#fff;border-radius:12px;padding:40px 30px;max-width:500px;width:100%;text-align:center;box-shadow:0 10px 30px #0003;animation:fadeInUp .6s ease}.unauth-access-title{color:#4b2e83;font-size:2.2rem;margin-bottom:20px;font-weight:700}.unauth-access-message{color:#333;font-size:1.1rem;margin-bottom:30px}.unauth-access-button{display:inline-block;padding:12px 24px;background-color:#6c5ce7;color:#fff;border-radius:8px;font-size:1rem;text-decoration:none;transition:background .3s ease}.unauth-access-button:hover{background-color:#341f97}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.unauth-access-box{padding:30px 20px}.unauth-access-title{font-size:1.8rem}.unauth-access-message{font-size:1rem}}.ie-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f8fafc;padding:20px}.ie-card{background-color:#fff;padding:40px 30px;border-radius:12px;box-shadow:0 8px 24px #0000001a;text-align:center;max-width:400px;width:100%;animation:fadeIn .5s ease-in-out}.ie-icon{font-size:48px;margin-bottom:20px;color:#facc15}.ie-title{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:12px}.ie-message{font-size:16px;color:#4b5563;margin-bottom:24px;line-height:1.5}.ie-button{background-color:#2563eb;color:#fff;padding:12px 20px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.ie-button:hover{background-color:#1d4ed8}@media (max-width: 480px){.ie-card{padding:30px 20px}.ie-title{font-size:20px}.ie-message{font-size:14px}.ie-button{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mp-wrapper{background:linear-gradient(135deg,#1e3c72,#2a5298);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff}.mp-content-box{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:15px;padding:3rem 2rem;max-width:500px;text-align:center;box-shadow:0 10px 25px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mp-maintenance-icon{width:100px;height:100px;margin-bottom:1.5rem}.mp-heading{font-size:2.5rem;margin-bottom:1rem;color:#ffb347}.mp-message{font-size:1.1rem;line-height:1.6;color:#f1f1f1;margin-bottom:2rem}.mp-footer{font-size:.95rem;color:#ccc}@media (max-width: 600px){.mp-content-box{padding:2rem 1rem}.mp-heading{font-size:2rem}.mp-message{font-size:1rem}}.nf-wrapper{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem;font-family:Poppins,sans-serif;color:#fff;animation:fadeIn 1.2s ease-in}.nf-content-box{text-align:center;background:#ffffff0d;padding:3rem 2rem;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 25px #00000040;max-width:500px;width:100%}.nf-code{font-size:6rem;font-weight:700;margin:0;color:#fff;text-shadow:2px 2px 10px rgba(0,0,0,.3)}.nf-title{font-size:2rem;margin:1rem 0;color:#ffe5ec}.nf-description{font-size:1.1rem;color:#f1f1f1;margin-bottom:2rem}.nf-button{background-color:#fff;color:#fd1d1d;border:none;padding:.75rem 1.5rem;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.nf-button:hover{background-color:#ffe5ec;color:#833ab4}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.nf-code{font-size:4rem}.nf-title{font-size:1.5rem}.nf-description{font-size:1rem}}.reset-auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.reset-auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:40px;width:100%;max-width:450px;animation:slideUp .5s ease;border:1px solid #ffffff}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reset-auth-header{text-align:center;margin-bottom:30px}.reset-auth-header h1{color:#202020;margin-bottom:10px;font-size:28px;font-weight:600}.reset-auth-header p{color:#252525;font-size:16px}.reset-auth-form{margin-bottom:25px}.reset-form-group{margin-bottom:20px}.reset-form-group label{display:block;margin-bottom:8px;color:#202020;font-weight:500;font-size:14px}.reset-form-group input{width:100%;padding:14px;border:1px solid #ddd;border-radius:8px;background:transparent;color:#252525;font-size:16px;transition:border-color .3s,box-shadow .3s}.reset-form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.reset-password-input-container{position:relative}.reset-toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px;padding:5px}.reset-password-strength{display:flex;align-items:center;margin-top:10px;gap:10px}.reset-strength-bars{display:flex;gap:4px;flex:1}.reset-strength-bar{height:4px;flex:1;border-radius:2px;transition:background .3s}.reset-strength-bar.strength-1{background:#ff4d4d}.reset-strength-bar.strength-2{background:#ffa64d}.reset-strength-bar.strength-3{background:#fc0}.reset-strength-bar.strength-4{background:#0c6}.reset-strength-label{font-size:12px;font-weight:500;min-width:50px;text-align:right}.strength-bar.strength-1+.strength-label{color:#ff4d4d}.strength-bar.strength-2+.strength-label{color:#ffa64d}.strength-bar.strength-3+.strength-label{color:#fc0}.strength-bar.strength-4+.strength-label{color:#0c6}.reset-password-requirements{padding:15px;border-radius:8px;margin-bottom:20px}.reset-password-requirements p{font-weight:500;color:#242424;font-size:14px}.reset-password-requirements ul{list-style:none;padding:0;margin:0}.reset-password-requirements li{font-size:13px;color:#202020;padding-left:20px;position:relative}.reset-password-requirements li:before{content:"●";position:absolute;left:0;color:#202020}.reset-password-requirements li.met{color:#0c6}.reset-password-requirements li.met:before{content:"✓";color:#0c6}.reset-auth-button{width:100%;padding:14px;background:#667eea;color:#1a1919;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background .3s,transform .2s;display:flex;align-items:center;justify-content:center;text-decoration:none}.reset-auth-button:hover{background:#5a6fd8;transform:translateY(-1px)}.reset-auth-button:active{transform:translateY(0)}.reset-auth-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.reset-auth-button.secondary{background:#6c757d}.auth-button.secondary:hover{background:#5a6268}.reset-button-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.reset-success-message{text-align:center;padding:20px 0}.reset-success-icon{width:60px;height:60px;background:#0c6;color:#181818;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 20px}.reset-success-message h3{color:#333;margin-bottom:10px;font-size:22px}.reset-success-message p{color:#202020;margin-bottom:25px;font-size:16px}.reset-auth-footer{text-align:center;padding-top:20px;border-top:1px solid #eee}.reset-auth-footer p{color:#2b2a2a;font-size:14px}.reset-auth-footer a{color:#667eea;text-decoration:none;font-weight:500}.reset-auth-footer a:hover{text-decoration:underline}.reset-error-text{color:#ff4d4d;font-size:13px;margin-top:5px}@media (max-width: 576px){.reset-auth-container{padding:15px}.reset-auth-card{padding:30px 25px}.reset-auth-header h1{font-size:24px}.reset-auth-header p{font-size:14px}.reset-form-group input,.reset-auth-button{padding:12px;font-size:16px}}@media (max-width: 400px){.reset-auth-card{padding:25px 20px}.reset-password-requirements{padding:12px}.reset-success-icon{width:50px;height:50px;font-size:20px}}.otp-verification-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.otp-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000026;padding:40px;width:100%;max-width:440px;text-align:center}.otp-header{margin-bottom:30px}.otp-icon{width:60px;height:60px;margin:0 auto 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.otp-icon svg{width:30px;height:30px}.otp-header h2{margin:0 0 12px;color:#2d3748;font-size:24px;font-weight:600}.otp-header p{margin:8px 0;color:#718096;font-size:16px}.email-display{font-weight:600;color:#4a5568!important;font-size:15px;letter-spacing:.5px}.otp-input-container{margin-bottom:30px}.instruction{margin:0 0 16px;color:#718096;font-size:14px}.otp-inputs{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.otp-input{width:50px;height:60px;border:2px solid #e2e8f0;border-radius:12px;text-align:center;font-size:24px;font-weight:600;color:#2d3748;transition:all .2s ease;outline:none}.otp-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26;transform:translateY(-2px)}.otp-input:disabled{background-color:#f7fafc;cursor:not-allowed}.otp-actions{margin-bottom:24px}.verify-btn{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.verify-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.verify-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.verify-btn.loading{cursor:wait}.spinner{width:18px;height:18px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.resend-section{margin-bottom:20px}.resend-section p{margin:0 0 12px;color:#718096;font-size:14px}.resend-btn{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:6px;transition:all .2s ease;font-size:14px}.resend-btn:hover:not(.disabled):not(:disabled){background-color:#f7fafc;text-decoration:underline}.resend-btn.disabled,.resend-btn:disabled{color:#a0aec0;cursor:not-allowed}.otp-footer{border-top:1px solid #e2e8f0;padding-top:20px}.otp-footer p{margin:0;color:#a0aec0;font-size:13px;font-style:italic}@media (max-width: 480px){.otp-verification-container{padding:40px 16px 16px;align-items:flex-start}.otp-card{padding:30px 24px;border-radius:12px}.otp-header h2{font-size:22px}.otp-inputs{gap:8px}.otp-input{width:44px;height:54px;font-size:20px}.verify-btn{padding:14px}}@keyframes pulse{0%{box-shadow:0 0 #667eea66}70%{box-shadow:0 0 0 10px #667eea00}to{box-shadow:0 0 #667eea00}}.otp-input:focus{animation:pulse 1.5s infinite}:root{--admin-primary: #1e40af;--admin-primary-light: #3b82f6;--admin-secondary: #059669;--admin-accent: #7c3aed;--admin-dark: #1e293b;--admin-darker: #0f172a;--admin-text: #334155;--admin-text-light: #64748b;--admin-bg: #f8fafc;--admin-card: #ffffff;--admin-border: #e2e8f0;--admin-gradient: linear-gradient(135deg, #1e40af 0%, #7c3aed 100%);--admin-gradient-light: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--admin-bg);color:var(--admin-text);line-height:1.6}.admin-about-container{max-width:100%;overflow-x:hidden}.about-hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}.hero-background{position:absolute;inset:0;background:var(--admin-gradient)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#1e40afe6,#7c3aede6)}.hero-content{position:relative;z-index:2;max-width:800px;padding:0 20px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:10px 20px;border-radius:50px;font-weight:600;margin-bottom:30px;border:1px solid rgba(255,255,255,.3)}.badge-icon{font-size:1.2rem}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:20px;line-height:1.1}.highlight{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;margin-bottom:40px;opacity:.9;line-height:1.6}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:30px;margin-top:50px}.stat-item{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.stat-number{font-size:2.5rem;font-weight:800;margin-bottom:8px}.stat-label{font-size:.9rem;opacity:.8}.mission-section{padding:100px 0;background:var(--admin-card)}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.mission-content h2{font-size:2.5rem;font-weight:700;color:var(--admin-dark);margin-bottom:20px}.mission-content p{font-size:1.1rem;color:var(--admin-text);margin-bottom:40px;line-height:1.7}.mission-points{display:flex;flex-direction:column;gap:25px}.mission-point{display:flex;align-items:flex-start;gap:15px}.point-icon{font-size:1.5rem;background:var(--admin-primary-light);color:#fff;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mission-point h4{font-size:1.2rem;font-weight:600;color:var(--admin-dark);margin-bottom:5px}.mission-point p{font-size:.95rem;color:var(--admin-text-light);margin:0}.mission-visual{display:grid;gap:20px}.visual-card{background:var(--admin-bg);padding:30px;border-radius:16px;border:1px solid var(--admin-border);text-align:center;transition:all .3s ease}.visual-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.card-icon{font-size:3rem;margin-bottom:15px}.visual-card h3{font-size:1.3rem;font-weight:600;color:var(--admin-dark);margin-bottom:10px}.visual-card p{color:var(--admin-text-light);line-height:1.6}.features-section{padding:100px 0;background:var(--admin-bg)}.section-header{text-align:center;max-width:600px;margin:0 auto 60px}.section-header h2{font-size:2.5rem;font-weight:700;color:var(--admin-dark);margin-bottom:15px}.section-header p{font-size:1.1rem;color:var(--admin-text-light)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.feature-card{background:var(--admin-card);padding:40px 30px;border-radius:16px;text-align:center;border:1px solid var(--admin-border);transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--admin-gradient)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{font-size:1.4rem;font-weight:600;color:var(--admin-dark);margin-bottom:15px}.feature-card p{color:var(--admin-text-light);line-height:1.6}.team-section{padding:100px 0;background:var(--admin-card)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.team-card{background:var(--admin-bg);border-radius:16px;overflow:hidden;border:1px solid var(--admin-border);transition:all .3s ease}.team-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.member-image{position:relative;height:250px;overflow:hidden}.member-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.team-card:hover .member-image img{transform:scale(1.05)}.member-overlay{position:absolute;inset:0;background:#1e40afcc;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.team-card:hover .member-overlay{opacity:1}.social-links{display:flex;gap:10px}.social-btn{background:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.social-btn:hover{transform:scale(1.1);background:var(--admin-primary);color:#fff}.member-info{padding:25px}.member-info h3{font-size:1.3rem;font-weight:600;color:var(--admin-dark);margin-bottom:5px}.member-role{color:var(--admin-primary);font-weight:500;margin-bottom:10px}.member-bio{color:var(--admin-text-light);font-size:.9rem;margin-bottom:15px;line-height:1.5}.member-skills{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:var(--admin-primary-light);color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.values-section{padding:100px 0;background:var(--admin-bg)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.value-item{background:var(--admin-card);padding:40px 30px;border-radius:16px;text-align:center;border:1px solid var(--admin-border);transition:all .3s ease}.value-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.value-icon{font-size:3rem;margin-bottom:20px}.value-item h3{font-size:1.3rem;font-weight:600;color:var(--admin-dark);margin-bottom:15px}.value-item p{color:var(--admin-text-light);line-height:1.6}.cta-section{padding:100px 0;background:var(--admin-gradient);color:#fff;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:15px}.cta-content p{font-size:1.1rem;opacity:.9;margin-bottom:30px}.cta-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.cta-btn{padding:15px 30px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.cta-btn.primary{background:#fff;color:var(--admin-primary)}.cta-btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cta-btn.secondary{background:transparent;color:#fff;border:2px solid white}.cta-btn.secondary:hover{background:#fff;color:var(--admin-primary);transform:translateY(-2px)}@media (max-width: 1024px){.hero-title{font-size:3rem}.mission-grid{gap:40px}}@media (max-width: 768px){.hero-title{font-size:2.5rem}.mission-grid{grid-template-columns:1fr;gap:40px}.features-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.values-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.cta-btn{width:100%;max-width:300px}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-description{font-size:1.1rem}.hero-stats{grid-template-columns:repeat(2,1fr);gap:15px}.stat-number,.section-header h2{font-size:2rem}}:root{--primary-blue: #4361ee;--primary-purple: #7209b7;--primary-green: #4cc9f0;--accent-pink: #f72585;--accent-orange: #f8961e;--accent-teal: #38b2ac;--light-bg: #f8fafc;--light-card: #ffffff;--light-text: #2d3748;--light-text-secondary: #718096;--light-border: #e2e8f0;--dark-bg: #1a202c;--dark-card: #2d3748;--dark-text: #f7fafc;--dark-text-secondary: #cbd5e0;--dark-border: #4a5568;--gradient-primary: linear-gradient(135deg, #4361ee, #7209b7);--gradient-secondary: linear-gradient(135deg, #4cc9f0, #38b2ac);--gradient-accent: linear-gradient(135deg, #f8961e, #f72585)}.contact-us-admin{min-height:100vh;background:var(--light-bg);color:var(--light-text)}.contact-header{background:var(--gradient-primary);color:#fff;padding:80px 0 60px;position:relative;overflow:hidden}.contact-header__container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.contact-header__title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.contact-header__highlight{background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-header__subtitle{font-size:1.2rem;opacity:.9;margin-bottom:2.5rem;line-height:1.6}.contact-header__stats{display:flex;gap:30px}.contact-stat{display:flex;align-items:center;gap:12px}.contact-stat__icon{font-size:1.5rem;opacity:.9}.contact-stat__value{font-size:1.1rem;font-weight:600;margin-bottom:4px}.contact-stat__label{font-size:.9rem;opacity:.8}.contact-header__visual{display:flex;justify-content:center;align-items:center}.contact-header__graphic{position:relative;width:300px;height:300px}.contact-header__main-illustration{font-size:8rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.contact-header__orb{position:absolute;border-radius:50%;animation:float 6s ease-in-out infinite}.contact-header__orb--1{width:80px;height:80px;background:#ffffff1a;top:20%;left:10%;animation-delay:0s}.contact-header__orb--2{width:120px;height:120px;background:#ffffff0d;bottom:20%;right:10%;animation-delay:2s}.contact-header__orb--3{width:60px;height:60px;background:#ffffff14;top:60%;left:20%;animation-delay:4s}.contact-us-admin__content{max-width:1200px;margin:0 auto;padding:60px 20px;display:grid;grid-template-columns:2fr 1fr;gap:40px}.contact-us-admin__main{display:flex;flex-direction:column;gap:40px}.contact-us-admin__sidebar{display:flex;flex-direction:column;gap:30px}.contact-form-section{background:var(--light-card);border-radius:20px;padding:40px;box-shadow:0 10px 40px #00000014;border:1px solid var(--light-border)}.contact-form-section__header{margin-bottom:30px}.contact-form-section__title{font-size:1.8rem;font-weight:700;color:var(--light-text);margin-bottom:8px}.contact-form-section__subtitle{color:var(--light-text-secondary);font-size:1.1rem}.contact-categories{display:flex;gap:12px;margin-bottom:30px;flex-wrap:wrap}.contact-category-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--light-bg);border:2px solid var(--light-border);border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:500;color:var(--light-text-secondary)}.contact-category-tab:hover{border-color:var(--primary-blue);color:var(--primary-blue);transform:translateY(-2px)}.contact-category-tab--active{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #4361ee4d}.contact-category-tab__icon{font-size:1.1rem}.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.contact-form__group{margin-bottom:20px}.contact-form__label{display:block;font-weight:600;color:var(--light-text);margin-bottom:8px;font-size:.95rem}.contact-form__optional{color:var(--light-text-secondary);font-weight:400}.contact-form__input,.contact-form__select,.contact-form__textarea{width:100%;padding:14px 16px;border:2px solid var(--light-border);border-radius:12px;background:var(--light-card);color:var(--light-text);font-size:1rem;transition:all .3s ease;outline:none}.contact-form__input:focus,.contact-form__select:focus,.contact-form__textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #4361ee1a}.contact-form__textarea{resize:vertical;min-height:120px;font-family:inherit}.file-upload__input{display:none}.file-upload__label{display:flex;align-items:center;gap:12px;padding:20px;border:2px dashed var(--light-border);border-radius:12px;cursor:pointer;transition:all .3s ease;background:var(--light-bg)}.file-upload__label:hover{border-color:var(--primary-blue);background:#4361ee0d}.file-upload__icon{font-size:1.2rem}.file-upload__text{color:var(--light-text-secondary);font-weight:500}.contact-form__submit{width:100%;padding:16px 32px;background:var(--gradient-primary);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.contact-form__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4361ee66}.contact-form__submit:disabled{opacity:.7;cursor:not-allowed}.contact-form__submit--loading{background:var(--light-text-secondary)}.contact-form__spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.contact-info{background:var(--light-card);border-radius:20px;padding:30px;box-shadow:0 10px 40px #00000014;border:1px solid var(--light-border)}.contact-info__header{margin-bottom:25px}.contact-info__title{font-size:1.5rem;font-weight:700;color:var(--light-text);margin-bottom:8px}.contact-info__subtitle{color:var(--light-text-secondary)}.contact-methods{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.contact-method{display:flex;align-items:center;gap:15px;padding:20px;background:var(--light-bg);border-radius:12px;text-decoration:none;color:inherit;transition:all .3s ease;border-left:4px solid transparent}.contact-method:hover{transform:translate(5px);box-shadow:0 5px 15px #0000001a}.contact-method--primary{border-left-color:var(--primary-blue)}.contact-method--secondary{border-left-color:var(--primary-purple)}.contact-method--accent{border-left-color:var(--accent-pink)}.contact-method--info{border-left-color:var(--accent-teal)}.contact-method__icon{font-size:1.5rem;width:50px;height:50px;background:var(--light-card);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-method__content{flex:1}.contact-method__title{font-weight:600;color:var(--light-text);margin-bottom:4px}.contact-method__description{color:var(--light-text-secondary);font-size:.9rem;margin-bottom:4px}.contact-method__details{font-weight:600;color:var(--primary-blue)}.contact-method__arrow{color:var(--light-text-secondary);font-weight:700;transition:transform .3s ease}.contact-method:hover .contact-method__arrow{transform:translate(3px)}.office-hours__title{font-weight:600;color:var(--light-text);margin-bottom:15px;font-size:1.1rem}.office-hours__list{display:flex;flex-direction:column;gap:12px}.office-hour{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--light-border)}.office-hour:last-child{border-bottom:none}.office-hour__day{font-weight:500;color:var(--light-text)}.office-hour__time{color:var(--light-text-secondary);font-weight:600}.support-team{background:var(--light-card);border-radius:20px;padding:40px;box-shadow:0 10px 40px #00000014;border:1px solid var(--light-border)}.support-team__header{margin-bottom:30px}.support-team__title{font-size:1.8rem;font-weight:700;color:var(--light-text);margin-bottom:8px}.support-team__subtitle{color:var(--light-text-secondary)}.support-team__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.team-member-card{background:var(--light-bg);border-radius:16px;padding:25px;transition:all .3s ease;border:2px solid transparent}.team-member-card:hover{transform:translateY(-5px);border-color:var(--primary-blue);box-shadow:0 10px 30px #0000001a}.team-member-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.team-member-card__avatar{font-size:2.5rem;width:70px;height:70px;background:var(--gradient-primary);border-radius:16px;display:flex;align-items:center;justify-content:center}.status-indicator{padding:4px 8px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-indicator--online{background:#48bb781a;color:#48bb78}.status-indicator--away{background:#ed89361a;color:#ed8936}.team-member-card__body{margin-bottom:20px}.team-member-card__name{font-weight:700;color:var(--light-text);margin-bottom:4px;font-size:1.1rem}.team-member-card__role{color:var(--primary-blue);font-weight:600;margin-bottom:8px;font-size:.9rem}.team-member-card__specialty{color:var(--light-text-secondary);font-size:.9rem;margin-bottom:15px}.team-member-card__meta{background:var(--light-card);padding:12px;border-radius:8px}.meta-item{display:flex;justify-content:space-between;align-items:center}.meta-item__label{color:var(--light-text-secondary);font-size:.85rem}.meta-item__value{font-weight:600;color:var(--light-text);font-size:.9rem}.team-member-card__footer{border-top:1px solid var(--light-border);padding-top:20px}.team-member-card__contact{display:block;text-align:center;padding:10px;background:var(--primary-blue);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease}.team-member-card__contact:hover{background:var(--primary-purple);transform:translateY(-2px)}.faq-section{background:var(--light-card);border-radius:20px;padding:30px;box-shadow:0 10px 40px #00000014;border:1px solid var(--light-border)}.faq-section__header{margin-bottom:25px}.faq-section__title{font-size:1.5rem;font-weight:700;color:var(--light-text);margin-bottom:8px}.faq-section__subtitle{color:var(--light-text-secondary)}.faq-list{display:flex;flex-direction:column;gap:10px;margin-bottom:25px}.faq-item{border:2px solid var(--light-border);border-radius:12px;overflow:hidden;transition:all .3s ease}.faq-item--open{border-color:var(--primary-blue);box-shadow:0 5px 15px #4361ee1a}.faq-item__question{width:100%;padding:20px;background:var(--light-bg);border:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:15px;transition:background .3s ease}.faq-item__question:hover{background:var(--light-card)}.faq-item__category{background:var(--primary-blue);color:#fff;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;flex-shrink:0}.faq-item__text{flex:1;font-weight:600;color:var(--light-text);text-align:left}.faq-item__icon{font-size:1.2rem;font-weight:700;color:var(--primary-blue);flex-shrink:0}.faq-item__answer{padding:0 20px;max-height:0;overflow:hidden;transition:all .3s ease}.faq-item--open .faq-item__answer{padding:0 20px 20px;max-height:200px}.faq-item__answer p{color:var(--light-text-secondary);line-height:1.6}.faq-cta{text-align:center;padding:25px;background:var(--gradient-primary);border-radius:16px;color:#fff}.faq-cta__text{font-size:1.1rem;margin-bottom:15px;font-weight:600}.faq-cta__button{display:inline-block;padding:12px 30px;background:#fff;color:var(--primary-blue);text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease}.faq-cta__button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.contact-us-admin__content{grid-template-columns:1fr;gap:30px}.contact-header__container{grid-template-columns:1fr;text-align:center;gap:40px}.contact-header__stats{justify-content:center}}@media (max-width: 768px){.contact-header__title{font-size:2.5rem}.contact-header__stats{flex-direction:column;align-items:center;gap:20px}.contact-form__row{grid-template-columns:1fr}.contact-categories{justify-content:center}.support-team__grid{grid-template-columns:1fr}.contact-form-section,.support-team,.contact-info,.faq-section{padding:25px}}@media (max-width: 480px){.contact-header__title{font-size:2rem}.contact-header__subtitle{font-size:1rem}.contact-categories{flex-direction:column}.contact-category-tab{justify-content:center}.faq-item__question{flex-direction:column;align-items:flex-start;gap:10px}.faq-item__category{align-self:flex-start}}:root{--primary-blue: #4361ee;--primary-purple: #7209b7;--primary-green: #4cc9f0;--accent-pink: #f72585;--accent-orange: #f8961e;--accent-teal: #38b2ac;--light-bg: #f8fafc;--light-card: #ffffff;--light-text: #2d3748;--light-text-secondary: #718096;--light-border: #e2e8f0;--success: #48bb78;--warning: #ed8936;--danger: #f56565;--info: #4299e1}.e-library{min-height:100vh;background:var(--light-bg);color:var(--light-text)}.library-header{background:linear-gradient(135deg,#4361ee,#7209b7);color:#fff;padding:60px 0 30px;position:relative;overflow:hidden}.library-header__container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.library-header__title{font-size:3.2rem;font-weight:800;line-height:1.1;margin-bottom:1rem}.library-header__highlight{background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.library-header__subtitle{font-size:1.2rem;opacity:.9;margin-bottom:2.5rem;line-height:1.6}.library-header__search{margin-bottom:2.5rem}.search-box{position:relative;max-width:500px}.search-box__icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:1.2rem;opacity:.7}.search-box__input{width:100%;padding:16px 20px 16px 50px;border:none;border-radius:50px;background:#fffffff2;color:var(--light-text);font-size:1rem;outline:none;box-shadow:0 8px 30px #0000001a;transition:all .3s ease}.search-box__input:focus{background:#fff;box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.search-box__clear{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;cursor:pointer;opacity:.7;transition:opacity .3s ease}.search-box__clear:hover{opacity:1}.library-header__stats{display:flex;gap:30px}.stat-badge{display:flex;align-items:center;gap:12px;background:#ffffff1a;padding:12px 20px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-badge__icon{font-size:1.5rem}.stat-badge__value{font-size:1.2rem;font-weight:700;margin-bottom:2px}.stat-badge__label{font-size:.9rem;opacity:.9}.library-header__visual{display:flex;justify-content:center;align-items:center}.floating-books{position:relative;width:300px;height:300px}.floating-book{position:absolute;font-size:3rem;animation:float 6s ease-in-out infinite}.floating-book--1{top:20%;left:10%;animation-delay:0s}.floating-book--2{top:10%;right:20%;animation-delay:1.5s}.floating-book--3{bottom:30%;left:20%;animation-delay:3s}.floating-book--4{bottom:20%;right:10%;animation-delay:4.5s}.library-header__results{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 0;margin-top:30px}.results-info{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:8px}.results-info__count{font-weight:700;font-size:1.1rem}.results-info__text{opacity:.9}.e-library__content{max-width:1200px;margin:0 auto;padding:40px 20px;display:grid;grid-template-columns:300px 1fr;gap:30px;align-items:start}.filter-sidebar{position:sticky;top:100px;background:var(--light-card);border-radius:16px;padding:25px;box-shadow:0 4px 20px #00000014;border:1px solid var(--light-border)}.filter-group{margin-bottom:30px}.filter-group__title{font-size:1.1rem;font-weight:700;color:var(--light-text);margin-bottom:15px;display:flex;align-items:center;gap:8px}.sort-options{display:flex;flex-direction:column;gap:8px}.sort-option{padding:10px 15px;background:var(--light-bg);border:2px solid var(--light-border);border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;color:var(--light-text-secondary);text-align:left}.sort-option:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.sort-option--active{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.filter-options{display:flex;flex-direction:column;gap:12px}.filter-option{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 0;transition:color .3s ease}.filter-option:hover{color:var(--primary-blue)}.filter-option__input{display:none}.filter-option__checkmark{width:18px;height:18px;border:2px solid var(--light-border);border-radius:4px;position:relative;transition:all .3s ease}.filter-option__input:checked+.filter-option__checkmark{background:var(--primary-blue);border-color:var(--primary-blue)}.filter-option__input:checked+.filter-option__checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.filter-option__label{font-weight:500;color:var(--light-text)}.clear-filters-btn{width:100%;padding:12px;background:var(--light-bg);border:2px solid var(--light-border);border-radius:8px;color:var(--light-text-secondary);font-weight:600;cursor:pointer;transition:all .3s ease}.clear-filters-btn:hover{background:var(--danger);border-color:var(--danger);color:#fff}.resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px}.resource-grid--empty{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;min-height:400px}.empty-state{text-align:center;max-width:400px}.empty-state__icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.empty-state__title{font-size:1.5rem;font-weight:700;color:var(--light-text);margin-bottom:1rem}.empty-state__description{color:var(--light-text-secondary);line-height:1.6}.resource-card{background:var(--light-card);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;border:1px solid var(--light-border);transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column}.resource-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.resource-card__header{padding:20px 20px 0;position:relative}.resource-card__thumbnail{font-size:3rem;margin-bottom:15px;text-align:center}.resource-card__badges{display:flex;gap:8px;flex-wrap:wrap}.badge{padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge--new{background:var(--accent-pink);color:#fff}.badge--featured{background:var(--accent-orange);color:#fff}.badge--course{background:var(--primary-blue);color:#fff}.badge--ebook{background:var(--primary-purple);color:#fff}.resource-card__body{padding:20px;flex:1}.resource-card__title{font-size:1.2rem;font-weight:700;color:var(--light-text);margin-bottom:8px;line-height:1.4}.resource-card__author{color:var(--primary-blue);font-weight:600;margin-bottom:12px;font-size:.9rem}.resource-card__description{color:var(--light-text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.resource-card__meta{display:flex;gap:15px;margin-bottom:15px}.meta-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--light-text-secondary)}.meta-item__icon{opacity:.7}.resource-card__tags{display:flex;gap:6px;flex-wrap:wrap}.tag{padding:4px 8px;background:var(--light-bg);color:var(--light-text-secondary);border-radius:6px;font-size:.75rem;font-weight:500}.resource-card__footer{padding:15px 20px 20px;border-top:1px solid var(--light-border);display:flex;justify-content:space-between;align-items:center;gap:15px}.difficulty-badge{padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase}.difficulty-badge--beginner{background:#48bb781a;color:var(--success)}.difficulty-badge--intermediate{background:#ed89361a;color:var(--warning)}.difficulty-badge--advanced{background:#f565651a;color:var(--danger)}.resource-card__progress{flex:1;max-width:120px}.progress-bar{height:6px;background:var(--light-border);border-radius:3px;overflow:hidden;margin-bottom:4px}.progress-bar__fill{height:100%;background:var(--primary-blue);border-radius:3px;transition:width .3s ease}.progress-text{font-size:.75rem;color:var(--light-text-secondary);font-weight:600}.resource-card__action{padding:8px 16px;background:var(--primary-blue);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.resource-card__action:hover{background:var(--primary-purple);transform:translateY(-1px)}.resource-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px}.resource-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.resource-modal__content{position:relative;background:var(--light-card);border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;animation:modalSlideIn .3s ease-out}.resource-modal__header{padding:30px;background:linear-gradient(135deg,#4361ee,#7209b7);color:#fff;display:flex;gap:20px;position:relative}.resource-modal__thumbnail{font-size:4rem;flex-shrink:0}.resource-modal__header-content{flex:1}.resource-modal__badges{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.resource-modal__title{font-size:1.8rem;font-weight:700;margin-bottom:8px;line-height:1.3}.resource-modal__author{font-size:1.1rem;opacity:.9;margin-bottom:15px}.resource-modal__rating{display:flex;align-items:center;gap:8px}.rating-stars{display:flex;gap:2px}.rating-star{color:#e2e8f0;font-size:1.1rem}.rating-star--active{color:gold}.rating-value{font-weight:700;font-size:1.1rem}.rating-count{opacity:.8;font-size:.9rem}.resource-modal__close{position:absolute;top:20px;right:20px;background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:background .3s ease}.resource-modal__close:hover{background:#ffffff4d}.resource-modal__body{padding:30px;display:grid;grid-template-columns:2fr 1fr;gap:30px}.resource-section{margin-bottom:30px}.resource-section__title{font-size:1.3rem;font-weight:700;color:var(--light-text);margin-bottom:15px}.resource-section__content{color:var(--light-text-secondary);line-height:1.6}.learning-objectives{list-style:none;padding:0}.learning-objective{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px;color:var(--light-text-secondary)}.learning-objective__icon{color:var(--success);font-weight:700;flex-shrink:0;margin-top:2px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--light-border)}.detail-item__label{font-weight:600;color:var(--light-text)}.detail-item__value{color:var(--light-text-secondary)}.action-card{background:var(--light-bg);border-radius:12px;padding:25px;position:sticky;top:20px}.action-card__title{font-size:1.3rem;font-weight:700;color:var(--light-text);margin-bottom:10px}.action-card__description{color:var(--light-text-secondary);margin-bottom:20px;line-height:1.5}.action-card__features{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.feature-item{display:flex;align-items:center;gap:10px}.feature-item__icon{font-size:1.1rem}.feature-item__text{color:var(--light-text);font-weight:500;font-size:.9rem}.action-card__button{width:100%;padding:16px;background:var(--primary-blue);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:15px}.action-card__button:hover{background:var(--primary-purple);transform:translateY(-2px);box-shadow:0 8px 25px #4361ee4d}.action-card__guarantee{text-align:center}.guarantee-text{font-size:.85rem;color:var(--light-text-secondary);font-weight:500}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 1024px){.e-library__content{grid-template-columns:1fr;gap:20px}.filter-sidebar{position:static}.resource-modal__body{grid-template-columns:1fr}.library-header__container{grid-template-columns:1fr;text-align:center;gap:40px}}@media (max-width: 768px){.library-header__title{font-size:2.5rem}.library-header__stats{flex-direction:column;align-items:center;gap:15px}.resource-grid{grid-template-columns:1fr}.resource-modal__header{flex-direction:column;text-align:center;gap:15px}.details-grid{grid-template-columns:1fr}.resource-card__footer{flex-direction:column;align-items:flex-start;gap:10px}.resource-card__progress{max-width:none;width:100%}}@media (max-width: 480px){.library-header__title{font-size:2rem}.resource-modal__content{margin:10px;max-height:calc(100vh - 20px)}.resource-modal__header,.resource-modal__body{padding:20px}.search-box__input{padding:14px 20px 14px 45px}}:root{--primary: #4361ee;--primary-light: #4895ef;--secondary: #3f37c9;--accent: #f72585;--light: #f8f9fa;--dark: #212529;--gray: #6c757d;--success: #4cc9f0;--warning: #f8961e;--danger: #e63946;--border-radius: 12px;--shadow: 0 4px 20px rgba(0, 0, 0, .08);--transition: all .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700}.logo i{font-size:1.8rem}.user-actions{display:flex;gap:15px}.btn{padding:10px 20px;border-radius:var(--border-radius);border:none;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:#d81159;transform:translateY(-2px)}.btn-outline{background-color:transparent;border:2px solid white;color:#fff}.btn-outline:hover{background-color:#ffffff1a}.main-content{display:grid;grid-template-columns:1fr 350px;gap:30px;margin:30px 0}.ebook-section{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.ebook-header{padding:20px;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;align-items:center}.ebook-title{font-size:1.5rem;font-weight:700;color:var(--dark)}.ebook-meta{display:flex;gap:15px;color:var(--gray);font-size:.9rem}.ebook-viewer{height:600px;background-color:#f0f2f5;display:flex;flex-direction:column}.viewer-toolbar{padding:15px;background-color:#fff;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;align-items:center}.viewer-controls{display:flex;gap:10px}.viewer-controls button{background:none;border:none;font-size:1.2rem;color:var(--gray);cursor:pointer;padding:5px 10px;border-radius:5px;transition:var(--transition)}.viewer-controls button:hover{background-color:#f0f2f5;color:var(--primary)}.viewer-content{flex:1;display:flex;justify-content:center;align-items:center;padding:20px;overflow:auto}.pdf-placeholder{width:80%;height:90%;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center}.pdf-placeholder i{font-size:4rem;color:var(--danger);margin-bottom:20px}.pdf-placeholder h3{margin-bottom:15px;color:var(--dark)}.pdf-placeholder p{color:var(--gray);margin-bottom:20px}.sidebar{display:flex;flex-direction:column;gap:25px}.card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.card-header{padding:15px 20px;background:linear-gradient(135deg,var(--primary-light),var(--primary));color:#fff;font-weight:600}.card-body{padding:20px}.course-summary{line-height:1.7}.summary-item{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.summary-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.summary-label{font-weight:600;color:var(--dark);margin-bottom:5px}.summary-value{color:var(--gray)}.progress-bar{height:8px;background-color:#e9ecef;border-radius:4px;margin-top:10px;overflow:hidden}.progress{height:100%;background:linear-gradient(90deg,var(--success),var(--primary-light));border-radius:4px;width:65%}.test-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #f0f0f0}.test-item:last-child{border-bottom:none}.test-info h4{margin-bottom:5px;color:var(--dark)}.test-info p{font-size:.85rem;color:var(--gray)}.test-status{font-size:.8rem;padding:5px 10px;border-radius:20px;font-weight:600}.status-completed{background-color:#4cc9f033;color:var(--success)}.status-pending{background-color:#f8961e33;color:var(--warning)}.nav-tabs{display:flex;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;margin-top:30px}.tab{flex:1;text-align:center;padding:15px;cursor:pointer;transition:var(--transition);font-weight:600;color:var(--gray)}.tab.active{color:var(--primary);border-bottom:3px solid var(--primary)}.tab:hover:not(.active){background-color:#f8f9fa}footer{background-color:var(--dark);color:#fff;padding:40px 0 20px;margin-top:50px}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.footer-column h3{margin-bottom:20px;font-size:1.2rem}.footer-links{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:#adb5bd;text-decoration:none;transition:var(--transition)}.footer-links a:hover{color:#fff}.copyright{text-align:center;padding-top:30px;margin-top:30px;border-top:1px solid #495057;color:#adb5bd;font-size:.9rem}@media (max-width: 992px){.main-content{grid-template-columns:1fr}.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.header-content{flex-direction:column;gap:15px}.ebook-header{flex-direction:column;align-items:flex-start;gap:10px}.footer-content{grid-template-columns:1fr}}.flipbook-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#f4f6f9,#e3e6eb);min-height:100vh;padding:20px;transition:background .4s ease}.flipbook-container.fullscreen{background:#111}.flipbook-wrapper{margin:20px auto;box-shadow:0 0 25px #0000004d;border-radius:12px;overflow:hidden}.pdf-flipbook{border-radius:10px}.page{background:#fff;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center}.page-footer{font-size:14px;color:#555;margin:5px}.flipbook-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;flex-wrap:wrap}.flipbook-controls button{background:#007bff;color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:15px;cursor:pointer;transition:all .3s}.flipbook-controls button:hover{background:#0056b3}.flipbook-controls button:disabled{background:#999;cursor:not-allowed}.zoom-controls{display:flex;align-items:center;gap:8px}.page-progress{margin-top:15px;font-weight:600;color:#333}.flipbook-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh}.spinner{width:50px;height:50px;border:4px solid #ddd;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.page-spinner{width:25px;height:25px;border:3px solid #ccc;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}.flipbook-error{text-align:center;padding:50px;color:red;font-size:18px}.create-test-form{max-width:450px;margin:50px auto;background:#fff;border-radius:12px;padding:30px;box-shadow:0 6px 20px #00000014;font-family:Inter,sans-serif}.create-test-form h2{text-align:center;color:#333;font-size:1.6rem;margin-bottom:25px}.create-test-form .form-group{display:flex;flex-direction:column;margin-bottom:18px}.create-test-form label{margin-bottom:8px;font-weight:600;color:#444}.create-test-form input,.create-test-form select{padding:10px 12px;border:1.5px solid #ccc;border-radius:8px;font-size:1rem;transition:.3s ease}.create-test-form input:focus,.create-test-form select:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e526}.create-test-form button{width:100%;background-color:#4f46e5;color:#fff;border:none;padding:12px;font-size:1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.create-test-form button:hover{background-color:#3730a3;transform:translateY(-2px)}.create-test-form button:active{transform:scale(.98)}@media (max-width: 600px){.create-test-form{margin:20px;padding:20px}.create-test-form h2{font-size:1.4rem}}.popup-overlay{position:fixed;inset:0;background:#000000a6;display:flex;justify-content:center;align-items:center;z-index:999}.popup-container{background:#fff;width:380px;padding:25px;border-radius:18px;text-align:center;animation:fadeIn .3s ease-in-out}.score-box{background:#f6f9fe;padding:12px;margin-top:12px;border-radius:12px}.download-btn{display:inline-block;margin-top:18px;padding:10px 18px;font-size:15px;background:#2c89ff;color:#fff;border-radius:10px;text-decoration:none;transition:.3s}.download-btn:hover{background:#0067e6}.close-btn{margin-top:14px;padding:8px 15px;background:transparent;border:1px solid #aaa;border-radius:6px;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:#333;background-color:#f8fafc}.career-portal{min-height:100vh}.portal-header{background:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.header-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.brand-section{display:flex;align-items:center;gap:3rem}.brand-logo{font-size:1.8rem;font-weight:700;color:#3b82f6;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.main-navigation{display:flex;gap:2rem}.nav-link{text-decoration:none;color:#64748b;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;transition:all .3s ease}.nav-link:hover,.nav-link.active{color:#3b82f6;background-color:#eff6ff}.user-actions{display:flex;gap:1rem}.auth-btn{padding:.5rem 1.5rem;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .3s ease}.auth-btn.sign-in{background:transparent;color:#3b82f6}.auth-btn.sign-in:hover{background-color:#eff6ff}.auth-btn.sign-up{background:#3b82f6;color:#fff}.auth-btn.sign-up:hover{background:#2563eb;transform:translateY(-1px)}.search-hero{background:#fff;padding:0rem 6rem}.hero-container{max-width:1200px;margin:0 auto;text-align:center}.hero-title{font-size:clamp(1.3rem,4vw,2rem);font-weight:700;margin-bottom:.5rem;color:#1e293b}.hero-subtitle{font-size:clamp(.9rem,2vw,1rem);margin-bottom:.3rem;color:#64748b}.search-container{max-width:800px;margin:0 auto}.search-input-group{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:center}.input-wrapper{flex:1;position:relative;display:flex;align-items:center;min-width:250px}.input-icon{position:absolute;left:1rem;color:#64748b;font-size:1.25rem;z-index:2}.search-input{width:100%;padding:.7rem .7rem .7rem 3rem;border:2px solid #e2e8f0;border-radius:.75rem;font-size:1rem;transition:all .3s ease;background:#fff}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-button{padding:1rem 2rem;background:#3b82f6;color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.search-button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 10px 20px #2563eb4d}.mobile-location-input{position:relative;display:flex;align-items:center;width:100%;max-width:400px;margin-top:1rem}.quick-filters{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 0;position:sticky;top:0;z-index:90}.filters-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.filters-container::-webkit-scrollbar{display:none}.filter-btn{padding:.75rem 1.5rem;border:2px solid #e2e8f0;border-radius:2rem;background:#fff;color:#64748b;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.filter-btn:hover,.filter-btn.active{border-color:#3b82f6;background:#eff6ff;color:#3b82f6}.portal-main{max-width:1200px;margin:0 auto;padding:1rem}.job-portal-main-container{display:flex;gap:1.5rem;width:100%}.job-portal-main-container-box{width:85%;display:flex;gap:1.5rem}.job-listings{width:100%;height:auto;overflow-y:visible}.listings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.listings-title{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600;color:#1e293b}.sort-select{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.375rem;background:#fff;color:#64748b;font-size:.9rem}.jobportal-card-container{display:flex;gap:.5rem;flex-direction:column}.jobportal-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;cursor:pointer}.jobportal-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a;border-color:#3b82f6}.jobportal-card.featured{border-left:4px solid #3b82f6}.featured-badge{position:absolute;top:1rem;right:1rem;background:#3b82f6;color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.job-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.company-logo{padding:.5rem;background:#eff6ff;border-radius:.75rem;flex-shrink:0}.company-logo-img{width:50px;height:50px;object-fit:contain;border-radius:.5rem}.job-info{flex:1}.jobportal-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:.25rem;line-height:1.3}.company-name{color:#64748b;font-weight:500;margin-bottom:.25rem}.job-location-mobile{color:#64748b;font-size:.9rem}.job-details{display:flex;gap:.75rem;margin-bottom:.6rem;flex-wrap:wrap}.detail-tag{padding:.375rem .75rem;background:#f1f5f9;border-radius:1rem;font-size:.875rem;color:#475569;white-space:nowrap}.detail-tag.location{background:#eff6ff;color:#3b82f6}.detail-tag.salary{background:#f0fdf4;color:#16a34a}.job-description{color:#64748b;margin-bottom:1rem;line-height:1.6;font-size:.95rem}.job-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.post-time{color:#94a3b8;font-size:.875rem}.apply-btn{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.apply-btn:hover{background:#2563eb;transform:translateY(-1px)}.no-jobs-message{text-align:center;padding:3rem 2rem;background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000000d}.no-jobs-message h4{font-size:1.5rem;color:#64748b;margin-bottom:.5rem}.no-jobs-message p{color:#94a3b8}.portal-sidebar{display:flex;flex-direction:column;gap:2rem;width:500px;flex-shrink:0}.sidebar-widget{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0}.widget-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.widget-text{color:#64748b;margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.alert-btn{width:100%;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease}.alert-btn:hover{background:#2563eb}.companies-list{display:flex;flex-direction:column;gap:1rem}.company-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;transition:all .3s ease;cursor:pointer}.company-item:hover{background:#f8fafc}.company-logo-small{width:32px;height:32px;object-fit:contain;border-radius:.375rem;background:#eff6ff;padding:.25rem}.mobile-sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:.2rem}.mobile-sidebar-content{background:#fff;border-radius:1rem;padding:1.5rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative}.close-sidebar-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-sidebar-btn:hover{background:#f1f5f9;color:#1e293b}.jobportal_elibrary__ads-container{width:14%;display:flex;flex-direction:column;gap:1rem;flex-shrink:0}.mobile-ads-section{margin-top:2rem;padding:1.5rem;background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000000d}.mobile-ads-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:1rem;text-align:center}.mobile-ads-container{display:grid;grid-template-columns:1fr;gap:1rem}.elibrary__ad-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;transition:all .3s ease}.elibrary__ad-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.elibrary__ad-image img{width:100%;height:150px;object-fit:cover}.elibrary__ad-content{padding:1.5rem}.elibrary__ad-content h4{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.elibrary__ad-content p{color:#64748b;margin-bottom:1rem;line-height:1.5;font-size:.9rem}.elibrary__ad-cta-btn{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.elibrary__ad-cta-btn:hover{background:#2563eb}.mobile-ad-card{margin-bottom:1rem}@media (max-width: 1024px){.job-portal-main-container-box{flex-direction:column}.portal-sidebar{width:100%}.jobportal_elibrary__ads-container{display:none}}@media (max-width: 768px){.portal-main{padding:.5rem}.job-portal-main-container{flex-direction:column;gap:1rem}.job-portal-main-container-box{gap:1rem;width:100%}.search-input-group{flex-direction:column;width:100%}.job-description{color:#64748b;margin-bottom:.2rem;line-height:1;font-size:.85rem;width:100%}.input-wrapper{min-width:auto;width:100%}.search-button{width:100%}.jobportal-card{padding:1.25rem}.job-header{gap:.75rem}.company-logo-img{width:40px;height:40px}.job-title{font-size:1.1rem}.job-details{gap:.5rem;margin-bottom:.2rem}.detail-tag{font-size:.8rem;padding:.25rem .5rem}.job-footer{flex-direction:column;align-items:stretch;gap:.3rem}.apply-btn{width:100%;padding:5px}.listings-header{flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:0rem}.sort-select{width:100%}}@media (max-width: 480px){.hero-container{padding:0 .5rem}.search-hero{padding:.5rem}.filters-container{padding:0 .5rem}.filter-btn{padding:.4rem .6rem;font-size:.7rem}.jobportal-card{padding:1rem}.job-header{flex-direction:column;align-items:flex-start;gap:.2rem}.company-logo{align-self:flex-start}.mobile-sidebar-content{padding:1rem;margin:.5rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.jobportal-card,.sidebar-widget,.elibrary__ad-card{border:.5px solid #e2e8f0}}@media (prefers-reduced-motion: reduce){.jobportal-card,.apply-btn,.search-button,.filter-btn{transition:none}.jobportal-card:hover{transform:none}}.search-input:focus,.filter-btn:focus,.apply-btn:focus,.alert-btn:focus,.sort-select:focus,.close-sidebar-btn:focus,.elibrary__ad-cta-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.jobportal__mobile-ad-card{background:#fff;border-radius:14px;padding:.75rem;margin:.75rem 0;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 14px #0000000f;position:relative;overflow:hidden}.jobportal__mobile-ad-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,gold,#ff6b6b,#4ecdc4)}.jobportal__mobile-ad-content{display:flex;flex-direction:column;gap:.6rem}.jobportal__mobile-ad-badge{background:#f4eaff;color:#764ba2;padding:.25rem .7rem;border-radius:1rem;font-size:.65rem;font-weight:700;text-transform:uppercase;width:fit-content;border:1px solid rgba(118,75,162,.25)}.jobportal__mobile-ad-main{display:flex;align-items:center;gap:.75rem}.jobportal__mobile-ad-image{width:55px;height:55px;border-radius:10px;overflow:hidden;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.jobportal__mobile-ad-image img{width:100%;height:100%;object-fit:cover}.jobportal__mobile-ad-text{flex:1;min-width:0}.jobportal__mobile-ad-title{font-size:.85rem;font-weight:700;color:#1c1c1c;margin-bottom:.2rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.jobportal__mobile-ad-description{font-size:.7rem;color:#555;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.jobportal__mobile-ad-cta{background:#764ba2;color:#fff;padding:.45rem .8rem;font-size:.7rem;font-weight:700;border:none;border-radius:6px;cursor:pointer;width:fit-content;text-transform:uppercase;letter-spacing:.3px;transition:.25s ease}.jobportal__mobile-ad-cta:hover{background:#653c91;transform:translateY(-2px)}@media (min-width: 1025px){.jobportal__mobile-ad-card{display:none!important}}@media (max-width: 1024px){.jobportal__mobile-ad-card{display:block}.jobportal-card-container{display:grid;grid-template-columns:1fr;gap:1rem}}@media (max-width: 480px){.jobportal__mobile-ad-card{padding:.6rem}.jobportal__mobile-ad-image{width:48px;height:48px}.jobportal__mobile-ad-title{font-size:.8rem}.jobportal__mobile-ad-description{font-size:.66rem}.jobportal__mobile-ad-cta{padding:.35rem .6rem;font-size:.65rem}}.apply-popup-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease-out}.apply-popup-container{background:#fff;border-radius:1.5rem;box-shadow:0 25px 50px #0003;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.popup-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:1.5rem 1.5rem 0 0}.popup-job-info{flex:1}.popup-job-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.popup-company-name{color:#64748b;font-size:1rem}.popup-close-btn{background:none;border:none;font-size:2rem;color:#64748b;cursor:pointer;padding:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.popup-close-btn:hover{background:#f1f5f9;color:#475569}.application-steps{display:flex;align-items:center;justify-content:center;padding:2rem 2rem 1rem;background:#fff}.step-indicator{display:flex;flex-direction:column;align-items:center;gap:.5rem}.step-number{width:40px;height:40px;border-radius:50%;background:#f1f5f9;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#64748b;transition:all .3s ease}.step-indicator.active .step-number{background:#3b82f6;border-color:#3b82f6;color:#fff}.step-label{font-size:.875rem;color:#64748b;font-weight:500;white-space:nowrap}.step-indicator.active .step-label{color:#3b82f6;font-weight:600}.step-connector{width:100px;height:2px;background:#e2e8f0;margin:0 1rem;position:relative;top:-20px}.application-form{padding:0 2rem 2rem}.form-step{animation:fadeIn .3s ease-out}.step-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem;text-align:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.form-group.full-width{grid-column:1 / -1}.form-label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.875rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:.75rem;font-size:1rem;transition:all .3s ease;background:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-textarea{resize:vertical;min-height:120px;font-family:inherit}.error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem;display:block}.file-upload-area{position:relative}.file-input{position:absolute;opacity:0;width:0;height:0}.file-upload-label{display:flex;align-items:center;gap:1rem;padding:1.5rem;border:2px dashed #d1d5db;border-radius:.75rem;background:#fafafa;cursor:pointer;transition:all .3s ease}.file-upload-label:hover{border-color:#3b82f6;background:#f0f9ff}.upload-icon{font-size:2rem}.upload-text{display:flex;flex-direction:column;gap:.25rem}.upload-title{font-weight:600;color:#374151}.upload-subtitle{font-size:.875rem;color:#6b7280}.file-preview{margin-top:.5rem;padding:.75rem;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:.5rem;color:#1e40af;font-size:.875rem;font-weight:500}.form-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.form-summary h5{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.summary-label{font-weight:500;color:#64748b;font-size:.875rem}.summary-value{font-weight:600;color:#1e293b;font-size:.875rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-secondary,.btn-primary{padding:.75rem 2rem;border:none;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:120px}.btn-secondary{background:#f1f5f9;color:#64748b}.btn-secondary:hover{background:#e2e8f0;color:#475569}.btn-primary{background:#3b82f6;color:#fff;box-shadow:0 4px 6px #3b82f633}.btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 6px 12px #3b82f64d}.submit-btn{background:#10b981;box-shadow:0 4px 6px #10b98133}.submit-btn:hover{background:#059669;box-shadow:0 6px 12px #10b9814d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.apply-popup-container{margin:1rem;max-height:95vh}.popup-header{padding:1.5rem 1.5rem 1rem;flex-direction:column;gap:1rem}.application-form{padding:0 1.5rem 1.5rem}.form-grid{grid-template-columns:1fr;gap:1rem}.application-steps{padding:1.5rem 1.5rem 1rem}.step-connector{width:50px}.step-label{font-size:.75rem}.form-actions{flex-direction:column-reverse}.btn-secondary,.btn-primary{width:100%}.summary-grid{grid-template-columns:1fr}}@media (max-width: 480px){.apply-popup-overlay{padding:.5rem}.apply-popup-container{margin:.5rem;border-radius:1rem}.popup-header{padding:1rem 1rem .5rem}.application-form{padding:0 1rem 1rem}.file-upload-label{flex-direction:column;text-align:center;gap:.5rem}}.job-details-empty{background:#f9fafb;padding:40px;border-radius:16px;text-align:center;color:#6b7280;font-size:1rem}.job-details-container{background:#fff;padding:24px;border-radius:16px;box-shadow:0 2px 8px #00000014;overflow-y:auto;color:#1f2937}.job-details-header{display:flex;align-items:center;margin-bottom:20px;border-bottom:1px solid #f3f4f6;padding-bottom:16px}.job-company-logo{width:80px;height:80px;border-radius:10px;margin-right:16px;object-fit:contain;background:#f1f5f9;padding:8px}.job-header-info{flex:1}.job-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:4px}.company-name{font-size:1rem;color:#64748b;margin-bottom:4px}.job-location{font-size:.95rem;color:#475569}.job-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;background:#f9fafb;border-radius:12px;padding:16px;margin-bottom:20px;font-size:.95rem;color:#374151}.summary-item{background:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 1px 4px #0000000a}.job-section{margin-bottom:24px}.job-section h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:10px}.job-section p{font-size:1rem;color:#475569;line-height:1.6}.job-section ul{list-style:none;padding-left:0;margin:0}.job-section li{background:#f8fafc;border-radius:8px;padding:8px 12px;margin-bottom:6px;color:#374151;display:flex;align-items:center;gap:8px;font-size:.95rem}.skills-list{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:#eef2ff;color:#3730a3;padding:6px 10px;border-radius:6px;font-size:.85rem;font-weight:500}.company-info{background:#f9fafb;border-radius:12px;padding:16px}.company-info .company-meta{margin-top:10px}.company-info .company-meta p{margin-bottom:6px;color:#374151}.company-link{display:inline-block;margin-top:10px;color:#2563eb;text-decoration:none;font-weight:500}.company-link:hover{text-decoration:underline}.apply-section{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.apply-now-btn,.external-apply-btn{background:#2563eb;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;font-weight:500;transition:background .3s;text-decoration:none;text-align:center;font-size:.95rem}.apply-now-btn:hover,.external-apply-btn:hover{background:#1e40af}@media (max-width: 768px){.job-details-container{padding:16px}.job-details-header{flex-direction:column;text-align:center}.job-company-logo{margin-right:0;margin-bottom:10px}.job-summary{grid-template-columns:1fr}.apply-section{flex-direction:column}.apply-now-btn,.external-apply-btn{width:100%}}.loader-component{width:70px;height:70px;border-radius:50%;border:6px solid rgba(255,255,255,.2);border-top-color:#6c5ce7;border-right-color:#a29bfe;animation:spin 1s linear infinite,glow 1.5s ease-in-out infinite alternate;margin:40px auto;box-shadow:0 0 20px #6c5ce780}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{0%{box-shadow:0 0 15px #6c5ce766}to{box-shadow:0 0 25px #6c5ce7cc}}.cs-wrapper{min-height:80vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#1c69ff;font-family:Poppins,sans-serif}.cs-content-box{background:#ffffff1a;padding:3rem;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;max-width:600px;width:100%;box-shadow:0 8px 25px #00000040}.cs-title{font-size:3rem;font-weight:700;margin-bottom:.5rem;animation:csFadeIn 1s ease-in-out}.cs-subtitle{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cs-timer-box{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.cs-timer-item{background:#ffffff26;padding:1rem 1.4rem;border-radius:12px;width:110px;box-shadow:0 4px 15px #0003}.cs-timer-number{font-size:2rem;font-weight:700}.cs-timer-label{font-size:.9rem;opacity:.8}.cs-email-input{width:100%;padding:.9rem;border-radius:12px;border:none;margin-bottom:1rem;outline:none;font-size:1rem}.cs-email-input:focus{box-shadow:0 0 0 3px #fff6}.comming-soon-back-to-home-btn{margin-top:1rem;background:none;border:2px solid #577bff;color:#3653fc;padding:.5rem 1rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:.3s ease}.cs-notify-btn{width:100%;padding:.9rem;background:#ffdd57;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:.3s ease}.cs-notify-btn:hover{background:#ffcd00;transform:translateY(-2px)}.cs-footer-text{margin-top:2rem;font-size:.9rem;opacity:.8}@keyframes csFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.cs-title{font-size:2.3rem}.cs-timer-item{width:90px}}