:root{
  --awc-primary:#0b5cab;
  --awc-bg:#f6f7fb;
  --awc-border:#e7e9f1;
}

.awc-bg{background:var(--awc-bg);}
.awc-logo{height:28px;width:auto;border-radius:8px;}

/* Sidebar */
.awc-sidebar{
  width: 270px;
  min-height: 100vh;
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
}

.awc-navlink{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  margin:4px 6px;
  border-radius:10px;
  color:#0f172a;
  text-decoration:none;
  font-weight:600;
}
.awc-navlink i{font-size:1.05rem;color:#334155;}
.awc-navlink:hover{background:#f1f5f9;}
.awc-navlink.active{background:rgba(11,92,171,.10);color:var(--awc-primary);} 
.awc-navlink.active i{color:var(--awc-primary);} 

.awc-topbar{position:sticky;top:0;z-index:10;}
.awc-main{max-width: 1280px;}

.awc-badge{background:var(--awc-primary)!important;}

/* Cards */
.awc-card{
  border:1px solid var(--awc-border);
  border-radius:16px;
  box-shadow:0 10px 24px rgba(0,0,0,.05);
}

/* Player */
.awc-player{
  width:100%;
  aspect-ratio:16/9;
  background:#000;
  border-radius:16px;
  overflow:hidden;
}

/* Video.js integration (keep same rounded player look) */
.video-js{width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000}
.video-js .vjs-tech{border-radius:16px}

.list-group-item-action{transition:background-color .12s ease}
.list-group-item-action:hover{background-color:#f1f5f9}
.awc-channel-btn{
  text-align:left;
  display:flex;
  align-items:center;
  gap:10px;
}
.awc-channel-logo{
  width:28px;height:28px;border-radius:8px;object-fit:cover;background:#e2e8f0;
}

/* Mobile sidebar */
@media (max-width: 991.98px){
  .awc-sidebar{position:fixed;left:-280px;top:0;z-index:1050;transition:left .25s ease;}
  body.awc-sidebar-open .awc-sidebar{left:0;}
}

/* --- Dashboard Tiles (Smarters-style) --- */
.awc-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width: 1200px){.awc-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width: 576px){.awc-tiles{grid-template-columns:1fr;}}
.awc-tile{border-radius:18px;padding:24px;min-height:160px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;text-decoration:none;position:relative;overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.10)}
.awc-tile:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(0,0,0,.14)}
.awc-tile{transition:transform .12s ease, box-shadow .12s ease}
.awc-tile-icon{font-size:44px;opacity:.95}
.awc-tile-title{font-size:24px;letter-spacing:.08em;font-weight:800}
.awc-tile:after{content:'';position:absolute;inset:-40%;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.22),rgba(255,255,255,0) 55%);transform:rotate(18deg)}
.awc-tile-live{background:linear-gradient(135deg,#6f2cff,#3e1b9a)}
.awc-tile-movies{background:linear-gradient(135deg,#ff3d3d,#ff8a00)}
.awc-tile-series{background:linear-gradient(135deg,#375bff,#7b2cff)}
.awc-tile-epg{background:linear-gradient(135deg,#2bb673,#0a8f6a)}