
*{box-sizing:border-box}html{background:#050507}:root{--bg:#050507;--side:#0a0a0f;--card:#101017;--card2:#15151e;--line:rgba(255,255,255,.075);--text:#f7f7fa;--muted:#8e8e9b;--p:#a855f7;--p2:#7c3aed;--green:#36d17c;--red:#ff5e70}
body{margin:0;min-height:100vh;background:radial-gradient(900px 500px at 70% -20%,rgba(168,85,247,.13),transparent 65%),var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
a{text-decoration:none;color:inherit}header{height:68px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;background:rgba(5,5,7,.86);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:850;letter-spacing:-.025em}.brandmark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--p),var(--p2));box-shadow:0 8px 28px #7c3aed44}
nav{display:flex;gap:5px}nav a{padding:9px 12px;border-radius:9px;color:#aaa8b2;font-size:13px;font-weight:650}nav a:hover{background:#15151d;color:white}
main{width:min(1400px,calc(100% - 56px));margin:36px auto}h1{font-size:34px;line-height:1.1;letter-spacing:-.045em;margin:0 0 26px}h2{font-size:19px;letter-spacing:-.025em;margin:0 0 18px}h3{font-size:16px;margin:0 0 7px}p{margin:0 0 13px}.muted{color:var(--muted)}
.panel,.card,.stat{background:linear-gradient(180deg,#111118,#0d0d13);border:1px solid var(--line);box-shadow:0 20px 60px #0005}.panel{padding:24px;border-radius:17px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:19px}.card{border-radius:15px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#a855f755;box-shadow:0 25px 70px #0009}.poster,.poster-empty{width:100%;aspect-ratio:16/9}.poster{display:block;object-fit:cover}.poster-empty{display:grid;place-items:center;background:radial-gradient(circle,#251438,#0a0a0e 70%);font-size:34px;color:#c084fc}.card-body{padding:16px}.card-body h3{font-size:17px}.card-body p{color:#8f8d98;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}
.btn,button{border:0;border-radius:9px;padding:10px 15px;min-height:39px;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;font:700 13px inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.15s;box-shadow:0 8px 24px #7c3aed2c}.btn:hover,button:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn.secondary,button.secondary{background:#1a1a23;border:1px solid var(--line);box-shadow:none}.btn.danger,button.danger{background:#35141b;color:#ffb9c1;box-shadow:none}
label{display:block;margin:0 0 6px;color:#aaa6b2;font-size:12px;font-weight:700}input,textarea,select{width:100%;min-height:44px;margin:0 0 15px;padding:10px 12px;background:#08080c;color:white;border:1px solid #292934;border-radius:9px;outline:0;font:inherit}input:focus,textarea:focus,select:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f714}textarea{min-height:110px;resize:vertical}
.login{max-width:430px;margin:9vh auto;padding:32px}.login:before{content:"";display:block;width:52px;height:4px;border-radius:9px;background:linear-gradient(90deg,var(--p),var(--p2));margin-bottom:25px}.key{background:#07070b;border:1px solid #a855f755;border-radius:11px;padding:18px;text-align:center;font:800 22px ui-monospace,monospace;letter-spacing:2px;color:#d8b4fe}
.player{position:relative;aspect-ratio:16/9;border-radius:15px;overflow:hidden;background:#000;box-shadow:0 30px 80px #0009}.player iframe,.player video{position:absolute;inset:0;width:100%;height:100%;border:0}.player video{object-fit:contain}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat{padding:20px;border-radius:14px}.stat span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7f7d88;font-weight:700}.stat b{display:block;font-size:30px;letter-spacing:-.05em;margin-top:7px}
.split{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:11px;background:#0c0c11}table{width:100%;border-collapse:collapse;min-width:780px}th,td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{background:#0b0b10;color:#777582;font-size:10px;text-transform:uppercase;letter-spacing:.09em}tr:last-child td{border-bottom:0}tr:hover td{background:#ffffff05}
.actions,.inline{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.inline input,.inline select,.inline button{width:auto;margin:0}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#20202a;color:#c7c5cd;font-size:10px;font-weight:750}.badge.ok{background:#12301e;color:#79e8a5}.badge.err{background:#36151b;color:#ff9eaa}code{background:#08080c;color:#d8b4fe;padding:4px 7px;border-radius:6px;font:12px ui-monospace,monospace}
.alert{padding:13px 15px;border-radius:10px;margin-bottom:18px;border:1px solid}.alert.ok{background:#10271a;border-color:#245638;color:#8de9af}.alert.err{background:#301419;border-color:#663039;color:#ffb2bc}footer{text-align:center;color:#4f4d56;padding:45px 20px;font-size:11px}
.hero{padding:38px 0 28px}.hero h1{font-size:44px;margin-bottom:10px}.hero p{font-size:16px;color:#8d8996;max-width:620px}.section-title{display:flex;align-items:end;justify-content:space-between;margin:0 0 18px}.section-title h2{font-size:22px;margin:0}.movie-meta{font-size:11px;color:#777}.watch-title{margin-bottom:20px}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.admin-head h1{margin:0}
@media(max-width:900px){main{width:calc(100% - 30px)}.stats{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.hero h1{font-size:36px}}
@media(max-width:650px){header{height:auto;min-height:64px;padding:13px 15px;align-items:flex-start;flex-direction:column}nav{width:100%;overflow:auto}nav a{white-space:nowrap}main{margin-top:24px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.card-body{padding:12px}.card-body p{display:none}.hero{padding-top:15px}.hero h1{font-size:31px}.panel{padding:17px}.stats{gap:9px}.stat{padding:15px}.stat b{font-size:25px}}
@media(max-width:420px){.grid{grid-template-columns:1fr}}
