@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;700;900&family=Manrope:wght@400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-heading: "Barlow Condensed", sans-serif;--font-body: "Manrope", sans-serif;--bg-base: #0A0A0A;--bg-surface: #141414;--bg-hover: #1E1E1E;--border: rgba(255, 255, 255, .08);--text-primary: #F5F5F5;--text-secondary: #A3A3A3;--text-muted: #525252;--accent: #FF3B30;--accent-hover: #FF2D20}html,body,#root{height:100%;font-family:var(--font-body);font-size:14px;color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.navbar{height:56px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#0d0d0d;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;gap:16px}.navbar-brand{font-family:var(--font-heading);font-size:1.25rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary);white-space:nowrap;flex-shrink:0}.navbar-brand span{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{padding:4px 10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);text-decoration:none;border-radius:2px;transition:color .15s,background .15s;white-space:nowrap;position:relative}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover);text-decoration:none}.nav-link.active{color:var(--text-primary)}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:8px;right:8px;height:2px;background:var(--accent);border-radius:1px}.user-menu{display:flex;align-items:center;gap:10px;flex-shrink:0}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:#0d0d0d;border-top:1px solid var(--border);height:60px;padding:0 8px}.mobile-bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;transition:color .15s;position:relative}.mobile-bottom-nav a.active{color:var(--accent)}.mobile-bottom-nav a .nav-icon{font-size:18px}@media(max-width:768px){.mobile-bottom-nav{display:flex}.nav-desktop{display:none!important}.navbar{padding:0 12px}body{padding-bottom:60px}}.page-container{max-width:1200px;margin:0 auto;padding:24px 20px 40px}.page-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:2px;padding:16px;transition:border-color .15s}.card:hover{border-color:#ffffff24}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;background:var(--accent);color:#fff;font-family:var(--font-body);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:none;border-radius:2px;cursor:pointer;transition:background .15s,opacity .15s;text-decoration:none;white-space:nowrap}.btn-primary:hover{background:var(--accent-hover);text-decoration:none}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--border);border-radius:2px;cursor:pointer;transition:all .15s;text-decoration:none;white-space:nowrap}.btn-secondary:hover{border-color:#fff3;color:var(--text-primary);background:var(--bg-hover);text-decoration:none}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],textarea,select{width:100%;padding:10px 12px;background:var(--bg-base);border:1px solid var(--border);border-radius:2px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;transition:border-color .15s;outline:none;appearance:none}input:focus,textarea:focus,select:focus{border-color:#ffffff4d}input::placeholder,textarea::placeholder{color:var(--text-muted)}select option{background:var(--bg-surface);color:var(--text-primary)}.field{margin-bottom:16px}.field label,label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:6px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-3,.grid-4{grid-template-columns:1fr}}.video-card{cursor:pointer;padding:0;overflow:hidden}.video-card:hover{border-color:#ffffff2e}.video-card .thumb{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}.video-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.video-card:hover .thumb img{transform:scale(1.03)}.video-card .thumb .duration{position:absolute;bottom:8px;right:8px;background:#000000bf;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:2px}.video-card .info{padding:12px}.video-card .info h3{font-size:14px;font-weight:700;margin-bottom:4px}.video-card .info .meta{font-size:12px;color:var(--text-muted)}.stat-card{text-align:center}.stat-value{font-family:var(--font-heading);font-size:2rem;font-weight:900;color:var(--text-primary);line-height:1.1}.stat-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-top:4px}.badge{display:inline-block;padding:2px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:2px;border:1px solid var(--border);color:var(--text-secondary)}.badge-red{background:#ff3b301f;color:#ff3b30;border-color:#ff3b304d}.badge-green{background:#34c7591f;color:#34c759;border-color:#34c7594d}.badge-blue{background:#007aff1f;color:#007aff;border-color:#007aff4d}.badge-yellow{background:#ffcc001f;color:#fc0;border-color:#ffcc004d}.badge-purple{background:#5856d61f;color:#5856d6;border-color:#5856d64d}.label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-muted);font-size:14px;font-weight:600}.flex-between{display:flex;justify-content:space-between;align-items:center}.text-muted{color:var(--text-muted)}.text-sm{font-size:13px}.text-xs{font-size:11px}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-4{margin-bottom:20px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.error-text{color:#ff3b30;font-size:13px;font-weight:600}.star.active{color:#fc0}.star{color:var(--text-muted)}.auth-page{display:flex;min-height:100vh}.auth-image{flex:1;background-size:cover;background-position:center;position:relative;display:none}@media(min-width:768px){.auth-image{display:block}}.auth-image:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000c,#0003 60%,#0000001a)}.auth-form-container{width:100%;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:var(--bg-surface);min-height:100vh}@media(min-width:768px){.auth-form-container{width:440px;flex-shrink:0;min-height:auto}}.auth-form{width:100%;max-width:380px}.auth-form h1{font-family:var(--font-heading);font-size:2rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.auth-form h1 span{color:var(--accent)}.auth-form .subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:28px}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal-content{background:var(--bg-surface);border:1px solid var(--border);border-radius:2px;padding:28px;width:100%;max-height:90vh;overflow-y:auto}.user-role{display:inline-block;font-size:10px;font-weight:800;padding:2px 8px;border-radius:2px;text-transform:uppercase;letter-spacing:.08em}.role-student{background:#34c7591f;color:#34c759}.role-teacher{background:#007aff1f;color:#007aff}.role-admin{background:#ff3b301f;color:#ff3b30}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease-out}@media(max-width:768px){.page-container{padding:16px 14px 32px}.page-title{font-size:1.4rem}.upload-grid,.responsive-2col{grid-template-columns:1fr!important}}