/* =====================================================================
   LINKxCourier design system  (loaded LAST on every page: admin, merchant, auth, frontend)
   Source of truth for look & feel: Space Grotesk, #202020 / #c9f158 / #f2f3f5 / #ffffff,
   24px cards, pill buttons, 12px inputs, Tabler icons.  Responsive per Responsive.md.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{
  --lx-ink:#202020; --lx-lime:#c9f158; --lx-lime-2:#9ed900; --lx-purple:#a44cf5;
  --lx-bg:#f2f3f5; --lx-white:#ffffff; --lx-gray:#7a7784; --lx-gray-2:#b4b2ba; --lx-line:#e6e7ea;
  --lx-danger:#ff5a1f; --lx-success:#22a06b; --lx-warn:#f5a524;
  --lx-r-card:24px; --lx-r-input:12px; --lx-r-pill:999px;
  --lx-font:'Space Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --lx-shadow:0 1px 2px rgba(32,32,32,.04),0 8px 24px -12px rgba(32,32,32,.12);
  --lx-shadow-lg:0 24px 48px -24px rgba(32,32,32,.25);
  /* re-point the vendor variables at the new palette */
  --primary-color:#202020 !important; --primary-text-color:#ffffff !important; --warningcolor:#c9f158 !important;
  --bs-primary:#202020; --bs-primary-rgb:32,32,32; --bs-body-font-family:var(--lx-font); --bs-body-bg:#f2f3f5; --bs-body-color:#202020;
  --bs-link-color:#202020; --bs-link-hover-color:#000; --bs-border-radius:12px; --bs-border-color:#e6e7ea;
  --text-color:#202020; --h-color:#202020; --font-family:var(--lx-font); --h-font-family:var(--lx-font);
  --bs-info:#a44cf5; --bs-danger:#ff5a1f; --bs-success:#22a06b; --section-bg:#f2f3f5;
  --bs-outline-primary:#20202014; --bs-outline-info:#a44cf520; --bs-outline-danger:#ff5a1f1c; --bs-outline-success:#22a06b26;
}

