/* PROXY Tabler skin: gray background + green SaaS accents for cabinet/admin/auth pages. */
body.magic-tabler-skin{
  --accent:#22c55e;
  --accent2:#86efac;
  --bg:#111312;
  --card:#181b19;
  --card2:#20251f;
  --text:#f8fafc;
  --muted:#a1a1aa;
  --line:rgba(255,255,255,.11);
  background:
    radial-gradient(circle at 15% 0%,rgba(34,197,94,.12),transparent 34rem),
    radial-gradient(circle at 85% 18%,rgba(134,239,172,.08),transparent 34rem),
    #111312!important;
  color:var(--text)!important;
}
body.magic-tabler-skin .magic-navbar{
  background:rgba(17,19,18,.78)!important;
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(18px);
  box-shadow:0 18px 55px rgba(0,0,0,.22);
}
body.magic-tabler-skin .brand-logo{
  background:linear-gradient(135deg,var(--accent),var(--accent2))!important;
  color:#06130a!important;
  box-shadow:0 12px 36px rgba(34,197,94,.24)!important;
}
body.magic-tabler-skin .brand-text,
body.magic-tabler-skin .navbar-brand,
body.magic-tabler-skin .navbar-brand:hover{color:#fff!important}
body.magic-tabler-skin .navbar-nav .nav-link{color:#d4d4d8!important;font-weight:800;border-radius:999px;padding:.55rem .8rem!important}
body.magic-tabler-skin .navbar-nav .nav-link:hover{color:#fff!important;background:rgba(255,255,255,.06)}
body.magic-tabler-skin .page-shell{background:transparent!important;min-height:calc(100vh - 100px)}
body.magic-tabler-skin .magic-card,
body.magic-tabler-skin .card,
body.magic-tabler-skin .feature-card,
body.magic-tabler-skin .info-tile,
body.magic-tabler-skin .subscription-widget,
body.magic-tabler-skin .buy-summary-card,
body.magic-tabler-skin .pricing-card,
body.magic-tabler-skin .sub-link-card,
body.magic-tabler-skin .proxy-profile-card,
body.magic-tabler-skin .compact-panel,
body.magic-tabler-skin .location-premium-card{
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025))!important;
  border:1px solid var(--line)!important;
  color:var(--text)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.magic-tabler-skin h1,
body.magic-tabler-skin h2,
body.magic-tabler-skin h3,
body.magic-tabler-skin h4,
body.magic-tabler-skin h5,
body.magic-tabler-skin h6,
body.magic-tabler-skin b,
body.magic-tabler-skin strong,
body.magic-tabler-skin label{color:#fff!important}
body.magic-tabler-skin .text-muted-blue,
body.magic-tabler-skin .text-muted,
body.magic-tabler-skin .text-secondary{color:#a1a1aa!important}
body.magic-tabler-skin .btn-magic,
body.magic-tabler-skin .btn-primary,
body.magic-tabler-skin button.btn-primary{
  background:linear-gradient(135deg,var(--accent),var(--accent2))!important;
  border:0!important;
  color:#06130a!important;
  border-radius:16px!important;
  font-weight:950!important;
  box-shadow:0 14px 38px rgba(34,197,94,.22)!important;
}
body.magic-tabler-skin .btn-magic:hover,
body.magic-tabler-skin .btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}
body.magic-tabler-skin .btn-outline-magic,
body.magic-tabler-skin .btn-outline-primary,
body.magic-tabler-skin .btn-outline-secondary{
  border:1px solid rgba(255,255,255,.15)!important;
  color:#fff!important;
  background:rgba(255,255,255,.035)!important;
  border-radius:16px!important;
  font-weight:850!important;
}
body.magic-tabler-skin .btn-outline-magic:hover,
body.magic-tabler-skin .btn-outline-primary:hover,
body.magic-tabler-skin .btn-outline-secondary:hover{border-color:rgba(34,197,94,.6)!important;background:rgba(34,197,94,.09)!important;color:#fff!important}
body.magic-tabler-skin .badge-soft,
body.magic-tabler-skin .badge.bg-primary,
body.magic-tabler-skin .badge.bg-success{
  background:rgba(34,197,94,.14)!important;
  border:1px solid rgba(34,197,94,.25)!important;
  color:#bbf7d0!important;
}
body.magic-tabler-skin .status-pill{background:rgba(34,197,94,.14)!important;color:#bbf7d0!important;border-color:rgba(34,197,94,.25)!important}
body.magic-tabler-skin .status-pill.off{background:rgba(244,63,94,.13)!important;color:#fecdd3!important;border-color:rgba(244,63,94,.24)!important}
body.magic-tabler-skin .sub-progress span{background:linear-gradient(90deg,var(--accent),var(--accent2))!important;box-shadow:0 0 24px rgba(34,197,94,.28)!important}
body.magic-tabler-skin .table,
body.magic-tabler-skin table{--tblr-table-color:#f8fafc;--tblr-table-bg:transparent;--tblr-table-border-color:rgba(255,255,255,.09);color:#f8fafc!important}
body.magic-tabler-skin .table thead th,
body.magic-tabler-skin table thead th{color:#bbf7d0!important;background:rgba(34,197,94,.075)!important;border-color:rgba(255,255,255,.09)!important}
body.magic-tabler-skin .table td,
body.magic-tabler-skin .table th,
body.magic-tabler-skin table td,
body.magic-tabler-skin table th{border-color:rgba(255,255,255,.08)!important;vertical-align:middle}
body.magic-tabler-skin input,
body.magic-tabler-skin textarea,
body.magic-tabler-skin select,
body.magic-tabler-skin .form-control,
body.magic-tabler-skin .form-select{
  background:#111512!important;
  border:1px solid rgba(255,255,255,.13)!important;
  color:#fff!important;
  border-radius:16px!important;
}
body.magic-tabler-skin input:focus,
body.magic-tabler-skin textarea:focus,
body.magic-tabler-skin select:focus,
body.magic-tabler-skin .form-control:focus,
body.magic-tabler-skin .form-select:focus{
  border-color:rgba(34,197,94,.6)!important;
  box-shadow:0 0 0 .25rem rgba(34,197,94,.12)!important;
}
body.magic-tabler-skin input::placeholder,
body.magic-tabler-skin textarea::placeholder{color:#71717a!important}
body.magic-tabler-skin .accordion-button{background:transparent!important;color:#fff!important;box-shadow:none!important}
body.magic-tabler-skin .accordion-button:not(.collapsed){background:rgba(34,197,94,.09)!important;color:#fff!important}
body.magic-tabler-skin .alert{border-radius:20px!important;border:1px solid rgba(255,255,255,.11)!important;background:rgba(255,255,255,.07)!important;color:#fff!important}
body.magic-tabler-skin .alert-success{background:rgba(34,197,94,.13)!important;color:#dcfce7!important;border-color:rgba(34,197,94,.25)!important}
body.magic-tabler-skin .alert-danger{background:rgba(244,63,94,.13)!important;color:#ffe4e6!important;border-color:rgba(244,63,94,.25)!important}
body.magic-tabler-skin .alert-warning{background:rgba(245,158,11,.13)!important;color:#fef3c7!important;border-color:rgba(245,158,11,.25)!important}
body.magic-tabler-skin .footer{background:rgba(17,19,18,.72)!important;border-top:1px solid var(--line)!important;color:#a1a1aa!important}
body.magic-tabler-skin a{color:#86efac}
body.magic-tabler-skin a:hover{color:#bbf7d0}
body.magic-tabler-skin .copy-box{background:#0f1411!important;border-color:rgba(255,255,255,.11)!important;color:#d4d4d8!important}
body.magic-tabler-skin .qr-box{background:#fff!important}
@media(max-width:991px){body.magic-tabler-skin .navbar-nav{gap:.35rem!important}body.magic-tabler-skin .btn-magic,body.magic-tabler-skin .btn-outline-magic{width:100%}}


/* PROXY dashboard and balance polish */
body.magic-tabler-skin .container{max-width:1240px}
body.magic-tabler-skin .proxy-dashboard-hero,
body.magic-tabler-skin .proxy-balance-hero{
  padding:38px!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 15% 20%,rgba(34,197,94,.22),transparent 28rem),
    radial-gradient(circle at 100% 0%,rgba(134,239,172,.12),transparent 24rem),
    linear-gradient(135deg,rgba(32,37,31,.98),rgba(17,19,18,.96))!important;
}
body.magic-tabler-skin .proxy-grid-bg{
  position:absolute;inset:0;opacity:.22;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:36px 36px;
  mask-image:radial-gradient(circle at 50% 45%,#000,transparent 78%);
}
body.magic-tabler-skin .proxy-status-panel,
body.magic-tabler-skin .proxy-wallet-card{
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
  border-radius:30px;
  padding:26px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 45px rgba(0,0,0,.22);
}
body.magic-tabler-skin .proxy-empty-line{color:#a1a1aa;line-height:1.7}
body.magic-tabler-skin .proxy-wallet-amount{font-size:58px;line-height:1;font-weight:950;letter-spacing:-.055em;color:#fff;margin-top:8px}
body.magic-tabler-skin .proxy-wallet-line{height:1px;background:rgba(255,255,255,.10);margin:22px 0}
body.magic-tabler-skin .proxy-metric-card{
  display:block;border-radius:26px;padding:22px;text-decoration:none;color:#fff!important;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.105);
  box-shadow:0 18px 50px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
body.magic-tabler-skin .proxy-metric-card:hover{transform:translateY(-2px);border-color:rgba(34,197,94,.42);background:linear-gradient(180deg,rgba(34,197,94,.08),rgba(255,255,255,.03));color:#fff!important}
body.magic-tabler-skin .proxy-metric-icon,
body.magic-tabler-skin .proxy-card-mark{
  width:48px;height:48px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.25);color:#bbf7d0;font-size:22px;font-weight:950;margin-bottom:14px;
}
body.magic-tabler-skin .proxy-card-mark{margin-bottom:0}
body.magic-tabler-skin .proxy-steps{display:grid;gap:12px}
body.magic-tabler-skin .proxy-step{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:20px;padding:14px}
body.magic-tabler-skin .proxy-step>span{width:30px;height:30px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06130a;font-weight:950;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
body.magic-tabler-skin .proxy-step small{display:block;color:#a1a1aa;margin-top:2px}
body.magic-tabler-skin .proxy-profile-card{
  border-radius:26px;padding:22px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.105);box-shadow:0 18px 50px rgba(0,0,0,.18);
}
body.magic-tabler-skin .proxy-accordion .accordion-item{border-color:rgba(255,255,255,.10)!important}
body.magic-tabler-skin .proxy-accordion .accordion-body{line-height:1.8}
body.magic-tabler-skin .topup-chips{display:flex;gap:8px;flex-wrap:wrap}
body.magic-tabler-skin .topup-chips button{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.045);color:#fff;border-radius:999px;padding:8px 12px;font-weight:850}
body.magic-tabler-skin .topup-chips button:hover{border-color:rgba(34,197,94,.55);background:rgba(34,197,94,.10)}
body.magic-tabler-skin .proxy-pay-note{height:100%;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);border-radius:18px;padding:12px}
body.magic-tabler-skin .proxy-pay-note b{display:block;margin-bottom:4px}
body.magic-tabler-skin .proxy-pay-note span{display:block;color:#a1a1aa;font-size:12px;line-height:1.45}
body.magic-tabler-skin .proxy-table-wrap{border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
body.magic-tabler-skin .proxy-status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#e4e4e7}
body.magic-tabler-skin .proxy-status-badge.success{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.26);color:#bbf7d0}
body.magic-tabler-skin .proxy-status-badge.danger{background:rgba(244,63,94,.13);border-color:rgba(244,63,94,.26);color:#fecdd3}
body.magic-tabler-skin .proxy-status-badge.pending{background:rgba(245,158,11,.13);border-color:rgba(245,158,11,.26);color:#fde68a}
@media(max-width:767px){body.magic-tabler-skin .proxy-dashboard-hero,body.magic-tabler-skin .proxy-balance-hero{padding:24px!important;border-radius:26px!important}body.magic-tabler-skin .proxy-wallet-amount{font-size:44px}}

/* MagicV Proxy final polish */
body.magic-tabler-skin .status-hero{
  background:radial-gradient(circle at 14% 14%,rgba(34,197,94,.20),transparent 30rem),radial-gradient(circle at 100% 0%,rgba(134,239,172,.12),transparent 22rem),linear-gradient(135deg,rgba(32,37,31,.98),rgba(17,19,18,.96))!important;
}
body.magic-tabler-skin .status-summary-card{display:flex;gap:16px;align-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:28px;padding:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
body.magic-tabler-skin .status-orb{width:54px;height:54px;border-radius:999px;flex:0 0 auto;background:rgba(245,158,11,.22);box-shadow:0 0 0 8px rgba(245,158,11,.08),0 0 38px rgba(245,158,11,.22)}
body.magic-tabler-skin .status-orb.ok{background:#22c55e;box-shadow:0 0 0 8px rgba(34,197,94,.12),0 0 44px rgba(34,197,94,.45)}
body.magic-tabler-skin .location-status-card{position:relative;overflow:hidden;border-radius:30px;padding:26px;border:1px solid rgba(255,255,255,.105);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));box-shadow:0 18px 54px rgba(0,0,0,.20)}
body.magic-tabler-skin .location-status-card:before{content:'';position:absolute;left:0;top:0;right:0;height:3px;background:#f59e0b;opacity:.9}
body.magic-tabler-skin .location-status-card.is-online:before{background:#22c55e}
body.magic-tabler-skin .status-card-line{height:1px;background:rgba(255,255,255,.10);margin:0 0 18px}
body.magic-tabler-skin .proxy-status-badge .status-dot{width:8px;height:8px;border-radius:999px;background:currentColor;display:inline-block;margin-right:8px;box-shadow:0 0 18px currentColor}
body.magic-tabler-skin .auth-shell .magic-card{max-width:560px;margin-inline:auto}
body.magic-tabler-skin .admin-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media(max-width:991px){body.magic-tabler-skin .admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){body.magic-tabler-skin .admin-quick-grid{grid-template-columns:1fr}}

/* QR and connection guide additions */
body.magic-tabler-skin .qr-box-lg{width:180px!important;height:180px!important;border-radius:22px!important;padding:10px!important;box-shadow:0 18px 45px rgba(0,0,0,.22)}
body.magic-tabler-skin .device-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.magic-tabler-skin .device-guide-card{border:1px solid rgba(255,255,255,.105);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border-radius:24px;padding:18px;color:#fff;box-shadow:0 16px 45px rgba(0,0,0,.16)}
body.magic-tabler-skin .device-guide-card .device-icon{width:46px;height:46px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.24);font-size:22px;margin-bottom:12px}
body.magic-tabler-skin .device-guide-card ol{margin:12px 0 0;padding-left:18px;color:#a1a1aa;font-size:13px;line-height:1.75}
body.magic-tabler-skin .connection-hero-art{border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 50% 22%,rgba(34,197,94,.20),transparent 60%),rgba(255,255,255,.04);border-radius:30px;padding:24px;text-align:center}
@media(max-width:991px){body.magic-tabler-skin .device-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){body.magic-tabler-skin .device-guide-grid{grid-template-columns:1fr}body.magic-tabler-skin .qr-box-lg{width:150px!important;height:150px!important}}

/* Connection setup page */
body.magic-tabler-skin .setup-shell{color:#f4f4f5}
body.magic-tabler-skin .wizard-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
body.magic-tabler-skin .wizard-step{border:1px solid rgba(255,255,255,.11);background:rgba(22,24,22,.72);border-radius:18px;padding:14px;min-height:92px;color:#f4f4f5}
body.magic-tabler-skin .wizard-step.active{border-color:rgba(34,197,94,.72);box-shadow:0 0 0 1px rgba(34,197,94,.14),0 16px 40px rgba(34,197,94,.18)}
body.magic-tabler-skin .wizard-step.done{border-color:rgba(80,255,180,.35);background:rgba(8,42,34,.45)}
body.magic-tabler-skin .wizard-step .n{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(34,197,94,.14);color:#dcfce7;font-weight:800;margin-bottom:10px}
body.magic-tabler-skin .wizard-step.active .n{background:linear-gradient(135deg,#22c55e,#86efac);color:#06130a}
body.magic-tabler-skin .wizard-step.done .n{background:rgba(80,255,180,.18);color:#bbf7d0}
body.magic-tabler-skin .wizard-step b{display:block;font-size:14px}
body.magic-tabler-skin .wizard-step span{display:block;color:#a1a1aa;font-size:12px;margin-top:2px}
body.magic-tabler-skin .setup-card{border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(31,36,32,.96),rgba(14,17,15,.96));border-radius:28px;color:#fff;box-shadow:0 18px 60px rgba(0,0,0,.22)}
body.magic-tabler-skin .setup-hero{background:radial-gradient(circle at 20% 10%,rgba(34,197,94,.20),transparent 35%),radial-gradient(circle at 90% 20%,rgba(134,239,172,.12),transparent 26%),linear-gradient(135deg,rgba(31,36,32,.98),rgba(14,17,15,.96));border:1px solid rgba(255,255,255,.11);border-radius:28px;color:#fff}
body.magic-tabler-skin .install-step{display:flex;gap:14px;margin-bottom:14px}
body.magic-tabler-skin .install-step .num{width:34px;height:34px;border-radius:12px;background:rgba(34,197,94,.14);color:#bbf7d0;font-weight:900;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
body.magic-tabler-skin .small-note{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);border-radius:18px;padding:14px;color:#a1a1aa}
@media(max-width:991px){body.magic-tabler-skin .wizard-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){body.magic-tabler-skin .wizard-steps{grid-template-columns:1fr}.qr-box{width:110px;height:110px}}


/* Clear Telegram toggle states */
body.magic-tabler-skin .telegram-toggle-list{display:grid;gap:10px}
body.magic-tabler-skin .proxy-toggle-card{
  position:relative;display:flex;align-items:center;gap:12px;width:100%;cursor:pointer;user-select:none;
  border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);border-radius:22px;padding:14px;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
body.magic-tabler-skin .proxy-toggle-card:hover{border-color:rgba(34,197,94,.34);background:rgba(34,197,94,.055);transform:translateY(-1px)}
body.magic-tabler-skin .proxy-toggle-master{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));padding:16px}
body.magic-tabler-skin .proxy-toggle-input{position:absolute;opacity:0;pointer-events:none}
body.magic-tabler-skin .proxy-toggle-switch{
  width:62px;height:34px;border-radius:999px;flex:0 0 62px;position:relative;
  background:rgba(113,113,122,.32);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 2px 8px rgba(0,0,0,.28);
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;
}
body.magic-tabler-skin .proxy-toggle-switch:after{
  content:'';position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:999px;background:#e4e4e7;
  box-shadow:0 4px 12px rgba(0,0,0,.32);transition:transform .22s ease,background .22s ease;
}
body.magic-tabler-skin .proxy-toggle-input:checked + .proxy-toggle-switch{
  background:linear-gradient(135deg,#22c55e,#86efac);border-color:rgba(134,239,172,.78);box-shadow:0 0 0 5px rgba(34,197,94,.10),0 0 28px rgba(34,197,94,.34);
}
body.magic-tabler-skin .proxy-toggle-input:checked + .proxy-toggle-switch:after{transform:translateX(28px);background:#052e16}
body.magic-tabler-skin .proxy-toggle-input:checked ~ .proxy-toggle-content b{color:#dcfce7!important}
body.magic-tabler-skin .proxy-toggle-input:checked ~ .proxy-toggle-state{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.28);color:#bbf7d0}
body.magic-tabler-skin .proxy-toggle-input:not(:checked) ~ .proxy-toggle-state{background:rgba(113,113,122,.16);border-color:rgba(255,255,255,.12);color:#d4d4d8}
body.magic-tabler-skin .proxy-toggle-input:checked ~ .proxy-toggle-state .state-off{display:none}
body.magic-tabler-skin .proxy-toggle-input:not(:checked) ~ .proxy-toggle-state .state-on{display:none}
body.magic-tabler-skin .proxy-toggle-icon{
  width:38px;height:38px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);font-size:18px;
}
body.magic-tabler-skin .proxy-toggle-input:checked ~ .proxy-toggle-icon{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.25)}
body.magic-tabler-skin .proxy-toggle-content{display:block;min-width:0;flex:1;color:#a1a1aa;line-height:1.35}
body.magic-tabler-skin .proxy-toggle-content b{display:block;margin-bottom:3px;font-size:14px;color:#fff!important}
body.magic-tabler-skin .proxy-toggle-content small{display:block;color:#a1a1aa;font-size:12px;line-height:1.45}
body.magic-tabler-skin .proxy-toggle-state{
  display:inline-flex;align-items:center;justify-content:center;min-width:94px;border-radius:999px;padding:7px 10px;
  border:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:950;white-space:nowrap;
}
body.magic-tabler-skin .telegram-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.magic-tabler-skin .telegram-help-card{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);border-radius:18px;padding:13px;color:#a1a1aa;font-size:12px;line-height:1.45}
body.magic-tabler-skin .telegram-help-card b{display:block;color:#fff!important;margin-bottom:4px;font-size:13px}
body.magic-tabler-skin .form-check-input:checked{background-color:#22c55e!important;border-color:#22c55e!important}
body.magic-tabler-skin .form-check-input:focus{box-shadow:0 0 0 .25rem rgba(34,197,94,.16)!important;border-color:#22c55e!important}
@media(max-width:767px){
  body.magic-tabler-skin .proxy-toggle-card{align-items:flex-start;flex-wrap:wrap}
  body.magic-tabler-skin .proxy-toggle-state{margin-left:74px}
  body.magic-tabler-skin .telegram-help-grid{grid-template-columns:1fr}
}

/* Admin sidebar navigation and users management */
body.magic-tabler-skin .magic-admin-layout{min-height:100vh;display:grid;grid-template-columns:292px minmax(0,1fr);position:relative;z-index:1}
body.magic-tabler-skin .magic-admin-sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:20px 16px;background:linear-gradient(180deg,rgba(17,19,18,.96),rgba(13,15,14,.94));border-right:1px solid rgba(255,255,255,.10);box-shadow:20px 0 70px rgba(0,0,0,.22);backdrop-filter:blur(18px)}
body.magic-tabler-skin .magic-admin-brand{display:flex;align-items:center;gap:12px;padding:10px 10px 18px;text-decoration:none;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:16px}
body.magic-tabler-skin .magic-admin-brand small{display:block;color:#a1a1aa;font-size:12px;margin-top:2px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
body.magic-tabler-skin .magic-admin-nav{display:grid;gap:6px}
body.magic-tabler-skin .magic-admin-nav-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:16px;color:#d4d4d8!important;text-decoration:none;font-weight:850;border:1px solid transparent;transition:background .16s ease,border-color .16s ease,transform .16s ease,color .16s ease}
body.magic-tabler-skin .magic-admin-nav-item:hover{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.09);color:#fff!important;transform:translateX(2px)}
body.magic-tabler-skin .magic-admin-nav-item.active{background:linear-gradient(135deg,rgba(34,197,94,.22),rgba(134,239,172,.08));border-color:rgba(34,197,94,.34);color:#dcfce7!important;box-shadow:0 14px 36px rgba(34,197,94,.10)}
body.magic-tabler-skin .magic-admin-nav-icon{width:30px;height:30px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);font-size:15px;flex:0 0 auto}
body.magic-tabler-skin .magic-admin-nav-item.active .magic-admin-nav-icon{background:rgba(34,197,94,.18)}
body.magic-tabler-skin .magic-admin-sidebar-footer{margin-top:18px;padding:16px 10px;border-top:1px solid rgba(255,255,255,.09);display:flex;gap:10px;flex-wrap:wrap}
body.magic-tabler-skin .magic-admin-sidebar-footer a{font-size:13px;font-weight:850;color:#a7f3d0!important;text-decoration:none}
body.magic-tabler-skin .magic-admin-main{min-width:0}
body.magic-tabler-skin .magic-admin-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;background:rgba(17,19,18,.76);border-bottom:1px solid rgba(255,255,255,.10);backdrop-filter:blur(16px)}
body.magic-tabler-skin .magic-admin-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#86efac;font-weight:950}
body.magic-tabler-skin .magic-admin-title{font-size:18px;font-weight:950;color:#fff}
body.magic-tabler-skin .magic-admin-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
body.magic-tabler-skin .magic-admin-user{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:999px;padding:8px 12px;color:#e4e4e7;font-size:13px;font-weight:850}
body.magic-tabler-skin .magic-admin-page-shell .container-fluid{max-width:1500px}
body.magic-tabler-skin .admin-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}
body.magic-tabler-skin .admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.magic-tabler-skin .admin-stat-card{display:block;text-decoration:none;color:#fff!important;border:1px solid rgba(255,255,255,.105);border-radius:24px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:0 18px 50px rgba(0,0,0,.16);transition:transform .16s ease,border-color .16s ease,background .16s ease}
body.magic-tabler-skin .admin-stat-card:hover,body.magic-tabler-skin .admin-stat-card.active{transform:translateY(-2px);border-color:rgba(34,197,94,.42);background:linear-gradient(180deg,rgba(34,197,94,.12),rgba(255,255,255,.03))}
body.magic-tabler-skin .admin-stat-card span{display:block;color:#a1a1aa;font-size:13px;font-weight:850;margin-bottom:8px}
body.magic-tabler-skin .admin-stat-card b{font-size:32px;letter-spacing:-.04em}
body.magic-tabler-skin .admin-user-avatar{width:42px;height:42px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(34,197,94,.30),rgba(134,239,172,.12));border:1px solid rgba(34,197,94,.24);color:#dcfce7;font-weight:950;flex:0 0 auto}
body.magic-tabler-skin .admin-row-muted{opacity:.72}
body.magic-tabler-skin .admin-action-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
body.magic-tabler-skin .admin-users-table .btn-sm{border-radius:12px!important;padding:.38rem .62rem!important;font-size:12px!important}
body.magic-tabler-skin .btn-outline-danger{border-color:rgba(244,63,94,.36)!important;color:#fecdd3!important;background:rgba(244,63,94,.08)!important}
body.magic-tabler-skin .btn-outline-danger:hover{background:rgba(244,63,94,.18)!important;color:#fff!important}
body.magic-tabler-skin .btn-outline-warning{border-color:rgba(245,158,11,.36)!important;color:#fde68a!important;background:rgba(245,158,11,.08)!important}
body.magic-tabler-skin .btn-outline-warning:hover{background:rgba(245,158,11,.18)!important;color:#fff!important}
body.magic-tabler-skin .btn-outline-success{border-color:rgba(34,197,94,.38)!important;color:#bbf7d0!important;background:rgba(34,197,94,.08)!important}
body.magic-tabler-skin .admin-readable-switch{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:rgba(255,255,255,.035);height:100%}
body.magic-tabler-skin .admin-readable-switch .form-check-input{margin-left:0;flex:0 0 auto;width:3.2rem;height:1.65rem;border-radius:999px!important;background-color:#3f3f46!important;background-image:none!important;position:relative}
body.magic-tabler-skin .admin-readable-switch .form-check-input:checked{background-color:#22c55e!important;border-color:#22c55e!important;box-shadow:0 0 0 .25rem rgba(34,197,94,.14)!important}
body.magic-tabler-skin .admin-readable-switch small{display:block;color:#a1a1aa;margin-top:2px;line-height:1.45}
@media(max-width:1199px){body.magic-tabler-skin .magic-admin-layout{grid-template-columns:240px minmax(0,1fr)}body.magic-tabler-skin .magic-admin-nav-item{font-size:14px;padding:10px}}
@media(max-width:991px){body.magic-tabler-skin .magic-admin-layout{display:block}body.magic-tabler-skin .magic-admin-sidebar{position:relative;height:auto;display:block;border-right:0;border-bottom:1px solid rgba(255,255,255,.10)}body.magic-tabler-skin .magic-admin-nav{grid-template-columns:repeat(2,minmax(0,1fr))}body.magic-tabler-skin .magic-admin-topbar{position:relative;padding:14px 16px}body.magic-tabler-skin .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){body.magic-tabler-skin .magic-admin-nav{grid-template-columns:1fr}body.magic-tabler-skin .admin-stat-grid{grid-template-columns:1fr}body.magic-tabler-skin .magic-admin-actions .btn{width:100%}body.magic-tabler-skin .magic-admin-actions{width:100%;justify-content:stretch}body.magic-tabler-skin .magic-admin-user{width:100%;text-align:center}.admin-action-row{justify-content:flex-start!important}}

/* Admin UI/UX redesign v2 */
body.magic-tabler-skin .magic-admin-layout{grid-template-columns:300px minmax(0,1fr);background:radial-gradient(circle at 18% 10%,rgba(34,197,94,.10),transparent 34%),linear-gradient(180deg,#0b0d0c,#101311 45%,#0b0d0c)}
body.magic-tabler-skin .magic-admin-sidebar{padding:18px 14px;background:linear-gradient(180deg,rgba(13,15,14,.98),rgba(8,10,9,.96));border-right:1px solid rgba(255,255,255,.09);box-shadow:24px 0 80px rgba(0,0,0,.30)}
body.magic-tabler-skin .magic-admin-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px 14px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:14px}
body.magic-tabler-skin .magic-admin-brand{border:0;margin:0;padding:8px 6px;flex:1;border-radius:18px}
body.magic-tabler-skin .magic-admin-brand:hover{background:rgba(255,255,255,.04)}
body.magic-tabler-skin .magic-admin-close{display:none;width:38px;height:38px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;border-radius:14px;font-size:24px;line-height:1}
body.magic-tabler-skin .magic-admin-nav{display:block;padding:0 4px 8px}
body.magic-tabler-skin .magic-admin-nav-section{margin-bottom:18px}
body.magic-tabler-skin .magic-admin-nav-title{padding:0 10px 8px;color:#71717a;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:950}
body.magic-tabler-skin .magic-admin-nav-item{position:relative;margin-bottom:5px;padding:10px 10px;border-radius:15px;font-size:14px;font-weight:850;color:#b9c1bd!important;gap:10px}
body.magic-tabler-skin .magic-admin-nav-item:before{content:'';position:absolute;left:-4px;top:12px;bottom:12px;width:3px;border-radius:999px;background:transparent;transition:background .16s ease}
body.magic-tabler-skin .magic-admin-nav-item.active:before{background:#22c55e;box-shadow:0 0 20px rgba(34,197,94,.8)}
body.magic-tabler-skin .magic-admin-nav-icon{width:34px;height:34px;border-radius:14px;font-size:12px;font-weight:950;color:#d4d4d8;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.075)}
body.magic-tabler-skin .magic-admin-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.magic-tabler-skin .magic-admin-nav-item.active{background:linear-gradient(135deg,rgba(34,197,94,.20),rgba(134,239,172,.07));color:#fff!important;border-color:rgba(34,197,94,.30)}
body.magic-tabler-skin .magic-admin-sidebar-footer{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:20px;margin:18px 4px 0;padding:12px;justify-content:space-between}
body.magic-tabler-skin .magic-admin-sidebar-footer a{padding:7px 8px;border-radius:12px;color:#d1fae5!important}
body.magic-tabler-skin .magic-admin-sidebar-footer a:hover{background:rgba(34,197,94,.10)}
body.magic-tabler-skin .magic-admin-main{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 260px)}
body.magic-tabler-skin .magic-admin-topbar{min-height:74px;padding:14px 28px;background:rgba(11,13,12,.78);border-bottom:1px solid rgba(255,255,255,.085);backdrop-filter:blur(22px)}
body.magic-tabler-skin .magic-admin-topbar-left{display:flex;align-items:center;gap:14px;min-width:0}
body.magic-tabler-skin .magic-admin-menu-btn{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);border-radius:15px;align-items:center;justify-content:center;flex-direction:column;gap:4px}
body.magic-tabler-skin .magic-admin-menu-btn span{display:block;width:18px;height:2px;border-radius:99px;background:#e5e7eb}
body.magic-tabler-skin .magic-admin-kicker{color:#86efac;font-size:10px}
body.magic-tabler-skin .magic-admin-title{font-size:20px;letter-spacing:-.03em}
body.magic-tabler-skin .magic-admin-search{align-items:center;gap:8px;min-width:360px;max-width:540px;flex:1;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:999px;padding:9px 13px;color:#71717a;font-size:13px}
body.magic-tabler-skin .magic-admin-search a{color:#d4d4d8!important;text-decoration:none;font-weight:850}
body.magic-tabler-skin .magic-admin-search a:hover{color:#86efac!important}
body.magic-tabler-skin .magic-admin-search-sep{color:#52525b}
body.magic-tabler-skin .magic-admin-user{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.18);color:#dcfce7}
body.magic-tabler-skin .magic-admin-page-shell .container-fluid{max-width:1540px;padding-left:28px!important;padding-right:28px!important}
body.magic-tabler-skin .admin-page-head{padding:2px 0 4px}
body.magic-tabler-skin .admin-page-head h1{font-size:clamp(28px,3vw,42px);letter-spacing:-.055em;color:#fff}
body.magic-tabler-skin .admin-page-head .text-muted-blue{max-width:780px}
body.magic-tabler-skin .magic-card{border-radius:28px;border-color:rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(31,36,32,.86),rgba(14,17,15,.90));box-shadow:0 24px 80px rgba(0,0,0,.20)}
body.magic-tabler-skin .admin-dashboard-hero{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:34px;padding:28px;background:radial-gradient(circle at 82% 15%,rgba(34,197,94,.20),transparent 34%),linear-gradient(135deg,rgba(31,36,32,.94),rgba(11,13,12,.96));box-shadow:0 28px 90px rgba(0,0,0,.28)}
body.magic-tabler-skin .admin-dashboard-hero:after{content:'';position:absolute;right:-90px;top:-120px;width:340px;height:340px;border-radius:50%;border:1px solid rgba(34,197,94,.18);box-shadow:0 0 0 28px rgba(34,197,94,.035),0 0 0 70px rgba(34,197,94,.02)}
body.magic-tabler-skin .admin-dashboard-hero>*{position:relative;z-index:1}
body.magic-tabler-skin .admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.magic-tabler-skin .admin-kpi-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:26px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));box-shadow:0 20px 60px rgba(0,0,0,.18)}
body.magic-tabler-skin .admin-kpi-card:before{content:'';position:absolute;inset:auto 16px -36px auto;width:88px;height:88px;border-radius:999px;background:rgba(34,197,94,.08);filter:blur(14px)}
body.magic-tabler-skin .admin-kpi-card .kpi-label{color:#a1a1aa;font-size:13px;font-weight:850;margin-bottom:8px}
body.magic-tabler-skin .admin-kpi-card .kpi-value{font-size:32px;line-height:1;font-weight:950;letter-spacing:-.05em;color:#fff}
body.magic-tabler-skin .admin-kpi-card .kpi-note{color:#71717a;font-size:12px;margin-top:8px}
body.magic-tabler-skin .admin-section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:30px 0 14px}
body.magic-tabler-skin .admin-section-title h2{font-size:18px;font-weight:950;letter-spacing:-.03em;margin:0;color:#fff}
body.magic-tabler-skin .admin-section-title span{color:#71717a;font-size:13px;font-weight:800}
body.magic-tabler-skin .admin-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.magic-tabler-skin .admin-action-card{display:flex;gap:14px;align-items:flex-start;text-decoration:none;color:#fff!important;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022));border-radius:24px;padding:18px;min-height:130px;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
body.magic-tabler-skin .admin-action-card:hover{transform:translateY(-3px);border-color:rgba(34,197,94,.34);background:linear-gradient(180deg,rgba(34,197,94,.095),rgba(255,255,255,.025));box-shadow:0 22px 70px rgba(34,197,94,.08)}
body.magic-tabler-skin .admin-action-icon{width:44px;height:44px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.22);font-weight:950;color:#bbf7d0}
body.magic-tabler-skin .admin-action-card b{display:block;margin-bottom:5px;color:#fff}
body.magic-tabler-skin .admin-action-card small{display:block;color:#a1a1aa;line-height:1.45}
body.magic-tabler-skin .admin-action-card.urgent{border-color:rgba(245,158,11,.26);background:linear-gradient(180deg,rgba(245,158,11,.075),rgba(255,255,255,.022))}
body.magic-tabler-skin .admin-action-card.urgent .admin-action-icon{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.25);color:#fde68a}
body.magic-tabler-skin .admin-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
body.magic-tabler-skin .table{--tblr-table-bg:transparent;color:#e5e7eb}
body.magic-tabler-skin .table thead th{background:rgba(255,255,255,.035)!important;color:#a1a1aa!important;font-size:11px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(255,255,255,.08)!important;padding-top:14px;padding-bottom:14px}
body.magic-tabler-skin .table tbody td{border-bottom:1px solid rgba(255,255,255,.07)!important;padding-top:14px;padding-bottom:14px;color:#e5e7eb}
body.magic-tabler-skin .table tbody tr:hover td{background:rgba(34,197,94,.035)!important}
body.magic-tabler-skin .admin-users-table .dropdown-menu{background:#111412;border:1px solid rgba(255,255,255,.10);border-radius:18px;box-shadow:0 20px 70px rgba(0,0,0,.35);padding:8px;min-width:210px}
body.magic-tabler-skin .admin-users-table .dropdown-item{color:#e4e4e7;border-radius:12px;font-weight:800;font-size:13px;padding:9px 10px}
body.magic-tabler-skin .admin-users-table .dropdown-item:hover{background:rgba(34,197,94,.10);color:#fff}
body.magic-tabler-skin .admin-users-table .dropdown-item.text-danger:hover{background:rgba(244,63,94,.12)!important;color:#fecdd3!important}
body.magic-tabler-skin .admin-form-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);gap:22px;align-items:start}
body.magic-tabler-skin .admin-form-card{border-radius:30px;padding:22px}
body.magic-tabler-skin .admin-form-section{border:1px solid rgba(255,255,255,.085);border-radius:24px;padding:18px;background:rgba(255,255,255,.025);margin-bottom:16px}
body.magic-tabler-skin .admin-form-section-title{font-weight:950;color:#fff;margin-bottom:14px;display:flex;align-items:center;gap:9px}
body.magic-tabler-skin .admin-form-section-title:before{content:'';width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 18px rgba(34,197,94,.8)}
@media(max-width:1299px){body.magic-tabler-skin .admin-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.magic-tabler-skin .admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.magic-tabler-skin .admin-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991px){body.magic-tabler-skin .magic-admin-layout{display:block}body.magic-tabler-skin .magic-admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:min(88vw,330px);height:100vh;z-index:80;transform:translateX(-105%);transition:transform .22s ease;border-right:1px solid rgba(255,255,255,.10);border-bottom:0}body.admin-sidebar-open .magic-admin-sidebar{transform:translateX(0)}body.magic-tabler-skin .magic-admin-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:70;opacity:0;pointer-events:none;transition:opacity .18s ease}body.admin-sidebar-open .magic-admin-backdrop{opacity:1;pointer-events:auto}body.magic-tabler-skin .magic-admin-close{display:inline-flex;align-items:center;justify-content:center}body.magic-tabler-skin .magic-admin-menu-btn{display:inline-flex}body.magic-tabler-skin .magic-admin-topbar{position:sticky;padding:12px 16px}body.magic-tabler-skin .magic-admin-nav{display:block}body.magic-tabler-skin .magic-admin-page-shell .container-fluid{padding-left:16px!important;padding-right:16px!important}body.magic-tabler-skin .admin-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.magic-tabler-skin .admin-form-grid{grid-template-columns:1fr}}
@media(max-width:575px){body.magic-tabler-skin .admin-action-grid,body.magic-tabler-skin .admin-kpi-grid,body.magic-tabler-skin .admin-stat-grid{grid-template-columns:1fr}body.magic-tabler-skin .admin-dashboard-hero{padding:20px;border-radius:26px}body.magic-tabler-skin .magic-admin-actions{width:auto}body.magic-tabler-skin .magic-admin-user{display:none}body.magic-tabler-skin .admin-page-head{align-items:flex-start}.admin-action-row{justify-content:flex-start!important}}

/* User cabinet + public status UI/UX refresh */
body.magic-tabler-skin .mv-user-dashboard,
body.magic-tabler-skin .mv-status-page{color:#f4f4f5}
body.magic-tabler-skin .mv-user-hero,
body.magic-tabler-skin .mv-status-hero{
  position:relative;overflow:hidden;border-radius:36px;padding:42px;border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 13% 18%,rgba(34,197,94,.24),transparent 31rem),
    radial-gradient(circle at 88% 8%,rgba(134,239,172,.14),transparent 24rem),
    linear-gradient(135deg,rgba(30,34,31,.98),rgba(11,13,12,.98));
  box-shadow:0 24px 85px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06)
}
body.magic-tabler-skin .mv-user-hero-bg,
body.magic-tabler-skin .mv-status-map{position:absolute;inset:0;opacity:.20;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle at 55% 40%,#000,transparent 78%)}
body.magic-tabler-skin .mv-status-map:after{content:'';position:absolute;right:8%;top:12%;width:340px;height:340px;border-radius:50%;border:1px solid rgba(34,197,94,.20);box-shadow:0 0 0 34px rgba(34,197,94,.035),0 0 0 72px rgba(34,197,94,.025),0 0 70px rgba(34,197,94,.16)}
body.magic-tabler-skin .mv-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border-radius:999px;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.24);color:#bbf7d0;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
body.magic-tabler-skin .mv-live-dot{width:9px;height:9px;border-radius:999px;background:#a1a1aa;display:inline-block;box-shadow:0 0 18px currentColor}.mv-live-dot.on{background:#22c55e;color:#22c55e}.mv-live-dot.warn{background:#f59e0b;color:#f59e0b}.mv-live-dot.off{background:#f43f5e;color:#f43f5e}
body.magic-tabler-skin .mv-user-title{font-size:clamp(2.1rem,4.8vw,4.65rem);line-height:.96;font-weight:950;letter-spacing:-.065em;color:#fff}
body.magic-tabler-skin .mv-user-lead{font-size:1.12rem;line-height:1.75;color:#a1a1aa;max-width:760px}
body.magic-tabler-skin .mv-access-widget,
body.magic-tabler-skin .mv-status-overview{border:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.035));border-radius:32px;padding:26px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 20px 60px rgba(0,0,0,.25)}
body.magic-tabler-skin .mv-access-title{font-size:2.35rem;font-weight:950;line-height:1;letter-spacing:-.055em;color:#fff}
body.magic-tabler-skin .mv-state-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:950;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#e4e4e7}.mv-state-pill.success{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.32);color:#bbf7d0}.mv-state-pill.warning{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.34);color:#fde68a}.mv-state-pill.danger{background:rgba(244,63,94,.12);border-color:rgba(244,63,94,.28);color:#fecdd3}
body.magic-tabler-skin .mv-orbit-box{position:relative;height:190px;border-radius:28px;background:radial-gradient(circle at 50% 46%,rgba(34,197,94,.28),transparent 38%),rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;overflow:hidden}
body.magic-tabler-skin .mv-orbit-ring{position:absolute;border:1px solid rgba(34,197,94,.22);border-radius:50%;transform:rotate(-18deg)}
body.magic-tabler-skin .mv-orbit-ring.r1{width:92px;height:92px}.mv-orbit-ring.r2{width:148px;height:148px}.mv-orbit-ring.r3{width:220px;height:220px;opacity:.65}
body.magic-tabler-skin .mv-orbit-core{width:82px;height:82px;border-radius:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22c55e,#86efac);color:#06130a;box-shadow:0 0 50px rgba(34,197,94,.42);font-weight:950;font-size:24px;z-index:1}
body.magic-tabler-skin .mv-progress{height:10px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden}.mv-progress span{height:100%;display:block;border-radius:999px;background:linear-gradient(90deg,#22c55e,#86efac);box-shadow:0 0 28px rgba(34,197,94,.35)}
body.magic-tabler-skin .mv-mini{padding:12px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);text-align:center}.mv-mini b{display:block;font-size:1.3rem;color:#fff}.mv-mini span{display:block;color:#a1a1aa;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.mv-widget-note{color:#a1a1aa;font-size:13px}.mv-widget-note b{color:#fff}
body.magic-tabler-skin .mv-user-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.mv-kpi-card{display:block;text-decoration:none!important;color:#fff!important;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border-radius:26px;padding:20px;box-shadow:0 18px 50px rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease,background .18s ease}.mv-kpi-card:hover{transform:translateY(-2px);border-color:rgba(34,197,94,.42);background:linear-gradient(180deg,rgba(34,197,94,.09),rgba(255,255,255,.03))}.mv-kpi-icon{width:46px;height:46px;border-radius:17px;display:flex;align-items:center;justify-content:center;background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.25);color:#bbf7d0;font-weight:950;font-size:21px;margin-bottom:14px}.mv-kpi-card small{display:block;color:#a1a1aa;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.mv-kpi-card strong{display:block;font-size:1.35rem;letter-spacing:-.025em;margin-top:3px}.mv-kpi-card em{display:block;color:#a1a1aa;font-style:normal;font-size:13px;margin-top:4px}
body.magic-tabler-skin .mv-panel{border:1px solid rgba(255,255,255,.105);background:linear-gradient(180deg,rgba(31,36,32,.95),rgba(13,15,14,.96));border-radius:30px;padding:26px;box-shadow:0 20px 65px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05)}body.magic-tabler-skin .mv-panel-lg{padding:32px}.mv-section-label{display:inline-flex;margin-bottom:8px;color:#86efac;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.1em}.fw-black{font-weight:950!important}
body.magic-tabler-skin .mv-empty-access{text-align:center;padding:56px 20px;border:1px dashed rgba(255,255,255,.14);background:rgba(255,255,255,.025);border-radius:26px}.mv-empty-access h3{font-weight:900}.mv-empty-access p{color:#a1a1aa;max-width:560px;margin:0 auto 20px}.mv-empty-icon{width:72px;height:72px;border-radius:26px;display:flex;align-items:center;justify-content:center;background:rgba(34,197,94,.13);border:1px solid rgba(34,197,94,.25);font-size:32px;margin:0 auto 18px}
body.magic-tabler-skin .mv-connection-card{display:flex;gap:22px;align-items:center;border:1px solid rgba(34,197,94,.22);background:linear-gradient(135deg,rgba(34,197,94,.11),rgba(255,255,255,.035));border-radius:28px;padding:20px}.mv-qr-wrap{flex:0 0 auto;text-align:center}.mv-qr-wrap .qr-box{margin:auto}.mv-qr-wrap span{display:block;color:#a1a1aa;font-size:12px;margin-top:8px;font-weight:800}.mv-copy-box{background:rgba(0,0,0,.28)!important;border-color:rgba(255,255,255,.10)!important;border-radius:18px!important;max-height:130px;overflow:auto}.mv-hint-row{display:flex;gap:8px;flex-wrap:wrap}.mv-hint-row span{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);border-radius:999px;padding:7px 10px;color:#d4d4d8;font-size:12px;font-weight:800}
body.magic-tabler-skin .mv-location-strip{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);border-radius:24px;padding:18px}.mv-location-chips{display:flex;gap:8px;flex-wrap:wrap}.mv-location-chips span{border:1px solid rgba(34,197,94,.22);background:rgba(34,197,94,.08);color:#dcfce7;border-radius:999px;padding:8px 11px;font-size:13px;font-weight:850}
body.magic-tabler-skin .mv-details{border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(255,255,255,.025);padding:16px}.mv-details summary{cursor:pointer;color:#fff;font-weight:900}.mv-key-row{border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.025);padding:14px}.mv-key-row small{display:block;color:#a1a1aa}.mv-key-row b{display:block;color:#fff}
body.magic-tabler-skin .mv-action-list{display:grid;gap:10px}.mv-action-list a{display:flex;gap:12px;align-items:flex-start;text-decoration:none!important;color:#fff!important;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);border-radius:18px;padding:13px}.mv-action-list a:hover{border-color:rgba(34,197,94,.36);background:rgba(34,197,94,.08)}.mv-action-list span{width:34px;height:34px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.22);color:#bbf7d0;font-weight:950;flex:0 0 auto}.mv-action-list small{display:block;color:#a1a1aa;margin-top:2px}.mv-ref-card{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);border-radius:22px;padding:16px}.mv-ref-card>div:first-child span{width:34px;height:34px;border-radius:13px;background:rgba(34,197,94,.14);color:#bbf7d0;display:flex;align-items:center;justify-content:center;font-weight:950}
body.magic-tabler-skin .mv-device-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.mv-device-grid a{text-decoration:none!important;color:#fff!important;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);border-radius:22px;padding:16px;transition:.18s ease}.mv-device-grid a:hover{transform:translateY(-2px);border-color:rgba(34,197,94,.36);background:rgba(34,197,94,.08)}.mv-device-grid span{font-size:26px;display:block;margin-bottom:10px}.mv-device-grid b{display:block}.mv-device-grid small{display:block;color:#a1a1aa;margin-top:2px}
body.magic-tabler-skin .mv-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mv-status-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.105);background:linear-gradient(180deg,rgba(31,36,32,.95),rgba(13,15,14,.96));border-radius:30px;padding:24px;box-shadow:0 20px 65px rgba(0,0,0,.20)}.mv-status-card:before{content:'';position:absolute;left:0;top:0;right:0;height:4px;background:#f59e0b}.mv-status-card.online:before{background:#22c55e}.mv-status-location{font-size:1.35rem;font-weight:950;color:#fff;letter-spacing:-.025em}.mv-status-line{height:1px;background:rgba(255,255,255,.10);margin:14px 0}.mv-status-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mv-status-metrics div{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:17px;padding:12px}.mv-status-metrics small{display:block;color:#a1a1aa}.mv-status-metrics b{display:block;color:#fff;margin-top:3px}.mv-status-note{color:#a1a1aa;font-size:13px;line-height:1.55}.mv-status-code{display:inline-flex;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.20);border-radius:999px;padding:6px 10px;color:#a1a1aa;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.mv-info-steps{display:grid;gap:12px}.mv-info-steps>div{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);border-radius:18px;padding:14px}.mv-info-steps span{width:32px;height:32px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:linear-gradient(135deg,#22c55e,#86efac);color:#06130a;font-weight:950}.mv-info-steps small{display:block;color:#a1a1aa;margin-top:2px;line-height:1.5}
@media(max-width:1199px){body.magic-tabler-skin .mv-user-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.magic-tabler-skin .mv-device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.magic-tabler-skin .mv-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){body.magic-tabler-skin .mv-user-hero,body.magic-tabler-skin .mv-status-hero{padding:24px;border-radius:28px}body.magic-tabler-skin .mv-user-kpi-grid,body.magic-tabler-skin .mv-status-grid{grid-template-columns:1fr}body.magic-tabler-skin .mv-connection-card{display:block}.mv-qr-wrap{margin-bottom:16px}body.magic-tabler-skin .mv-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.magic-tabler-skin .mv-panel,body.magic-tabler-skin .mv-panel-lg{padding:20px;border-radius:24px}body.magic-tabler-skin .mv-access-title{font-size:1.95rem}}
@media(max-width:480px){body.magic-tabler-skin .mv-device-grid{grid-template-columns:1fr}}

/* Balance payment providers redesign */
body.magic-tabler-skin .balance-payment-panel{position:relative;overflow:hidden}
body.magic-tabler-skin .balance-amount-box{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);border-radius:24px;padding:18px}
body.magic-tabler-skin .proxy-wallet-card-new{position:relative;overflow:hidden}
body.magic-tabler-skin .proxy-wallet-img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 16px 28px rgba(0,0,0,.25));border-radius:22px}
body.magic-tabler-skin .payment-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.magic-tabler-skin .payment-provider-card{position:relative;display:flex;flex-direction:column;min-height:265px;border-radius:28px;padding:18px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));box-shadow:0 18px 52px rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease,background .18s ease}
body.magic-tabler-skin .payment-provider-card.is-enabled:hover{transform:translateY(-3px);border-color:rgba(34,197,94,.46);background:linear-gradient(180deg,rgba(34,197,94,.10),rgba(255,255,255,.028))}
body.magic-tabler-skin .payment-provider-card.is-disabled{opacity:.56;filter:grayscale(.25)}
body.magic-tabler-skin .payment-provider-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}
body.magic-tabler-skin .payment-provider-top img{width:68px;height:68px;object-fit:contain;border-radius:22px;filter:drop-shadow(0 14px 24px rgba(0,0,0,.22))}
body.magic-tabler-skin .payment-provider-state{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:950;color:#bbf7d0;background:rgba(34,197,94,.13);border:1px solid rgba(34,197,94,.28)}
body.magic-tabler-skin .payment-provider-card.is-disabled .payment-provider-state{color:#d4d4d8;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
body.magic-tabler-skin .payment-provider-card h3{font-size:22px;font-weight:950;letter-spacing:-.035em;margin:0 0 6px;color:#fff}
body.magic-tabler-skin .payment-provider-card p{margin:0;color:#d4d4d8;font-weight:700}
body.magic-tabler-skin .payment-provider-meta{min-height:44px;margin:12px 0 18px;color:#a1a1aa;font-size:13px;line-height:1.45}
body.magic-tabler-skin .payment-provider-card .btn{margin-top:auto;border-radius:16px;font-weight:900}
body.magic-tabler-skin .topup-chips button.active{border-color:rgba(34,197,94,.65);background:rgba(34,197,94,.16);color:#dcfce7;box-shadow:0 0 0 .18rem rgba(34,197,94,.08)}
@media(max-width:575px){body.magic-tabler-skin .payment-provider-grid{grid-template-columns:1fr}body.magic-tabler-skin .payment-provider-card{min-height:auto}body.magic-tabler-skin .payment-provider-top img{width:58px;height:58px}body.magic-tabler-skin .proxy-wallet-img{width:58px;height:58px}}

/* Payment UI final fixes */
body.magic-tabler-skin .payment-provider-card .btn{
  min-height:48px;
  white-space:normal;
  line-height:1.15;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  text-align:center;
  overflow-wrap:anywhere;
  padding-left:12px;
  padding-right:12px;
}
body.magic-tabler-skin .payment-provider-card .btn span{
  display:block;
  max-width:100%;
}
body.magic-tabler-skin .payment-provider-grid{align-items:stretch}
body.magic-tabler-skin .payment-provider-card{min-width:0}
body.magic-tabler-skin .yoomoney-pay-shell{
  min-height:calc(100vh - 220px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px 0;
}
body.magic-tabler-skin .yoomoney-pay-card{
  width:min(100%,760px);
  border:1px solid rgba(34,197,94,.22);
  background:radial-gradient(circle at 18% 0%,rgba(34,197,94,.18),transparent 34%),radial-gradient(circle at 100% 0%,rgba(16,185,129,.12),transparent 30%),linear-gradient(180deg,rgba(24,24,27,.96),rgba(9,9,11,.96));
  border-radius:32px;
  box-shadow:0 28px 90px rgba(0,0,0,.38);
  color:#fff;
  overflow:hidden;
  position:relative;
}
body.magic-tabler-skin .yoomoney-pay-card:before{
  content:"";
  position:absolute;
  inset:0;
  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:34px 34px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 72%);
  pointer-events:none;
}
body.magic-tabler-skin .yoomoney-pay-inner{position:relative;padding:34px}
body.magic-tabler-skin .yoomoney-logo-tile{
  width:82px;height:82px;border-radius:26px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;box-shadow:0 18px 44px rgba(0,0,0,.25);
}
body.magic-tabler-skin .yoomoney-logo-tile img{width:58px;height:58px;object-fit:contain}
body.magic-tabler-skin .yoomoney-pay-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}
body.magic-tabler-skin .yoomoney-pay-summary .summary-item{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:22px;padding:15px;min-width:0}
body.magic-tabler-skin .yoomoney-pay-summary .summary-label{font-size:12px;color:#a1a1aa;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
body.magic-tabler-skin .yoomoney-pay-summary .summary-value{margin-top:6px;font-size:18px;color:#fff;font-weight:950;overflow-wrap:anywhere}
body.magic-tabler-skin .yoomoney-pay-note{border:1px solid rgba(34,197,94,.18);background:rgba(34,197,94,.08);color:#bbf7d0;border-radius:22px;padding:14px 16px;font-weight:700}
body.magic-tabler-skin .yoomoney-pay-actions .btn{min-height:52px;border-radius:18px;font-weight:950;white-space:normal}
body.magic-tabler-skin .yoomoney-pay-spinner{width:44px;height:44px;border-radius:999px;border:4px solid rgba(255,255,255,.12);border-top-color:#22c55e;animation:magicSpin .8s linear infinite}
@keyframes magicSpin{to{transform:rotate(360deg)}}
@media(max-width:767px){body.magic-tabler-skin .yoomoney-pay-inner{padding:24px}body.magic-tabler-skin .yoomoney-pay-summary{grid-template-columns:1fr}}

/* Admin sidebar alignment hotfix */
body.magic-tabler-skin .magic-admin-nav,
body.magic-tabler-skin .magic-admin-nav-section{
  margin-left:0!important;
  padding-left:0!important;
}
body.magic-tabler-skin .magic-admin-nav-item{
  box-sizing:border-box;
  width:100%;
  margin-left:0!important;
  margin-right:0!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  column-gap:10px;
  padding:10px 10px!important;
  transform:none!important;
}
body.magic-tabler-skin .magic-admin-nav-item:hover{
  transform:none!important;
}
body.magic-tabler-skin .magic-admin-nav-item:before{
  left:0!important;
  top:10px!important;
  bottom:10px!important;
}
body.magic-tabler-skin .magic-admin-nav-icon{
  margin:0!important;
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  justify-self:start;
}
body.magic-tabler-skin .magic-admin-nav-label{
  margin:0!important;
  min-width:0;
  justify-self:start;
}
body.magic-tabler-skin .magic-admin-nav-title{
  margin-left:0!important;
  padding-left:10px!important;
}


/* Admin users page left alignment fix */
body.magic-tabler-skin .admin-users-page{
  margin-left:0!important;
  padding-left:0!important;
  width:100%;
}
body.magic-tabler-skin .admin-users-page .admin-page-head,
body.magic-tabler-skin .admin-users-page .admin-stat-grid,
body.magic-tabler-skin .admin-users-page > .magic-card{
  margin-left:0!important;
  margin-right:0!important;
}
body.magic-tabler-skin .admin-users-page form.row{
  margin-left:0!important;
  margin-right:0!important;
  --bs-gutter-x:.75rem;
}
body.magic-tabler-skin .admin-users-page .table-responsive{
  margin-left:0!important;
  padding-left:0!important;
}
body.magic-tabler-skin .admin-users-page .admin-users-table{
  margin-left:0!important;
  border-collapse:separate;
  border-spacing:0;
}
body.magic-tabler-skin .admin-users-page .admin-users-table th:first-child,
body.magic-tabler-skin .admin-users-page .admin-users-table td:first-child{
  padding-left:18px!important;
}
body.magic-tabler-skin .admin-users-page .admin-users-table th:last-child,
body.magic-tabler-skin .admin-users-page .admin-users-table td:last-child{
  padding-right:18px!important;
}
body.magic-tabler-skin .admin-users-page .dropdown-menu form{
  margin:0!important;
  padding:0!important;
}

/* Sidebar active item exact optical alignment */
body.magic-tabler-skin .magic-admin-nav-item,
body.magic-tabler-skin .magic-admin-nav-item.active,
body.magic-tabler-skin .magic-admin-nav-item:hover{
  padding-left:12px!important;
  padding-right:12px!important;
}
body.magic-tabler-skin .magic-admin-nav-icon{
  justify-self:center!important;
}
body.magic-tabler-skin .magic-admin-nav-item:before{
  left:0!important;
  transform:translateX(-1px);
}

/* Admin sidebar blue strip/background fix
   The legacy style.css adds blue body pseudo-glows and .site-glow elements.
   On admin pages they can be visible at the very left edge of the sidebar.
   Force the admin shell background to the same dark color as the sidebar. */
body.magic-tabler-skin::before{
  content:none!important;
  display:none!important;
}
body.magic-tabler-skin .site-glow{
  display:none!important;
  opacity:0!important;
}
body.magic-tabler-skin .magic-admin-layout{
  margin:0!important;
  padding:0!important;
  min-height:100vh;
  background:#080a09!important;
}
body.magic-tabler-skin .magic-admin-sidebar{
  margin-left:0!important;
  left:0!important;
  background:linear-gradient(180deg,#0d0f0e 0%,#080a09 100%)!important;
}
@media(min-width:992px){
  body.magic-tabler-skin .magic-admin-sidebar{
    border-left:0!important;
  }
}

/* Admin sidebar full-bleed hard fix
   Keep the desktop sidebar fixed to the real viewport left edge.
   This removes the remaining empty offset that could appear before the sidebar
   on some admin pages after legacy backgrounds were disabled. */
html,
body.magic-tabler-skin{
  margin:0!important;
  padding:0!important;
}
body.magic-tabler-skin{
  min-width:0!important;
  background:#080a09!important;
}
@media(min-width:992px){
  body.magic-tabler-skin > .magic-admin-backdrop{
    display:none!important;
  }
  body.magic-tabler-skin > .magic-admin-layout{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-height:100vh!important;
    margin:0!important;
    padding:0 0 0 300px!important;
    overflow:visible!important;
    background:#080a09!important;
  }
  body.magic-tabler-skin .magic-admin-sidebar{
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:300px!important;
    min-width:300px!important;
    max-width:300px!important;
    height:100vh!important;
    margin:0!important;
    transform:none!important;
    z-index:90!important;
    border-left:0!important;
    border-radius:0!important;
    background:linear-gradient(180deg,#0d0f0e 0%,#080a09 100%)!important;
    box-shadow:24px 0 80px rgba(0,0,0,.30)!important;
  }
  body.magic-tabler-skin .magic-admin-main{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
}


/* Admin mobile menu hard fix
   The desktop full-bleed sidebar is fixed; on phones the sidebar must become an
   off-canvas panel controlled by body/html .admin-sidebar-open. */
@media(max-width:991px){
  html.admin-sidebar-open,
  html.admin-sidebar-open body,
  body.admin-sidebar-open{
    overflow:hidden!important;
    touch-action:none;
  }

  body.magic-tabler-skin > .magic-admin-layout{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-height:100vh!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    background:#080a09!important;
  }

  body.magic-tabler-skin .magic-admin-main{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  body.magic-tabler-skin .magic-admin-topbar{
    position:sticky!important;
    top:0!important;
    z-index:1200!important;
  }

  body.magic-tabler-skin .magic-admin-menu-btn{
    display:inline-flex!important;
    position:relative!important;
    z-index:1301!important;
    flex:0 0 42px!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent;
  }

  body.magic-tabler-skin .magic-admin-sidebar{
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:min(88vw,330px)!important;
    min-width:0!important;
    max-width:330px!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:18px 14px!important;
    z-index:1500!important;
    display:block!important;
    visibility:visible!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    transform:translate3d(-108%,0,0)!important;
    transition:transform .22s ease!important;
    border-right:1px solid rgba(255,255,255,.10)!important;
    border-bottom:0!important;
    box-shadow:28px 0 90px rgba(0,0,0,.55)!important;
  }

  body.admin-sidebar-open.magic-tabler-skin .magic-admin-sidebar,
  html.admin-sidebar-open body.magic-tabler-skin .magic-admin-sidebar{
    transform:translate3d(0,0,0)!important;
  }

  body.magic-tabler-skin .magic-admin-backdrop{
    position:fixed!important;
    inset:0!important;
    display:block!important;
    z-index:1400!important;
    background:rgba(0,0,0,.62)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .18s ease!important;
  }

  body.admin-sidebar-open.magic-tabler-skin .magic-admin-backdrop,
  html.admin-sidebar-open body.magic-tabler-skin .magic-admin-backdrop{
    opacity:1!important;
    pointer-events:auto!important;
  }

  body.magic-tabler-skin .magic-admin-close{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    cursor:pointer!important;
  }
}


/* Admin mobile menu clickable fix
   The backdrop is a sibling of .magic-admin-layout. The layout had its own low
   stacking context, so the backdrop could sit above the opened sidebar and
   catch taps. Keep backdrop under the shell while the sidebar itself remains
   the only clickable part of the shell on mobile. */
@media(max-width:991px){
  body.magic-tabler-skin .magic-admin-backdrop{
    z-index:1400!important;
  }

  body.admin-sidebar-open.magic-tabler-skin > .magic-admin-layout,
  html.admin-sidebar-open body.magic-tabler-skin > .magic-admin-layout{
    position:relative!important;
    z-index:1450!important;
    pointer-events:none!important;
  }

  body.admin-sidebar-open.magic-tabler-skin .magic-admin-sidebar,
  html.admin-sidebar-open body.magic-tabler-skin .magic-admin-sidebar{
    z-index:1600!important;
    pointer-events:auto!important;
  }

  body.admin-sidebar-open.magic-tabler-skin .magic-admin-sidebar *,
  html.admin-sidebar-open body.magic-tabler-skin .magic-admin-sidebar *{
    pointer-events:auto!important;
  }

  body.admin-sidebar-open.magic-tabler-skin .magic-admin-main,
  html.admin-sidebar-open body.magic-tabler-skin .magic-admin-main{
    pointer-events:none!important;
  }

  body.magic-tabler-skin .magic-admin-nav-item,
  body.magic-tabler-skin .magic-admin-sidebar-footer a,
  body.magic-tabler-skin .magic-admin-close{
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:rgba(34,197,94,.18);
  }
}
