@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
  --bg:       #0d0d0d;
  --bg2:      #141414;
  --bg3:      #1c1c1c;
  --bg4:      #242424;
  --sidebar:  #111111;
  --sw:       190px;
  --hh:       52px;
  --cyan:     #00e5ff;
  --green:    #00e676;
  --red:      #ff3d3d;
  --gold:     #f5c518;
  --text:     #e8e8e8;
  --text2:    #888;
  --text3:    #555;
  --border:   rgba(255,255,255,0.07);
  --r:        8px;
  --t:        0.18s ease;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;font-size:14px;line-height:1.5;display:flex;min-height:100vh;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
button{cursor:pointer;font-family:'Inter',sans-serif;}

/* ── SIDEBAR ── */
.sidebar{
  width:var(--sw);min-width:var(--sw);
  height:100vh;position:fixed;top:0;left:0;
  background:var(--sidebar);
  border-right:1px solid var(--border);
  display:flex;flex-direction:column;
  z-index:400;overflow-y:auto;overflow-x:hidden;
  scrollbar-width:none;
}
.sidebar::-webkit-scrollbar{display:none;}

.sb-top{
  padding:14px 16px;
  display:flex;align-items:center;gap:10px;
  border-bottom:1px solid var(--border);
  flex-shrink:0;min-height:var(--hh);
}
.sb-hamburger{
  background:none;border:none;color:var(--text2);
  font-size:18px;padding:4px;border-radius:4px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;transition:color var(--t);
}
.sb-hamburger:hover{color:var(--text);}

