
:root{
 --azg-bg:#07070b;
 --azg-panel:#13131b;
 --azg-panel-2:#1a1924;
 --azg-line:rgba(255,255,255,.10);
 --azg-text:#f5f4fb;
 --azg-muted:#9e9aad;
 --azg-purple:#8b5cf6;
 --azg-purple-dark:#5730a4;
 --azg-blue:#38bdf8;
 --azg-green:#38d68a;
 --azg-red:#ff6072;
 --azg-gold:#f4b95c;
 --azg-radius:15px;
 --azg-shadow:0 22px 65px rgba(0,0,0,.34);
}
*{box-sizing:border-box}
body{
 background:
  radial-gradient(circle at 88% 3%,rgba(139,92,246,.18),transparent 30%),
  radial-gradient(circle at 4% 95%,rgba(56,189,248,.10),transparent 32%),
  var(--azg-bg)!important;
 color:var(--azg-text)!important;
}
body:before{
 content:"";
 position:fixed;
 inset:0;
 z-index:-1;
 pointer-events:none;
 background:
  linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
 background-size:44px 44px;
}
.navbar{
 background:rgba(12,12,18,.94)!important;
 border-bottom:1px solid rgba(255,255,255,.07)!important;
 backdrop-filter:blur(18px);
 box-shadow:0 16px 42px rgba(0,0,0,.34)!important;
}
.navbar-brand{
 font-weight:1000!important;
 letter-spacing:.08em!important;
 background:linear-gradient(90deg,#fff,#c7b5ff);
 -webkit-background-clip:text;
 color:transparent!important;
}
.navbar-nav>li>a{
 border-radius:9px;
 margin:5px 2px;
 transition:.18s ease!important;
}
.navbar-nav>li>a:hover{
 transform:translateY(-1px);
 background:rgba(139,92,246,.13)!important;
}
.container-main{max-width:1580px!important;width:min(94%,1580px)!important}
.well,.well-small,.panel,.panel-default,.panel-body,.modal-content{
 background:linear-gradient(145deg,rgba(25,24,35,.97),rgba(13,13,20,.99))!important;
 border:1px solid var(--azg-line)!important;
 border-radius:var(--azg-radius)!important;
 box-shadow:var(--azg-shadow)!important;
 color:var(--azg-text)!important;
}
.table{
 background:#101017!important;
 border-radius:13px;
 overflow:hidden;
}
.table>thead>tr>th{
 background:linear-gradient(180deg,#252333,#181720)!important;
 color:#fff!important;
 border-color:#393747!important;
 text-transform:uppercase;
 letter-spacing:.055em;
 font-size:11px;
 padding:13px!important;
}
.table>tbody>tr>td{
 color:#ecebf2!important;
 border-color:#292833!important;
 padding:12px!important;
 vertical-align:middle!important;
}
.table-hover>tbody>tr:hover>td{
 background:rgba(139,92,246,.09)!important;
}
.form-control,input,select,textarea{
 color:#fff!important;
 background:#09090e!important;
 border:1px solid #393747!important;
 border-radius:10px!important;
 box-shadow:none!important;
}
.form-control:focus,input:focus,select:focus,textarea:focus{
 border-color:var(--azg-purple)!important;
 box-shadow:0 0 0 3px rgba(139,92,246,.13)!important;
}
.btn,.azg8-btn{
 border-radius:9px!important;
 font-weight:800!important;
 transition:.16s ease!important;
 box-shadow:0 8px 20px rgba(0,0,0,.18);
}
.btn:hover,.azg8-btn:hover{
 transform:translateY(-2px);
 filter:brightness(1.12);
}
.azg8-top{
 gap:15px!important;
 align-items:center!important;
 padding-bottom:15px;
 border-bottom:1px solid rgba(255,255,255,.07);
}
.azg8-box{
 background:linear-gradient(145deg,rgba(27,25,39,.97),rgba(13,13,20,.99))!important;
 border:1px solid var(--azg-line)!important;
 border-radius:15px!important;
 box-shadow:0 17px 46px rgba(0,0,0,.25)!important;
}
.azg8-card{
 background:linear-gradient(145deg,#1b1927,#111118)!important;
 border-color:rgba(255,255,255,.09)!important;
 transition:.18s ease;
}
.azg8-card:hover{
 transform:translateY(-3px);
 border-color:rgba(139,92,246,.43)!important;
 box-shadow:0 15px 35px rgba(0,0,0,.28),0 0 26px rgba(139,92,246,.10);
}
.azg-unified-tabs{
 display:flex;
 gap:7px;
 flex-wrap:wrap;
 margin:14px 0;
 padding:7px;
 border:1px solid rgba(255,255,255,.08);
 border-radius:13px;
 background:#0c0c12;
 position:sticky;
 top:8px;
 z-index:35;
 box-shadow:0 14px 35px rgba(0,0,0,.28);
}
.azg-unified-tab{
 flex:1;
 min-width:110px;
 border:1px solid transparent;
 background:transparent;
 color:#aaa5b8;
 border-radius:9px;
 padding:11px 13px;
 font-weight:900;
 cursor:pointer;
}
.azg-unified-tab:hover,.azg-unified-tab.active{
 color:#fff;
 background:linear-gradient(135deg,rgba(139,92,246,.25),rgba(56,189,248,.10));
 border-color:rgba(139,92,246,.38);
}
.azg-unified-panel{display:none}
.azg-unified-panel.active{display:block;animation:azgFade .18s ease}
@keyframes azgFade{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}
.azg-visitor-widget{
 position:fixed;
 right:18px;
 bottom:18px;
 z-index:9999;
 min-width:225px;
 background:rgba(12,12,18,.94);
 border:1px solid rgba(139,92,246,.38);
 border-radius:14px;
 padding:12px 14px;
 box-shadow:0 20px 55px rgba(0,0,0,.45),0 0 30px rgba(139,92,246,.10);
 backdrop-filter:blur(18px);
}
.azg-visitor-head{
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:10px;
 font-weight:1000;
 margin-bottom:9px;
}
.azg-visitor-live{
 display:inline-flex;
 align-items:center;
 gap:6px;
 color:#83eeb2;
 font-size:11px;
}
.azg-visitor-live:before{
 content:"";
 width:7px;height:7px;border-radius:50%;
 background:#47dc91;
 box-shadow:0 0 12px #47dc91;
}
.azg-visitor-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:7px;
}
.azg-visitor-stat{
 background:#08080d;
 border:1px solid #292936;
 border-radius:9px;
 padding:8px;
 text-align:center;
}
.azg-visitor-number{font-size:17px;font-weight:1000;color:#fff}
.azg-visitor-label{font-size:9px;text-transform:uppercase;color:#8f8b9d;letter-spacing:.06em}
.azg-server-public-card{
 display:none;
}
@media(max-width:760px){
 .container-main{width:96%!important}
 .azg8-top{align-items:stretch!important}
 .azg8-actions{width:100%!important}
 .azg8-actions .azg8-btn{flex:1;text-align:center}
 .azg-unified-tabs{
  position:relative;
  top:auto;
  display:grid;
  grid-template-columns:repeat(2,1fr);
 }
 .azg-unified-tab{min-width:0}
 .azg-visitor-widget{
  left:10px;
  right:10px;
  bottom:74px;
  min-width:0;
  padding:10px;
 }
 .azg-visitor-head{margin-bottom:7px}
 .table-responsive{border:0!important}
 body[data-azg-server-list="1"] table{display:none}
 body[data-azg-server-list="1"] .azg-server-public-card{display:block}
}
