*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:auto!important;-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:auto}
body{min-width:320px;max-width:100%;overflow-x:clip;overflow-y:visible;line-height:1.55;touch-action:pan-x pan-y pinch-zoom}
img,video,canvas,svg{max-width:100%;height:auto}
input,select,textarea,button{font:inherit;max-width:100%}
button,a,.btn,[role=button],input[type=checkbox],input[type=radio],label{touch-action:manipulation}
:where(button,.btn,a.btn,[role=button]){transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid #60a5fa;outline-offset:2px}
.container,.container-fluid,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl{min-width:0}
.row>*{min-width:0}
.card,.modal-content,.dropdown-menu,.offcanvas,.table-responsive,.accordion,.list-group{min-width:0;max-width:100%}
.card{overflow-wrap:anywhere}
.form-control,.form-select,textarea{min-height:44px}
textarea{resize:vertical}
.table-responsive{-webkit-overflow-scrolling:touch}
table{max-width:100%}
.table-responsive table{white-space:normal}
.badge{white-space:normal;overflow-wrap:anywhere}
.btn-group{flex-wrap:wrap;gap:6px}
.modal-dialog{margin:1rem auto}
.modal-body{overflow-wrap:anywhere}
pre,code{overflow-wrap:anywhere;white-space:pre-wrap}

main,.main-content,.content,.page-content,.dashboard-content,.container{min-width:0}
.page-title,h1,h2,h3,h4{overflow-wrap:anywhere;line-height:1.3}

@media(min-width:992px){
  .container{max-width:1320px}
  .card{border-radius:14px}
  .table-responsive{border-radius:10px}
  .modal-dialog{max-width:min(720px,calc(100vw - 40px))}
}

@media(max-width:991.98px){
  html,body{width:100%;overflow-x:clip}
  .container,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl{max-width:100%;padding-left:12px;padding-right:12px}
  .row{--bs-gutter-x:1rem}
  .card{margin-bottom:12px}
  .card-body{padding:clamp(12px,3.4vw,18px)}
  .btn,.btn-sm,button.btn{min-height:42px}
  .form-control,.form-select,select,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel]{min-height:44px;font-size:16px}
  .table-responsive{margin-bottom:1rem}
  .table-responsive table{min-width:620px}
  .modal-dialog{width:auto;max-width:calc(100% - 20px);margin:10px auto}
  .modal-body{max-height:calc(100dvh - 190px);overflow:auto}
  .dropdown-menu{max-width:calc(100vw - 24px)}
  .d-flex:not(.flex-nowrap){min-width:0}
  .input-group{flex-wrap:wrap}
  .input-group>.form-control,.input-group>.form-select{min-width:0;flex:1 1 140px}
  .input-group>.btn{flex:0 0 auto}
  .pagination{flex-wrap:wrap;gap:3px}
}
@media(max-width:575.98px){
  body{font-size:15px}
  h1{font-size:clamp(1.35rem,6vw,1.8rem)}
  h2{font-size:clamp(1.2rem,5vw,1.5rem)}
  h3{font-size:1.1rem}
  .container,.container-fluid,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl{padding-left:10px;padding-right:10px}
  .row{--bs-gutter-x:.75rem}
  .card{border-radius:12px}
  .card-body{padding:12px}
  .btn-group{display:flex;align-items:stretch}
  .btn-group>.btn{flex:1 1 auto}
  .modal-dialog{max-width:calc(100% - 12px);margin:6px auto}
  .modal-header,.modal-footer{padding:12px}
  .modal-body{padding:12px;max-height:calc(100dvh - 160px)}
  .table-responsive table{min-width:560px}
  .form-label{margin-bottom:5px}
  .alert{overflow-wrap:anywhere}
  .mobile-bottom-navbar{padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}



.form-check-input{background-color:#f8fafc!important;border:2px solid #64748b!important;box-shadow:none!important;min-width:2.6em;min-height:1.35em;cursor:pointer}
.form-check-input:checked{background-color:#16a34a!important;border-color:#16a34a!important}
.form-check-input:focus{border-color:#2563eb!important;box-shadow:0 0 0 .2rem rgba(37,99,235,.25)!important}
@media(max-width:768px){.admin-card{padding:14px!important}.table-responsive{border-radius:12px}.btn{min-height:38px}.sidebar-link{min-height:42px}.d-flex.flex-wrap.gap-1 form{display:flex;gap:5px;flex-wrap:wrap}}



button, .btn, a[role=button], input, select, textarea { -webkit-tap-highlight-color: transparent; }
button, .btn, a[role=button] { touch-action: manipulation; transition: background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, transform .08s ease; }
button:active, .btn:active, a[role=button]:active { transform: translateY(1px); }
.swal2-container.swal2-top-end, .swal2-container.swal2-top-right { padding-top: max(14px, env(safe-area-inset-top)) !important; padding-right: max(14px, env(safe-area-inset-right)) !important; }
.swal2-popup.swal2-toast { max-width: min(92vw, 420px) !important; }
@media (prefers-reduced-motion: reduce) { button, .btn, a[role=button] { transition: none !important; } }
.xmz-preview-pulse { animation: xmzPreviewPulse .65s ease-in-out 2; }
@keyframes xmzPreviewPulse { 0%,100% { outline: 0 solid rgba(59,130,246,0); } 50% { outline: 4px solid rgba(59,130,246,.7); } }


.alert,
[role="alert"],
[role="status"],
.toast,
.toast-body,
.toast-header,
.swal2-html-container,
.swal2-content,
.swal2-validation-message,
.modal-body,
.notice,
.notification,
.notification-message,
.flash-message {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
  white-space: normal;
  line-height: 1.55;
}
.alert,
[role="alert"],
[role="status"],
.flash-message {
  height: auto;
  text-overflow: clip;
}
.alert a,
[role="alert"] a,
[role="status"] a,
.toast a,
.swal2-html-container a { overflow-wrap: anywhere; }
.alert .btn,
[role="alert"] .btn,
[role="status"] .btn { white-space: normal; }
.toast-container {
  z-index: 20000 !important;
  max-width: calc(100vw - 24px);
  padding-top: max(12px, env(safe-area-inset-top, 0px));
  padding-left: max(8px, env(safe-area-inset-left, 0px));
  padding-right: max(8px, env(safe-area-inset-right, 0px));
}
.toast { width: min(420px, calc(100vw - 24px)); }
.swal2-container {
  z-index: 20000 !important;
  padding: max(12px, env(safe-area-inset-top, 0px)) max(12px, env(safe-area-inset-right, 0px)) max(12px, env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px)) !important;
}
.swal2-popup,
.swal2-popup.xmz-swal {
  box-sizing: border-box !important;
  width: min(520px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
  max-height: calc(100dvh - 24px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overflow-wrap: anywhere !important;
}
.swal2-title { overflow-wrap: anywhere !important; word-break: normal !important; line-height: 1.3 !important; }
.swal2-html-container,
.swal2-content { max-width: 100% !important; overflow-wrap: anywhere !important; white-space: normal !important; }
.swal2-actions { flex-wrap: wrap !important; gap: 8px !important; max-width: 100% !important; }
.swal2-actions button { max-width: 100%; white-space: normal !important; overflow-wrap: anywhere; min-height: 42px; }
.swal2-input, .swal2-textarea, .swal2-select { box-sizing: border-box !important; max-width: 100% !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
.swal2-toast { width: min(420px, calc(100vw - 24px)) !important; max-width: calc(100vw - 24px) !important; padding: 12px !important; }
.swal2-toast .swal2-title { font-size: 1rem !important; }
@media (max-width: 575.98px) {
  .alert { padding: 12px; border-radius: 12px; }
  .swal2-popup,
  .swal2-popup.xmz-swal { padding: 20px 14px 16px !important; border-radius: 16px !important; }
  .swal2-popup .swal2-title,
  .swal2-popup.xmz-swal .swal2-title { font-size: clamp(18px, 5vw, 23px) !important; }
  .swal2-popup .swal2-html-container,
  .swal2-popup.xmz-swal .swal2-html-container,
  .swal2-popup .swal2-content { font-size: 14px !important; margin: 10px 0 !important; }
  .swal2-actions { width: 100% !important; margin-top: 14px !important; }
  .swal2-actions button { flex: 1 1 120px !important; margin: 0 !important; }
  .toast-container { left: 12px !important; right: 12px !important; width: auto !important; }
  .toast { width: 100% !important; }
}
@media (max-width: 360px) {
  .swal2-popup,
  .swal2-popup.xmz-swal { width: calc(100vw - 16px) !important; max-width: calc(100vw - 16px) !important; padding: 18px 12px 14px !important; }
  .swal2-actions button { flex-basis: 100% !important; }
}



html, body { scroll-behavior: auto !important; overscroll-behavior-y: auto !important; }
body, main, .main-content, .page-content { touch-action: pan-x pan-y pinch-zoom; }

.recent-products-grid, .recent-ticker-container, .recent-ticker-track { touch-action: pan-x pan-y pinch-zoom !important; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } }


.modal-backdrop { position: fixed !important; inset: 0 !important; }
.modal.show, .modal[style*="display: block"] {
  position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100dvh !important;
  padding: max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom)) !important;
  overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important;
  transform: none !important; margin: 0 !important;
}
.modal.show .modal-dialog, .modal[style*="display: block"] .modal-dialog {
  position: relative !important; margin: 0 auto !important; transform: none !important;
  width: min(100%, 620px) !important; max-width: calc(100vw - 20px) !important;
  max-height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px) !important;
  display: flex !important; align-items: stretch !important;
}
.modal.show .modal-content, .modal[style*="display: block"] .modal-content {
  width: 100% !important; max-height: inherit !important; min-height: 0 !important;
  display: flex !important; flex-direction: column !important; overflow: hidden !important;
}
.modal.show .modal-body, .modal[style*="display: block"] .modal-body {
  min-height: 0 !important; flex: 1 1 auto !important; overflow-y: auto !important; overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important; overscroll-behavior: contain !important; touch-action: pan-y pinch-zoom !important;
}
.modal.show .modal-header, .modal.show .modal-footer { flex: 0 0 auto !important; }
.swal2-container { position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100dvh !important; }
.swal2-popup { max-height: calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; overflow: hidden !important; }
.swal2-html-container, .swal2-content { overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; }
body.modal-open { overflow: auto !important; padding-right: 0 !important; }

a[href*="/manage/tickets.php"], a[href*="/ticket.php"] { display: none !important; }


.swal2-popup.xmz-topup-result { background:#101114 !important; color:#f8fafc !important; border:1px solid #34373e !important; border-radius:18px !important; padding:24px 18px 18px !important; box-shadow:0 24px 70px rgba(0,0,0,.55) !important; }
.xmz-topup-result .swal2-title { color:#fff !important; font-size:21px !important; font-weight:750 !important; }
.xmz-topup-result .swal2-html-container { margin:16px 0 4px !important; text-align:left !important; color:#e5e7eb !important; }
.xmz-topup-result .xmz-result-wrap { display:grid; gap:12px; }
.xmz-topup-result .xmz-result-amount { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px; border-radius:13px; background:#1c2421; border:1px solid #2c4738; }
.xmz-topup-result .xmz-result-amount small { font-size:12px; color:#cbd5e1; }
.xmz-topup-result .xmz-result-amount strong { color:#86efac; font-size:23px; font-variant-numeric:tabular-nums; }
.xmz-topup-result .xmz-result-detail { padding:14px 15px; border-radius:12px; background:#1a1c21; border:1px solid #30333b; font-size:14px; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; }
.xmz-topup-result .xmz-result-api { display:grid; gap:7px; padding:13px 15px; border-radius:12px; border:1px solid #30333b; background:#14161a; font-size:12px; }
.xmz-topup-result .xmz-result-api span { color:#aab3c2; font-weight:650; }
.xmz-topup-result .xmz-result-api code { justify-self:start; color:#e2e8f0; background:#30343d; border-radius:6px; padding:4px 9px; font-size:12px; }
.xmz-topup-result .xmz-result-api p { margin:0; color:#d1d5db; line-height:1.5; overflow-wrap:anywhere; }
.xmz-topup-result .swal2-actions { width:100%; }
.xmz-topup-result .xmz-result-confirm { width:100%; min-height:43px; border:0; border-radius:11px; color:#101114; background:#f8fafc; font-weight:750; cursor:pointer; }
@media(max-width:575px) { .swal2-popup.xmz-topup-result { padding:20px 14px 14px !important; } .xmz-topup-result .xmz-result-amount strong { font-size:20px; } }