@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-color:#0d0d0d;--panel-bg:#1a1a1a;--panel-border:#2a2a2a;--text-main:#f3f4f6;--text-muted:#9ca3af;--accent-color:#e11d48;--accent-hover:#be123c;--glass-bg:#1a1a1ab3;--glass-border:#ffffff1a;--success:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input{font-family:inherit}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px}.btn-primary{background-color:var(--accent-color);color:#fff;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.input-field{border:1px solid var(--panel-border);color:#fff;background-color:#000;border-radius:8px;width:100%;padding:12px 16px;transition:border-color .2s}.input-field:focus{border-color:var(--accent-color);outline:none}.admin-nav-item{color:#fff;border:1px solid var(--panel-border);background-color:#ffffff0d;border-radius:8px;justify-content:flex-start;align-items:center;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.admin-nav-item:hover{background-color:#ffffff1a}.course-layout{background-color:var(--bg-color);height:100vh;display:flex;overflow:hidden}.course-main{border-right:1px solid var(--panel-border);flex-direction:column;flex:1;display:flex}.course-sidebar{background-color:var(--panel-bg);flex-direction:column;width:360px;display:flex}.course-header{border-bottom:1px solid var(--panel-border);align-items:center;gap:16px;padding:20px 32px;display:flex}.course-content{flex:1;padding:32px;overflow-y:auto}.course-video-wrapper{max-width:1000px;margin:0 auto;padding-bottom:80px}.admin-layout{background-color:var(--bg-color);min-height:100vh;display:flex}.admin-sidebar{border-right:1px solid var(--panel-border);background-color:var(--panel-bg);flex-direction:column;width:250px;padding:32px 24px;display:flex}.admin-main{flex:1;width:100%;padding:48px;overflow-y:auto}@media (max-width:768px){.course-layout{flex-direction:column;height:auto;min-height:100vh;overflow-y:auto}.course-main{border-right:none;border-bottom:1px solid var(--panel-border);flex:none}.course-sidebar{flex:none;width:100%}.course-header{padding:16px}.course-content{padding:16px;overflow-y:visible}.admin-layout{flex-direction:column}.admin-sidebar{border-right:none;border-bottom:1px solid var(--panel-border);width:100%;padding:24px 16px}.course-video-wrapper{padding-bottom:16px}.admin-main{padding:24px 16px}}