@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#090b12;--panel:#111521;--line:#252d40;--text:#f4f6fb;--muted:#9ba6ba;--accent:#8b5cf6;--cyan:#22d3ee;--red:#ef4444}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% -10%,#1a1740 0,transparent 42%),var(--bg);color:var(--text);font-family:Vazirmatn,Tahoma,sans-serif;min-height:100vh}
a{color:inherit;text-decoration:none}.top{height:68px;border-bottom:1px solid #202638;background:#090b12dd;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,18px);position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}
.brand{font-weight:800;letter-spacing:1px;font-size:19px}.brand span{color:var(--cyan)}nav{display:flex;gap:22px;color:#b9c1d1;font-size:14px}.wrap{width:min(1050px,92%);margin:38px auto 70px;min-height:65vh}
.hero{padding:48px 10px 32px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--cyan)}h1{font-size:clamp(25px,4vw,38px);margin:8px 0}h2{font-size:19px;margin:0 0 14px}.hero p,.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:16px}
.video-card,.panel,.empty,.watch{background:linear-gradient(145deg,#151b2b,#0e121d);border:1px solid var(--line);border-radius:17px;padding:22px}.video-card{display:flex;flex-direction:column;min-height:215px}.video-card p{color:#b6bfd0;font-size:13px;line-height:1.9;flex:1}.video-card h2{margin-top:12px}.playmark{width:38px;height:38px;border-radius:12px;background:#29214d;color:#c4b5fd;display:grid;place-items:center}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 18px;background:linear-gradient(100deg,#7c3aed,#2563eb);color:white;font:600 14px Vazirmatn;cursor:pointer;margin-top:12px}.button.secondary{background:#222b3d}.button.danger{background:#7f1d1d}.watch{max-width:900px;margin:25px auto}.player{background:#000;border-radius:12px;overflow:hidden}.player video{width:100%;max-height:70vh;display:block;background:#000}.description{line-height:2;color:#d1d7e3;white-space:normal}.narrow{max-width:480px;margin:40px auto}.panel form{display:flex;flex-direction:column;gap:9px}label{font-size:13px;color:#c4ccda;margin-top:8px}input,textarea{width:100%;border:1px solid #30394e;background:#090e19;color:white;border-radius:9px;padding:12px;font:14px Vazirmatn;outline:none}input:focus,textarea:focus{border-color:var(--accent)}input[type=file]{padding:10px}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.section-title{margin:30px 0 12px}.admin-video{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px;border-bottom:1px solid var(--line);background:#111521}.admin-video:first-of-type{border-radius:12px 12px 0 0}.share-link{color:var(--cyan);font-size:12px;display:inline-block;margin-top:7px;direction:ltr}.actions{display:flex;align-items:center;gap:8px}.actions form{margin:0}.actions .button{margin:0}.small{font-size:12px}.notice{padding:13px 16px;border-radius:10px;margin-bottom:18px;background:#12372e;color:#a7f3d0}.notice.error{background:#451b24;color:#fecaca}.progress-wrap{height:7px;background:#252d40;border-radius:9px;overflow:hidden;margin-top:12px;display:none}.progress-wrap div{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--cyan));transition:width .2s}.empty{text-align:center;color:var(--muted);padding:40px}footer{text-align:center;border-top:1px solid #202638;padding:24px;color:#788398;font-size:12px}footer span{color:var(--cyan)}
@media(max-width:600px){.wrap{margin-top:22px}.hero{padding:25px 4px}.admin-video{align-items:flex-start;flex-direction:column}.actions{width:100%}.actions>*{flex:1}.actions .button{width:100%}.top{padding:0 15px}nav{gap:12px}}