/* Logo */
.sb-logo{display:flex;align-items:center;gap:7px;}
.sb-logo-icon{
  width:28px;height:28px;
  background:linear-gradient(135deg,#00c6ff,#0072ff);
  border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:800;color:#fff;
  flex-shrink:0;
}
.sb-logo-text{
  font-size:17px;font-weight:800;letter-spacing:1px;
}
.lc{color:#fff;}
.lx{color:var(--red);}
.ln{color:var(--green);}

/* Lang selector */
.sb-lang{
  display:flex;align-items:center;gap:6px;
  padding:10px 16px;
  color:var(--text2);font-size:13px;font-weight:500;
  border-bottom:1px solid var(--border);
  cursor:pointer;transition:color var(--t);
  flex-shrink:0;
}
.sb-lang:hover{color:var(--text);}
.sb-lang svg{width:14px;height:14px;flex-shrink:0;}

/* Nav */
.sb-nav{padding:8px 0;flex:1;}
.sb-item{
  display:flex;align-items:center;gap:10px;
  padding:10px 16px;
  color:var(--text2);font-size:13px;font-weight:500;
  border-radius:0;cursor:pointer;
  transition:all var(--t);
  border-left:3px solid transparent;
}
.sb-item:hover{color:var(--text);background:var(--bg3);}
.sb-item.active{
  color:var(--green);background:rgba(0,230,118,0.08);
  border-left-color:var(--green);font-weight:600;
}
.sb-item svg,.sb-item .si{
  width:18px;height:18px;flex-shrink:0;opacity:0.7;font-size:16px;
  display:flex;align-items:center;justify-content:center;
}
.sb-item.active svg,.sb-item.active .si{opacity:1;}

/* App promo */
.sb-promo{
  margin:10px 12px;
  background:linear-gradient(135deg,#1a2a4a,#0d1a2e);
  border:1px solid rgba(0,229,255,0.2);
  border-radius:var(--r);padding:10px;
  flex-shrink:0;
}
.sb-promo-title{font-size:11px;color:var(--text2);margin-bottom:8px;font-weight:600;}
.sb-promo-btn{
  display:flex;align-items:center;gap:8px;
  background:var(--bg4);border-radius:6px;
  padding:8px 10px;margin-bottom:6px;
  transition:background var(--t);cursor:pointer;
}
.sb-promo-btn:hover{background:rgba(255,255,255,0.1);}
.sb-promo-btn .icon{font-size:20px;}
.sb-promo-btn .info{display:flex;flex-direction:column;}
.sb-promo-btn .info b{font-size:12px;font-weight:700;color:var(--cyan);}
.sb-promo-btn .info span{font-size:10px;color:var(--text3);}
.sb-promo-tv{
  display:flex;align-items:center;gap:8px;
  background:var(--bg4);border-radius:6px;
  padding:8px 10px;transition:background var(--t);cursor:pointer;
}
.sb-promo-tv:hover{background:rgba(255,255,255,0.1);}
.sb-promo-tv .tv-badge{
  background:#1a1a1a;border:1px solid var(--border);
  padding:2px 6px;border-radius:3px;
  font-size:9px;font-weight:800;color:var(--text2);
}
.sb-promo-tv .info b{font-size:11px;font-weight:700;}
.sb-promo-tv .info span{font-size:10px;color:var(--text3);}

/* ── MAIN WRAPPER ── */
.main-wrapper{
  margin-left:var(--sw);
  flex:1;min-width:0;
  display:flex;flex-direction:column;
}

/* ── HEADER ── */
.site-header{
  position:sticky;top:0;z-index:300;
  height:var(--hh);
  background:rgba(13,13,13,0.97);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border);
  display:flex;align-items:center;
  padding:0 20px;gap:14px;
}
.hdr-hamburger{
  background:none;border:none;color:var(--text2);
  font-size:18px;display:flex;align-items:center;
  padding:4px;border-radius:4px;transition:color var(--t);
}
.hdr-hamburger:hover{color:var(--text);}

/* Search */
.hdr-search{flex:1;max-width:500px;}
.search-form{
  display:flex;align-items:center;
  background:var(--bg3);
  border:1px solid var(--border);
  border-radius:6px;
  padding:0 14px;
  transition:border-color var(--t);
}
.search-form:focus-within{border-color:rgba(0,229,255,0.4);}
.search-form svg{width:15px;height:15px;color:var(--text3);flex-shrink:0;}
.search-inp{
  flex:1;background:none;border:none;outline:none;
  color:var(--text);font-family:'Inter',sans-serif;
  font-size:13px;padding:9px 10px;
}
.search-inp::placeholder{color:var(--text3);}

.hdr-right{margin-left:auto;display:flex;align-items:center;gap:10px;}
.dl-btn{
  display:flex;align-items:center;gap:6px;
  background:var(--cyan);color:#000;
  font-size:12px;font-weight:700;
  padding:7px 14px;border-radius:6px;
  transition:all var(--t);white-space:nowrap;
  border:none;
}
.dl-btn:hover{background:#1af0ff;transform:translateY(-1px);}

/* AD TOP */
.ad-slot{text-align:center;background:var(--bg2);border-bottom:1px solid var(--border);}
.ad-top{padding:6px 0;}
.ad-mid{padding:14px;margin:20px 0;border-radius:var(--r);border:1px solid var(--border);}
.ad-side{margin-bottom:16px;}

/* ── HERO SLIDER ── */
.hero-slider{
  position:relative;width:100%;
  aspect-ratio:16/6;
  overflow:hidden;background:#000;
  flex-shrink:0;
}
@media(max-width:768px){.hero-slider{aspect-ratio:16/9;}}

.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 0.6s ease;}
.hero-slide.active{opacity:1;}

.hero-bg{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  filter:brightness(0.35);
  transform:scale(1.03);transition:transform 8s ease;
}
.hero-slide.active .hero-bg{transform:scale(1.0);}

.hero-grad{
  position:absolute;inset:0;
  background:linear-gradient(to top,#0d0d0d 0%,rgba(13,13,13,0.4) 50%,transparent 100%),
             linear-gradient(to right,rgba(13,13,13,0.9) 0%,transparent 55%);
}

.hero-content{
  position:absolute;bottom:36px;left:40px;
  z-index:2;max-width:480px;
}
.hero-label{
  display:inline-block;font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:2px;
  color:var(--cyan);margin-bottom:10px;
}
.hero-title{
  font-size:clamp(28px,4vw,52px);font-weight:800;
  line-height:1.1;margin-bottom:8px;
  letter-spacing:-0.5px;
}
.hero-meta{
  display:flex;gap:12px;align-items:center;
  margin-bottom:10px;font-size:12px;color:var(--text2);flex-wrap:wrap;
}
.hero-rating{color:var(--gold);font-weight:700;}
.hero-genre-tag{
  background:rgba(255,255,255,0.1);
  padding:2px 8px;border-radius:4px;font-size:11px;
}
.hero-desc{
  font-size:13px;color:var(--text2);line-height:1.6;
  margin-bottom:18px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.hero-name{font-size:13px;color:var(--text2);margin-bottom:6px;}

.hero-btns{display:flex;gap:10px;flex-wrap:wrap;}
.btn-watch{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--gold);color:#000;
  font-size:13px;font-weight:700;
  padding:10px 22px;border-radius:50px;
  transition:all var(--t);
}
.btn-watch:hover{background:#ffd740;transform:translateY(-1px);}
.btn-more{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.15);
  color:var(--text);font-size:13px;font-weight:600;
  padding:10px 20px;border-radius:50px;
  backdrop-filter:blur(6px);transition:all var(--t);
}
.btn-more:hover{background:rgba(255,255,255,0.2);}

/* Slider nav */
.slider-prev,.slider-next{
  position:absolute;top:50%;transform:translateY(-50%);
  z-index:10;
  width:40px;height:40px;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.12);
  border-radius:50%;color:#fff;font-size:18px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;backdrop-filter:blur(6px);
  transition:all var(--t);
}
.slider-prev:hover,.slider-next:hover{background:rgba(255,255,255,0.2);}
.slider-prev{left:16px;}
.slider-next{right:16px;}

.slider-dots{
  position:absolute;bottom:12px;right:20px;
  z-index:10;display:flex;gap:5px;align-items:center;
}
.sdot{
  width:6px;height:6px;
  background:rgba(255,255,255,0.25);
  border-radius:50%;cursor:pointer;transition:all var(--t);
}
.sdot.active{background:var(--cyan);width:18px;border-radius:3px;}

/* ── PAGE MAIN ── */
.page-main{padding:0 20px 60px;flex:1;}

/* ── FILTER BAR ── */
.filter-bar{
  padding:12px 0 4px;
  margin-bottom:8px;
}
.filter-row{
  display:flex;align-items:flex-start;
  gap:12px;padding:6px 0;
  border-bottom:1px solid rgba(255,255,255,0.04);
  flex-wrap:wrap;
}
.filter-row:last-child{border-bottom:none;}
.fl{
  font-size:12px;font-weight:600;color:var(--text3);
  min-width:68px;padding-top:4px;flex-shrink:0;
}
.fp-wrap{display:flex;flex-wrap:wrap;gap:4px;}
.fp{
  padding:3px 11px;border-radius:50px;
  font-size:12px;font-weight:500;
  color:var(--text2);background:none;border:none;
  cursor:pointer;transition:all var(--t);
  white-space:nowrap;
}
.fp:hover{color:var(--text);background:var(--bg3);}
.fp.active{
  background:var(--cyan);color:#000;
  font-weight:700;border-radius:50px;
}

/* ── SECTION HEADER ── */
.sec-header{
  display:flex;align-items:center;
  justify-content:space-between;
  padding:20px 0 12px;
}
.sec-title{font-size:16px;font-weight:700;}
.sec-more{
  color:var(--cyan);font-size:13px;font-weight:600;
  display:flex;align-items:center;gap:3px;
}
.sec-more:hover{opacity:0.8;}

/* ── HORIZONTAL SCROLL ROW ── */
.hscroll{
  display:flex;gap:10px;overflow-x:auto;
  padding-bottom:8px;scrollbar-width:none;
}
.hscroll::-webkit-scrollbar{display:none;}

/* ── MOVIE CARDS ── */
.mcard{
  background:var(--bg3);border-radius:var(--r);
  overflow:hidden;display:block;
  border:1px solid transparent;
  transition:all var(--t);cursor:pointer;
  flex-shrink:0;
}
.mcard:hover{
  transform:translateY(-4px) scale(1.02);
  border-color:rgba(255,255,255,0.12);
  box-shadow:0 12px 36px rgba(0,0,0,0.7);
}

/* Grid cards */
.movies-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(148px,1fr));
  gap:14px;
}
.movies-grid .mcard{flex-shrink:unset;}

