:root{
  --pp-bg:#07111f;
  --pp-bg-2:#0d182b;
  --pp-surface:rgba(10,23,40,.86);
  --pp-surface-soft:rgba(15,29,50,.72);
  --pp-border:rgba(148,163,184,.18);
  --pp-border-strong:rgba(96,165,250,.28);
  --pp-text:#e5eefb;
  --pp-text-soft:#aab9d3;
  --pp-accent:#60a5fa;
  --pp-accent-2:#8b5cf6;
  --pp-success:#22c55e;
  --pp-warning:#f59e0b;
  --pp-danger:#ef4444;
  --pp-radius:22px;
  --pp-radius-sm:16px;
  --pp-shadow:0 20px 60px rgba(2,8,23,.42);
}
html.premium-ui{background:radial-gradient(circle at top left, rgba(96,165,250,.14), transparent 26%),radial-gradient(circle at top right, rgba(139,92,246,.18), transparent 28%),linear-gradient(180deg,var(--pp-bg) 0%, var(--pp-bg-2) 100%);min-height:100%;}
body.premium-ui-body{
  background:transparent!important;
  color:var(--pp-text)!important;
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif!important;
}
body.premium-ui-body::before{
  content:''; position:fixed; inset:0; pointer-events:none; z-index:-1;
  background:radial-gradient(circle at 20% 20%, rgba(59,130,246,.09), transparent 24%),radial-gradient(circle at 80% 0%, rgba(168,85,247,.10), transparent 24%);
}
a{color:#c7dcff}
a:hover{color:white}
.content-page,.content,.container-fluid,.page-wrap,.plans-wrap,.dns-wrap,.rev-wrap,.test-wrap,.users-page,.theme-premium-page,.whatsapp-page{
  position:relative;
}
.content-page,.content,.container-fluid,.page-wrap,.plans-wrap,.dns-wrap,.rev-wrap,.test-wrap,.users-page,.theme-premium-page,.whatsapp-page{
  color:var(--pp-text);
}
.card,.premium-surface,.section,.themecard,.stat-card,.kpi,.premium-panel,.users-card,.plans-card,.dns-card,.rev-card,.test-card,.admin-pass-card,.premium-card,.modal-content,.dropdown-menu{
  background:linear-gradient(180deg, rgba(15,28,48,.92), rgba(7,17,31,.92))!important;
  border:1px solid var(--pp-border)!important;
  box-shadow:var(--pp-shadow)!important;
  backdrop-filter:blur(12px);
  border-radius:var(--pp-radius)!important;
  color:var(--pp-text)!important;
}
.card-header,.premium-panel-header,.plans-header,.dns-header,.rev-head,.premium-head,.users-toolbar,.premium-topbar,.admin-pass-header{
  background:transparent!important;
  border-bottom:1px solid rgba(148,163,184,.12)!important;
}
.table,.premium-table{--bs-table-bg:transparent;--bs-table-color:var(--pp-text);--bs-table-striped-bg:rgba(255,255,255,.025);--bs-table-hover-bg:rgba(96,165,250,.08);border-color:rgba(148,163,184,.12)!important;color:var(--pp-text)!important;}
.table thead th,.premium-table thead th{color:#f8fbff;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;border-bottom-color:rgba(148,163,184,.15)!important;}
.table td,.table th{vertical-align:middle;border-color:rgba(148,163,184,.10)!important;}
.form-control,.form-select,select,input,textarea{
  background:rgba(15,23,42,.72)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  color:var(--pp-text)!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
.form-control::placeholder,textarea::placeholder,input::placeholder{color:#8ca0be!important}
.form-control:focus,.form-select:focus,select:focus,input:focus,textarea:focus{
  border-color:rgba(96,165,250,.55)!important;
  box-shadow:0 0 0 3px rgba(96,165,250,.16)!important;
}
.btn{
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  font-weight:700!important;
  letter-spacing:.01em;
  box-shadow:0 10px 24px rgba(2,8,23,.28);
}
.btn-primary,.btn-success,.btn-warning,.btn-danger,.btn-dark{
  background-image:linear-gradient(135deg,var(--pp-accent),var(--pp-accent-2))!important;
  color:#fff!important;
}
.btn-secondary,.btn-light{
  background:rgba(255,255,255,.06)!important;
  color:var(--pp-text)!important;
}
.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-warning,.btn-outline-danger{
  background:transparent!important;
  color:var(--pp-text)!important;
  border-color:rgba(96,165,250,.28)!important;
}
.badge,.pill{
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(96,165,250,.14)!important;
  color:#eaf3ff!important;
}
.alert{border:none!important;border-radius:18px!important;box-shadow:var(--pp-shadow)!important}
.alert-success{background:rgba(34,197,94,.14)!important;color:#d7ffe3!important}
.alert-danger{background:rgba(239,68,68,.14)!important;color:#ffe0e0!important}
.alert-warning{background:rgba(245,158,11,.14)!important;color:#fff1cf!important}
.alert-info{background:rgba(59,130,246,.14)!important;color:#dbeafe!important}
.kpi,.stat-card,.themecard,.premium-panel,.premium-card,.users-card,.plans-card,.dns-card,.rev-card{overflow:hidden}
.kpi,.stat-card{position:relative}
.kpi::after,.stat-card::after,.themecard::after,.premium-panel::after{
  content:''; position:absolute; inset:auto -20% -45% 50%; height:120px; background:radial-gradient(circle, rgba(96,165,250,.16), transparent 65%); transform:translateX(-50%); pointer-events:none;
}
.top-header,.header-wrapper,.sidebar-wrapper,.sidebar-header,.navbar,.nav-container,.page-breadcrumb,.page-footer{
  background:rgba(6,14,25,.92)!important;
  border-color:rgba(148,163,184,.10)!important;
  color:var(--pp-text)!important;
  backdrop-filter:blur(12px);
}
.sidebar-wrapper .metismenu a,.navbar-nav .nav-link,.breadcrumb-item,.menu-title,.header-notifications-list .dropdown-item{color:var(--pp-text-soft)!important}
.sidebar-wrapper .metismenu a:hover,.sidebar-wrapper .metismenu .mm-active>a,.navbar-nav .nav-link:hover{color:#fff!important;background:rgba(96,165,250,.12)!important;border-radius:14px}
img{max-width:100%;height:auto}
hr,.sep{border-color:rgba(148,163,184,.10)!important}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgba(96,165,250,.55), rgba(139,92,246,.55)); border-radius:999px}
::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}
@media (max-width: 900px){
  .content-page,.content,.container-fluid,.page-wrap,.plans-wrap,.dns-wrap,.rev-wrap,.test-wrap,.users-page,.theme-premium-page,.whatsapp-page{padding-left:10px;padding-right:10px}
  .premium-head,.rev-head,.plans-header,.dns-header,.users-toolbar,.premium-topbar{gap:12px;flex-direction:column;align-items:stretch!important}
}
