/* ═══════════════════════════════════════ PHIM LD MEDIA ═══════════════════════════════════════ */
:root{
  --nen:#0B1018; --lop1:#121A26; --lop2:#1A2434; --lop3:#26334A;
  --chu:#EAEFF7; --chu-mo:#7D8CA3; --chu-rat-mo:#5A6880;
  --vang:#C8A96A; --vang-sang:#DCC28C;
  --xanh:#4ECFAC; --do:#E8746E; --cam:#E2A93F;
  --bo:12px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--nen); color:var(--chu);
  font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  min-height:100vh; -webkit-font-smoothing:antialiased;
}
a{color:var(--vang);text-decoration:none}
a:hover{color:var(--vang-sang)}

/* ── đầu trang ── */
.dinh{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 28px;border-bottom:1px solid var(--lop3);
  background:var(--lop1);position:sticky;top:0;z-index:10;
}
.hieu{display:flex;align-items:center;gap:13px}
.hieu img{width:40px;height:40px}
.hieu .ten{font-size:17px;font-weight:700;letter-spacing:.5px}
.hieu .phu{font-size:10px;font-weight:700;color:var(--vang);letter-spacing:1.5px}
.dinh nav{display:flex;align-items:center;gap:18px;font-size:14px}
.dinh nav span{color:var(--chu-mo)}

/* ── khung giữa ── */
.giua{max-width:440px;margin:0 auto;padding:56px 24px}
.rong{max-width:1180px;margin:0 auto;padding:28px}

.the{background:var(--lop1);border-radius:var(--bo);padding:32px}
.the h1{font-size:23px;font-weight:700;margin-bottom:6px}
.the .mo{color:var(--chu-mo);font-size:14px;margin-bottom:26px}

label{display:block;font-size:11px;font-weight:700;letter-spacing:.8px;
      color:var(--chu-rat-mo);margin-bottom:7px}
input[type=text],input[type=password],textarea{
  width:100%;background:var(--lop2);border:1px solid var(--lop2);
  border-radius:9px;padding:13px 15px;color:var(--chu);font-size:15px;
  font-family:inherit;transition:border-color .15s;
}
input:focus,textarea:focus{outline:none;border-color:var(--vang)}
.o{margin-bottom:18px}