/* Horizontal cards */
.hscroll .mcard{width:148px;}

.mcard-thumb{
  position:relative;
  aspect-ratio:2/3;background:var(--bg4);overflow:hidden;
}
.mcard-thumb img{
  width:100%;height:100%;object-fit:cover;
  transition:transform 0.4s ease;
}
.mcard:hover .mcard-thumb img{transform:scale(1.06);}

.mcard-fallback{
  width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
  font-size:42px;font-weight:800;color:var(--text3);
  background:linear-gradient(135deg,#1c1c1c,#0d0d0d);
}

/* Play overlay */
.mcard-ov{
  position:absolute;inset:0;
  background:rgba(0,0,0,0.4);
  display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity var(--t);
}
.mcard:hover .mcard-ov{opacity:1;}
.play-ic{
  width:44px;height:44px;background:rgba(255,255,255,0.9);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:16px;color:#000;font-weight:800;
  transform:scale(0.8);transition:transform var(--t);
}
.mcard:hover .play-ic{transform:scale(1);}

/* Year — top left green badge */
.m-year{
  position:absolute;top:6px;left:6px;
  background:var(--green);color:#000;
  font-size:10px;font-weight:800;
  padding:2px 7px;border-radius:4px;
  letter-spacing:0.3px;
}

/* Rating — bottom right */
.m-rating{
  position:absolute;bottom:6px;right:6px;
  background:rgba(0,0,0,0.82);
  color:var(--gold);font-size:11px;font-weight:700;
  padding:2px 7px;border-radius:4px;
}

/* Language — top right */
.m-lang{
  position:absolute;top:6px;right:6px;
  background:rgba(0,0,0,0.75);color:var(--text);
  font-size:10px;font-weight:600;
  padding:2px 7px;border-radius:4px;
  backdrop-filter:blur(4px);
}

.mcard-info{padding:8px 10px 10px;}
.mcard-title{
  font-size:12px;font-weight:600;line-height:1.3;
  margin-bottom:4px;
  display:-webkit-box;-webkit-line-clamp:1;
  -webkit-box-orient:vertical;overflow:hidden;
}
.mcard-cast{
  font-size:11px;color:var(--text3);
  display:-webkit-box;-webkit-line-clamp:1;
  -webkit-box-orient:vertical;overflow:hidden;
}

/* Empty */
.empty-wrap{text-align:center;padding:70px 20px;color:var(--text2);}
.empty-icon{font-size:52px;margin-bottom:14px;}
.empty-wrap h3{font-size:18px;font-weight:700;color:var(--text);margin-bottom:8px;}
.empty-wrap p{margin-bottom:20px;font-size:13px;}
.btn-outline{
  display:inline-flex;align-items:center;
  background:transparent;color:var(--text);
  font-weight:600;font-size:13px;
  padding:9px 22px;
  border:1px solid var(--border);border-radius:6px;
  transition:all var(--t);
}
.btn-outline:hover{border-color:var(--cyan);color:var(--cyan);}

/* ── WATCH PAGE ── */
.watch-layout{
  display:grid;grid-template-columns:1fr 300px;
  gap:20px;padding:20px;max-width:1400px;margin:0 auto;
}
.player-wrap{
  position:relative;width:100%;aspect-ratio:16/9;
  background:#000;border-radius:var(--r);overflow:hidden;
  border:1px solid var(--border);
}
.player-iframe{position:absolute;inset:0;width:100%;height:100%;border:none;}
.player-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text2);gap:8px;}
.source-bar{
  display:flex;align-items:center;gap:10px;
  padding:9px 14px;background:var(--bg2);
  border-radius:6px;border:1px solid var(--border);
  margin-top:10px;flex-wrap:wrap;
}
.src-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:3px 10px;border-radius:50px;}
.src-badge.youtube{background:rgba(255,59,59,0.15);color:#ff4444;border:1px solid rgba(255,59,59,0.3);}
.src-badge.archive{background:rgba(255,154,0,0.15);color:#ff9a00;border:1px solid rgba(255,154,0,0.3);}
.src-note{color:var(--green);font-size:12px;font-weight:600;}
.src-link{color:var(--cyan);font-size:12px;margin-left:auto;}
.movie-info-box{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:20px;margin-top:16px;}
.info-tags{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap;}
.itag{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:3px 10px;border-radius:50px;background:var(--bg4);border:1px solid var(--border);color:var(--text2);}
.itag.genre{background:rgba(0,229,255,0.1);color:var(--cyan);border-color:rgba(0,229,255,0.2);}
.itag.lang{background:rgba(245,197,24,0.1);color:var(--gold);border-color:rgba(245,197,24,0.2);}
.watch-title{font-size:clamp(24px,3vw,40px);font-weight:800;line-height:1.1;margin-bottom:14px;letter-spacing:-0.5px;}
.watch-stats{display:flex;gap:18px;margin-bottom:14px;flex-wrap:wrap;}
.stat-item{display:flex;flex-direction:column;gap:2px;}
.stat-val{font-size:15px;font-weight:700;}
.stat-lbl{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text3);}
.cast-row{display:flex;gap:8px;margin-bottom:12px;font-size:13px;flex-wrap:wrap;}
.cast-label{color:var(--text3);font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:1px;padding-top:2px;}
.cast-names{color:var(--text2);}
.movie-desc h3{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--text3);margin-bottom:8px;}
.movie-desc p{color:var(--text2);font-size:13px;line-height:1.8;}
.share-row{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border);flex-wrap:wrap;font-size:11px;color:var(--text3);font-weight:700;text-transform:uppercase;letter-spacing:1px;}
.share-btn{font-size:11px;font-weight:600;padding:5px 12px;border-radius:50px;border:1px solid var(--border);color:var(--text);background:var(--bg4);transition:all var(--t);cursor:pointer;}
.share-btn.fb:hover{background:#1877f2;border-color:#1877f2;color:#fff;}
.share-btn.tw:hover{background:#1da1f2;border-color:#1da1f2;color:#fff;}
.share-btn.cp:hover{background:var(--cyan);border-color:var(--cyan);color:#000;}
.watch-sidebar{position:sticky;top:62px;}
.sidebar-title{font-weight:700;font-size:13px;margin-bottom:12px;color:var(--text2);text-transform:uppercase;letter-spacing:1.5px;}
.sidebar-list{display:flex;flex-direction:column;gap:8px;}
.sidebar-card{display:flex;gap:10px;background:var(--bg3);border:1px solid var(--border);border-radius:6px;overflow:hidden;transition:all var(--t);}
.sidebar-card:hover{border-color:rgba(255,255,255,0.12);transform:translateX(3px);}
.sc-thumb{position:relative;width:72px;flex-shrink:0;background:var(--bg4);overflow:hidden;aspect-ratio:2/3;}
.sc-thumb img{width:100%;height:100%;object-fit:cover;}
.sc-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:var(--text3);}
.sc-ov{position:absolute;inset:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;font-size:14px;opacity:0;transition:opacity var(--t);}
.sidebar-card:hover .sc-ov{opacity:1;}
.sc-info{padding:8px 8px 8px 0;display:flex;flex-direction:column;justify-content:center;gap:3px;}
.sc-title{font-size:12px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sc-meta{font-size:11px;color:var(--text3);}

/* ── ADMIN ── */
.admin-body{background:#070b0f;font-family:'Inter',sans-serif;min-height:100vh;display:block;}
.admin-header{background:var(--bg2);border-bottom:1px solid var(--border);padding:0 24px;height:52px;display:flex;align-items:center;gap:16px;}
.admin-nav{display:flex;gap:4px;margin-left:auto;}
.admin-nav a{color:var(--text2);font-size:12px;font-weight:600;padding:6px 12px;border-radius:6px;transition:all var(--t);}
.admin-nav a:hover,.admin-nav a.active{background:rgba(0,229,255,0.1);color:var(--cyan);}
.admin-nav a.danger:hover{background:rgba(255,59,59,0.12);color:var(--red);}
.admin-main{max-width:1200px;margin:0 auto;padding:32px 20px;}
.admin-page-title{font-size:28px;font-weight:800;margin-bottom:24px;letter-spacing:-0.5px;}
.admin-table{width:100%;border-collapse:collapse;background:var(--bg3);border-radius:var(--r);overflow:hidden;border:1px solid var(--border);}
.admin-table th{background:var(--bg2);padding:12px 14px;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text3);border-bottom:1px solid var(--border);}
.admin-table td{padding:12px 14px;border-bottom:1px solid var(--border);font-size:13px;vertical-align:middle;}
.admin-table tr:last-child td{border-bottom:none;}
.admin-table tr:hover td{background:var(--bg4);}
.admin-form{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);padding:24px;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px;}
.form-group{display:flex;flex-direction:column;gap:4px;}
.form-group.full{grid-column:1/-1;}
.form-group label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text3);}
.form-group input,.form-group select,.form-group textarea{background:var(--bg2);border:1px solid var(--border);color:var(--text);padding:9px 12px;border-radius:6px;font-size:13px;font-family:'Inter',sans-serif;outline:none;transition:border-color var(--t);}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--cyan);}
.form-group textarea{resize:vertical;min-height:80px;}
.btn-save{background:var(--cyan);color:#000;border:none;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:1px;padding:10px 26px;border-radius:6px;transition:all var(--t);font-family:'Inter',sans-serif;display:inline-block;}
.btn-save:hover{background:#1af0ff;}
.btn-danger{background:rgba(255,59,59,0.12);color:var(--red);border:1px solid rgba(255,59,59,0.25);font-size:11px;padding:4px 10px;border-radius:5px;cursor:pointer;font-family:'Inter',sans-serif;transition:all var(--t);}
.btn-danger:hover{background:rgba(255,59,59,0.25);}
.btn-edit{background:rgba(0,229,255,0.1);color:var(--cyan);border:1px solid rgba(0,229,255,0.25);font-size:11px;padding:4px 10px;border-radius:5px;cursor:pointer;font-family:'Inter',sans-serif;text-decoration:none;transition:all var(--t);display:inline-block;}
.btn-edit:hover{background:rgba(0,229,255,0.2);}
.alert{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:13px;font-weight:600;}
.alert-success{background:rgba(0,230,118,0.1);border:1px solid rgba(0,230,118,0.25);color:var(--green);}
.alert-error{background:rgba(255,59,59,0.1);border:1px solid rgba(255,59,59,0.25);color:var(--red);}
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);}
.login-box{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);padding:40px 32px;width:100%;max-width:380px;}
.login-logo{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:6px;}
.login-box>p{color:var(--text3);font-size:13px;text-align:center;margin-bottom:24px;}
.login-box .form-group+.form-group{margin-top:12px;}
.login-box .btn-save{width:100%;margin-top:20px;padding:12px;text-align:center;cursor:pointer;border-radius:6px;}

