:root{--bg-color:#f8fafc;--sidebar-color:#fff;--surface-color:#fff;--border-color:#e2e8f0;--accent-color:#3b82f6;--secondary-accent:#8b5cf6;--accent-hover:#2563eb;--text-primary:#0f172a;--text-muted:#64748b;--text-secondary:#94a3b8;--danger-color:#ef4444;--success-color:#10b981;--tg-blue:#0b3d7a;--tg-blue-dark:#072a56;--tg-yellow:#fc0;--tg-yellow-dark:#e6b800;--glass-bg:#ffffffb3;--glass-border:#0000000d;--neon-blue:0 10px 25px #3b82f633;--neon-purple:0 10px 25px #8b5cf633}.dark-theme{--bg-color:#0f172a;--sidebar-color:#1e293b;--surface-color:#1e293b;--border-color:#334155;--text-primary:#f8fafc;--text-muted:#cbd5e1;--text-secondary:#94a3b8;--glass-bg:#1e293bb3;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background:var(--bg-color);color:var(--text-primary);min-height:100vh;transition:background .3s,color .3s;overflow-x:hidden}.app-container{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-color);border-right:1px solid var(--glass-border);flex-direction:column;width:220px;padding:1.2rem 1rem;display:flex}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 4px 6px -1px #0000000d}.logo{letter-spacing:-.5px;align-items:center;gap:.8rem;margin-bottom:1rem;font-size:1.2rem;font-weight:800;display:flex}.accent{color:var(--accent-color)}.side-nav{flex-grow:1}.nav-item{color:var(--text-muted);border-radius:8px;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.5rem .75rem;font-size:.9rem;text-decoration:none;transition:all .3s;display:flex}.nav-item svg{width:20px;height:20px}.nav-item:hover,.nav-item.active{color:var(--text-primary);background:#3b82f60d}.nav-item.active{border-left:3px solid var(--accent-color);box-shadow:var(--neon-blue)}.icon-btn{color:var(--text-muted);background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.icon-btn:hover{background:#0000000d}.icon-btn-danger{color:#ef4444}.icon-btn-danger:hover{background:#ef44441a}.user-profile{border-radius:16px;align-items:center;gap:1rem;padding:1rem;display:flex}.user-avatar{background:linear-gradient(135deg,var(--accent-color),var(--secondary-accent));border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-weight:800;display:flex}.main-content{flex-grow:1;max-height:100vh;padding:1.2rem 1.5rem;overflow-y:auto}.top-header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.search-bar{border-radius:50px;align-items:center;gap:1rem;width:400px;padding:.8rem 1.5rem;display:flex}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%}.btn-primary{background:linear-gradient(135deg,var(--accent-color),var(--secondary-accent));color:#fff;cursor:pointer;box-shadow:var(--neon-blue);border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:600;display:flex}.dashboard-hero h1{margin-bottom:.2rem;font-size:2.2rem;font-weight:800}.gradient-text{background:linear-gradient(to right,var(--accent-color),var(--secondary-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.dashboard-hero p{color:var(--text-muted);font-size:1.1rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem;display:grid}.stat-card{border:1px solid var(--glass-border);border-radius:12px;padding:1rem;transition:all .4s}.stat-card:hover{transform:translateY(-10px)}.stat-header{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.stat-value{font-size:2rem;font-weight:800}.stat-delta{margin-top:.5rem;font-size:.9rem}.positive{color:#0f8}.glass-neon-blue{background:#3b82f608;border-color:#3b82f61a;box-shadow:0 10px 30px #3b82f60d}.glass-neon-purple{background:#8b5cf608;border-color:#8b5cf61a;box-shadow:0 10px 30px #8b5cf60d}.glass-neon-green{background:#10b98108;border-color:#10b9811a;box-shadow:0 10px 30px #10b9810d}.mt-lg{margin-top:2rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.course-item{border-radius:20px;align-items:center;gap:1.5rem;margin-bottom:1rem;padding:1.2rem;transition:all .3s;display:flex}.course-item:hover{background:var(--surface-color);box-shadow:0 10px 25px -5px #0000000d}.course-thumb{font-size:2rem}.course-details{flex-grow:1}.course-details h3{margin-bottom:.2rem;font-size:1.2rem}.course-details p{color:var(--text-muted);font-size:.9rem}.course-status{border-radius:50px;padding:.3rem .8rem;font-size:.7rem;font-weight:800}.course-status.active{color:#0f8;background:#0f82;border:1px solid #0f8}.course-status.draft{color:#fa0;background:#fa02;border:1px solid #fa0}@media (max-width:768px){.app-container{flex-direction:column}.sidebar{border-right:none;border-top:1px solid var(--glass-border);z-index:1000;background:#fffffff2;flex-direction:row;justify-content:space-around;align-items:center;width:100%;height:70px;padding:.8rem 1rem;position:fixed;bottom:0;left:0}.logo,.user-profile,.sidebar-footer{display:none!important}.side-nav{flex-direction:row;justify-content:space-around;width:100%;margin:0;display:flex}.nav-item{flex-direction:column;gap:4px;margin-bottom:0;padding:.5rem;font-size:.7rem}.nav-item i,.nav-item svg{width:22px;height:22px}.main-content{max-height:none;padding:1rem 1rem 80px;overflow-y:visible}.top-header{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.search-bar{width:100%}.stats-grid{grid-template-columns:1fr;gap:1rem}.dashboard-hero h1{font-size:2rem}.course-item{flex-direction:column}}