.nut{
  display:inline-block;background:var(--lop2);color:var(--chu);
  border:none;border-radius:9px;padding:13px 22px;font-size:14px;
  font-family:inherit;cursor:pointer;transition:background .15s;
}
.nut:hover{background:var(--lop3)}
.nut.chinh{background:var(--vang);color:#0B1018;font-weight:700}
.nut.chinh:hover{background:var(--vang-sang)}
.nut.nho{padding:8px 14px;font-size:13px}
.nut.day{width:100%}
.nut.do{background:#2A1618;color:var(--do)}
.nut.do:hover{background:#3A1E20}

.bao{padding:13px 16px;border-radius:9px;font-size:14px;margin-bottom:20px}
.bao.loi{background:#2A1618;color:var(--do)}
.bao.tin{background:#0F2620;color:var(--xanh)}
.bao.canh{background:#2A2210;color:var(--cam)}

.chan-the{text-align:center;margin-top:22px;color:var(--chu-mo);font-size:14px}

/* ── bảng ── */
table{width:100%;border-collapse:collapse;font-size:14px}
th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.8px;
   color:var(--chu-rat-mo);padding:11px 12px;border-bottom:1px solid var(--lop3)}
td{padding:12px;border-bottom:1px solid #161F2C}
tr:hover td{background:var(--lop2)}

.nhan{display:inline-block;padding:4px 11px;border-radius:20px;font-size:12px}
.nhan.cho{background:#2A2210;color:var(--cam)}
.nhan.hoat_dong{background:#0F2620;color:var(--xanh)}
.nhan.tam_khoa{background:#2A1618;color:var(--do)}
.nhan.tu_choi{background:var(--lop2);color:var(--chu-mo)}

.the-loc{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}
.the-loc a{background:var(--lop1);padding:9px 16px;border-radius:8px;
           color:var(--chu-mo);font-size:14px}
.the-loc a.chon{background:var(--vang);color:#0B1018;font-weight:700}

h2{font-size:16px;font-weight:700;margin:32px 0 14px}
h2:first-child{margin-top:0}
.khoi{background:var(--lop1);border-radius:var(--bo);padding:22px;margin-bottom:18px}

.mo-nho{color:var(--chu-rat-mo);font-size:13px}
.thanh-viec{display:flex;gap:8px;align-items:center;margin-bottom:14px;flex-wrap:wrap}

@media(max-width:640px){
  .giua{padding:32px 18px} .the{padding:24px}
  .rong{padding:18px} .dinh{padding:14px 18px}
  table{font-size:13px} td,th{padding:9px 7px}
}

/* ═══════════════════════════════ KHO PHIM ═══════════════════════════════ */
.luoi{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
      margin-bottom:8px}
.the-phim{display:block;color:var(--chu)}
.the-phim:hover{color:var(--chu)}
.the-phim:hover .bia{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.5)}
.bia{position:relative;aspect-ratio:2/3;border-radius:10px;background:var(--lop2);
     background-size:cover;background-position:center;display:flex;
     align-items:center;justify-content:center;transition:all .18s}
.khong-bia{font-size:36px;opacity:.28}
.tap-nhan{position:absolute;right:7px;bottom:7px;background:rgba(11,16,24,.85);
          color:var(--vang);font-size:11px;padding:3px 9px;border-radius:20px}
.the-phim .ten{margin-top:9px;font-size:14px;line-height:1.35}
.the-phim .phu{color:var(--chu-rat-mo);font-size:12px;margin-top:2px}

.dau-phim{display:flex;gap:24px;margin-bottom:10px}
.bia-lon{width:200px;flex:0 0 200px;aspect-ratio:2/3;border-radius:12px;
         background:var(--lop2);background-size:cover;background-position:center;
         display:flex;align-items:center;justify-content:center}
.tin-phim{flex:1;padding-top:6px}
.tin-phim h1{font-size:25px;margin-bottom:10px}
.the-nho{display:inline-block;background:var(--lop2);color:var(--vang);
         font-size:12px;padding:4px 12px;border-radius:20px}

.luoi-tap{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.o-tap{display:block;background:var(--lop1);border-radius:10px;overflow:hidden;
       padding-bottom:11px;color:var(--chu)}
.o-tap:hover{background:var(--lop2);color:var(--chu)}
.o-tap.da-xem{border:1px solid var(--vang)}
.anh-tap{aspect-ratio:16/9;background:var(--lop2);background-size:cover;
         background-position:center}
.o-tap .so{padding:9px 12px 0;font-size:14px;font-weight:600}
.o-tap .phu{padding:2px 12px 0;color:var(--chu-rat-mo);font-size:12px}
.dau-xem{padding:4px 12px 0;color:var(--vang);font-size:11px}

.khung-phat{position:relative;aspect-ratio:16/9;background:#000;
            border-radius:12px;overflow:hidden}
.khung-phat iframe{width:100%;height:100%;border:0;display:block}
.dau-nuoc{position:absolute;color:rgba(255,255,255,.19);font-size:15px;
          font-weight:600;pointer-events:none;user-select:none;
          transition:top 2.5s ease,left 2.5s ease;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.hang-tap{display:flex;flex-wrap:wrap;gap:7px}

.hai-cot{display:grid;gap:14px;grid-template-columns:1fr 1fr}
.ba-cot{display:grid;gap:14px;grid-template-columns:110px 1fr 1.5fr}
.anh-mini{width:52px;aspect-ratio:16/9;border-radius:5px;background:var(--lop2);
          background-size:cover;background-position:center}
code{background:var(--lop2);padding:2px 6px;border-radius:4px;font-size:12px}

@media(max-width:640px){
  .luoi{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px}
  .dau-phim{flex-direction:column;gap:16px}
  .bia-lon{width:132px;flex:0 0 auto}
  .tin-phim h1{font-size:21px}
  .hai-cot,.ba-cot{grid-template-columns:1fr}
  .luoi-tap{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
}