@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@200;300;400;500;600;700&display=swap);.header{background-color:#fff;box-shadow:0 2px 10px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header.admin-header{background:var(--primary-gradient);color:#fff}.header.admin-header .header-logo h1,.header.admin-header .header-logo span,.header.admin-header .header-nav a{color:#fff}.header-content{justify-content:space-between;padding:.75rem 0}.header-content,.header-logo,.header-logo a{align-items:center;display:flex}.header-logo a{text-decoration:none}.header-logo img{border:2px solid var(--primary-color);border-radius:50%;height:40px;margin-right:.75rem;object-fit:cover;width:40px}.header-logo-text h1{color:var(--gray-800);font-size:1.25rem;font-weight:600;margin:0}.header-logo-text span{color:var(--gray-600);font-size:.75rem}.header-nav-container{align-items:center;display:flex}.header-menu-toggle{background:none;border:none;color:var(--gray-700);cursor:pointer;display:none;font-size:1.25rem;margin-right:1rem}.header-nav{margin-right:1.5rem}.header-nav ul{display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.header-nav a{align-items:center;border-radius:var(--border-radius-md);color:var(--gray-700);display:flex;font-weight:400;padding:.5rem .75rem;text-decoration:none;transition:all var(--transition-fast)}.header-nav a i{font-size:.875rem;margin-right:.5rem}.header-nav a.active,.header-nav a:hover{background-color:var(--gray-100);color:var(--primary-color)}.header.admin-header .header-nav a.active,.header.admin-header .header-nav a:hover{background-color:#fff3;color:#fff}.header-user{align-items:center;display:flex}.header-auth{display:flex;gap:.5rem}.user-dropdown{position:relative}.user-dropdown-toggle{align-items:center;background:none;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:flex;padding:.25rem .5rem;transition:background-color var(--transition-fast)}.user-dropdown-toggle:hover{background-color:var(--gray-100)}.user-avatar{border:2px solid var(--primary-color);height:35px;margin-right:.5rem;width:35px}.user-name{font-weight:500;margin-right:.5rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-menu{background-color:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);margin-top:.5rem;padding:.5rem 0;position:absolute;right:0;top:100%;width:220px;z-index:1000}.dropdown-item{align-items:center;color:var(--gray-700);display:flex;padding:.75rem 1rem;text-decoration:none;transition:background-color var(--transition-fast)}.dropdown-item i{color:var(--gray-600);margin-right:.75rem;text-align:center;width:16px}.dropdown-item:hover{background-color:var(--gray-100)}.dropdown-item:hover,.dropdown-item:hover i{color:var(--primary-color)}.dropdown-divider{background-color:var(--gray-200);height:1px;margin:.5rem 0}.header-search{background-color:var(--gray-100);border-bottom:1px solid var(--gray-200);border-top:1px solid var(--gray-200);padding:.75rem 0}.search-input{align-items:center;background-color:#fff;border:1px solid var(--gray-300);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;overflow:hidden}.search-input i{padding:0 1rem}.search-input input{border:none;flex:1 1;font-size:1rem;outline:none;padding:.75rem 0}.search-input button{border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0}.footer{background-color:var(--gray-800);color:#fff;margin-top:3rem;padding:3rem 0 1.5rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:2rem}.footer-info{align-items:flex-start;display:flex}.footer-logo{margin-right:1.5rem}.footer-logo img{border:3px solid var(--primary-color);border-radius:50%;height:60px;object-fit:cover;width:60px}.footer-text h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.footer-text p{color:var(--gray-400);margin-bottom:.5rem}.footer-links{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.footer-links-column h4{font-size:1.125rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;position:relative}.footer-links-column h4:after{background-color:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.footer-links-column ul{list-style:none;margin:0;padding:0}.footer-links-column li{margin-bottom:.5rem}.footer-links-column a{color:var(--gray-400);text-decoration:none;transition:color var(--transition-fast)}.footer-links-column a:hover{color:#fff}.footer-contact li{align-items:center;display:flex;margin-bottom:.75rem}.footer-contact i{color:var(--primary-color);margin-right:.75rem;width:16px}.footer-bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;font-size:.875rem;justify-content:space-between;padding-top:1.5rem}.footer-copyright{color:var(--gray-500)}.footer-copyright strong{color:#fff}.footer-developer{align-items:center;color:var(--gray-500);display:flex}.footer-developer a{color:var(--primary-light);text-decoration:none}.footer-developer-logo{border:2px solid var(--primary-color);border-radius:50%;height:30px;margin-left:1rem;object-fit:cover;width:30px}@media (min-width:768px){.footer-content{grid-template-columns:1fr 2fr}}@media (max-width:991px){.header-menu-toggle{display:block}.header-nav{background-color:#fff;box-shadow:var(--shadow-lg);height:calc(100vh - 60px);left:-100%;margin-right:0;max-width:300px;overflow-y:auto;padding:1rem 0;position:fixed;top:60px;transition:left var(--transition-normal);width:80%;z-index:1000}.header-nav.active{left:0}.header-nav ul{flex-direction:column;gap:0}.header-nav a{border-radius:0;padding:.75rem 1.5rem}.header-nav a.active,.header-nav a:hover{background-color:var(--gray-100)}.user-name{display:none}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.footer-developer{flex-direction:column;gap:.5rem}.footer-developer-logo{margin-left:0}}@media (max-width:576px){.header-auth .btn-light{display:none}.footer-info{align-items:center;flex-direction:column;text-align:center}.footer-logo{margin-bottom:1rem;margin-right:0}.footer-text{text-align:center}.footer-links-column h4:after{left:50%;transform:translateX(-50%)}.footer-links-column{text-align:center}.footer-contact li{justify-content:center}}.hero-section{background:var(--primary-gradient);color:#fff;overflow:hidden;padding:4rem 0 0;position:relative}.hero-content{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr}.hero-text{max-width:600px}.hero-text h1{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.hero-text h1 span{color:#ffd166;display:inline-block;position:relative}.hero-text h1 span:after{background-color:#ffd166;border-radius:3px;bottom:-5px;content:"";height:3px;left:0;position:absolute;width:100%}.hero-text p{font-size:1.125rem;line-height:1.7;margin-bottom:2rem;opacity:.9}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.hero-image{text-align:center}.hero-image img{animation:float 4s ease-in-out infinite;height:auto;max-width:100%}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.hero-wave{bottom:0;left:0;line-height:0;position:absolute;width:100%}.hero-wave svg{display:block;height:60px;position:relative;width:calc(100% + 1.3px)}.stats-section{padding:3rem 0}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.stat-card{text-align:center}.stat-icon{color:var(--primary-color);font-size:2.5rem;margin-bottom:1rem}.stat-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:1rem}.features-section{background-color:var(--gray-100);padding:4rem 0}.section-header{margin-bottom:3rem;text-align:center}.section-header h2{font-size:2rem;margin-bottom:1rem}.section-header p{color:var(--gray-600);font-size:1.125rem;margin:0 auto;max-width:700px}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.feature-card{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:2rem 1.5rem;text-align:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature-icon{align-items:center;background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;font-size:1.75rem;height:70px;justify-content:center;margin:0 auto 1.5rem;width:70px}.feature-card h3{color:var(--gray-800);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:var(--gray-600);font-size:.9375rem;line-height:1.6}.popular-section{padding:4rem 0}.teachers-section{background-color:var(--gray-100);padding:4rem 0}.teachers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.teacher-card{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.teacher-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.teacher-avatar{height:150px;overflow:hidden}.teacher-avatar img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.teacher-card:hover .teacher-avatar img{transform:scale(1.05)}.teacher-info{padding:1.25rem;text-align:center}.teacher-name{font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.teacher-name a{color:var(--gray-800);text-decoration:none;transition:color var(--transition-fast)}.teacher-name a:hover{color:var(--primary-color)}.teacher-school{font-size:.875rem}.teacher-school,.teacher-stats{color:var(--gray-600);margin-bottom:1rem}.teacher-stats{display:flex;font-size:.8125rem;gap:1rem;justify-content:center}.teacher-stat{align-items:center;display:flex}.teacher-stat i{color:var(--primary-color);margin-right:.35rem}.cta-section{background:var(--primary-gradient);color:#fff;padding:5rem 0;text-align:center}.cta-content{margin:0 auto;max-width:700px}.cta-content h2{font-size:2rem;font-weight:600;margin-bottom:1rem}.cta-content p{font-size:1.125rem;margin-bottom:2rem;opacity:.9}.how-section{background-color:var(--gray-100);padding:4rem 0}.steps-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.step-card{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:2rem 1.5rem;position:relative;text-align:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.step-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.step-number{box-shadow:var(--shadow-md);font-size:.875rem;font-weight:600;height:30px;left:50%;position:absolute;top:-15px;transform:translateX(-50%);width:30px}.step-icon,.step-number{align-items:center;background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;justify-content:center}.step-icon{font-size:1.75rem;height:70px;margin:0 auto 1.5rem;width:70px}.step-card h3{color:var(--gray-800);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.step-card p{color:var(--gray-600);font-size:.9375rem;line-height:1.6}.testimonials-section{padding:4rem 0}.testimonials-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.testimonial-card{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.testimonial-content{margin-bottom:1.5rem;position:relative}.testimonial-content i{color:var(--primary-color);font-size:1.5rem;left:-5px;opacity:.2;position:absolute;top:-5px}.testimonial-content p{color:var(--gray-700);font-size:.9375rem;line-height:1.7;padding-left:1.5rem;position:relative;z-index:1}.testimonial-author{align-items:center;display:flex}.testimonial-author img{border:2px solid var(--primary-color);border-radius:50%;height:50px;margin-right:1rem;object-fit:cover;width:50px}.testimonial-info h3{color:var(--gray-800);font-size:1rem;font-weight:600;margin-bottom:.25rem}.testimonial-info p{color:var(--gray-600);font-size:.8125rem}.loading-container{min-height:400px}@media (min-width:768px){.hero-content{grid-template-columns:1fr 1fr}.hero-text h1{font-size:3rem}}@media (max-width:767px){.hero-section{padding:3rem 0 0}.hero-text{margin:0 auto;text-align:center}.hero-buttons{justify-content:center}.section-header h2{font-size:1.75rem}.steps-container,.testimonials-grid{grid-template-columns:1fr}}.auth-container{display:grid;grid-template-columns:1fr;margin-top:-2rem;min-height:calc(100vh - 60px)}.auth-card{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin:2rem auto;max-width:500px;padding:2rem;width:100%}.register-card{max-width:600px}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h2{color:var(--gray-800);font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.auth-header p{color:var(--gray-600)}.auth-form{margin-bottom:1.5rem}.form-row{grid-gap:1rem;gap:1rem;grid-template-columns:1fr 1fr}.auth-footer{border-top:1px solid var(--gray-200);padding-top:1rem;text-align:center}.auth-footer p{color:var(--gray-600);font-size:.9375rem}.auth-footer a{color:var(--primary-color);font-weight:500}.auth-info{background:var(--primary-gradient);color:#fff;display:none;display:flex;flex-direction:column;justify-content:center;padding:3rem}.auth-logo{align-items:center;display:flex;margin-bottom:2rem}.auth-logo img{border:3px solid #fff;border-radius:50%;height:60px;margin-right:1rem;width:60px}.auth-logo h1{font-size:2rem;font-weight:600;margin:0}.auth-info h2{font-size:1.75rem;font-weight:600;margin-bottom:1rem}.auth-info p{font-size:1.125rem;line-height:1.7;margin-bottom:2rem;opacity:.9}.auth-features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.auth-feature,.auth-feature i{align-items:center;display:flex}.auth-feature i{background-color:#fff3;border-radius:50%;font-size:1.25rem;height:40px;justify-content:center;margin-right:1rem;width:40px}@media (min-width:992px){.auth-container{grid-template-columns:1fr 1fr}.auth-card{margin:auto}.auth-info{display:flex}}@media (max-width:576px){.auth-card{margin:1rem auto;padding:1.5rem}.form-row{gap:0;grid-template-columns:1fr}}.dashboard-page{padding:2rem 0}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.page-title{font-size:1.75rem;margin:0}.page-actions{display:flex;flex-wrap:wrap;gap:.75rem}.stat-card{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.stat-card i{margin-right:1.5rem}.dashboard-grid{margin-bottom:2rem}.chart-header{margin-bottom:1.5rem}.chart-title{align-items:center;display:flex;margin:0}.chart-title i{color:var(--primary-color);margin-right:.5rem}.chart-info{align-items:center;color:var(--gray-600);display:flex;font-size:.875rem;gap:.5rem}.chart-body{height:300px}.dashboard-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-stat{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:.75rem 0}.sidebar-stat:last-child{border-bottom:none}.sidebar-stat-label{color:var(--gray-700);font-weight:500}.sidebar-stat-value{align-items:center;color:var(--gray-800);display:flex;font-weight:600}.sidebar-stat-value i{color:var(--primary-color);margin-right:.5rem}.sidebar-chart{height:200px}.sidebar-chart,.sidebar-links{margin-top:1rem}.sidebar-link{background-color:var(--gray-100);border-radius:var(--border-radius-md);padding:.75rem;transition:all var(--transition-fast)}.sidebar-link i{color:var(--primary-color);margin-right:.75rem}.sidebar-link:hover{background-color:var(--gray-200);color:var(--gray-800)}.user-info{align-items:center;display:flex}.avatar-sm{border-radius:50%;object-fit:cover}.user-profile-card{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:2rem;overflow:hidden}.user-profile-header{grid-gap:1.5rem;align-items:center;display:grid;gap:1.5rem;grid-template-columns:auto 1fr auto;padding:1.5rem}.user-avatar{border:3px solid var(--primary-color);box-shadow:var(--shadow-md);height:100px;width:100px}.user-name{color:var(--gray-800);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.user-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:.75rem}.user-meta-item{align-items:center;color:var(--gray-600);display:flex;font-size:.9375rem}.user-meta-item i{color:var(--primary-color);margin-right:.5rem}.user-bio{color:var(--gray-700);font-size:.9375rem;line-height:1.6}.popular-resources{display:flex;flex-direction:column;gap:1rem}.popular-resource{border-bottom:1px solid var(--gray-200);display:flex;gap:1rem;padding:1rem 0}.popular-resource:last-child{border-bottom:none}.popular-resource-thumbnail{border-radius:var(--border-radius-md);flex-shrink:0;height:80px;overflow:hidden;width:120px}.popular-resource-thumbnail img{height:100%;object-fit:cover;width:100%}.popular-resource-content{flex:1 1}.popular-resource-title{font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.popular-resource-title a{color:var(--gray-800);text-decoration:none;transition:color var(--transition-fast)}.popular-resource-title a:hover{color:var(--primary-color)}.popular-resource-stats{color:var(--gray-600);display:flex;flex-wrap:wrap;font-size:.8125rem;gap:1rem}.popular-resource-stat{align-items:center;display:flex}.popular-resource-stat i{margin-right:.35rem}.badges-grid{display:flex;flex-direction:column}.badge-item{gap:1rem;transition:transform var(--transition-fast)}.badge-item:hover{transform:translateY(-3px)}.badge-icon{flex-shrink:0;font-size:1.5rem;height:50px;width:50px}.badge-name{font-size:1rem;font-weight:600}.badge-description{color:var(--gray-600);font-size:.8125rem;margin-bottom:.5rem}.badge-date{align-items:center;color:var(--gray-500);display:flex}.badge-date i{margin-right:.35rem}.empty-state{padding:2rem}.empty-state.small{padding:1rem}.empty-state-icon{margin-bottom:1rem}.empty-state-icon.small{font-size:2.5rem}.quick-links-section{margin-top:2rem}.quick-links-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:2rem}.quick-link-card{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);color:var(--gray-800);padding:1.5rem;text-align:center;text-decoration:none;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.quick-link-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.quick-link-icon{align-items:center;background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.quick-link-card h3{font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.quick-link-card p{color:var(--gray-600);font-size:.875rem}@media (max-width:768px){.user-profile-header{grid-template-columns:1fr;text-align:center}.user-avatar{margin:0 auto}.user-actions,.user-meta{justify-content:center}.user-actions{display:flex;margin-top:1rem}.popular-resource{flex-direction:column}.popular-resource-thumbnail{height:150px;width:100%}.badge-item{flex-direction:column;text-align:center}.badge-icon{margin:0 auto}}.resources-page{padding:2rem 0}.filters-section{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:2rem;padding:1.5rem}.filters-container{grid-gap:1rem;align-items:flex-end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column}.filter-group label{color:var(--gray-700);font-size:.9375rem;font-weight:500;margin-bottom:.5rem}.filter-actions{align-items:center;display:flex;justify-content:flex-end}.results-section{margin-bottom:2rem}.results-header{margin-bottom:1.5rem}.results-header h2{color:var(--gray-800);font-size:1.5rem;font-weight:600}.resources-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.load-more{margin-top:2rem;text-align:center}.empty-state{padding:3rem 1rem}.empty-state-icon{color:var(--gray-300);font-size:4rem;margin-bottom:1.5rem}.empty-state h3{color:var(--gray-700);font-size:1.5rem;margin-bottom:1rem}.empty-state p{margin-left:auto;margin-right:auto;max-width:500px}.resource-type{align-items:center;background-color:#000000b3;display:flex;gap:.35rem}.resource-title{margin-bottom:.75rem}.resource-title a{color:var(--gray-800);text-decoration:none;transition:color var(--transition-fast)}.resource-title a:hover{color:var(--primary-color)}.resource-description{margin-bottom:1rem}.resource-stats{gap:.75rem}.resource-footer{align-items:center;border-top:1px solid var(--gray-200);padding:.75rem 1.25rem}.rating i{font-size:.875rem;margin-right:.1rem}.rating i.filled{color:#f8ce0b}.rating-value{color:var(--gray-700);font-weight:500;margin-left:.5rem}@media (max-width:768px){.filters-container{grid-template-columns:1fr}.filter-actions{justify-content:flex-start;margin-top:1rem}}.resource-detail-page{margin-top:-2rem}.resource-breadcrumb{font-size:.875rem;margin-bottom:1.5rem}.resource-breadcrumb,.resource-breadcrumb a{align-items:center;color:var(--gray-600);display:flex}.resource-breadcrumb a{text-decoration:none;transition:color var(--transition-fast)}.resource-breadcrumb a:hover{color:var(--primary-color)}.resource-breadcrumb i{margin-right:.35rem}.breadcrumb-separator{color:var(--gray-500);font-size:.675rem;margin:0 .5rem}.resource-detail-header{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:1.5rem}.resource-detail-info{display:flex;flex-direction:column}.resource-detail-title{color:var(--gray-800);font-size:2rem;font-weight:600;margin-bottom:1rem}.resource-detail-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.meta-item{align-items:center;color:var(--gray-600);display:flex;font-size:.875rem}.meta-item i{color:var(--primary-color);margin-right:.5rem}.resource-detail-stats{align-items:center;border-top:1px solid var(--gray-200);display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:auto;padding-top:1rem}.stat-item{align-items:center;color:var(--gray-700);display:flex;font-size:.9375rem}.stat-item i{color:var(--primary-color);margin-right:.5rem}.resource-detail-thumbnail{aspect-ratio:16/9;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;position:relative}.resource-detail-thumbnail img{height:100%;object-fit:cover;width:100%}.resource-type-badge{align-items:center;background-color:#000000b3;border-radius:50rem;color:#fff;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem}.resource-detail-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.resource-detail-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.resource-detail-main{display:flex;flex-direction:column;gap:1.5rem}.detail-card{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.detail-card-header{background:var(--primary-gradient);color:#fff;padding:1.25rem 1.5rem}.detail-card-header h2{align-items:center;display:flex;font-size:1.25rem;font-weight:500;margin:0}.detail-card-header h2 i{margin-right:.75rem}.detail-card-body{padding:1.5rem}.resource-description{color:var(--gray-700);font-size:1rem;line-height:1.7;white-space:pre-line}.rating-form{text-align:center}.rating-stars{color:var(--gray-300);font-size:2rem;gap:.5rem;justify-content:center;margin:1rem 0}.rating-stars i{transition:transform var(--transition-fast),color var(--transition-fast)}.rating-stars i:hover{transform:scale(1.2)}.rating-stars i.filled{color:#f8ce0b}.rating-message{color:var(--gray-600);font-size:.875rem}.comment-form textarea{margin-bottom:1rem;width:100%}.no-comments{color:var(--gray-500)}.no-comments i{font-size:3rem;margin-bottom:1rem}.comment-avatar img{border-radius:50%;height:50px;width:50px}.comment-content:before{border-bottom:10px solid #0000;border-top:10px solid #0000;top:15px}.comment-text{white-space:pre-line}.comment-action{background:none;border:none;font-size:.75rem;transition:color var(--transition-fast)}.comment-action i{margin-right:.35rem}.comment-action:hover{color:var(--danger-color)}.author-info{align-items:center;display:flex;flex-direction:column;text-align:center}.author-avatar{margin-bottom:1rem}.author-name{color:var(--gray-800);font-weight:500}.similar-resource{gap:.75rem;padding-bottom:1rem}.similar-resource:last-child{padding-bottom:0}.similar-resource-title{font-size:.9375rem;line-height:1.4}.similar-resource-title a{color:var(--gray-800);text-decoration:none;transition:color var(--transition-fast)}.similar-resource-title a:hover{color:var(--primary-color)}.similar-resource-meta{display:flex;gap:.75rem}.similar-resource-meta i{margin-right:.25rem}.resource-not-found{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin:2rem 0;padding:3rem;text-align:center}.not-found-icon{color:var(--danger-color);font-size:4rem;margin-bottom:1.5rem}.resource-not-found h2{color:var(--gray-800);font-size:1.75rem;font-weight:600;margin-bottom:1rem}.resource-not-found p{color:var(--gray-600);font-size:1.125rem;margin-bottom:1.5rem}@media (min-width:992px){.resource-detail-header{grid-template-columns:1fr 1fr}.resource-detail-content{grid-template-columns:2fr 1fr}}@media (max-width:768px){.resource-detail-title{font-size:1.5rem}.resource-detail-actions{flex-direction:column}.resource-detail-actions a,.resource-detail-actions button{width:100%}}.upload-resource-page{padding:2rem 0}.form-control:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem #3490dc40}@media (min-width:768px){.form-row{grid-template-columns:1fr 1fr}}.btn-primary:hover:not(:disabled){background:linear-gradient(45deg,var(--primary-dark),var(--primary-color));box-shadow:0 6px 8px #3490dc59}input[type=file].form-control::-webkit-file-upload-button{background:var(--primary-gradient)}input[type=file].form-control::file-selector-button{background:var(--primary-gradient)}input[type=file].form-control::-webkit-file-upload-button:hover{background:linear-gradient(45deg,var(--primary-dark),var(--primary-color))}input[type=file].form-control::file-selector-button:hover{background:linear-gradient(45deg,var(--primary-dark),var(--primary-color))}@media (max-width:767px){.card-body{padding:1.5rem}.page-title{font-size:1.75rem}.form-buttons{flex-direction:column}.form-buttons .btn{width:100%}}.upload-innovation-page{padding:2rem 0}.page-title{margin-bottom:.5rem}.page-title i{color:var(--secondary-color);font-size:1.8rem}.page-description{font-size:1.1rem;max-width:800px}.card{margin-bottom:2rem}.card-header{background:var(--secondary-gradient);font-size:1.2rem;padding:1.25rem 1.5rem}.card-header i{font-size:1.25rem;margin-right:.75rem}.card-body{padding:2rem}.form-group{margin-bottom:1.5rem}.form-control,.form-select{background-clip:padding-box;background-color:#fff;border:1px solid var(--gray-300);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--gray-700);display:block;font-size:1rem;line-height:1.5;padding:.75rem 1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-control:focus,.form-select:focus{border-color:var(--secondary-color);box-shadow:0 0 0 .2rem #38c17240;outline:0}.is-invalid{border-color:var(--danger-color)!important}.form-text{color:var(--gray-600);font-size:.875rem;margin-top:.25rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:1rem}@media (min-width:768px){.form-row{grid-template-columns:1fr 1fr 1fr}}.form-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.form-buttons .btn{align-items:center;border-radius:var(--border-radius-md);display:inline-flex;font-weight:500;justify-content:center;padding:.75rem 1.5rem;transition:all var(--transition-normal)}.form-buttons .btn i{margin-right:.5rem}.btn-primary{background:var(--secondary-gradient);border:none;box-shadow:0 4px 6px #38c17240}.btn-primary:hover:not(:disabled){background:linear-gradient(45deg,var(--secondary-dark),var(--secondary-color));box-shadow:0 6px 8px #38c17259;transform:translateY(-2px)}.btn-light:hover:not(:disabled){background-color:var(--gray-200);transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.7}input[type=file].form-control{padding:.5rem}input[type=file].form-control::-webkit-file-upload-button{background:var(--secondary-gradient);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;margin-right:1rem;padding:.5rem 1rem;-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast)}input[type=file].form-control::file-selector-button{background:var(--secondary-gradient);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;margin-right:1rem;padding:.5rem 1rem;transition:all var(--transition-fast)}input[type=file].form-control::-webkit-file-upload-button:hover{background:linear-gradient(45deg,var(--secondary-dark),var(--secondary-color))}input[type=file].form-control::file-selector-button:hover{background:linear-gradient(45deg,var(--secondary-dark),var(--secondary-color))}.form-notice{background-color:#f8f9fa;border-left:4px solid var(--info-color);border-radius:var(--border-radius-md);margin-bottom:1rem;margin-top:2rem;padding:1rem}.notice-content{align-items:flex-start;display:flex;gap:1rem}.notice-content i{color:var(--info-color);font-size:1.5rem}.notice-content strong{font-weight:600}@media (max-width:767px){.card-body{padding:1.5rem}.page-title{font-size:1.75rem}.form-buttons{flex-direction:column}.form-buttons .btn{width:100%}.form-row{grid-template-columns:1fr}}.articles-page{padding:2rem 0}.page-header{margin-bottom:3rem}.page-title{font-size:2.25rem;margin-bottom:1rem}.articles-toolbar{align-items:center;background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);justify-content:space-between;margin-bottom:2rem;padding:1.25rem}.articles-toolbar,.toolbar-filters{display:flex;flex-wrap:wrap;gap:1rem}.toolbar-filters{flex:1 1}.toolbar-filters .form-group{align-items:center;display:flex;gap:.5rem}.toolbar-filters label{color:var(--gray-700);font-weight:500;margin:0;white-space:nowrap}.toolbar-filters .form-select{min-width:150px}.toolbar-search{flex:1 1}.toolbar-search .search-input{align-items:center;background-color:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);display:flex;overflow:hidden;position:relative}.toolbar-search .search-input i{color:var(--gray-500);padding:0 1rem}.toolbar-search .search-input input{background-color:initial;border:none;flex:1 1;font-size:1rem;outline:none;padding:.75rem 0}.toolbar-search .clear-search{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:0 .75rem;transition:color var(--transition-fast)}.toolbar-search .clear-search:hover{color:var(--danger-color)}.toolbar-actions{display:flex;gap:.5rem}.articles-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.article-card{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.article-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.article-thumbnail{height:200px;overflow:hidden;position:relative}.article-thumbnail img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.article-card:hover .article-thumbnail img{transform:scale(1.05)}.article-category{align-items:center;background-color:#000000b3;border-radius:50rem;color:#fff;display:flex;font-size:.75rem;font-weight:500;gap:.35rem;left:15px;padding:.25rem .75rem;position:absolute;top:15px}.article-content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.article-title{font-size:1.375rem;font-weight:600;line-height:1.4;margin-bottom:1rem}.article-title a{color:var(--gray-800);text-decoration:none;transition:color var(--transition-fast)}.article-title a:hover{color:var(--primary-color)}.article-meta{color:var(--gray-600);font-size:.875rem;margin-bottom:1rem}.article-author img{height:30px;margin-right:.5rem;width:30px}.article-date{align-items:center;display:flex}.article-date i{margin-right:.35rem}.article-excerpt{color:var(--gray-700);flex:1 1;font-size:.9375rem;line-height:1.6;margin-bottom:1.5rem}.article-footer{border-top:1px solid var(--gray-200);justify-content:space-between;margin-top:auto;padding-top:1rem}.article-footer,.article-stats{align-items:center;display:flex}.article-stats{color:var(--gray-600);font-size:.8125rem;gap:1rem}.article-stats div{align-items:center;display:flex}.article-stats i{margin-right:.35rem}.article-rating i{color:#f8ce0b}.rating-count{color:var(--gray-500);font-size:.75rem;margin-left:.25rem}.no-results{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:3rem;text-align:center}.no-results i{color:var(--gray-400);font-size:3rem;margin-bottom:1rem}.no-results h3{color:var(--gray-700);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.no-results p{color:var(--gray-600);font-size:1rem}@media (max-width:991px){.articles-toolbar{align-items:stretch}.articles-toolbar,.toolbar-filters{flex-direction:column}.toolbar-actions{align-self:flex-end}}@media (max-width:576px){.article-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.article-footer{flex-direction:column;gap:1rem}.article-stats{justify-content:space-between;width:100%}}.article-detail-page{padding:2rem 0}.article-header{margin-bottom:2rem}.article-category{margin-bottom:1rem}.article-category a{align-items:center;background-color:var(--gray-100);border-radius:var(--border-radius-md);color:var(--gray-700);display:inline-flex;font-size:.875rem;font-weight:500;padding:.35rem .75rem;text-decoration:none;transition:all var(--transition-fast)}.article-category a:hover{background-color:var(--primary-color);color:#fff}.article-category i{margin-right:.5rem}.article-title{color:var(--gray-800);font-size:2.5rem;font-weight:700;line-height:1.3;margin-bottom:1.5rem}.article-meta{border-bottom:1px solid var(--gray-200);flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.5rem}.article-author,.article-meta{align-items:center;display:flex}.article-author{gap:.75rem}.article-author a{align-items:center;color:var(--gray-800);display:flex;text-decoration:none}.article-author img{border:2px solid var(--primary-color);border-radius:50%;height:40px;margin-right:.75rem;object-fit:cover;width:40px}.follow-button{align-items:center;background-color:var(--gray-100);border:1px solid var(--primary-color);border-radius:var(--border-radius-md);color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;padding:.35rem .75rem;transition:all var(--transition-fast)}.follow-button i{margin-right:.35rem}.follow-button.following,.follow-button:hover{background-color:var(--primary-color);color:#fff}.article-info{color:var(--gray-600);font-size:.875rem;gap:1.5rem}.article-info,.article-info div{align-items:center;display:flex}.article-info i{margin-right:.5rem}.article-featured-image{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);height:400px;margin-bottom:2rem;overflow:hidden}.article-featured-image img{height:100%;object-fit:cover;width:100%}.article-detail-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.article-content{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:2rem}.article-body{color:var(--gray-800);font-size:1.125rem;line-height:1.8;margin-bottom:2rem}.article-body p{margin-bottom:1.5rem}.article-body h2{font-size:1.75rem;margin:2rem 0 1rem}.article-body h2,.article-body h3{color:var(--gray-800);font-weight:600}.article-body h3{font-size:1.5rem;margin:1.5rem 0 1rem}.article-body ol,.article-body ul{margin-bottom:1.5rem;padding-left:2rem}.article-body li{margin-bottom:.5rem}.article-body img{border-radius:var(--border-radius-md);height:auto;margin:1.5rem 0;max-width:100%}.article-actions{align-items:center;background-color:var(--gray-100);border-radius:var(--border-radius-lg);display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.article-rating{display:flex;flex-direction:column;gap:.5rem}.rating-label{color:var(--gray-700);font-weight:500}.rating-stars{align-items:center;display:flex}.rating-stars i{color:var(--gray-300);cursor:pointer;font-size:1.25rem;margin-right:.35rem;transition:color var(--transition-fast)}.rating-stars i.active,.rating-stars i:hover{color:#f8ce0b}.rating-count{margin-left:.75rem}.article-buttons{display:flex;gap:.75rem}.btn-outline-primary{background-color:initial;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-outline-primary:hover{background-color:var(--primary-color);color:#fff}.btn-outline-secondary{background-color:initial;border:1px solid var(--gray-700);color:var(--gray-700)}.btn-outline-secondary:hover{background-color:var(--gray-700);color:#fff}.btn-outline-danger{background-color:initial;border:1px solid var(--danger-color);color:var(--danger-color)}.btn-outline-danger:hover{background-color:var(--danger-color);color:#fff}.article-tags{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;flex-wrap:wrap;margin-bottom:2rem;padding-bottom:2rem}.tags-label{color:var(--gray-700);font-weight:500;margin-right:.75rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag-item{border-radius:var(--border-radius-md);color:var(--gray-700);display:inline-block;font-size:.875rem;font-weight:500;padding:.35rem .75rem}.article-author-box,.tag-item{background-color:var(--gray-100)}.article-author-box{border-radius:var(--border-radius-lg);display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}.author-avatar{flex-shrink:0}.author-avatar img{border:3px solid var(--primary-color);border-radius:50%;height:100px;object-fit:cover;width:100px}.author-info{flex:1 1}.author-name{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.author-name a{color:var(--gray-800);text-decoration:none;transition:color var(--transition-fast)}.author-name a:hover{color:var(--primary-color)}.author-bio{color:var(--gray-600);font-size:.9375rem;line-height:1.6;margin-bottom:1rem}.comments-title{font-size:1.5rem}.comments-title i{margin-right:.75rem}.comment-form{margin-bottom:2rem}.comment-list{gap:1.5rem}.no-comments{background-color:var(--gray-100);border-radius:var(--border-radius-lg);color:var(--gray-600);font-style:italic;padding:2rem}.article-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card-title{border-bottom:2px solid var(--gray-200);font-size:1.25rem}.sidebar-card-title i{margin-right:.75rem}.related-articles{display:flex;flex-direction:column;gap:1.25rem}.related-article{display:flex;gap:1rem}.related-article-image{border-radius:var(--border-radius-md);height:80px;object-fit:cover;width:80px}.related-article-info{flex:1 1}.related-article-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--gray-800);display:-webkit-box;font-weight:500;margin-bottom:.5rem;overflow:hidden;text-decoration:none;transition:color var(--transition-fast)}.related-article-title:hover{color:var(--primary-color)}.related-article-meta{color:var(--gray-600);font-size:.75rem}.related-article-author{margin-bottom:.25rem}.no-related{background-color:var(--gray-100);border-radius:var(--border-radius-md);color:var(--gray-600);font-style:italic;padding:1rem;text-align:center}.social-share-buttons{display:flex;flex-direction:column;gap:.75rem}.share-button{align-items:center;border-radius:var(--border-radius-md);color:#fff;display:flex;font-weight:500;justify-content:center;padding:.75rem 1rem;text-decoration:none;transition:all var(--transition-fast)}.share-button i{margin-right:.5rem}.share-button.facebook{background-color:#3b5998}.share-button.facebook:hover{background-color:#2d4373}.share-button.twitter{background-color:#1da1f2}.share-button.twitter:hover{background-color:#0c85d0}.share-button.line{background-color:#00b900}.share-button.line:hover{background-color:#008600}.share-button.copy{background-color:var(--gray-700);border:none;cursor:pointer}.share-button.copy:hover{background-color:var(--gray-800)}.latest-articles{margin-top:1rem}@media (min-width:992px){.article-detail-layout{grid-template-columns:2fr 1fr}}@media (max-width:768px){.article-title{font-size:2rem}.article-meta{align-items:flex-start;flex-direction:column;gap:1rem}.article-actions{flex-direction:column;gap:1.5rem}.article-author-box{align-items:center;flex-direction:column;text-align:center}}@media (max-width:576px){.comment{flex-direction:column}.comment-content:before{display:none}.comment-avatar{align-self:center;height:50px;margin-bottom:.5rem;width:50px}}.news-page{padding:2rem 0}.page-header{text-align:center}.page-title{align-items:center;color:var(--gray-800);display:flex;justify-content:center;margin-bottom:.75rem}.page-title i{color:var(--primary-color);margin-right:.75rem}.page-description{color:var(--gray-600);font-size:1.125rem;margin:0 auto;max-width:700px}.news-filter{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;margin-bottom:2rem;padding:1.25rem}.filter-label{color:var(--gray-700);font-weight:500;margin-bottom:.75rem}.filter-options{display:flex;flex-wrap:wrap;gap:.5rem}.filter-option{align-items:center;background-color:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--border-radius-md);color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;padding:.5rem 1rem;transition:all var(--transition-fast)}.filter-option i{margin-right:.5rem}.filter-option:hover{background-color:var(--gray-200)}.filter-option.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.news-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.news-card{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.news-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.news-thumbnail{height:220px;overflow:hidden;position:relative}.news-thumbnail img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.news-card:hover .news-thumbnail img{transform:scale(1.05)}.news-category{align-items:center;background:var(--primary-gradient);border-radius:50rem;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:.75rem;font-weight:500;padding:.35rem 1rem;position:absolute;right:15px;top:15px}.news-category i{margin-right:.5rem}.news-content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.news-title{font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:.75rem}.news-title a{color:var(--gray-800);text-decoration:none;transition:color var(--transition-fast)}.news-title a:hover{color:var(--primary-color)}.news-meta{color:var(--gray-600);display:flex;font-size:.8125rem;gap:1rem;margin-bottom:1rem}.news-meta div{align-items:center;display:flex}.news-meta i{margin-right:.35rem}.news-excerpt{color:var(--gray-700);flex:1 1;font-size:.9375rem;line-height:1.6;margin-bottom:1.25rem}.news-read-more{align-items:center;color:var(--primary-color);display:inline-flex;font-size:.9375rem;font-weight:500;margin-top:auto;text-decoration:none;transition:color var(--transition-fast)}.news-read-more i{margin-left:.5rem;transition:transform var(--transition-fast)}.news-read-more:hover{color:var(--primary-dark)}.news-read-more:hover i{transform:translateX(3px)}.empty-state{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin:0 auto;max-width:500px;padding:3rem 2rem}.empty-icon{color:var(--gray-400);font-size:3rem;margin-bottom:1.5rem}.empty-state h3{color:var(--gray-800);font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.empty-state p{color:var(--gray-600);font-size:.9375rem;margin-bottom:1.5rem}@media (min-width:768px){.news-filter{align-items:center;flex-direction:row}.filter-label{margin-bottom:0;margin-right:1rem;white-space:nowrap}.news-card{flex-direction:row}.news-thumbnail{height:auto;width:300px}}@media (max-width:767px){.news-grid{grid-template-columns:1fr}.news-thumbnail{height:200px}}.news-detail-page{padding:2rem 0}.breadcrumb{align-items:center;display:flex;flex-wrap:wrap;font-size:.875rem;margin-bottom:1.5rem}.breadcrumb a{color:var(--gray-600);text-decoration:none}.breadcrumb a:hover{color:var(--primary-color)}.breadcrumb i{color:var(--gray-500);font-size:.625rem;margin:0 .5rem}.breadcrumb span{color:var(--gray-800);font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-detail-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.news-detail-main{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.news-detail-header{border-bottom:1px solid var(--gray-200);padding:1.5rem}.news-detail-title{color:var(--gray-800);font-size:1.75rem;font-weight:600;line-height:1.4;margin-bottom:1rem}.news-detail-meta{color:var(--gray-600);display:flex;flex-wrap:wrap;font-size:.875rem;gap:1rem}.news-detail-meta div{align-items:center;display:flex}.news-detail-meta i{margin-right:.35rem}.news-detail-thumbnail{max-height:500px;overflow:hidden;width:100%}.news-detail-thumbnail img{height:100%;object-fit:cover;width:100%}.news-detail-content{color:var(--gray-800);font-size:1rem;line-height:1.7;padding:2rem}.news-detail-content p{margin-bottom:1.5rem}.news-detail-content img{border-radius:var(--border-radius-md);height:auto;margin:1.5rem 0;max-width:100%}.news-detail-content h2{font-size:1.5rem;font-weight:600;margin:2rem 0 1rem}.news-detail-content h3{font-size:1.25rem;font-weight:600;margin:1.5rem 0 1rem}.news-detail-content ol,.news-detail-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.news-detail-content li{margin-bottom:.5rem}.news-detail-actions{align-items:center;background-color:var(--gray-50);border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.5rem}.social-share{align-items:center;display:flex;gap:.5rem}.social-share span{color:var(--gray-700);font-size:.875rem;font-weight:500}.btn-share{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:transform var(--transition-fast),opacity var(--transition-fast);width:36px}.btn-share:hover{opacity:.9;transform:translateY(-2px)}.btn-share.facebook{background-color:#1877f2}.btn-share.twitter{background-color:#1da1f2}.btn-share.line{background-color:#00b900}.comments-section{border-top:1px solid var(--gray-200);padding:1.5rem}.comments-title{color:var(--gray-800);font-weight:600}.comment-form-container{margin-bottom:2rem}.comment-form{display:flex;flex-direction:column;gap:.75rem}.comment-form textarea{min-height:100px;resize:vertical}.comment-form button{align-self:flex-end}.comment-login-message{color:var(--gray-600);font-size:.875rem;margin-top:.75rem;text-align:center}.comment-login-message a{color:var(--primary-color);font-weight:500}.comments-list{display:flex;flex-direction:column;gap:1.5rem}.comment-item{display:flex;gap:1rem}.comment-avatar{flex-shrink:0;height:48px;overflow:hidden;width:48px}.comment-avatar img{height:100%;object-fit:cover;width:100%}.comment-content:before{border-right:8px solid var(--gray-100);left:-8px;top:16px}.comment-text{color:var(--gray-700)}.comment-actions{justify-content:flex-end;margin-top:.75rem}.btn-link{background:none;border:none;color:var(--gray-600);cursor:pointer;font-size:.75rem;padding:0;transition:color var(--transition-fast)}.btn-link:hover{color:var(--danger-color)}.btn-link i{margin-right:.25rem}.no-comments{padding:2rem 0;text-align:center}.no-comments-icon{color:var(--gray-400);font-size:3rem;margin-bottom:1rem}.no-comments p{color:var(--gray-600);font-size:.9375rem}.news-detail-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card-title{font-weight:600;margin-bottom:1.25rem;padding-bottom:.75rem}.related-news-list{display:flex;flex-direction:column;gap:1rem}.related-news-item{display:flex;gap:.75rem}.related-news-image{border-radius:var(--border-radius-md);flex-shrink:0;height:60px;overflow:hidden;width:80px}.related-news-image img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.related-news-item:hover .related-news-image img{transform:scale(1.05)}.related-news-info{flex:1 1}.related-news-title{font-size:.9375rem;font-weight:500;line-height:1.4;margin-bottom:.35rem}.related-news-title a{color:var(--gray-800);text-decoration:none;transition:color var(--transition-fast)}.related-news-title a:hover{color:var(--primary-color)}.related-news-date{align-items:center;color:var(--gray-600);display:flex;font-size:.75rem}.related-news-date i{margin-right:.35rem}.no-related-news{color:var(--gray-600);font-size:.875rem;padding:1rem 0;text-align:center}.btn-outline{background-color:initial;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:#fff}.error-state{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin:3rem auto;max-width:500px;padding:3rem 2rem;text-align:center}.error-icon{color:var(--danger-color);font-size:4rem;margin-bottom:1.5rem}.error-state h2{color:var(--gray-800);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.error-state p{color:var(--gray-600);font-size:1rem;margin-bottom:1.5rem}@media (min-width:992px){.news-detail-container{grid-template-columns:3fr 1fr}}@media (max-width:767px){.news-detail-title{font-size:1.5rem}.news-detail-meta{flex-direction:column;gap:.5rem}.news-detail-content{padding:1.5rem}.news-detail-actions{flex-direction:column;gap:1rem}.social-share{justify-content:center;width:100%}.news-detail-actions .btn{width:100%}.comment-item{flex-direction:column}.comment-avatar{height:40px;width:40px}.comment-content:before{display:none}}.library-page{padding-bottom:3rem}.empty-library{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin:0 auto;max-width:700px;padding:3rem 2rem;text-align:center}.empty-library h3{color:var(--gray-800);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.empty-library p{color:var(--gray-600);font-size:1rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:500px}.empty-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.library-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.library-tab{align-items:center;background-color:#fff;border:1px solid var(--gray-300);border-radius:var(--border-radius-md);cursor:pointer;display:flex;font-weight:500;padding:.75rem 1.25rem;transition:all var(--transition-fast)}.library-tab i{color:var(--gray-600);margin-right:.5rem}.library-tab.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.library-tab.active i{color:#fff}.tab-count{align-items:center;background-color:var(--gray-200);border-radius:50%;color:var(--gray-700);display:inline-flex;font-size:.75rem;height:20px;justify-content:center;margin-left:.5rem;width:20px}.library-tab.active .tab-count{background-color:#fff;color:var(--primary-color)}.library-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.library-card{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.library-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.library-thumbnail{height:180px;overflow:hidden;position:relative}.library-thumbnail img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.library-card:hover .library-thumbnail img{transform:scale(1.05)}.library-type{align-items:center;background-color:#000000b3;border-radius:50rem;color:#fff;display:flex;font-size:.75rem;font-weight:500;gap:.35rem;padding:.25rem .75rem;position:absolute;right:10px;top:10px}.library-content{display:flex;flex:1 1;flex-direction:column;padding:1.25rem}.library-title{font-size:1.125rem;font-weight:500;margin-bottom:.75rem}.library-title a{color:var(--gray-800);text-decoration:none;transition:color var(--transition-fast)}.library-title a:hover{color:var(--primary-color)}.library-description{color:var(--gray-600);flex:1 1;font-size:.875rem;margin-bottom:1rem}.library-meta{align-items:center;display:flex;font-size:.8125rem;justify-content:space-between;margin-top:auto}.library-collection{align-items:center;color:var(--gray-600);display:flex}.library-collection i{margin-right:.35rem}.library-actions{background-color:var(--gray-100);border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:.75rem 1.25rem}.modal-container{animation:modal-fade-in .3s ease-out}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:1.25rem}.modal-header h3{font-size:1.25rem;font-weight:600;margin:0}.modal-close{color:var(--gray-600)}.modal-body{padding:1.25rem}.modal-item{display:flex;gap:1rem;margin-bottom:1.5rem}.modal-item-thumbnail{border-radius:var(--border-radius-md);height:80px;overflow:hidden;width:80px}.modal-item-thumbnail img{height:100%;object-fit:cover;width:100%}.modal-item-info{flex:1 1}.modal-item-info h4{font-size:1rem;font-weight:500;margin:0 0 .5rem}.modal-item-info p{color:var(--gray-600);font-size:.875rem;margin:0}.modal-footer{padding:1.25rem}@media (max-width:768px){.library-actions{flex-wrap:wrap;gap:.5rem}.library-actions .btn{flex:1 1}}.search-page{padding-bottom:3rem}.page-header{margin-bottom:2rem}.page-subtitle{color:var(--gray-600)}.search-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:992px){.search-container{grid-template-columns:300px 1fr}}.search-sidebar{display:flex;flex-direction:column;gap:1.5rem}.search-filter-card,.search-stats-card{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:1.25rem}.search-filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.search-filter-header h3{font-size:1.125rem;font-weight:600;margin:0}.btn-reset{align-items:center;background:none;border:none;color:var(--primary-color);cursor:pointer;display:flex;font-size:.875rem;gap:.35rem}.btn-reset:hover{text-decoration:underline}.form-group label{color:var(--gray-700);display:block;font-weight:500;margin-bottom:.5rem}.search-input{position:relative}.search-input i{color:var(--gray-500);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input input{padding-left:2.5rem}.search-stats-card h3{font-size:1.125rem;font-weight:600;margin:0 0 1.25rem}.search-stat{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;padding:.75rem 0}.search-stat:last-child{border-bottom:none}.stat-icon{align-items:center;background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;margin-right:1rem;width:40px}.stat-value{color:var(--gray-800);font-size:1.25rem}.search-results{flex:1 1}.search-empty{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin:0 auto;max-width:700px;padding:3rem 2rem;text-align:center}.empty-icon{color:var(--gray-300);font-size:4rem;margin-bottom:1rem}.search-empty h3{color:var(--gray-800);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.search-empty p{color:var(--gray-600);font-size:1rem;margin-bottom:0;margin-left:auto;margin-right:auto;max-width:500px}.search-results-container{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:1.5rem}.search-results-header{border-bottom:1px solid var(--gray-200);margin-bottom:1.5rem;padding-bottom:1rem}.search-results-header h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.search-results-header p{color:var(--gray-600);font-size:1rem;margin:0}.results-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr}.result-card{background-color:var(--gray-100);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.result-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.result-thumbnail{height:180px;overflow:hidden;position:relative}.result-thumbnail img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.result-card:hover .result-thumbnail img{transform:scale(1.05)}.result-type{align-items:center;background-color:#000000b3;border-radius:50rem;color:#fff;display:flex;font-size:.75rem;font-weight:500;gap:.35rem;padding:.25rem .75rem;position:absolute;right:10px;top:10px}.result-content{background-color:#fff;display:flex;flex:1 1;flex-direction:column;padding:1.25rem}.result-title{font-size:1.25rem;font-weight:500;margin-bottom:.75rem}.result-title a{color:var(--gray-800);text-decoration:none;transition:color var(--transition-fast)}.result-title a:hover{color:var(--primary-color)}.result-description{color:var(--gray-600);flex:1 1;font-size:.9375rem;line-height:1.6;margin-bottom:1rem}.result-meta{color:var(--gray-600);display:flex;flex-wrap:wrap;font-size:.8125rem;gap:1rem;margin-top:auto}.result-meta div{align-items:center;display:flex}.result-meta i{margin-right:.35rem}.result-footer{background-color:var(--gray-100);border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;padding:.75rem 1.25rem}.loading-container{align-items:center;display:flex;justify-content:center;min-height:300px}@media (min-width:768px){.results-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:991px){.search-sidebar{order:2}.search-results{order:1}}@media (max-width:767px){.search-results-container{padding:1rem}.results-grid{grid-template-columns:1fr}}.teacher-profile-page{padding:2rem 0}.profile-header{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:2rem;overflow:hidden}.profile-header-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;padding:2rem}.profile-avatar{display:flex;justify-content:center}.profile-avatar img{border:5px solid #fff;border-radius:50%;box-shadow:var(--shadow-md);height:200px;object-fit:cover;width:200px}.profile-info{display:flex;flex-direction:column}.profile-name{font-size:2rem;margin-bottom:1rem}.profile-meta{color:var(--gray-600);display:flex;flex-wrap:wrap;font-size:.9375rem;gap:1.5rem;margin-bottom:1.5rem}.profile-meta-item{align-items:center;display:flex}.profile-meta-item i{color:var(--primary-color);font-size:1rem;margin-right:.5rem}.profile-stats{grid-gap:1rem;background-color:var(--gray-100);border-radius:var(--border-radius-lg);display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-bottom:1.5rem;padding:1.25rem}.profile-stat{text-align:center}.stat-value{color:var(--primary-color);font-size:1.5rem}.stat-label{font-size:.8125rem}.profile-bio{margin-bottom:1.5rem}.profile-bio h3{color:var(--gray-800);font-size:1.125rem;font-weight:500;margin-bottom:.75rem}.profile-bio p{color:var(--gray-700);font-size:.9375rem;line-height:1.6}.profile-actions{display:flex;gap:1rem}.profile-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.content-section{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:1.5rem;padding:1.5rem}.section-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.section-header h2{color:var(--gray-800);font-size:1.5rem;font-weight:600}.badges-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.badge-item{background-color:var(--gray-100);border-radius:var(--border-radius-md);padding:1rem}.badge-icon,.badge-item{align-items:center;display:flex}.badge-icon{background:var(--primary-gradient);border-radius:50%;color:#fff;font-size:1.25rem;height:40px;justify-content:center;margin-right:1rem;width:40px}.badge-info{flex:1 1}.badge-name{color:var(--gray-800);font-weight:500;margin-bottom:.25rem}.badge-date{color:var(--gray-600);font-size:.75rem}.sidebar-card{margin-bottom:1.5rem;padding:1.5rem}.sidebar-card-title{border-bottom:1px solid var(--gray-200);color:var(--gray-800);padding-bottom:.5rem}.sidebar-links{display:flex;flex-direction:column;gap:.5rem}.sidebar-link{align-items:center;color:var(--gray-700);display:flex;padding:.5rem 0;text-decoration:none;transition:color var(--transition-fast)}.sidebar-link:hover{color:var(--primary-color)}.sidebar-link i{font-size:.75rem;margin-right:.5rem}.empty-content{align-items:center;color:var(--gray-500);display:flex;flex-direction:column;justify-content:center;padding:3rem 0;text-align:center}.empty-content.small{padding:1.5rem 0}.empty-content i{font-size:3rem;margin-bottom:1rem;opacity:.3}.empty-content p{font-size:1.125rem}.not-found-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:5rem 0;text-align:center}.not-found-container h2{color:var(--gray-800);font-size:2rem;margin-bottom:1rem}.not-found-container p{color:var(--gray-600);font-size:1.125rem;margin-bottom:2rem}@media (min-width:768px){.profile-header-content{grid-template-columns:250px 1fr}.profile-avatar{justify-content:flex-start}}@media (min-width:992px){.profile-content{grid-template-columns:2fr 1fr}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-container{animation:modalFadeIn .3s ease-out forwards;background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header h2{align-items:center;display:flex;font-weight:600;margin:0}.modal-header h2 i{color:var(--primary-color);margin-right:.75rem}.modal-form{padding:1.5rem}.password-input{position:relative}.password-input i{color:var(--gray-500);position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.modal-tips{background-color:var(--gray-100);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);border-top:1px solid var(--gray-200);padding:1.25rem 1.5rem}.tip-title{color:var(--gray-700);margin-bottom:.75rem}.tip-title i{color:var(--warning-color)}.tip-list li{color:var(--gray-600);font-size:.875rem;margin-bottom:.5rem}@media (max-width:576px){.modal-container{max-width:100%}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.user-profile-page{padding:2rem 0}.profile-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:300px 1fr}.profile-sidebar{align-self:flex-start}.profile-image-section{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:1.5rem;padding:2rem;text-align:center}.profile-image-container{height:150px;margin:0 auto 1.5rem;position:relative;width:150px}.profile-image{border:5px solid #fff;border-radius:50%;box-shadow:var(--shadow-md);height:100%;object-fit:cover;width:100%}.profile-image-edit{align-items:center;background-color:var(--primary-color);border-radius:50%;bottom:0;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;transition:all var(--transition-fast);width:40px}.profile-image-edit:hover{background-color:var(--primary-dark);transform:scale(1.1)}.profile-image-input{display:none}.profile-name{color:var(--gray-800);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.profile-role{background-color:var(--gray-200);border-radius:50rem;color:var(--gray-600);display:inline-block;font-size:.875rem;padding:.25rem .75rem}.profile-actions{margin-bottom:1.5rem}.profile-tips{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:1.5rem}.tip-title{align-items:center;color:var(--gray-800);display:flex;font-weight:600;margin-bottom:1rem}.tip-title i{color:var(--primary-color);margin-right:.5rem}.tip-list{margin:0;padding-left:1.5rem}.tip-list li{color:var(--gray-700);font-size:.9375rem;margin-bottom:.75rem}.tip-list li:last-child{margin-bottom:0}.profile-card{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.profile-card-header{border-bottom:1px solid var(--gray-200);padding:1.5rem}.profile-card-header h2{align-items:center;color:var(--gray-800);display:flex;font-size:1.25rem;font-weight:600;margin:0}.profile-card-header h2 i{color:var(--primary-color);margin-right:.75rem}.profile-card-body{padding:1.5rem}.profile-form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.form-actions{display:flex;justify-content:space-between;margin-top:2rem}@media (max-width:991px){.profile-container{grid-template-columns:1fr}.profile-sidebar{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.profile-tips{display:none}}@media (max-width:767px){.profile-form .form-row,.profile-sidebar{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:1rem}.form-actions button{width:100%}}.admin-sidebar{bottom:0;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100%;top:60px;transition:transform var(--transition-normal);width:250px;z-index:900}.sidebar-toggle{align-items:center;background-color:var(--primary-color);border:none;border-radius:50%;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;left:10px;position:fixed;top:70px;transition:background-color var(--transition-fast);width:40px;z-index:1000}.sidebar-toggle:hover{background-color:var(--primary-dark)}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;padding:1.5rem}.sidebar-logo{margin-right:1rem}.sidebar-logo img{border:2px solid var(--primary-color);border-radius:50%;height:40px;object-fit:cover;width:40px}.sidebar-title h2{font-size:1.25rem;font-weight:600;margin:0}.sidebar-title p{color:var(--gray-400);font-size:.875rem;margin:0}.sidebar-user{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;padding:1.5rem}.user-avatar{margin-right:1rem}.user-avatar img{border:2px solid var(--primary-light);border-radius:50%;height:40px;width:40px}.user-info h3{font-size:1rem;font-weight:500;margin:0 0 .25rem}.user-info p{color:var(--gray-400);font-size:.75rem;margin:0}.sidebar-nav{flex:1 1;padding:1.5rem 0}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav a{align-items:center;color:var(--gray-300);display:flex;padding:.75rem 1.5rem;text-decoration:none;transition:all var(--transition-fast)}.sidebar-nav a:hover{background-color:#ffffff1a;color:#fff}.sidebar-nav a.active{background-color:var(--primary-color);color:#fff;position:relative}.sidebar-nav a.active:before{background-color:#fff;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.sidebar-nav i{margin-right:.75rem;text-align:center;width:20px}.sidebar-divider{background-color:#ffffff1a;height:1px;margin:1rem 1.5rem}.sidebar-footer{border-top:1px solid #ffffff1a;color:var(--gray-500);font-size:.75rem;padding:1rem 1.5rem;text-align:center}@media (max-width:991px){.admin-sidebar{transform:translateX(-100%)}.admin-sidebar.active{transform:translateX(0)}.admin-main{margin-left:0!important;width:100%!important}}@media (min-width:992px){.sidebar-toggle{display:none}.admin-sidebar{position:-webkit-sticky;position:sticky}.admin-main{margin-left:250px;padding:1.5rem;width:calc(100% - 250px)}}.admin-layout{min-height:calc(100vh - 160px)}.admin-content{display:flex;flex-direction:column;gap:1.5rem}.admin-actions{gap:1rem}.search-box{position:relative}.search-box input{border:1px solid var(--gray-300);border-radius:var(--border-radius-md);font-size:.9375rem;padding:.5rem 1rem .5rem 2.5rem;width:250px}.search-box i{color:var(--gray-500);left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.table td,.table th{vertical-align:middle}.table th{background:var(--primary-gradient);color:#fff;font-weight:500}.table tr{border-bottom:1px solid var(--gray-200)}.table tr:last-child{border-bottom:none}.table tr:nth-child(2n){background-color:var(--gray-50)}.user-avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}.user-avatar img{height:100%;object-fit:cover;width:100%}.role-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:16px 12px;border:1px solid var(--gray-300);border-radius:var(--border-radius-md);cursor:pointer;font-size:.875rem;padding:.35rem .75rem}.role-select.admin{background-color:#3490dc1a;border-color:var(--primary-color);color:var(--primary-color)}.role-select.teacher{background-color:#38c1721a;border-color:var(--secondary-color);color:var(--secondary-color)}.table-actions{display:flex;gap:.5rem}.action-btn{align-items:center;border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color var(--transition-fast);width:32px}.view-btn{background-color:var(--info-color)}.view-btn:hover{background-color:#5661b3}.edit-btn{background-color:var(--warning-color);color:var(--gray-800)}.edit-btn:hover{background-color:#ffee58}.delete-btn{background-color:var(--danger-color)}.delete-btn:hover{background-color:#cc1f1a}.profile-btn{background-color:var(--primary-color)}.profile-btn:hover{background-color:var(--primary-dark)}.pagination{gap:.5rem;margin-top:1.5rem}.pagination,.pagination-btn{display:flex;justify-content:center}.pagination-btn{align-items:center;background-color:#fff;border:1px solid var(--gray-300);border-radius:var(--border-radius-md);color:var(--gray-700);cursor:pointer;height:36px;transition:all var(--transition-fast);width:36px}.pagination-btn:hover:not(:disabled){background-color:var(--gray-100);border-color:var(--primary-color);color:var(--primary-color)}.pagination-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-ellipsis{color:var(--gray-600);height:36px;width:36px}.modal-backdrop,.pagination-ellipsis{align-items:center;display:flex;justify-content:center}.modal-backdrop{z-index:1050}.modal-content{border-radius:var(--border-radius-lg);max-height:90vh;overflow-y:auto;width:90%}.modal-header{padding:1.25rem 1.5rem}.modal-header h2{color:var(--gray-800);font-size:1.25rem;font-weight:500}.modal-close{background:none;border:none;color:var(--gray-500);cursor:pointer;font-size:1.25rem;transition:color var(--transition-fast)}.modal-close:hover{color:var(--danger-color)}.modal-footer{gap:.75rem;padding:1.25rem 1.5rem}.user-detail-header{display:flex;gap:1.5rem;margin-bottom:1.5rem}.user-detail-avatar{border:3px solid #fff;border-radius:50%;box-shadow:var(--shadow-md);height:100px;overflow:hidden;width:100px}.user-detail-avatar img{height:100%;object-fit:cover;width:100%}.user-detail-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.user-detail-info h3{color:var(--gray-800);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.user-detail-role{margin-bottom:.5rem}.role-badge{border-radius:50rem;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.role-badge.admin{background-color:#3490dc1a;border:1px solid var(--primary-color);color:var(--primary-color)}.role-badge.teacher{background-color:#38c1721a;border:1px solid var(--secondary-color);color:var(--secondary-color)}.detail-group{display:flex;font-size:.9375rem;margin-bottom:1rem}.detail-group label{color:var(--gray-700);flex:0 0 100px;font-weight:500}.detail-group span{color:var(--gray-800);flex:1 1}@media (max-width:768px){.admin-header{align-items:flex-start;flex-direction:column;gap:1rem}.admin-actions,.search-box,.search-box input{width:100%}.user-detail-header{align-items:center;text-align:center}.detail-group,.user-detail-header{flex-direction:column}.detail-group label{margin-bottom:.25rem}}.admin-layout{grid-template-columns:auto 1fr;min-height:100vh}.admin-sidebar{box-shadow:0 0 10px #0000001a;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:all .3s ease;width:260px;z-index:1000}.admin-sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:1rem 1.25rem}.admin-sidebar-title{align-items:center;display:flex;margin:0}.admin-sidebar-title i{color:var(--primary-color);margin-right:.75rem}.admin-sidebar-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.25rem}.admin-sidebar-user{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;padding:1.25rem}.admin-user-avatar{border:2px solid var(--primary-color);border-radius:50%;height:50px;margin-right:1rem;overflow:hidden;width:50px}.admin-user-avatar img{height:100%;object-fit:cover;width:100%}.admin-user-info h3{font-size:1rem;font-weight:600;margin:0 0 .25rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-role{background-color:#007bff33;border-radius:50rem;color:var(--gray-400);font-size:.75rem;padding:.125rem .5rem}.admin-sidebar-nav{padding:1rem 0}.admin-sidebar-nav ul{list-style:none;margin:0;padding:0}.admin-sidebar-nav a{padding:.75rem 1.25rem;text-decoration:none;transition:all .2s ease}.admin-sidebar-nav a:hover{background-color:#ffffff1a;color:#fff}.admin-sidebar-nav a.active{background:linear-gradient(90deg,var(--primary-color),#0000);color:#fff;font-weight:500}.admin-sidebar-divider{background-color:#ffffff1a;height:1px;margin:1rem 0}.admin-main{background-color:#f8f9fa;grid-column:2;min-height:100vh}.admin-mobile-header{align-items:center;display:none;margin-bottom:1.5rem;padding:1rem 0}.admin-mobile-title{flex:1 1;font-size:1.25rem;font-weight:600;margin:0;text-align:center}.admin-mobile-avatar{border:2px solid var(--primary-color);border-radius:50%;height:40px;overflow:hidden;width:40px}.admin-mobile-avatar img{height:100%;object-fit:cover;width:100%}.admin-backdrop{background-color:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.admin-content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.admin-content-header h1{align-items:center;display:flex;font-size:1.75rem;font-weight:600;margin:0}.admin-content-header h1 i{color:var(--primary-color);margin-right:.75rem}.admin-card{border-radius:.5rem;box-shadow:0 0 15px #0000000d}.admin-card-header{padding:1rem 1.5rem}.admin-card-title{font-weight:600;margin:0}@media (max-width:991px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{box-shadow:0 0 20px #0003;transform:translateX(-100%)}.admin-sidebar.open{transform:translateX(0)}.admin-sidebar-toggle{display:block}.admin-mobile-header{display:flex}.admin-backdrop{display:block}}@media (min-width:992px){.admin-main{margin-left:260px;width:calc(100% - 260px)}}.custom-modal{align-items:center;display:flex;justify-content:center;z-index:1050}.custom-modal,.modal-backdrop{height:100%;left:0;position:fixed;top:0;width:100%}.modal-backdrop{background-color:#00000080}.modal-content{animation:modalFadeIn .3s ease;background-color:#fff;border-radius:.5rem;box-shadow:0 0 20px #0003;max-width:600px;position:relative;width:100%;z-index:1051}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1rem 1.5rem}.modal-title{font-size:1.25rem;font-weight:600;margin:0}.btn-close{background:none;border:none;color:var(--gray-600);cursor:pointer;font-size:1.5rem;line-height:1}.modal-body{max-height:calc(100vh - 200px);overflow-y:auto;padding:1.5rem}.modal-footer{border-top:1px solid var(--gray-200);display:flex;gap:.5rem;justify-content:flex-end;padding:1rem 1.5rem}.admin-table-container{margin-bottom:1.5rem;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table td,.admin-table th{padding:.75rem;vertical-align:middle}.admin-table thead th{background-color:var(--gray-100);border-bottom:2px solid var(--gray-300);font-weight:600}.admin-table tbody tr{border-bottom:1px solid var(--gray-200)}.admin-table tbody tr:hover{background-color:var(--gray-100)}.admin-status{border-radius:50rem;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.admin-status-active{background-color:#38c17233;color:var(--success-color)}.admin-status-pending{background-color:#f6993f33;color:var(--accent-color)}.admin-status-inactive{background-color:#e3342f33;color:var(--danger-color)}.admin-actions{display:flex;gap:.5rem}.admin-filter-form{background-color:#fff;border-radius:.5rem;box-shadow:0 0 15px #0000000d;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem}.admin-filter-group{flex:1 1;min-width:200px}.admin-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:1.5rem}.admin-stat-card{align-items:center;background-color:#fff;border-radius:.5rem;box-shadow:0 0 15px #0000000d;display:flex;padding:1.25rem}.admin-stat-icon{align-items:center;background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;margin-right:1rem;width:50px}.admin-stat-content{flex:1 1}.admin-stat-value{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.admin-stat-label{color:var(--gray-600);font-size:.875rem}.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_paginate,.dataTables_wrapper .dataTables_processing{color:var(--gray-700);margin-bottom:1rem}.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{border:1px solid var(--gray-300);border-radius:.25rem;padding:.375rem .75rem}.dataTables_wrapper .dataTables_paginate .paginate_button{border-radius:.25rem;margin-left:.25rem}.dataTables_wrapper .dataTables_paginate .paginate_button:not(.current):hover{background-color:var(--gray-200);border:1px solid var(--gray-300);color:var(--gray-800)!important}.admin-header{justify-content:space-between;margin-bottom:1.5rem}.admin-header,.admin-title{align-items:center;display:flex}.admin-title{color:var(--gray-800);font-size:1.75rem;font-weight:600;margin:0}.admin-title i{color:var(--primary-color);margin-right:.75rem}.admin-breadcrumb{color:var(--gray-600);font-size:.875rem}.admin-breadcrumb a{color:var(--primary-color);text-decoration:none}.admin-breadcrumb a:hover{text-decoration:underline}.admin-tabs{display:flex;gap:1rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.admin-tab{align-items:center;background-color:#fff;border:1px solid var(--gray-300);border-radius:var(--border-radius-md);color:var(--gray-700);cursor:pointer;display:flex;font-weight:500;padding:.75rem 1.25rem;transition:all var(--transition-fast);white-space:nowrap}.admin-tab i{margin-right:.5rem}.admin-tab .badge{background-color:var(--gray-200);border-radius:50rem;color:var(--gray-700);display:inline-block;font-size:.75rem;margin-left:.75rem;padding:.2rem .6rem}.admin-tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.admin-tab.active{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-sm);color:#fff}.admin-tab.active .badge{background-color:#ffffff4d;color:#fff}.admin-card{margin-bottom:1.5rem;overflow:hidden}.admin-card-header{border-bottom:1px solid var(--gray-200);padding:1.25rem 1.5rem}.admin-card-header h2{color:var(--gray-800);font-size:1.25rem;font-weight:600;margin:0}.admin-card-body{padding:1.5rem}.admin-card-footer{background-color:var(--gray-50);border-top:1px solid var(--gray-200);padding:1.25rem 1.5rem}.admin-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem}.admin-loading p{color:var(--gray-600);margin-top:1rem}.empty-state{color:var(--gray-600);padding:3rem 0;text-align:center}.empty-state i{color:var(--success-color);font-size:3rem;margin-bottom:1rem}.empty-state p{font-size:1.125rem}.action-buttons{display:flex;gap:.5rem}.resource-thumbnail-small{border-radius:var(--border-radius-md);height:50px;object-fit:cover;width:50px}.badge-file-type{border-radius:50rem;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.badge-file-type.pdf{background-color:#f87171;color:#fff}.badge-file-type.ppt{background-color:#fb923c;color:#fff}.badge-file-type.video{background-color:#3b82f6;color:#fff}.badge-file-type.link{background-color:#10b981;color:#fff}.badge-file-type.drive{background-color:#6366f1;color:#fff}.badge-file-type.other{background-color:#a3a3a3;color:#fff}.dataTables_wrapper .dataTables_filter input{border:1px solid var(--gray-300);border-radius:var(--border-radius-md);margin-left:.5rem;padding:.5rem}.dataTables_wrapper .dataTables_length select{border:1px solid var(--gray-300);border-radius:var(--border-radius-md);margin:0 .5rem;padding:.5rem}.dataTables_wrapper .dataTables_paginate .paginate_button{border-radius:var(--border-radius-md);padding:.5rem .75rem}.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:var(--primary-gradient);border:none;color:#fff!important}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background-color:var(--gray-200);border:1px solid var(--gray-300);color:var(--gray-800)!important}.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:var(--primary-gradient);border:none;color:#fff!important}@media (max-width:991px){.admin-header{align-items:flex-start;flex-direction:column;gap:.5rem}.admin-tabs{overflow-x:auto;width:100%}}:root{--primary-color:#3490dc;--primary-dark:#2779bd;--primary-light:#6cb2eb;--secondary-color:#38c172;--secondary-dark:#1f9d55;--secondary-light:#6ee7b7;--accent-color:#f6993f;--warning-color:#ffed4a;--danger-color:#e3342f;--success-color:#38c172;--info-color:#6574cd;--light-color:#f8f9fa;--dark-color:#343a40;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--shadow-2xl:0 25px 50px #00000040;--primary-gradient:linear-gradient(45deg,var(--primary-color),var(--primary-light));--secondary-gradient:linear-gradient(45deg,var(--secondary-color),var(--secondary-light));--accent-gradient:linear-gradient(45deg,var(--accent-color),#ffb74d);--info-gradient:linear-gradient(45deg,var(--info-color),#a3bffa);--warning-gradient:linear-gradient(45deg,var(--warning-color),#ffee58);--danger-gradient:linear-gradient(45deg,var(--danger-color),#ef5350);--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--border-radius-2xl:1.5rem;--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;background-color:var(--gray-100);color:#343a40;color:var(--gray-800);font-family:Kanit,sans-serif;font-weight:300;line-height:1.6;overflow-x:hidden}a{color:#3490dc;color:var(--primary-color);text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}a:hover{color:#2779bd;color:var(--primary-dark)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:2rem auto}.container,.main-content{max-width:1200px;padding:0 1rem;width:100%}.container{margin:0 auto}.page-title{border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--gray-300);color:#343a40;color:var(--dark-color);font-size:2rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}@keyframes spin{to{transform:rotate(1turn)}}.card{background-color:#fff;border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);margin-bottom:1.5rem;overflow:hidden;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.card-header{align-items:center;background:linear-gradient(45deg,#3490dc,#6cb2eb);background:var(--primary-gradient);color:#fff;display:flex;font-weight:500;padding:1rem 1.5rem}.card-header i{font-size:1.2rem;margin-right:.5rem}.card-body{padding:1.5rem}.card-footer{background-color:#f8f9fa;background-color:var(--gray-100);display:flex;justify-content:space-between;padding:1rem 1.5rem}.btn,.card-footer{align-items:center}.btn{border:none;border-radius:.5rem;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;outline:none;padding:.5rem 1.25rem;text-align:center;transition:all .15s ease-in-out;transition:all var(--transition-fast);white-space:nowrap}.btn i{margin-right:.5rem}.btn-primary{background:linear-gradient(45deg,#3490dc,#6cb2eb);background:var(--primary-gradient);box-shadow:0 4px 6px #3490dc40;color:#fff}.btn-primary:hover{background:linear-gradient(45deg,#2779bd,#3490dc);background:linear-gradient(45deg,var(--primary-dark),var(--primary-color));box-shadow:0 6px 8px #3490dc59;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(45deg,#38c172,#6ee7b7);background:var(--secondary-gradient);box-shadow:0 4px 6px #38c17240;color:#fff}.btn-secondary:hover{background:linear-gradient(45deg,#1f9d55,#38c172);background:linear-gradient(45deg,var(--secondary-dark),var(--secondary-color));box-shadow:0 6px 8px #38c17259;transform:translateY(-2px)}.btn-accent{background:linear-gradient(45deg,#f6993f,#ffb74d);background:var(--accent-gradient);box-shadow:0 4px 6px #f6993f40;color:#fff}.btn-accent:hover{background:linear-gradient(45deg,#f2862a,#f6993f);background:linear-gradient(45deg,#f2862a,var(--accent-color));box-shadow:0 6px 8px #f6993f59;transform:translateY(-2px)}.btn-danger{background:linear-gradient(45deg,#e3342f,#ef5350);background:var(--danger-gradient);box-shadow:0 4px 6px #e3342f40;color:#fff}.btn-danger:hover{background:linear-gradient(45deg,#cc1f1a,#e3342f);background:linear-gradient(45deg,#cc1f1a,var(--danger-color));box-shadow:0 6px 8px #e3342f59;transform:translateY(-2px)}.btn-info{background:linear-gradient(45deg,#6574cd,#a3bffa);background:var(--info-gradient);box-shadow:0 4px 6px #6574cd40;color:#fff}.btn-info:hover{background:linear-gradient(45deg,#5661b3,#6574cd);background:linear-gradient(45deg,#5661b3,var(--info-color));box-shadow:0 6px 8px #6574cd59;transform:translateY(-2px)}.btn-light{background-color:#f8f9fa;background-color:var(--gray-100);border:1px solid #dee2e6;border:1px solid var(--gray-300);color:#343a40;color:var(--gray-800)}.btn-light:hover{background-color:#e9ecef;background-color:var(--gray-200)}.btn-sm{font-size:.875rem;padding:.25rem .75rem}.btn-lg{font-size:1.125rem;padding:.75rem 1.5rem}.btn-block{display:block;width:100%}.btn-group{display:flex;gap:.5rem}.form-group{margin-bottom:1.25rem}.form-label{font-weight:500;margin-bottom:.5rem}.form-control,.form-label{color:#495057;color:var(--gray-700);display:block}.form-control{background-clip:padding-box;background-color:#fff;border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--border-radius-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);font-size:1rem;line-height:1.5;padding:.75rem 1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-control:focus{border-color:#3490dc;border-color:var(--primary-color);box-shadow:0 0 0 .2rem #3490dc40;outline:0}.form-control::placeholder{color:#adb5bd;color:var(--gray-500);opacity:1}textarea.form-control{min-height:100px;resize:vertical}.form-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--border-radius-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#495057;color:var(--gray-700);display:block;font-size:1rem;line-height:1.5;padding:.75rem 1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-select:focus{border-color:#3490dc;border-color:var(--primary-color);box-shadow:0 0 0 .2rem #3490dc40;outline:0}.form-check{align-items:center;display:flex;margin-bottom:.5rem}.form-check-input{cursor:pointer;height:1.25rem;margin-right:.5rem;width:1.25rem}.form-check-label{cursor:pointer}.invalid-feedback{color:#e3342f;color:var(--danger-color);display:block;font-size:.875rem;margin-top:.25rem;width:100%}.alert{border-radius:.5rem;border-radius:var(--border-radius-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1rem 1.5rem;position:relative}.alert-primary{background-color:#ebf5ff;border-left:4px solid #3490dc;border-left:4px solid var(--primary-color);color:#2779bd;color:var(--primary-dark)}.alert-success{background-color:#ebfaef;border-left:4px solid #38c172;border-left:4px solid var(--secondary-color);color:#1f9d55;color:var(--secondary-dark)}.alert-warning{background-color:#fff8e6;border-left:4px solid #ffed4a;border-left:4px solid var(--warning-color);color:#8a6d3b}.alert-danger{background-color:#fef2f2;border-left:4px solid #e3342f;border-left:4px solid var(--danger-color);color:#e3342f;color:var(--danger-color)}.alert-info{background-color:#f1f5ff;border-left:4px solid #6574cd;border-left:4px solid var(--info-color);color:#6574cd;color:var(--info-color)}.badge{border-radius:50rem;display:inline-block;font-size:.75rem;font-weight:500;line-height:1;padding:.25rem .75rem;text-align:center;vertical-align:initial;white-space:nowrap}.badge-primary{background:linear-gradient(45deg,#3490dc,#6cb2eb);background:var(--primary-gradient);color:#fff}.badge-secondary{background:linear-gradient(45deg,#38c172,#6ee7b7);background:var(--secondary-gradient);color:#fff}.badge-success{background:linear-gradient(45deg,#38c172,#6ee7b7);background:linear-gradient(45deg,var(--success-color),#6ee7b7);color:#fff}.badge-warning{background:linear-gradient(45deg,#ffed4a,#ffee58);background:linear-gradient(45deg,var(--warning-color),#ffee58);color:#343a40;color:var(--gray-800)}.badge-danger{background:linear-gradient(45deg,#e3342f,#ef5350);background:var(--danger-gradient);color:#fff}.badge-info{background:linear-gradient(45deg,#6574cd,#a3bffa);background:var(--info-gradient);color:#fff}.avatar{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);height:40px;object-fit:cover;width:40px}.avatar-sm{height:30px;width:30px}.avatar-lg{height:60px;width:60px}.avatar-xl{border-width:3px;height:100px;width:100px}.rating{align-items:center;color:#f8ce0b;display:flex}.rating i{margin-right:2px}.rating-count{color:#6c757d;color:var(--gray-600);font-size:.875rem;margin-left:5px}.table-container{border-radius:.5rem;border-radius:var(--border-radius-md);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);margin-bottom:1.5rem;overflow-x:auto}.table{background-color:#fff;border-collapse:collapse;width:100%}.table td,.table th{padding:.75rem 1rem;text-align:left}.table thead th{background:linear-gradient(45deg,#3490dc,#6cb2eb);background:var(--primary-gradient);border-bottom:2px solid #2779bd;border-bottom:2px solid var(--primary-dark);color:#fff;font-weight:500}.table tbody tr{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200)}.table tbody tr:nth-child(2n){background-color:#f8f9fa;background-color:var(--gray-100)}.table tbody tr:hover{background-color:#e9ecef;background-color:var(--gray-200)}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:#3490dc;color:var(--primary-color)}.text-secondary{color:#38c172;color:var(--secondary-color)}.text-success{color:#38c172;color:var(--success-color)}.text-danger{color:#e3342f;color:var(--danger-color)}.text-warning{color:#ffed4a;color:var(--warning-color)}.text-info{color:#6574cd;color:var(--info-color)}.text-muted{color:#6c757d;color:var(--gray-600)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-5{margin-right:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.flex{display:flex}.flex-column{flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.w-full{width:100%}.h-full{height:100%}.rounded-sm{border-radius:.25rem;border-radius:var(--border-radius-sm)}.rounded{border-radius:.5rem;border-radius:var(--border-radius-md)}.rounded-lg{border-radius:.75rem;border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:1rem;border-radius:var(--border-radius-xl)}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.shadow{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px #0000001a;box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:0 25px 50px #00000040;box-shadow:var(--shadow-2xl)}.border{border:1px solid #dee2e6;border:1px solid var(--gray-300)}.border-t{border-top:1px solid #dee2e6;border-top:1px solid var(--gray-300)}.border-b{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gray-300)}.border-l{border-left:1px solid #dee2e6;border-left:1px solid var(--gray-300)}.border-r{border-right:1px solid #dee2e6;border-right:1px solid var(--gray-300)}@media (min-width:576px){.container{max-width:540px}.grid-sm-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.container{max-width:720px}.grid-md-cols-2{grid-template-columns:repeat(2,1fr)}.grid-md-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:992px){.container{max-width:960px}.grid-lg-cols-3{grid-template-columns:repeat(3,1fr)}.grid-lg-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1200px){.container{max-width:1140px}}.stats-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background-color:#fff;border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);display:flex;overflow:hidden;padding:1.5rem;position:relative}.stat-card:before{background:linear-gradient(45deg,#3490dc,#6cb2eb);background:var(--primary-gradient);content:"";height:5px;left:0;position:absolute;top:0;width:100%}.stat-card i{font-size:2.5rem;margin-right:1rem;opacity:.8}.stat-card.primary i{color:#3490dc;color:var(--primary-color)}.stat-card.success i{color:#38c172;color:var(--success-color)}.stat-card.warning i{color:#ffed4a;color:var(--warning-color)}.stat-card.danger i{color:#e3342f;color:var(--danger-color)}.stat-card.info i{color:#6574cd;color:var(--info-color)}.stat-card.primary:before{background:linear-gradient(45deg,#3490dc,#6cb2eb);background:var(--primary-gradient)}.stat-card.success:before{background:linear-gradient(45deg,#38c172,#6ee7b7);background:var(--secondary-gradient)}.stat-card.warning:before{background:linear-gradient(45deg,#f6993f,#ffb74d);background:var(--accent-gradient)}.stat-card.danger:before{background:linear-gradient(45deg,#e3342f,#ef5350);background:var(--danger-gradient)}.stat-card.info:before{background:linear-gradient(45deg,#6574cd,#a3bffa);background:var(--info-gradient)}.stat-content{flex:1 1}.stat-value{font-size:1.75rem;font-weight:600;margin-bottom:.25rem}.stat-label{color:#6c757d;color:var(--gray-600);font-size:.875rem}.chart-container{background-color:#fff;border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);margin-bottom:2rem;padding:1.5rem}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.chart-title{font-size:1.25rem;font-weight:600}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:992px){.dashboard-grid{grid-template-columns:2fr 1fr}}.resources-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.resource-card{background-color:#fff;border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.resource-card:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.resource-thumbnail{height:180px;overflow:hidden;position:relative}.resource-thumbnail img{height:100%;object-fit:cover;transition:transform .3s ease-in-out;transition:transform var(--transition-normal);width:100%}.resource-card:hover .resource-thumbnail img{transform:scale(1.05)}.resource-type{background:linear-gradient(45deg,#3490dc,#6cb2eb);background:var(--primary-gradient);border-radius:50rem;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem;position:absolute;right:10px;top:10px}.resource-content{display:flex;flex:1 1;flex-direction:column;padding:1.25rem}.resource-title{color:#343a40;color:var(--gray-800);font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.resource-description{color:#6c757d;color:var(--gray-600);flex:1 1;font-size:.875rem;margin-bottom:.75rem}.resource-meta{border-top:1px solid #e9ecef;border-top:1px solid var(--gray-200);color:#6c757d;color:var(--gray-600);font-size:.8125rem;justify-content:space-between;margin-top:auto;padding-top:.75rem}.resource-author,.resource-meta{align-items:center;display:flex}.resource-author img{border-radius:50%;height:25px;margin-right:.5rem;object-fit:cover;width:25px}.resource-stats,.resource-stats div{align-items:center;display:flex}.resource-stats div{margin-left:.75rem}.resource-stats i{font-size:.875rem;margin-right:.25rem}.resource-footer{background-color:#f8f9fa;background-color:var(--gray-100);display:flex;font-size:.875rem;justify-content:space-between;padding:1rem 1.25rem}.resource-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.resource-tag{background-color:#e9ecef;background-color:var(--gray-200);border-radius:50rem;color:#495057;color:var(--gray-700);display:inline-block;font-size:.75rem;padding:.2rem .6rem}.detail-header{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem}@media (min-width:768px){.detail-header{grid-template-columns:2fr 1fr}}.detail-image{border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);height:100%;max-height:400px;min-height:200px;object-fit:cover;width:100%}.detail-info{display:flex;flex-direction:column}.detail-title{font-size:1.75rem;font-weight:600;margin-bottom:1rem}.detail-meta{color:#6c757d;color:var(--gray-600);display:flex;flex-wrap:wrap;font-size:.875rem;gap:1rem;margin-bottom:1rem}.detail-meta div{align-items:center;display:flex}.detail-meta i{margin-right:.5rem}.detail-description{line-height:1.8;margin-bottom:1.5rem}.detail-author{align-items:center;border-top:1px solid #dee2e6;border-top:1px solid var(--gray-300);display:flex;margin-top:auto;padding-top:1rem}.detail-author img{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);height:50px;margin-right:1rem;object-fit:cover;width:50px}.detail-author-info{flex:1 1}.detail-author-name{color:#343a40;color:var(--gray-800);font-weight:500}.detail-author-school{color:#6c757d;color:var(--gray-600);font-size:.875rem}.detail-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.detail-sections{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:992px){.detail-sections{grid-template-columns:3fr 1fr}}.detail-content{background-color:#fff;border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem}.detail-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{background-color:#fff;border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:1.25rem}.sidebar-card-title{align-items:center;display:flex;font-size:1.125rem;font-weight:500;margin-bottom:1rem}.sidebar-card-title i{color:#3490dc;color:var(--primary-color);margin-right:.5rem}.similar-resources{display:flex;flex-direction:column;gap:1rem}.similar-resource{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200);display:flex;padding:.75rem 0}.similar-resource:last-child{border-bottom:none}.similar-resource-image{border-radius:.5rem;border-radius:var(--border-radius-md);height:60px;margin-right:1rem;object-fit:cover;width:60px}.similar-resource-info{flex:1 1}.similar-resource-title{color:#343a40;color:var(--gray-800);font-weight:500;margin-bottom:.25rem}.similar-resource-meta{color:#6c757d;color:var(--gray-600);font-size:.75rem}.comments-section{margin-top:2rem}.comments-title{align-items:center;display:flex;font-size:1.25rem;font-weight:500;margin-bottom:1.5rem}.comments-title i{color:#3490dc;color:var(--primary-color);margin-right:.5rem}.comment-form{margin-bottom:1.5rem}.comment-list{display:flex;flex-direction:column;gap:1.25rem}.comment{display:flex;gap:1rem}.comment-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.comment-content{background-color:#f8f9fa;background-color:var(--gray-100);border-radius:.75rem;border-radius:var(--border-radius-lg);flex:1 1;padding:1rem;position:relative}.comment-content:before{border-bottom:8px solid #0000;border-right:10px solid #f8f9fa;border-right:10px solid var(--gray-100);border-top:8px solid #0000;content:"";height:0;left:-10px;position:absolute;top:12px;width:0}.comment-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.comment-author{color:#343a40;color:var(--gray-800);font-weight:500}.comment-date{color:#6c757d;color:var(--gray-600);font-size:.75rem}.comment-text{font-size:.9375rem;line-height:1.6}.comment-actions{display:flex;font-size:.75rem;gap:.75rem;margin-top:.5rem}.comment-action{align-items:center;color:#6c757d;color:var(--gray-600);cursor:pointer;display:flex}.comment-action i{margin-right:.25rem}.comment-action:hover{color:#3490dc;color:var(--primary-color)}.comment-replies{border-left:2px solid #dee2e6;border-left:2px solid var(--gray-300);margin-top:1rem;padding-left:1.5rem}.admin-layout{display:grid;grid-template-columns:1fr;min-height:calc(100vh - 60px)}@media (min-width:992px){.admin-layout{grid-template-columns:250px 1fr}}.admin-sidebar{background-color:#343a40;background-color:var(--gray-800);color:#fff;padding:1.5rem 0}.admin-sidebar-header{align-items:center;display:flex;margin-bottom:1.5rem;padding:0 1.5rem}.admin-sidebar-logo{border:2px solid #3490dc;border:2px solid var(--primary-color);border-radius:50%;height:40px;margin-right:.75rem;object-fit:cover;width:40px}.admin-sidebar-title{font-size:1.25rem;font-weight:600}.admin-sidebar-nav{list-style:none}.admin-sidebar-nav li{margin-bottom:.25rem}.admin-sidebar-nav a{align-items:center;color:#dee2e6;color:var(--gray-300);display:flex;padding:.75rem 1.5rem;transition:background-color .15s ease-in-out,color .15s ease-in-out;transition:background-color var(--transition-fast),color var(--transition-fast)}.admin-sidebar-nav a.active,.admin-sidebar-nav a:hover{background-color:#495057;background-color:var(--gray-700);color:#fff}.admin-sidebar-nav i{margin-right:.75rem;text-align:center;width:20px}.admin-main{padding:1.5rem}.admin-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem}.admin-card{background-color:#fff;border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.admin-card-header{align-items:center;display:flex;justify-content:space-between}.admin-card-title{font-size:1.125rem;font-weight:500}.admin-card-icon{align-items:center;background:linear-gradient(45deg,#3490dc,#6cb2eb);background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.admin-card-body{flex:1 1}.admin-card-value{font-size:2rem;font-weight:600;margin-bottom:.25rem}.admin-card-description,.admin-card-footer{color:#6c757d;color:var(--gray-600);font-size:.875rem}.admin-card-footer{align-items:center;display:flex}.admin-card-footer i{margin-right:.5rem}
/*# sourceMappingURL=main.e7b2a023.css.map*/