/* ---------- base ---------- */
html{scroll-behavior:smooth}
body, .dashboard-main-wrapper, .dashboard-ecommerce, main, input, button, select, textarea, .btn, .form-control, .navbar, .card, table, .dropdown-menu, .modal, .swal2-popup, .select2-container, .toast, #toast-container>div{
  font-family:var(--lx-font) !important;
}
body{background:var(--lx-bg) !important;color:var(--lx-ink) !important;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;letter-spacing:-.005em}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.card-title,.page-title,.display-1,.display-2,.display-3,.display-4{font-family:var(--lx-font) !important;color:var(--lx-ink);font-weight:600;letter-spacing:-.02em}
a{color:var(--lx-ink)} a:hover{color:#000}
::selection{background:var(--lx-lime);color:var(--lx-ink)}
img{max-width:100%}
/* container per Responsive.md */
.container{width:100%;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}
@media (min-width:640px){.container{max-width:640px}}
@media (min-width:768px){.container{max-width:768px}}
@media (min-width:1024px){.container{max-width:1024px}}
@media (min-width:1280px){.container{max-width:1280px}}
@media (min-width:1536px){.container{max-width:1536px}}
@media (min-width:1920px){.container{max-width:1920px}}

/* ---------- cards ---------- */
.card, .auth-boxs, .splash-container .card, .dashboard-card, .widget, .box, .panel, .ecommerce-widget .card, .table-responsive.card{
  background:var(--lx-white) !important;border:1px solid var(--lx-line) !important;border-radius:var(--lx-r-card) !important;box-shadow:var(--lx-shadow) !important;overflow:hidden}
.card .card{box-shadow:none !important}
.card-header{background:transparent !important;border-bottom:1px solid var(--lx-line) !important;padding:18px 24px !important;font-weight:600;font-size:17px;color:var(--lx-ink);border-radius:0 !important}
.card-header h1,.card-header h2,.card-header h3,.card-header h4,.card-header h5,.card-header h6{margin:0;font-size:17px}
.card-body{padding:22px 24px}
.card-footer{background:var(--lx-bg) !important;border-top:1px solid var(--lx-line) !important}
.card.bg-dark,.card-dark,.lx-dark{background:var(--lx-ink) !important;color:#fff !important;border-color:var(--lx-ink) !important}
.card.bg-dark *,.lx-dark *{color:#fff}
@media (max-width:767px){.card-header{padding:14px 16px !important}.card-body{padding:16px}}

/* ---------- buttons: pills, dark primary, lime accent, in-button hover + spinner ---------- */
.btn, button.btn, .swal2-styled, .input-group-text.bg-primary, .dt-button, .pagination .page-link, .btn-social{
  font-family:var(--lx-font) !important;font-weight:600 !important;border-radius:var(--lx-r-pill) !important;padding:10px 20px;line-height:1.25;
  border:1.5px solid transparent;box-shadow:none !important;transition:transform .18s cubic-bezier(.2,.8,.2,1),background-color .18s,color .18s,border-color .18s,box-shadow .18s;
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none !important;letter-spacing:-.01em;cursor:pointer}
.btn-sm,.btn-group-sm>.btn{padding:6px 14px;font-size:13px}
.btn-lg,.btn-group-lg>.btn{padding:14px 26px;font-size:16px}
.btn-block{width:100%}
.btn-primary, .btn-dark, .btn-secondary, .btn-default, .swal2-confirm, .input-group-text.bg-primary, .btn-social, .demo-login-btn, .btn-info{
  background:var(--lx-ink) !important;color:#fff !important;border-color:var(--lx-ink) !important}
.btn-primary:hover,.btn-dark:hover,.btn-secondary:hover,.btn-info:hover,.swal2-confirm:hover,.input-group-text.bg-primary:hover{background:#000 !important;transform:translateY(-1px);box-shadow:0 10px 24px -10px rgba(32,32,32,.6) !important}
.btn-success, .btn-accent, .btn-lime, .btn-warning{background:var(--lx-lime) !important;color:var(--lx-ink) !important;border-color:var(--lx-lime) !important}
.btn-success:hover,.btn-accent:hover,.btn-lime:hover,.btn-warning:hover{background:#d8ff6a !important;transform:translateY(-1px);box-shadow:0 10px 24px -10px rgba(201,241,88,.9) !important}
.btn-danger{background:#fff !important;color:var(--lx-danger) !important;border-color:#ffd9cc !important}
.btn-danger:hover{background:var(--lx-danger) !important;color:#fff !important;border-color:var(--lx-danger) !important;transform:translateY(-1px)}
.btn-light,.btn-outline-primary,.btn-outline-secondary,.btn-outline-dark,.btn-outline-info,.btn-outline-success,.btn-outline-danger,.swal2-cancel,.btn-white{
  background:#fff !important;color:var(--lx-ink) !important;border-color:var(--lx-line) !important}
.btn-light:hover,.btn-outline-primary:hover,.btn-outline-secondary:hover,.btn-outline-dark:hover,.btn-outline-info:hover,.btn-outline-success:hover,.btn-outline-danger:hover,.swal2-cancel:hover,.btn-white:hover{border-color:var(--lx-ink) !important;transform:translateY(-1px);box-shadow:0 8px 20px -10px rgba(32,32,32,.35) !important}
.btn-outline-primary.active,.btn-outline-dark.active,.btn.active{background:var(--lx-ink) !important;color:#fff !important}
.btn:active{transform:translateY(0) scale(.98)}
.btn:focus-visible{outline:3px solid rgba(201,241,88,.7);outline-offset:2px}
.btn:disabled,.btn.disabled{opacity:.55;pointer-events:none}
/* in-button spinner (set by lxc.js on submit / [data-loading]) */
.btn.is-loading{pointer-events:none;color:transparent !important}
.btn.is-loading::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;border:2.5px solid currentColor;border-color:rgba(255,255,255,.35);border-top-color:#fff;animation:lx-spin .7s linear infinite;color:#fff}
.btn-success.is-loading::after,.btn-lime.is-loading::after,.btn-light.is-loading::after,.btn-outline-primary.is-loading::after,.btn-white.is-loading::after,.btn-danger.is-loading::after{border-color:rgba(32,32,32,.2);border-top-color:var(--lx-ink)}
@keyframes lx-spin{to{transform:rotate(360deg)}}
/* hover sheen */
.btn>.lx-sheen{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.22),transparent 60%);opacity:0;transition:opacity .25s;pointer-events:none}
.btn:hover>.lx-sheen{opacity:1}

/* ---------- forms ---------- */
.form-control,.form-select,.custom-select,select.form-control,textarea.form-control,.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple,.datepicker-input,.input-group-text{
  font-family:var(--lx-font) !important;border:1.5px solid var(--lx-line) !important;border-radius:var(--lx-r-input) !important;background:#fff !important;color:var(--lx-ink) !important;
  min-height:44px;padding:10px 14px;box-shadow:none !important;transition:border-color .18s,box-shadow .18s;font-size:14px}
.form-control-lg{min-height:50px;font-size:15px}
.form-control:focus,.form-select:focus,.select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default.select2-container--open .select2-selection--single{border-color:var(--lx-ink) !important;box-shadow:0 0 0 4px rgba(201,241,88,.45) !important}
.form-control::placeholder{color:var(--lx-gray-2)}
label,.form-label,.col-form-label{font-weight:500;color:var(--lx-ink);font-size:14px;margin-bottom:6px}
.form-group{margin-bottom:16px}
.input-group>.form-control:not(:last-child){border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}
.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;border-top-right-radius:var(--lx-r-input) !important;border-bottom-right-radius:var(--lx-r-input) !important}
.is-invalid,.form-control.is-invalid{border-color:var(--lx-danger) !important}
.invalid-feedback{color:var(--lx-danger);font-size:13px}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:24px;color:var(--lx-ink)}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:42px}
.select2-dropdown{border:1px solid var(--lx-line) !important;border-radius:16px !important;box-shadow:var(--lx-shadow-lg);overflow:hidden;font-family:var(--lx-font)}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--lx-ink) !important}
/* checkbox / radio / switch -> lime */
.form-check-input,input[type=checkbox],input[type=radio]{accent-color:var(--lx-ink);width:18px;height:18px;border-radius:5px;border:1.5px solid var(--lx-gray-2)}
.form-check-input:checked{background-color:var(--lx-ink) !important;border-color:var(--lx-ink) !important}
.form-check-input:focus{box-shadow:0 0 0 4px rgba(201,241,88,.45)}
.form-switch .form-check-input,.custom-switch .custom-control-label::before,.switch input:checked+.slider,.slider.round{border-radius:var(--lx-r-pill)}
.switch input:checked+.slider,.custom-control-input:checked~.custom-control-label::before,.form-switch .form-check-input:checked{background-color:var(--lx-lime-2) !important;border-color:var(--lx-lime-2) !important}

/* ---------- tables ---------- */
.table{--bs-table-bg:transparent;border-collapse:separate;border-spacing:0;color:var(--lx-ink)}
.table thead th,.table thead td,table.dataTable thead th{background:var(--lx-bg) !important;color:var(--lx-gray) !important;font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;border:0 !important;padding:12px 16px;white-space:nowrap}
.table thead th:first-child{border-top-left-radius:14px;border-bottom-left-radius:14px}
.table thead th:last-child{border-top-right-radius:14px;border-bottom-right-radius:14px}
.table tbody td,.table tbody th{border:0 !important;border-bottom:1px solid var(--lx-line) !important;padding:14px 16px;vertical-align:middle;background:transparent !important}
.table tbody tr:last-child td{border-bottom:0 !important}
.table-hover tbody tr:hover td,.table tbody tr:hover td{background:#fafafb !important}
.table-striped tbody tr:nth-of-type(odd) td{background:transparent !important}
.table-bordered,.table-bordered td,.table-bordered th{border-color:var(--lx-line) !important}
.table img.avatar,.table img{border-radius:12px}
.dataTables_wrapper .dataTables_paginate .paginate_button{border-radius:var(--lx-r-pill) !important;border:1px solid transparent !important;background:transparent !important;color:var(--lx-ink) !important}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:var(--lx-ink) !important;color:#fff !important}

/* ---------- badges / pills / labels ---------- */
.badge,.label,.status,.tag,.chip{border-radius:var(--lx-r-pill) !important;padding:5px 11px;font-weight:600;font-size:12px;letter-spacing:0;font-family:var(--lx-font)}
.badge-primary,.badge.bg-primary,.badge-dark,.badge-info,.badge.bg-info{background:var(--lx-ink) !important;color:#fff !important}
.badge-success,.badge.bg-success,.badge-warning,.badge.bg-warning{background:var(--lx-lime) !important;color:var(--lx-ink) !important}
.badge-danger,.badge.bg-danger{background:#ffe6dd !important;color:var(--lx-danger) !important}
.badge-secondary,.badge.bg-secondary,.badge-light{background:var(--lx-bg) !important;color:var(--lx-ink) !important}
.alert{border-radius:16px;border:1px solid var(--lx-line);font-family:var(--lx-font)}

/* ---------- admin navbar (top) ---------- */
.dashboard-header .navbar{background:rgba(242,243,245,.92) !important;border-bottom:1px solid var(--lx-line);box-shadow:none !important}
/* NOTE: never put backdrop-filter/transform on .sidebarNavigation - it would become the containing block of the fixed sidebar */
.navbar.fixed-top.center-nav:not(.sidebarNavigation){background:transparent !important;box-shadow:none !important}
.dashboard-header .navbar .navbar-brand img.logo,.navbar-brand img.logo,.logo-img{max-height:40px;width:auto}
.navbar-right-top .nav-link,.navbar-right-top .nav-icons,.navbar-globe{color:var(--lx-ink) !important;font-size:17px}
.navbar-right-top .nav-icons{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#fff;border:1px solid var(--lx-line);transition:transform .15s,box-shadow .15s}
.navbar-right-top .nav-icons:hover{transform:translateY(-1px);box-shadow:var(--lx-shadow)}
.navbar-right-top .indicator{background:var(--lx-lime-2) !important;border:2px solid #fff}
.dropdown-menu{border:1px solid var(--lx-line) !important;border-radius:18px !important;box-shadow:var(--lx-shadow-lg) !important;padding:8px !important;font-family:var(--lx-font);animation:lx-pop .18s cubic-bezier(.2,.8,.2,1)}
.dropdown-item{border-radius:10px;padding:9px 12px;font-weight:500;color:var(--lx-ink)}
.dropdown-item:hover,.dropdown-item:focus{background:var(--lx-bg);color:var(--lx-ink)}
.dropdown-item.active,.dropdown-item:active{background:var(--lx-ink);color:#fff}
@keyframes lx-pop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}

/* ---------- admin sidebar (dark #202020, lime active) ---------- */
.nav-left-sidebar,.sidebar-dark,.sidebarNavigation .offcanvas,.dashboard-main-wrapper .navbar-collapse.text-bg-dark{background:var(--lx-ink) !important;color:#fff}
@media (max-width:991px){.offcanvas.text-bg-dark.show,.offcanvas.text-bg-dark.showing{background:var(--lx-ink) !important}}
.nav-left-sidebar{border-right:0 !important;box-shadow:none !important}
.nav-left-sidebar .navbar-nav .nav-divider{color:var(--lx-gray-2) !important;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:14px 18px 6px}
.nav-left-sidebar .navbar-nav .nav-link,.sidebar-dark .nav-link{color:#e9e9ec !important;border-radius:12px;margin:2px 10px;padding:10px 14px !important;font-weight:500;font-size:14px;display:flex;align-items:center;gap:10px;transition:background .15s,color .15s,transform .15s;border:0 !important}
.nav-left-sidebar .navbar-nav .nav-link i,.sidebar-dark .nav-link i{width:20px;text-align:center;font-size:15px;opacity:.85;margin:0 !important}
.nav-left-sidebar .navbar-nav .nav-link:hover,.sidebar-dark .nav-link:hover{background:rgba(255,255,255,.08) !important;color:#fff !important;transform:translateX(2px)}
.nav-left-sidebar .navbar-nav .nav-link.active,.sidebar-dark .nav-link.active,.nav-left-sidebar .navbar-nav .nav-link[aria-expanded="true"]{background:var(--lx-lime) !important;color:var(--lx-ink) !important;font-weight:600}
.nav-left-sidebar .navbar-nav .nav-link.active i{opacity:1}
.nav-left-sidebar .nav .nav-link,.nav-left-sidebar .collapse .nav-link,.nav-left-sidebar .submenu-item{font-size:13.5px;padding:8px 14px 8px 44px !important;color:#c9c9cf !important;background:transparent !important}
.nav-left-sidebar .collapse .nav-link.active,.nav-left-sidebar .nav .nav-link.active{color:var(--lx-lime) !important;background:rgba(201,241,88,.08) !important}
.nav-left-sidebar .nav-link[data-toggle="collapse"]::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:auto;transition:transform .2s;opacity:.7}
.nav-left-sidebar .nav-link[data-toggle="collapse"][aria-expanded="true"]::after{transform:rotate(-135deg)}
.offcanvas-header .navbar-brand img{filter:none;max-height:40px}
.btn-close-white{filter:invert(1)}

/* ---------- page header / breadcrumbs ---------- */
.page-header,.page-title-box{background:transparent !important;border:0 !important;padding:0 0 12px}
.page-header .pageheader-title,.page-title{font-size:26px;font-weight:700;letter-spacing:-.02em}
.breadcrumb{background:transparent;padding:0;font-size:13px;color:var(--lx-gray)}
.breadcrumb-item+.breadcrumb-item::before{content:"·"}
.breadcrumb-item.active{color:var(--lx-ink);font-weight:500}

/* ---------- dashboard stat cards ---------- */
.card .card-body .metric-value,.card .h1,.card .h2,.stat-number,.count{font-weight:700;letter-spacing:-.03em}
.card .card-body .metric-label{color:var(--lx-gray)}
.card.stat-lime,.card.bg-success,.card.bg-warning{background:var(--lx-lime) !important;color:var(--lx-ink) !important;border-color:var(--lx-lime) !important}
.card.bg-success *,.card.bg-warning *{color:var(--lx-ink) !important}
.card.bg-primary,.card.bg-info,.card.bg-danger,.card.bg-dark{background:var(--lx-ink) !important;border-color:var(--lx-ink) !important}
.card.bg-primary *,.card.bg-info *,.card.bg-danger *{color:#fff !important}

/* ---------- modals / sweetalert / toastr ---------- */
.modal-content{border:1px solid var(--lx-line) !important;border-radius:var(--lx-r-card) !important;box-shadow:var(--lx-shadow-lg) !important;overflow:hidden}
.modal-header{border-bottom:1px solid var(--lx-line);padding:18px 24px;background:#fff}
.modal-title{font-weight:600;font-size:18px}
.modal-footer{border-top:1px solid var(--lx-line);background:var(--lx-bg)}
.modal.fade .modal-dialog{transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .28s;transform:translateY(12px) scale(.98)}
.modal.show .modal-dialog{transform:none}
.swal2-popup{border-radius:var(--lx-r-card) !important;padding:28px !important;font-family:var(--lx-font) !important}
.swal2-title{font-size:20px !important;font-weight:600 !important;color:var(--lx-ink) !important}
.swal2-icon.swal2-warning{border-color:var(--lx-lime-2) !important;color:var(--lx-lime-2) !important}
#toast-container>div{border-radius:16px !important;box-shadow:var(--lx-shadow-lg) !important;opacity:1 !important;font-family:var(--lx-font)}
#toast-container>.toast-success{background-color:var(--lx-ink) !important}
#toast-container>.toast-error{background-color:var(--lx-danger) !important}
#toast-container>.toast-info{background-color:var(--lx-ink) !important}

/* ---------- pagination / tabs ---------- */
.pagination .page-link{border:1px solid transparent !important;background:transparent !important;color:var(--lx-ink) !important;margin:0 2px;min-width:38px;padding:8px 12px}
.pagination .page-item.active .page-link{background:var(--lx-ink) !important;color:#fff !important}
.nav-tabs{border-bottom:0;gap:6px}
.nav-tabs .nav-link{border:1px solid var(--lx-line) !important;border-radius:var(--lx-r-pill) !important;background:#fff;color:var(--lx-ink);font-weight:500;padding:8px 16px}
.nav-tabs .nav-link.active{background:var(--lx-ink) !important;color:#fff !important;border-color:var(--lx-ink) !important}
.nav-pills .nav-link{border-radius:var(--lx-r-pill)}
.nav-pills .nav-link.active{background:var(--lx-ink)}
.progress{border-radius:var(--lx-r-pill);background:var(--lx-line);height:8px}
.progress-bar{background:var(--lx-lime-2) !important;border-radius:var(--lx-r-pill)}

/* ---------- auth pages ---------- */
.login-dashboard-main-wrapper:has(> .splash-container){padding-top:0 !important;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--lx-bg)}
.splash-container{width:100%;max-width:1040px;margin:32px auto;padding:0 16px}
.splash-container>.card{border-radius:28px !important;box-shadow:var(--lx-shadow-lg) !important;overflow:hidden}
.splash-container>.card>.row{margin:0}
.splash-container>.card>.row>[class*=col-]{padding:0}
.auth-boxs{border:0 !important;box-shadow:none !important;border-radius:0 !important;height:100%}
.auth-boxs .card-header{border-bottom:0 !important;padding:36px 36px 8px !important;text-align:left !important}
.auth-boxs .card-header .navbar-brand{display:block;margin:0 0 16px;padding:0}
.splash-description{display:block;color:var(--lx-gray);font-size:14px;font-weight:400}
.auth-boxs .card-body{padding:12px 36px 28px}
.auth-boxs .card-footer{background:#fff !important;border-top:1px solid var(--lx-line) !important;display:flex}
.card-footer-item{flex:1;text-align:center;padding:14px}
.card-footer-item+.card-footer-item{border-left:1px solid var(--lx-line)}
.footer-link{font-weight:600;color:var(--lx-ink)}
.footer-img{background:var(--lx-ink);display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden}
.footer-img img{filter:none;border-radius:20px;max-width:440px}
.lx-auth-art{position:relative;z-index:1;color:#fff;max-width:420px}
.lx-auth-art .lx-kicker{display:inline-flex;align-items:center;gap:8px;background:var(--lx-lime);color:var(--lx-ink);border-radius:999px;padding:6px 14px;font-weight:600;font-size:13px;margin-bottom:22px}
.lx-auth-art h2{color:#fff;font-size:clamp(26px,3vw,38px);line-height:1.1;margin-bottom:14px;letter-spacing:-.03em}
.lx-auth-art p{color:#b4b2ba;font-size:15px;margin-bottom:26px}
.lx-auth-art .lx-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lx-auth-art .lx-stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px 16px}
.lx-auth-art .lx-stat b{display:block;font-size:22px;color:var(--lx-lime);letter-spacing:-.02em}
.lx-auth-art .lx-stat span{font-size:12.5px;color:#b4b2ba}
.lx-blob{position:absolute;border-radius:50%;background:var(--lx-lime);filter:blur(80px);opacity:.25;width:360px;height:360px;right:-120px;bottom:-140px}
@media (max-width:991px){.footer-img{display:none}}

/* ---------- frontend (public site) ---------- */
.container-fluid.border-bottom{border-color:var(--lx-line) !important;background:#fff}
.navbar .nav-link{font-weight:500;color:var(--lx-ink) !important;border-radius:var(--lx-r-pill);padding:8px 14px !important;transition:background .15s}
.navbar .nav-link:hover{background:var(--lx-bg)}
.navbar .nav-link.active{background:var(--lx-ink) !important;color:#fff !important}
@media (min-width:992px){.menu.offcanvas{background:transparent !important;color:var(--lx-ink)}.menu .navbar-nav .nav-item .nav-link::before{display:none}}
.auth-info .login-button .nav-link.auth-btn{background:transparent !important;color:var(--lx-ink) !important;border:1.5px solid var(--lx-line);border-radius:var(--lx-r-pill) !important;padding:8px 18px !important;font-weight:600}
.auth-info .login-button .nav-link.auth-btn:hover{border-color:var(--lx-ink)}
.auth-info .btn.auth-btn{background:var(--lx-ink) !important;color:#fff !important;border-radius:var(--lx-r-pill) !important;padding:9px 20px !important;font-weight:600;margin-left:8px}
.auth-info .login-button .nav-link.auth-btn::before{display:none}
.offcanvas-nav-btn{background:var(--lx-ink);color:#fff;border:0;border-radius:12px;width:42px;height:42px}
.banner-hilight{font-family:var(--lx-font) !important;font-weight:700 !important;letter-spacing:-.04em !important;line-height:1.02 !important;font-size:clamp(38px,6vw,80px) !important;text-transform:none !important;color:var(--lx-ink) !important}
.banner-hilight .bg-primary{background:var(--lx-lime) !important;color:var(--lx-ink) !important;border-radius:20px !important;padding:.05em .3em !important;display:inline-block}
.banner-subtitle{color:var(--lx-gray) !important;font-size:18px !important;max-width:52ch}
.tracking-form{background:#fff;border:1.5px solid var(--lx-line);border-radius:var(--lx-r-pill);padding:6px;max-width:560px;box-shadow:var(--lx-shadow)}
.tracking-form .form-control{border:0 !important;background:transparent !important;min-height:44px;font-size:15px}
.tracking-form .form-control:focus{box-shadow:none !important}
.tracking-form .input-group-text{border-radius:var(--lx-r-pill) !important;border:0;padding:10px 22px}
.banner-image{border-radius:28px;box-shadow:var(--lx-shadow-lg)}
section.bg-primary,.bg-primary:not(.btn):not(.input-group-text):not(span){background:var(--lx-ink) !important}
.section-title,.section-heading,.title-area h2{font-weight:700;letter-spacing:-.03em;font-size:clamp(28px,4vw,44px)}
.service-card,.pricing-card,.blog-card,.why-item,.service-item,.feature-box,.price-box{background:#fff;border:1px solid var(--lx-line);border-radius:var(--lx-r-card);box-shadow:var(--lx-shadow);transition:transform .2s,box-shadow .2s}
.service-card:hover,.pricing-card:hover,.blog-card:hover,.why-item:hover,.service-item:hover,.feature-box:hover,.price-box:hover{transform:translateY(-4px);box-shadow:var(--lx-shadow-lg)}
.text-primary{color:var(--lx-ink) !important}
.border-primary{border-color:var(--lx-lime) !important}
footer,.footer,.footer-area{background:var(--lx-ink) !important;color:#b4b2ba}
footer a,.footer a{color:#fff}
footer h3,footer h4,footer h5,.footer h4,.footer h5{color:#fff}
.lang-dropdown .dropdown-toggle,.language-dropdown .dropdown-toggle{border-radius:var(--lx-r-pill) !important;border:1px solid var(--lx-line);background:#fff;padding:6px 12px;font-weight:500}

/* ---------- Tabler icon helper ---------- */
.ti{font-size:1.15em;line-height:1;vertical-align:-.15em}

/* ---------- motion: elements are revealed by lxc.js (GSAP); no-JS / reduced motion = visible ---------- */
/* [data-lx-reveal] is only a marker now - lxc.js animates FROM opacity 0, nothing is hidden by CSS */

@media (prefers-reduced-motion:reduce){[data-lx-reveal]{opacity:1}.btn,.card,.service-card{transition:none !important}}
#lx-page-veil{position:fixed;inset:0;background:var(--lx-bg);z-index:99999;pointer-events:none;opacity:0}
#lx-page-veil.on{pointer-events:auto}

/* ---------- scrollbars ---------- */
*{scrollbar-width:thin;scrollbar-color:#c9c9cf transparent}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#c9c9cf;border-radius:999px}::-webkit-scrollbar-track{background:transparent}

/* ---------- responsive helpers (Responsive.md) ---------- */
@media (max-width:575px){
  body{font-size:14px}
  .btn{padding:10px 16px}
  .page-header .pageheader-title,.page-title{font-size:22px}
  .table-responsive{border-radius:16px}
  .modal-dialog{margin:8px}
}
@media (max-width:767px){.main-content{padding:12px !important}.card{border-radius:18px !important}}
@media (min-width:1536px){body{font-size:15.5px}}

/* ---------- auth layout tune ---------- */
.splash-container>.card>.row>.col-lg-5{flex:0 0 46%;max-width:46%}
.splash-container>.card>.row>.col-lg-7{flex:0 0 54%;max-width:54%}
@media (max-width:991px){.splash-container>.card>.row>.col-lg-5{flex:0 0 100%;max-width:100%}}
.auth-boxs .card-header{padding:40px 40px 6px !important}
.auth-boxs .card-body{padding:14px 40px 30px}
.auth-boxs .card-header .navbar-brand img{height:40px;width:auto;max-height:none}
.splash-description{font-size:15px;margin-top:4px}
.auth-boxs .form-control-lg{min-height:52px;font-size:15px;padding:12px 16px}
.auth-boxs .custom-checkbox{display:flex;align-items:center;gap:10px;padding:0;margin:4px 0 18px;cursor:pointer}
.auth-boxs .custom-checkbox .form-check-input{margin:0;position:static}
.auth-boxs .custom-checkbox .form-check-label{margin:0;font-weight:500}
.auth-boxs .btn-lg.btn-block{min-height:52px;font-size:16px}
.auth-boxs .text-center.p-2 span{color:var(--lx-gray);font-weight:500;font-size:13px;letter-spacing:.08em}
.btn-social{background:#fff !important;color:var(--lx-ink) !important;border-color:var(--lx-line) !important}
.btn-social:hover{border-color:var(--lx-ink) !important}
.card-footer-item{padding:16px}
@media (max-width:575px){.auth-boxs .card-header{padding:28px 20px 4px !important}.auth-boxs .card-body{padding:10px 20px 24px}}

/* ---------- admin shell polish ---------- */
.nav-left-sidebar{top:0 !important;height:100vh !important;z-index:1045 !important;padding-top:8px}
.nav-left-sidebar::before{content:"";display:block;height:64px;margin:0 0 6px;background:url('/images/default/light-logo.png?v=2') no-repeat 20px center/auto 30px;border-bottom:1px solid rgba(255,255,255,.08)}
@media (max-width:991px){.nav-left-sidebar::before{display:none}.nav-left-sidebar{top:auto !important;height:auto !important;padding-top:0}}
.dashboard-header .navbar .navbar-brand{margin-left:0}
@media (min-width:992px){.dashboard-header .navbar{padding-left:290px !important}.dashboard-header .navbar .navbar-brand{display:none}}
.dashboard-content{padding-top:24px !important}
.page-header{margin-bottom:12px}
.page-breadcrumb{background:transparent !important;padding:0 !important;border:0 !important}
/* dashboard stat cards */
.header-summery .card{border-top:1px solid var(--lx-line) !important}
.header-summery .total-card-body{padding:22px 22px}
.header-summery label.icon{width:56px;height:56px;border-radius:16px;background:var(--lx-lime);color:var(--lx-ink);display:inline-flex;align-items:center;justify-content:center;font-size:22px;margin:0 16px 0 0 !important;padding:0 !important;flex:none}
.header-summery .box-content h5{font-size:13px;font-weight:500;color:var(--lx-gray) !important;margin:2px 0 4px;text-transform:none;letter-spacing:0}
.header-summery .box-content h1{font-size:30px;font-weight:700;letter-spacing:-.03em;margin:0}
.header-summery a.d-block .card{transition:transform .2s,box-shadow .2s}
.header-summery a.d-block:hover .card{transform:translateY(-3px);box-shadow:var(--lx-shadow-lg) !important}
.header-summery .col-md-6:nth-child(4n+2) label.icon{background:var(--lx-ink);color:var(--lx-lime)}
.header-summery .col-md-6:nth-child(4n+3) label.icon{background:var(--lx-bg);color:var(--lx-ink)}
.dashboard-filter-input{width:220px !important;float:none !important;display:inline-block}

/* ---------- home hero card ---------- */
.lx-hero{position:relative;max-width:460px;margin:0 auto;padding:16px 0 40px}
.lx-hero-card{background:#fff;border:1px solid var(--lx-line);border-radius:28px;box-shadow:var(--lx-shadow-lg);padding:14px}
.lx-hero-main{position:relative;z-index:2}
.lx-hero-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.lx-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 12px;font-weight:600;font-size:13px}
.lx-chip-lime{background:var(--lx-lime);color:var(--lx-ink)}.lx-chip-dark{background:var(--lx-ink);color:#fff;width:34px;height:34px;justify-content:center;padding:0}
.lx-hero-map{position:relative;background:linear-gradient(180deg,#eef2f6,#dfe7f0);border-radius:20px;height:210px;overflow:hidden;padding:20px}
.lx-tags{position:absolute;left:14px;bottom:14px;display:flex;gap:6px}
.lx-tags span{background:rgba(32,32,32,.7);color:#fff;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:500;backdrop-filter:blur(6px)}
.lx-hero-body{display:flex;justify-content:space-between;align-items:center;padding:16px 6px 4px;gap:10px}
.lx-hero-body strong{display:block;font-size:17px;letter-spacing:-.02em}.lx-hero-body small{color:var(--lx-gray)}
.lx-hero-actions{display:flex;gap:8px}
.lx-btn-lime,.lx-btn-dark{border-radius:999px;padding:10px 16px;font-weight:600;font-size:14px}
.lx-btn-lime{background:var(--lx-lime);color:var(--lx-ink)}.lx-btn-dark{background:var(--lx-ink);color:#fff}
.lx-hero-side{position:absolute;z-index:3;padding:12px 14px}
.lx-hero-side-1{left:-40px;bottom:6px;width:230px}
.lx-hero-side-2{right:-30px;top:44px;display:flex;flex-direction:column;gap:2px;min-width:150px}
.lx-hero-side-2 small{color:#b4b2ba;font-size:12px}.lx-hero-side-2 strong{font-size:18px;letter-spacing:-.02em}
.lx-pill-lime{display:inline-block;background:var(--lx-lime);color:var(--lx-ink);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;align-self:flex-start;margin-top:4px}
.lx-steps{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:500;color:var(--lx-gray-2)}
.lx-steps span{display:flex;align-items:center;gap:8px}
.lx-steps span.on{color:var(--lx-ink)}.lx-steps span.now{color:var(--lx-ink);font-weight:600}
.lx-steps span.now i{background:var(--lx-lime);border-radius:8px;padding:3px}
@media (max-width:1023px){.lx-hero-side-1{left:0}.lx-hero-side-2{right:0}}
@media (max-width:575px){.lx-hero{padding-bottom:20px}.lx-hero-side{position:static;margin-top:10px;width:auto}.lx-hero-side-2{flex-direction:row;align-items:center;gap:10px}}

/* frontend nav pills */
.menu .navbar-nav .nav-item .nav-link,.navbar .nav-link{padding:8px 16px !important;line-height:1.3;margin:0 2px}
.navbar .nav-link.active,.menu .navbar-nav .nav-item .nav-link.active{background:var(--lx-lime) !important;color:var(--lx-ink) !important}
.tracking-form{margin:16px 0 24px}

/* ---------- mobile headers (Responsive.md: xs 0-575, sm 576-767, md 768-991) ---------- */
@media (max-width:991px){
  /* admin mobile top bar */
  .navbar-other{align-items:center !important;gap:6px;min-height:56px}
  .navbar-other .d-lg-none img{height:30px !important;width:auto !important;margin:0 !important;max-width:150px}
  .navbar-other .navbar-nav{gap:2px}
  .navbar-other .nav-item .btn{padding:8px 14px;font-size:13px}
  .navbar-other .nav-icons{width:36px;height:36px}
  .navbar-other .offcanvas-nav-btn,.navbar-other [data-bs-toggle="offcanvas"]{width:40px;height:40px;border-radius:12px;background:var(--lx-ink);color:#fff;border:0;display:inline-flex;align-items:center;justify-content:center}
  .dashboard-content{padding-left:16px !important;padding-right:16px !important;padding-top:16px !important}
  .main-content{margin-left:0 !important}
  .breadcrumb{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
  .breadcrumb::-webkit-scrollbar{display:none}
  .header-summery .total-card-body{padding:18px}
  /* frontend top bar */
  .navbar-brand.w-100{width:auto !important;flex:1 1 auto;min-width:0}
  .navbar-brand img.logo{height:32px !important;width:auto !important;max-width:none}
  .auth-info .navbar-nav{gap:4px}
  .auth-info .btn.auth-btn,.auth-info .login-button .nav-link.auth-btn{padding:8px 14px !important;font-size:13px}
}
@media (max-width:575px){
  .navbar-other .nav-item .btn span,.navbar-other .nav-item .btn{font-size:0}          /* icon-only "To Do" */
  .navbar-other .nav-item .btn i{font-size:14px}
  .navbar-other .fa-globe{display:none}
  .navbar-brand img.logo{height:26px !important}
  .frontend-lang-dropdown .frontend-lang-label{display:none}
  .frontend-lang-dropdown .dropdown-toggle,.lang-dropdown .dropdown-toggle{padding:6px 10px !important}
  .auth-info .login-button{display:none}                                                   /* login lives in the menu on phones */
  .banner-hilight{font-size:clamp(30px,10vw,44px) !important}
  .banner-hilight .bg-primary{padding:.08em .35em !important}
  .header-summery .box-content h1{font-size:26px}
  .header-summery label.icon{width:48px;height:48px;font-size:19px}
  .card-header{font-size:15px}
  .dashboard-filter-input{width:100% !important}
  .modal-dialog{margin:8px}
  .table-responsive{margin:0 -4px}
}
.offcanvas-header .navbar-brand img{height:30px !important;width:auto !important;max-width:190px}
@media (max-width:575px){.lx-hero-body{flex-direction:column;align-items:flex-start}.lx-hero-actions{width:100%}.lx-hero-actions span{flex:1;text-align:center}}