:root{--primary-color:color(display-p3 0.882 0.847 0.82);--secondary-color:color(display-p3 0.937 0.906 0.882);--background-light:#f9fafb;--text-primary:#1f2937;--text-secondary:#6b7280;--card-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--transition-speed:0.3s;--font-heading:"Oswald",sans-serif;--font-body:"Inter",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9fafb;background-color:var(--background-light);color:#1f2937;color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-body);overscroll-behavior:none}.app{min-height:100vh}.main-content{margin:0 auto;max-width:1280px;padding:24px}.video-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:24px}@media (max-width:768px){.main-content{padding:16px}.video-grid{grid-template-columns:1fr}}.navbar{background-color:color(display-p3 .882 .847 .82);box-shadow:0 2px 4px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbarImg{width:200px}.navbar-container{align-items:center;margin:auto;padding:18px;text-align:center}.navbar-logo{color:#000;font-size:24px;font-weight:600}.navbar-icons{display:flex;gap:16px}.icon-btn{background:none;border:none;border-radius:50%;cursor:pointer;padding:8px;transition:background-color var(--transition-speed)}.icon-btn:hover{background-color:var(--background-light)}.icon-btn .material-icons{color:var(--text-secondary);font-size:24px}.dashboard{margin-bottom:32px}.dashboard-header{margin-bottom:24px}.dashboard-header h1{color:var(--text-primary);font-family:var(--font-heading);font-size:32px;margin-bottom:16px}.completion-overview{background:#fff;border-radius:12px;box-shadow:var(--card-shadow);padding:20px}.completion-text{color:var(--text-primary);font-size:18px;margin-bottom:12px}.completion-percentage{color:var(--primary-color);font-weight:600;margin-left:8px}.completion-bar{background-color:#e5e7eb;border-radius:4px;height:8px;overflow:hidden}.completion-bar-fill{background-color:var(--primary-color);border-radius:4px;height:100%;transition:width .3s ease}.dashboard-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat-card{background:#fff;border-radius:12px;box-shadow:var(--card-shadow);padding:20px;transition:transform var(--transition-speed)}.stat-card:hover{transform:translateY(-2px)}.stat-card h3{color:var(--text-secondary);font-size:14px;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.stat-card .value{color:var(--primary-color);font-size:28px;font-weight:600}@media (max-width:768px){.dashboard-header h1{font-size:24px}.completion-text{font-size:16px}.stat-card{padding:16px}.stat-card .value{font-size:24px}}.search-filter{margin-bottom:24px}.search-container{margin-bottom:16px;position:relative}.search-container input{background-color:#fff;border:2px solid #0000;border-radius:8px;border-radius:20px;box-shadow:var(--card-shadow);font-size:16px;padding:12px 44px;transition:all var(--transition-speed);width:100%}.search-container input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.search-icon{color:var(--text-secondary);left:16px;position:absolute;top:50%;transform:translateY(-50%)}.categories{display:flex;flex-wrap:wrap;gap:12px}.category-btn{background-color:#fff;border:none;border-radius:20px;box-shadow:var(--card-shadow);color:var(--text-secondary);cursor:pointer;padding:8px 16px;transition:all var(--transition-speed)}.category-btn:hover{transform:translateY(-1px)}.category-btn.active{background-color:var(--primary-color);color:#fff}.filter-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.favorite-filter-btn{align-items:center;background-color:#fff;border:none;border-radius:20px;box-shadow:var(--card-shadow);color:var(--text-secondary);cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all var(--transition-speed)}.favorite-filter-btn:hover{transform:translateY(-1px)}.favorite-filter-btn.active{background-color:var(--secondary-color);color:#fff}.favorite-filter-btn .material-icons{font-size:20px}@media (max-width:768px){.filter-section{align-items:stretch;flex-direction:column}.categories{order:2}.favorite-filter-btn{justify-content:center;order:1}}.video-card{background:#fff;border-radius:12px;box-shadow:var(--card-shadow);cursor:pointer;overflow:hidden;transition:transform var(--transition-speed)}.video-card:hover{transform:translateY(-4px)}.thumbnail-container{aspect-ratio:16/9;background-color:#000;position:relative}.video-thumbnail{height:100%;object-fit:cover;transition:opacity var(--transition-speed);width:100%}.video-card:hover .video-thumbnail{opacity:.7}.play-overlay{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--transition-speed)}.play-overlay.visible{opacity:1}.play-icon{color:#fff;font-size:48px;transform:scale(1);transition:transform var(--transition-speed)}.video-card:hover .play-icon{transform:scale(1.1)}.video-info-overlay{align-items:center;bottom:12px;display:flex;justify-content:space-between;left:12px;position:absolute;right:12px;z-index:1}.duration-badge{background-color:#000c}.duration-badge,.level-badge{border-radius:4px;color:#fff;font-size:12px;padding:4px 8px}.level-badge{background-color:var(--primary-color)}.video-info{padding:16px}.video-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.video-title{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.4;margin-right:12px}.favorite-btn{background:none;border:none;border-radius:50%;cursor:pointer;padding:4px;transition:background-color var(--transition-speed)}.favorite-btn:hover{background-color:var(--background-light)}.favorite-icon{color:var(--text-secondary);transition:color var(--transition-speed)}.favorite-icon.favorited{color:var(--secondary-color)}.video-meta{justify-content:space-between;margin-bottom:12px}.instructor-info,.video-meta{align-items:center;display:flex}.instructor-info{color:var(--text-secondary);font-size:14px;gap:6px}.instructor-icon{font-size:18px}.progress-text{color:var(--text-secondary);font-size:12px}.video-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag{background-color:var(--background-light);border-radius:12px;color:var(--text-secondary);font-size:12px;padding:4px 8px}.completed-icon{color:var(--primary-color)}.progress-bar{background-color:#e5e7eb;border-radius:2px;height:4px;overflow:hidden;width:100%}.progress-fill{background-color:var(--primary-color);height:100%;transition:width var(--transition-speed)}.video-player{background:#fff;border-radius:12px;box-shadow:var(--card-shadow);margin-bottom:32px;overflow:hidden}.player-container{aspect-ratio:16/9;position:relative}.react-player{left:0;position:absolute;top:0}.close-btn{align-items:center;background-color:#00000080;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:background-color var(--transition-speed);width:36px;z-index:10}.close-btn:hover{background-color:#000000b3}.close-btn .material-icons{color:#fff}.video-details{padding:24px}.video-details .video-title{font-size:24px;font-weight:600;margin-bottom:16px}.video-details .video-meta{margin-bottom:16px}.video-description{color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.progress-container{margin-top:24px}.pin-auth-container{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;inset:0;justify-content:center;opacity:1;position:fixed;transition:opacity .5s ease-in-out;z-index:2000}.pin-auth-container.fade-out{opacity:0}.pin-auth-box{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 25px #0003;max-width:400px;padding:40px;text-align:center;width:90%}.pin-auth-box h1{color:var(--text-primary);font-family:var(--font-heading);font-size:28px;margin-bottom:16px}.pin-auth-box p{color:var(--text-secondary);margin-bottom:32px}.pin-input-group{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.pin-input-group input{background:#0000;border:2px solid #e5e7eb;border-radius:12px;font-size:24px;height:60px;text-align:center;transition:all .3s ease;width:60px}.pin-input-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #4f46e51a;outline:none}.pin-input-group input.error{animation:shake .5s ease-in-out;border-color:#ef4444}.error-message{align-items:center;animation:fadeIn .3s ease-out;color:#ef4444;display:flex;font-size:14px;gap:8px;justify-content:center}.error-message .material-icons{font-size:18px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.3f48290d.css.map*/