/* ViperSMM Premium Upgrade Layer - frontend safe CSS only */
:root{
  --viper-bg:#070916;
  --viper-bg2:#0d1024;
  --viper-card:rgba(17,22,48,.86);
  --viper-card2:rgba(24,31,66,.92);
  --viper-text:#f6f8ff;
  --viper-muted:#9aa7c7;
  --viper-border:rgba(255,255,255,.10);
  --viper-accent:#7c3cff;
  --viper-accent2:#00e5ff;
  --viper-good:#23d18b;
  --viper-warn:#ffbf47;
  --viper-danger:#ff4d6d;
  --viper-radius:22px;
  --viper-shadow:0 22px 70px rgba(0,0,0,.35);
}
html{scroll-behavior:smooth;}
body,.body{
  background:
    radial-gradient(circle at 12% 8%, rgba(124,60,255,.34), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(0,229,255,.22), transparent 26%),
    linear-gradient(145deg,var(--viper-bg),var(--viper-bg2) 55%,#080a12)!important;
  color:var(--viper-text)!important;
  min-height:100vh;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 80%);z-index:0;}
body>*{position:relative;z-index:1;}
a{color:#9defff;} a:hover{color:#fff;text-decoration:none;}
.container,.container-fluid{max-width:1280px;}
.component-navbar__navbar-public,.component-navbar__navbar-private,.navbar,.navbar-default,.navbar-inverse{
  background:rgba(8,11,28,.82)!important;
  backdrop-filter:blur(18px);
  border:1px solid var(--viper-border)!important;
  box-shadow:0 15px 50px rgba(0,0,0,.32)!important;
}
.navbar a,.component-navbar__navbar-public a,.component-navbar__navbar-private a,.navbar-nav>li>a{color:var(--viper-text)!important;font-weight:700;}
.navbar a:hover,.navbar-nav>li>a:hover{color:var(--viper-accent2)!important;}
.navbar-brand,.component-navbar-brand{font-weight:900!important;letter-spacing:-.04em;font-size:24px!important;color:#fff!important;text-shadow:0 0 28px rgba(0,229,255,.35);}
.card,.well,.panel,.modal-content,.dashboard-content,.table-wr,.component_card,.account-card,.service-card,.order-card,.tickets-card,.addfunds-card,
.body .card,.body .modal .modal-content,.main-panel .index-announcement .index-announcement-title,.main-panel .index-announcement .index-announcement-content{
  background:linear-gradient(180deg,var(--viper-card),rgba(11,15,35,.92))!important;
  color:var(--viper-text)!important;
  border:1px solid var(--viper-border)!important;
  border-radius:var(--viper-radius)!important;
  box-shadow:var(--viper-shadow)!important;
}
.card-header,.panel-heading,.dashboard-content .head,.component_card__header{
  background:linear-gradient(135deg,rgba(124,60,255,.28),rgba(0,229,255,.16))!important;
  border-bottom:1px solid var(--viper-border)!important;
  color:#fff!important;
  border-radius:var(--viper-radius) var(--viper-radius) 0 0!important;
}
.card h1,.card h2,.card h3,.card h4,.card h5,.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.dashboard-content .head h5,h1,h2,h3{color:#fff!important;letter-spacing:-.035em;}
p,span,li,label,.help-block,.text-muted,.small{color:inherit;}
.text-muted,small,.help-block{color:var(--viper-muted)!important;}
.form-control,select,textarea,input[type=text],input[type=password],input[type=email],input[type=number],input[type=url]{
  background:rgba(255,255,255,.065)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  color:#fff!important;
  border-radius:16px!important;
  min-height:46px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.form-control:focus,select:focus,textarea:focus,input:focus{border-color:rgba(0,229,255,.75)!important;box-shadow:0 0 0 4px rgba(0,229,255,.13)!important;outline:none!important;}
::placeholder{color:rgba(246,248,255,.48)!important;}
.btn,.btn-primary,.btn-big-primary,.style-bg-primary,.body .btn-big-primary,button[type=submit],input[type=submit]{
  background:linear-gradient(135deg,var(--viper-accent),var(--viper-accent2))!important;
  border:0!important;
  color:#fff!important;
  border-radius:999px!important;
  font-weight:900!important;
  letter-spacing:.01em;
  box-shadow:0 15px 35px rgba(124,60,255,.28)!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.btn:hover,.btn-primary:hover,.btn-big-primary:hover,button[type=submit]:hover{transform:translateY(-2px);filter:saturate(1.15);box-shadow:0 20px 45px rgba(0,229,255,.24)!important;}
.btn-default,.btn-secondary{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid var(--viper-border)!important;}
.table{color:var(--viper-text)!important;border-collapse:separate!important;border-spacing:0 8px!important;}
.table thead tr th,.body .table thead tr th{background:rgba(124,60,255,.24)!important;color:#fff!important;border:0!important;padding:15px!important;}
.table tbody tr{background:rgba(255,255,255,.045)!important;border-radius:16px!important;}
.table td,.table th{border-top:1px solid rgba(255,255,255,.06)!important;padding:14px!important;vertical-align:middle!important;}
.table tbody tr:hover{background:rgba(0,229,255,.075)!important;}
.badge,.label{border-radius:999px!important;padding:.45em .75em!important;font-weight:800!important;}
.alert{border-radius:18px!important;border:1px solid var(--viper-border)!important;box-shadow:0 14px 35px rgba(0,0,0,.18)!important;}
.alert-success{background:rgba(35,209,139,.15)!important;color:#aaffe1!important;}
.alert-danger,.alert-error{background:rgba(255,77,109,.15)!important;color:#ffd3dc!important;}
.alert-warning{background:rgba(255,191,71,.15)!important;color:#ffe2a6!important;}
.dropdown-menu{background:#101631!important;border:1px solid var(--viper-border)!important;border-radius:18px!important;box-shadow:var(--viper-shadow)!important;}
.dropdown-menu>li>a{color:#fff!important;}.dropdown-menu>li>a:hover{background:rgba(0,229,255,.12)!important;}
.wrapper-content,.wrapper-content__body,.main-panel,.body .wrapper-content{background:transparent!important;}
.login-wrapper,.signup-wrapper,.auth-wrapper{min-height:calc(100vh - 120px);display:flex;align-items:center;}
.login-wrapper .card,.signup-wrapper .card{max-width:560px;margin:auto;}
/* turn landing sections into premium hero if present */
.hero,.homepage,.landing,.login-page,.signup-page{position:relative;}
.hero:before,.homepage:before,.login-page:before{content:"ViperSMM";position:absolute;right:5%;top:8%;font-size:clamp(54px,10vw,150px);font-weight:1000;letter-spacing:-.08em;color:rgba(255,255,255,.035);pointer-events:none;line-height:1;}
.totals-block,.stats-card,.dashboard-stat,.service-stat{background:linear-gradient(135deg,rgba(124,60,255,.2),rgba(0,229,255,.1))!important;border:1px solid var(--viper-border)!important;border-radius:22px!important;box-shadow:var(--viper-shadow)!important;}
::-webkit-scrollbar{width:10px;height:10px;}::-webkit-scrollbar-track{background:#080b1c;}::-webkit-scrollbar-thumb{background:linear-gradient(var(--viper-accent),var(--viper-accent2));border-radius:99px;}
@media(max-width:768px){.container,.container-fluid{padding-left:14px!important;padding-right:14px!important}.card,.panel,.well,.dashboard-content{border-radius:18px!important}.table{font-size:13px}.btn,.btn-primary,.btn-big-primary{width:100%;margin-top:6px}.navbar-collapse{background:rgba(8,11,28,.96)!important;border-radius:18px!important;padding:12px!important;margin-top:10px!important}}