/* THE KING TV — Blue Modern UI */
:root{
  --kt-primary:#1683ff;
  --kt-primary-2:#005bea;
  --kt-cyan:#19c9ff;
  --kt-bg:#06111f;
  --kt-panel:#0a1b2f;
  --kt-panel-2:#0d233b;
  --kt-border:rgba(64,167,255,.20);
  --kt-text:#edf7ff;
  --kt-muted:#8ca9c2;
  --kt-shadow:0 18px 50px rgba(0,0,0,.28);
}
html,body{background:linear-gradient(135deg,#04101d 0%,#06182a 45%,#071f35 100%) !important;color:var(--kt-text)!important;}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;}
a,button,.btn{transition:.2s ease!important;}
/* Generic dashboard surfaces */
.card,.panel,.box,.widget,.modal-content,.dropdown-menu,table,.table-responsive{
  background:linear-gradient(145deg,rgba(13,35,59,.96),rgba(7,24,42,.96))!important;
  border:1px solid var(--kt-border)!important;
  box-shadow:var(--kt-shadow)!important;
  color:var(--kt-text)!important;
  border-radius:16px!important;
}
.sidebar,.side-bar,.sidenav,.main-sidebar,.left-sidebar{
  background:linear-gradient(180deg,#06182b 0%,#04101e 100%)!important;
  border-right:1px solid rgba(25,201,255,.14)!important;
}
.navbar,.topbar,.header,.top-header{
  background:rgba(5,19,34,.88)!important;
  backdrop-filter:blur(16px)!important;
  border-bottom:1px solid var(--kt-border)!important;
}
.btn-primary,.button-primary{
  background:linear-gradient(135deg,var(--kt-primary),var(--kt-primary-2))!important;
  border:0!important;color:#fff!important;border-radius:11px!important;
  box-shadow:0 8px 22px rgba(0,116,255,.25)!important;
}
.btn-primary:hover,.button-primary:hover{transform:translateY(-1px);filter:brightness(1.08);}
input,select,textarea,.form-control{
  background:#071a2e!important;color:#eef8ff!important;
  border:1px solid rgba(70,168,255,.24)!important;border-radius:10px!important;
}
input:focus,select:focus,textarea:focus,.form-control:focus{
  border-color:var(--kt-primary)!important;
  box-shadow:0 0 0 3px rgba(22,131,255,.14)!important;
}
table th{background:#0b2742!important;color:#8fd5ff!important;}
table td{border-color:rgba(80,160,220,.10)!important;}
.badge,.label{border-radius:999px!important;}
h1,h2,h3,h4,h5{color:#f4fbff!important;letter-spacing:-.02em;}
.text-muted,.muted{color:var(--kt-muted)!important;}
/* Logo/brand */
.logo,.brand,.brand-name,.navbar-brand{
  color:#fff!important;font-weight:800!important;letter-spacing:.04em!important;
}
.logo span,.brand span{color:var(--kt-cyan)!important;}
/* Mobile */
@media(max-width:768px){
  .sidebar,.side-bar,.sidenav,.main-sidebar,.left-sidebar{
    width:100%!important;max-width:100%!important;
  }
  .content,.main-content,.container,.container-fluid{
    width:100%!important;max-width:100%!important;
    padding-left:12px!important;padding-right:12px!important;
  }
  .card,.panel,.box,.widget{border-radius:14px!important;}
  .row{margin-left:-6px!important;margin-right:-6px!important;}
  [class*="col-"]{padding-left:6px!important;padding-right:6px!important;}
  table{font-size:13px!important;}
  .btn{min-height:42px!important;}
}