:root{
  --xc-bg:#f1f5f9;--xc-surface:#fff;--xc-text:#172033;--xc-muted:#64748b;
  --xc-primary:#2563eb;--xc-primary-dark:#1d4ed8;--xc-sidebar:#0f172a;
  --xc-sidebar-2:#111c34;--xc-border:#dbe3ee;--xc-radius:14px;
  --xc-shadow:0 8px 28px rgba(15,23,42,.09);--xc-sidebar-width:258px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Nunito,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--xc-bg);color:var(--xc-text);overflow-x:hidden}
a{text-decoration:none}img{max-width:100%;height:auto}
#wrapper{display:flex;min-height:100vh;width:100%}.sidebar{width:var(--xc-sidebar-width)!important;min-width:var(--xc-sidebar-width)!important;min-height:100vh;background:linear-gradient(180deg,var(--xc-sidebar),var(--xc-sidebar-2))!important;box-shadow:8px 0 30px rgba(15,23,42,.13);padding:0 10px 14px;z-index:1040;overflow-y:auto;overflow-x:hidden;position:sticky;top:0;height:100vh}
.sidebar-brand-wrap{list-style:none}.sidebar .sidebar-brand{height:82px;padding:12px 10px;display:flex;align-items:center;gap:12px;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.09)}.brand-logo{width:48px;height:48px;min-width:48px;border-radius:13px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;overflow:hidden}.brand-logo img{width:100%;height:100%;object-fit:cover}.brand-copy{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap}.brand-copy strong{font-size:1.05rem;letter-spacing:.04em}.brand-copy small{font-size:.72rem;color:#94a3b8;margin-top:5px;text-transform:uppercase;letter-spacing:.08em}
.sidebar-section-label{list-style:none;color:#64748b;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;padding:18px 14px 7px}.sidebar .nav-item{list-style:none;margin:3px 0}.sidebar .nav-item .nav-link{width:100%!important;margin:0!important;padding:11px 12px!important;border-radius:10px;color:#cbd5e1!important;display:flex!important;align-items:center;gap:10px;min-height:44px;transition:.18s ease;position:relative}.sidebar .nav-item .nav-link i:first-child{width:20px;text-align:center;font-size:.95rem!important;color:#94a3b8}.sidebar .nav-item .nav-link span{font-size:.86rem;font-weight:700;white-space:normal;text-align:left}.sidebar .nav-item .nav-link:hover{background:rgba(255,255,255,.08);color:#fff!important;transform:translateX(2px)}.sidebar .nav-item.active>.nav-link{background:linear-gradient(135deg,var(--xc-primary),var(--xc-primary-dark));color:#fff!important;box-shadow:0 7px 16px rgba(37,99,235,.25)}.sidebar .nav-item.active>.nav-link i{color:#fff}.menu-arrow{margin-left:auto;font-size:.67rem!important;transition:transform .2s}.nav-link:not(.collapsed) .menu-arrow{transform:rotate(180deg)}.sidebar-count{margin-left:auto;background:#22c55e;color:#052e16!important;min-width:23px;height:23px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem!important}
.sidebar .collapse{margin:5px 0 8px}.sidebar .collapse-inner{background:rgba(2,6,23,.38);border:1px solid rgba(255,255,255,.06);border-radius:11px;padding:6px!important;margin:0!important}.sidebar .collapse-item{display:flex!important;align-items:center;gap:9px;color:#aebbd0!important;border-radius:8px;padding:9px 10px!important;margin:1px 0!important;white-space:normal!important;font-size:.8rem;font-weight:700}.sidebar .collapse-item i{width:17px;text-align:center;color:#718096}.sidebar .collapse-item:hover,.sidebar .collapse-item.active{background:rgba(255,255,255,.09)!important;color:#fff!important}.sidebar .collapse-item.active i{color:#60a5fa}.sidebar-spacer{list-style:none;min-height:16px;flex:1}.sidebar-toggle-wrap{list-style:none;text-align:center;padding-top:8px}.sidebar-toggle{border:0;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);color:#cbd5e1;cursor:pointer}.sidebar-toggle:hover{background:rgba(255,255,255,.18);color:#fff}
#content-wrapper{min-width:0!important;width:calc(100% - var(--xc-sidebar-width));background:var(--xc-bg)!important}.topbar{height:72px!important;margin:0!important;padding:0 24px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--xc-border);box-shadow:0 4px 18px rgba(15,23,42,.05)!important;position:sticky;top:0;z-index:1020}.sidebar-mobile-toggle{display:none;background:#eef2ff;color:var(--xc-primary);width:42px;height:42px;border-radius:11px;margin-right:12px}.topbar-title{display:flex;flex-direction:column;line-height:1.18}.topbar-kicker{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--xc-primary)}.topbar-title strong{font-size:.98rem;color:var(--xc-text);margin-top:3px}.topbar-actions{display:flex;align-items:center;gap:8px}.topbar-action{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:10px;background:#eff6ff;color:var(--xc-primary)!important;font-size:.8rem;font-weight:800}.topbar-action:hover{background:#dbeafe}.topbar-action.danger{background:#fff1f2;color:#e11d48!important}.topbar-action.danger:hover{background:#ffe4e6}
.container-fluid{padding:24px!important}.card{border:1px solid var(--xc-border)!important;border-radius:var(--xc-radius)!important;background:var(--xc-surface);box-shadow:var(--xc-shadow)!important;overflow:hidden;margin-bottom:20px}.card-header{padding:15px 18px!important;border-bottom:1px solid var(--xc-border)!important;background:#fff!important}.card-header.bg-primary,.card-header.bg-info,.card-header.bg-success,.card-header.bg-danger,.card-header.bg-warning,.card-header.bg-dark{color:#fff!important}.card-header h1,.card-header h2,.card-header h3,.card-header h4,.card-header h5,.card-header h6{margin:0!important;font-weight:800}.card-body{padding:20px}.dash.card{min-height:125px;transition:transform .18s ease,box-shadow .18s ease}.dash.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,23,42,.14)!important}.dash .card-block{padding:17px}.dash i{font-size:1.55rem!important}.dash p{margin:.65rem 0 0;font-weight:800}
.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:11px;border:1px solid var(--xc-border)}.table{width:100%!important;margin:0!important;background:#fff}.table th{white-space:nowrap;font-size:.72rem;text-transform:uppercase;letter-spacing:.045em;color:#475569;background:#f8fafc;border-top:0!important}.table td{vertical-align:middle;color:#334155}.table td,.table th{padding:12px 13px!important;border-color:#e8edf4!important}.table tbody tr:hover{background:#f8fbff}.table img{max-width:90px;max-height:60px;object-fit:contain}
.form-group label,label{font-weight:750;color:#334155}.form-control,.custom-select,select.form-control{min-height:44px;border-radius:9px!important;border:1px solid #cbd5e1!important;background-color:#fff;color:#172033}.form-control:focus,.custom-select:focus{border-color:#60a5fa!important;box-shadow:0 0 0 .2rem rgba(37,99,235,.13)!important}.input-group-text{border-color:#cbd5e1;border-radius:9px;background:#f8fafc}.btn{min-height:40px;border-radius:9px!important;font-weight:800;padding:.48rem .9rem}.btn-sm{min-height:32px;padding:.3rem .65rem}.btn-primary{background:var(--xc-primary)!important;border-color:var(--xc-primary)!important}.btn-primary:hover{background:var(--xc-primary-dark)!important;border-color:var(--xc-primary-dark)!important}.alert{border:0;border-radius:10px}.badge{padding:.42em .62em;border-radius:999px}.modal-content{border:0;border-radius:16px;box-shadow:0 22px 65px rgba(15,23,42,.23)}.modal-header,.modal-footer{border-color:var(--xc-border)}
.sticky-footer{background:transparent!important}.scroll-to-top{background:var(--xc-primary)!important}.dropdown-menu{border:1px solid var(--xc-border);border-radius:12px;box-shadow:var(--xc-shadow)}
body.sidebar-toggled .sidebar{width:88px!important;min-width:88px!important}body.sidebar-toggled #content-wrapper{width:calc(100% - 88px)}body.sidebar-toggled .brand-copy,body.sidebar-toggled .sidebar-section-label,body.sidebar-toggled .sidebar .nav-link span:not(.sidebar-count),body.sidebar-toggled .menu-arrow{display:none!important}body.sidebar-toggled .sidebar .nav-link{justify-content:center!important}body.sidebar-toggled .sidebar .collapse{display:none!important}body.sidebar-toggled .sidebar-toggle i{transform:rotate(180deg)}
@media(max-width:991.98px){.sidebar{position:fixed;left:-270px;transition:left .22s ease;width:258px!important;min-width:258px!important}.sidebar.toggled{left:0}.sidebar.toggled:after{content:"";position:fixed;left:258px;right:0;top:0;bottom:0;background:rgba(15,23,42,.42);z-index:-1}.sidebar .brand-copy,.sidebar .sidebar-section-label,.sidebar .nav-link span:not(.sidebar-count),.sidebar .menu-arrow{display:initial!important}.sidebar .nav-link{justify-content:flex-start!important}#content-wrapper,body.sidebar-toggled #content-wrapper{width:100%!important}.sidebar-mobile-toggle{display:inline-flex;align-items:center;justify-content:center}.topbar{padding:0 16px!important}.container-fluid{padding:18px!important}}
@media(max-width:575.98px){.topbar{height:64px!important;padding:0 12px!important}.topbar-action span{display:none}.topbar-action{width:40px;height:40px;justify-content:center;padding:0}.topbar-title strong{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container-fluid{padding:12px!important}.card{border-radius:12px!important;margin-bottom:14px}.card-body{padding:14px}.card-header{padding:13px 14px!important}.table td,.table th{padding:10px!important;font-size:.78rem}.btn:not(.btn-sm):not(.sidebar-mobile-toggle){width:100%;margin-bottom:6px}.input-group .btn{width:auto!important;margin-bottom:0!important}.modal-dialog{margin:.6rem}.h1,h1{font-size:1.55rem}.h2,h2{font-size:1.35rem}.h3,h3{font-size:1.2rem}}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#e9eef5}::-webkit-scrollbar-thumb{background:#a9b6c8;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#8797ad}

/* Sidebar visibility hotfix 2026-07-24 */
body.xc-sidebar-collapsed .sidebar{width:88px!important;min-width:88px!important}
body.xc-sidebar-collapsed #content-wrapper{width:calc(100% - 88px)!important}
body.xc-sidebar-collapsed .brand-copy,
body.xc-sidebar-collapsed .sidebar-section-label,
body.xc-sidebar-collapsed .sidebar .nav-link span:not(.sidebar-count),
body.xc-sidebar-collapsed .menu-arrow{display:none!important}
body.xc-sidebar-collapsed .sidebar .nav-link{justify-content:center!important}
body.xc-sidebar-collapsed .sidebar .collapse{display:none!important}
body.xc-sidebar-collapsed .sidebar-toggle i{transform:rotate(180deg)}

@media(max-width:991.98px){
  body.sidebar-toggled .sidebar{width:258px!important;min-width:258px!important}
  .sidebar,.sidebar.toggled{left:0!important;transform:translateX(-105%);transition:transform .22s ease!important;visibility:visible!important;display:flex!important;flex-direction:column!important}
  body.xc-sidebar-open .sidebar{transform:translateX(0)!important}
  body.xc-sidebar-open:after{content:"";position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:1035}
  body.xc-sidebar-open .sidebar{z-index:1045}
  .sidebar-mobile-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:auto!important;min-width:84px!important;padding:0 13px!important;position:relative!important;z-index:1050!important}
  .sidebar-mobile-toggle span{display:inline!important;font-size:.78rem;font-weight:800}
  body.xc-sidebar-collapsed #content-wrapper,body.xc-sidebar-collapsed #content-wrapper{width:100%!important}
}

/* XC725 full sidebar and dark-blue theme fix */
:root{
  --xc-bg:#07152b;
  --xc-surface:#0d2342;
  --xc-surface-2:#102b50;
  --xc-text:#eef6ff;
  --xc-muted:#9db2cf;
  --xc-primary:#2f80ed;
  --xc-primary-dark:#1f67c7;
  --xc-sidebar:#061327;
  --xc-sidebar-2:#0a2140;
  --xc-border:#254467;
  --xc-shadow:0 10px 30px rgba(0,0,0,.25);
}
body,#content-wrapper{background:var(--xc-bg)!important;color:var(--xc-text)!important}
#content{background:linear-gradient(135deg,#07152b 0%,#0a1d38 100%)!important;min-height:100vh}
.sidebar{background:linear-gradient(180deg,#041126 0%,#082448 100%)!important}
.sidebar .nav-item{width:100%}
.sidebar .nav-link,.sidebar .xc-menu-toggle{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}
.sidebar .xc-menu-toggle{display:flex!important;align-items:center!important}
.sidebar .xc-submenu{display:none;overflow:hidden}
.sidebar .xc-submenu.show{display:block}
.sidebar .xc-menu-group.open>.xc-menu-toggle .menu-arrow{transform:rotate(180deg)}
.sidebar .menu-arrow{margin-left:auto;transition:transform .2s ease}
.sidebar .collapse-inner{margin:4px 4px 8px!important;padding:6px!important;background:rgba(2,12,28,.48)!important;border:1px solid rgba(109,166,230,.16);border-radius:11px}
.sidebar .collapse-item{display:flex!important;align-items:center!important;gap:9px!important;white-space:normal!important;line-height:1.25!important}
.sidebar .collapse-item.active{background:#1c5ca8!important;color:#fff!important}
.topbar{background:#0b1f3b!important;border-bottom-color:#24476e!important}
.topbar-title strong,.topbar-action{color:#eef6ff!important}
.topbar-action{background:#163861!important}.topbar-action:hover{background:#1e4a7c!important}
.topbar-action.danger{background:#4a1d32!important;color:#ffdbe5!important}
.card,.modal-content,.dropdown-menu{background:var(--xc-surface)!important;color:var(--xc-text)!important;border-color:var(--xc-border)!important}
.card-header{background:var(--xc-surface-2)!important;border-bottom-color:var(--xc-border)!important;color:#fff!important}
.card-body,.modal-body,.modal-header,.modal-footer{color:var(--xc-text)!important}
.table-responsive{border-color:var(--xc-border)!important}
.table{background:var(--xc-surface)!important;color:var(--xc-text)!important}
.table th{background:#102b50!important;color:#dcecff!important}
.table td{color:#e7f1ff!important;border-color:#244466!important}
.table tbody tr:hover{background:#13345d!important}
.form-group label,label{color:#dcecff!important}
.form-control,.custom-select,select.form-control,.input-group-text{background:#0a1b34!important;color:#f3f8ff!important;border-color:#355b83!important}
.form-control::placeholder{color:#7892b2!important}
.form-control:focus,.custom-select:focus{background:#0d2342!important;color:#fff!important}
.text-gray-800,.text-gray-900,.text-dark{color:#eef6ff!important}
.text-gray-600,.text-muted{color:var(--xc-muted)!important}
.bg-white{background:var(--xc-surface)!important}
.sticky-footer{background:#07152b!important;color:#9db2cf!important}
@media(max-width:991.98px){
  .sidebar{box-shadow:12px 0 36px rgba(0,0,0,.45)!important}
  body.xc-sidebar-open:after{background:rgba(1,8,18,.72)!important}
}
/* Built-in icon system: replaces missing Font Awesome files */
i.fa,i.fas,i.far,i.fab{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-style:normal;vertical-align:-.125em}.xc-icon{width:1em;height:1em;display:block;overflow:visible}.fa-fw{width:1.25em}.nav-link .xc-icon,.collapse-item .xc-icon{flex:0 0 auto}.btn .xc-icon,.topbar-action .xc-icon{margin-right:.32rem}.menu-arrow .xc-icon{margin-right:0}.sidebar-toggle .xc-icon,.sidebar-mobile-toggle .xc-icon{margin-right:0}


/* XC IPTV page icon sizing fix - sidebar icon sizes are intentionally unchanged */
#content-wrapper i.fa,
#content-wrapper i.fas,
#content-wrapper i.far,
#content-wrapper i.fab {
  font-size: 15px !important;
  width: auto !important;
  height: auto !important;
}
#content-wrapper .xc-icon {
  width: 15px !important;
  height: 15px !important;
  max-width: 15px !important;
  max-height: 15px !important;
}
#content-wrapper .card-header .xc-icon,
#content-wrapper h1 .xc-icon,
#content-wrapper h2 .xc-icon,
#content-wrapper h3 .xc-icon,
#content-wrapper h4 .xc-icon,
#content-wrapper h5 .xc-icon,
#content-wrapper h6 .xc-icon {
  width: 16px !important;
  height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
}
#content-wrapper .btn .xc-icon,
#content-wrapper .badge .xc-icon,
#content-wrapper .input-group-text .xc-icon {
  width: 13px !important;
  height: 13px !important;
  max-width: 13px !important;
  max-height: 13px !important;
}
#content-wrapper .dash i {
  font-size: 16px !important;
}
#content-wrapper .dash .xc-icon {
  width: 16px !important;
  height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
}
#content-wrapper .topbar .xc-icon,
#content-wrapper .scroll-to-top .xc-icon {
  width: 14px !important;
  height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
}