:root{--bg:#0f172a;--card:#111827;--muted:#d1d5db;--brand:#06b6d4;--brand-2:#22c55e;--text:#f8fafc}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:1rem}
.grid{display:grid;gap:1rem}.grid-3{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{background:var(--card);border-radius:14px;overflow:hidden;border:1px solid #1f2937}
.card img{width:100%;height:160px;object-fit:cover;display:block}
.card .p{padding:1rem}.badge{display:inline-block;padding:.25rem .5rem;border:1px solid #334155;border-radius:999px;font-size:.75rem;color:var(--muted)}
.header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.header a.brand{font-weight:700;font-size:1.15rem;color:var(--text)}
.header input[type=search]{flex:1 1 320px;background:#0b1220;border:1px solid #253046;border-radius:10px;padding:.65rem 1rem;color:var(--text)}
.btn{display:inline-block;padding:.65rem 1rem;border-radius:10px;border:1px solid #334155;background:#0b1220;color:var(--text)}
.btn.primary{background:linear-gradient(90deg,var(--brand),var(--brand-2));border:none}
.footer{opacity:.7;font-size:.9rem;margin-top:2rem}
.video-wrap{background:#000;border-radius:12px;overflow:hidden;border:1px solid #1f2937}
.lesson-list{list-style:none;margin:0;padding:0}
.lesson-list li{padding:.5rem .75rem;border-bottom:1px solid #1f2937;display:flex;gap:.5rem;align-items:center}
.lesson-list li.active{background:#0b1220}.lesson-list small{opacity:.7}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border:1px solid #1f2937;padding:.5rem;text-align:left}
.table th{background:#0b1220}
.form{display:grid;gap:.75rem;max-width:760px}
.form input,.form select,.form textarea{width:100%;background:#0b1220;border:1px solid #253046;border-radius:10px;padding:.65rem 1rem;color:var(--text)}
.form label{font-size:.9rem;opacity:.85}.actions{display:flex;gap:.5rem;flex-wrap:wrap}
.alert{padding:.75rem 1rem;border-radius:10px;border:1px solid #334155;background:#0b1220;margin:.5rem 0}
.success{border-color:#14532d}.danger{border-color:#7f1d1d}