/* ── FOOTER ── */
.site-footer{background:var(--bg2);border-top:1px solid var(--border);padding:36px 20px 0;}
.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;gap:32px;padding-bottom:28px;flex-wrap:wrap;}
.footer-brand .sb-logo{margin-bottom:6px;}
.footer-brand p{color:var(--text3);font-size:12px;}
.footer-cols{display:flex;gap:40px;flex-wrap:wrap;}
.footer-cols>div{display:flex;flex-direction:column;gap:8px;}
.footer-cols h4{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--text3);font-weight:700;}
.footer-cols a{color:var(--text2);font-size:13px;transition:color var(--t);}
.footer-cols a:hover{color:var(--cyan);}
.footer-bottom{border-top:1px solid var(--border);padding:16px 0;max-width:1200px;margin:0 auto;}
.footer-bottom p{color:var(--text3);font-size:12px;text-align:center;}
.footer-bottom a{color:var(--text2);transition:color var(--t);}
.footer-bottom a:hover{color:var(--cyan);}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .sidebar{transform:translateX(-100%);}
  .sidebar.open{transform:translateX(0);}
  .main-wrapper{margin-left:0;}
  .watch-layout{grid-template-columns:1fr;}
  .watch-sidebar{position:static;}
}
@media(max-width:768px){
  .hero-content{left:20px;bottom:20px;}
  .hero-title{font-size:26px;}
  .movies-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;}
  .form-grid{grid-template-columns:1fr;}
  .page-main{padding:0 14px 50px;}
}
@media(max-width:480px){
  .movies-grid{grid-template-columns:1fr 1fr;gap:8px;}
}