/**
* Template Name: NiceAdmin - v2.5.0
* Template URL: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
  scroll-behavior: smooth;
}

body {
  font-family: "Open Sans", sans-serif;
  background: #f6f9ff;
  color: #444444;
}

a {
  color: #4154f1;
  text-decoration: none;
}

a:hover {
  color: #717ff5;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Nunito", sans-serif;
}

/*--------------------------------------------------------------
# Main
--------------------------------------------------------------*/
#main {
  margin-top: 60px;
  padding: 20px 30px;
  transition: all 0.3s;
}

@media (max-width: 1199px) {
  #main {
    padding: 20px;
  }
}

/*--------------------------------------------------------------
# Page Title
--------------------------------------------------------------*/
.pagetitle {
  margin-bottom: 10px;
}

.pagetitle h1 {
  font-size: 24px;
  margin-bottom: 0;
  font-weight: 600;
  color: #012970;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background: #4154f1;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #6776f4;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Override some default Bootstrap stylings
--------------------------------------------------------------*/
/* Dropdown menus */
.dropdown-menu {
  border-radius: 4px;
  padding: 10px 0;
  -webkit-animation-name: dropdown-animate;
  animation-name: dropdown-animate;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  border: 0;
  box-shadow: 0 5px 30px 0 rgba(82, 63, 105, 0.2);
}

.dropdown-menu .dropdown-header,
.dropdown-menu .dropdown-footer {
  text-align: center;
  font-size: 15px;
  padding: 10px 25px;
}

.dropdown-menu .dropdown-footer a {
  color: #444444;
  text-decoration: underline;
}

.dropdown-menu .dropdown-footer a:hover {
  text-decoration: none;
}

.dropdown-menu .dropdown-divider {
  color: #a5c5fe;
  margin: 0;
}

.dropdown-menu .dropdown-item {
  font-size: 14px;
  padding: 10px 15px;
  transition: 0.3s;
}

.dropdown-menu .dropdown-item i {
  margin-right: 10px;
  font-size: 18px;
  line-height: 0;
}

.dropdown-menu .dropdown-item:hover {
  background-color: #f6f9ff;
}

@media (min-width: 768px) {
  .dropdown-menu-arrow::before {
    content: "";
    width: 13px;
    height: 13px;
    background: #fff;
    position: absolute;
    top: -7px;
    right: 20px;
    transform: rotate(45deg);
    border-top: 1px solid #eaedf1;
    border-left: 1px solid #eaedf1;
  }
}

@-webkit-keyframes dropdown-animate {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }

  0% {
    opacity: 0;
  }
}

@keyframes dropdown-animate {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }

  0% {
    opacity: 0;
  }
}

/* Light Backgrounds */
.bg-primary-light {
  background-color: #cfe2ff;
  border-color: #cfe2ff;
}

.bg-secondary-light {
  background-color: #e2e3e5;
  border-color: #e2e3e5;
}

.bg-success-light {
  background-color: #d1e7dd;
  border-color: #d1e7dd;
}

.bg-danger-light {
  background-color: #f8d7da;
  border-color: #f8d7da;
}

.bg-warning-light {
  background-color: #fff3cd;
  border-color: #fff3cd;
}

.bg-info-light {
  background-color: #cff4fc;
  border-color: #cff4fc;
}

.bg-dark-light {
  background-color: #d3d3d4;
  border-color: #d3d3d4;
}

/* Card */
.card {
  margin-bottom: 30px;
  border: none;
  border-radius: 5px;
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
}

.card-header,
.card-footer {
  border-color: #ebeef4;
  background-color: #fff;
  color: #798eb3;
  padding: 15px;
}

.card-title {
  padding: 20px 0 15px 0;
  font-size: 18px;
  font-weight: 500;
  color: #012970;
  font-family: "Poppins", sans-serif;
}

.card-title span {
  color: #899bbd;
  font-size: 14px;
  font-weight: 400;
}

.card-body {
  padding: 0 20px 20px 20px;
}

.card-img-overlay {
  background-color: rgba(255, 255, 255, 0.6);
}

/* Alerts */
.alert-heading {
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
}

/* Close Button */
.btn-close {
  background-size: 25%;
}

.btn-close:focus {
  outline: 0;
  box-shadow: none;
}

/* Accordion */
.accordion-item {
  border: 1px solid #ebeef4;
}

.accordion-button:focus {
  outline: 0;
  box-shadow: none;
}

.accordion-button:not(.collapsed) {
  color: #012970;
  background-color: #f6f9ff;
}

.accordion-flush .accordion-button {
  padding: 15px 0;
  background: none;
  border: 0;
}

.accordion-flush .accordion-button:not(.collapsed) {
  box-shadow: none;
  color: #4154f1;
}

.accordion-flush .accordion-body {
  padding: 0 0 15px 0;
  color: #3e4f6f;
  font-size: 15px;
}

/* Breadcrumbs */
.breadcrumb {
  font-size: 14px;
  font-family: "Nunito", sans-serif;
  color: #899bbd;
  font-weight: 600;
}

.breadcrumb a {
  color: #899bbd;
  transition: 0.3s;
}

.breadcrumb a:hover {
  color: #51678f;
}

.breadcrumb .breadcrumb-item::before {
  color: #899bbd;
}

.breadcrumb .active {
  color: #51678f;
  font-weight: 600;
}

/* Bordered Tabs */
.nav-tabs-bordered {
  border-bottom: 2px solid #ebeef4;
}

.nav-tabs-bordered .nav-link {
  margin-bottom: -2px;
  border: none;
  color: #2c384e;
}

.nav-tabs-bordered .nav-link:hover,
.nav-tabs-bordered .nav-link:focus {
  color: #4154f1;
}

.nav-tabs-bordered .nav-link.active {
  background-color: #fff;
  color: #4154f1;
  border-bottom: 2px solid #4154f1;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.logo {
  line-height: 1;
}

@media (min-width: 1200px) {
  .logo {
    width: 280px;
  }
}

.logo img {
  max-height: 26px;
  margin-right: 6px;
}

/*.logo span {
  font-size: 26px;
  font-weight: 700;
  color: #012970;
  font-family: "Nunito", sans-serif;
}*/

.header {
  transition: all 0.5s;
  z-index: 997;
  height: 60px;
  box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
  background-color: #fff;
  padding-left: 20px;
  /* Toggle Sidebar Button */
  /* Search Bar */
}

.header .toggle-sidebar-btn {
  font-size: 32px;
  padding-left: 10px;
  cursor: pointer;
  color: #012970;
}

.header .search-bar {
  min-width: 360px;
  padding: 0 20px;
}

@media (max-width: 1199px) {
  .header .search-bar {
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    padding: 20px;
    box-shadow: 0px 0px 15px 0px rgba(1, 41, 112, 0.1);
    background: white;
    z-index: 9999;
    transition: 0.3s;
    visibility: hidden;
    opacity: 0;
  }

  .header .search-bar-show {
    top: 60px;
    visibility: visible;
    opacity: 1;
  }
}

.header .search-form {
  width: 100%;
}

.header .search-form input {
  border: 0;
  font-size: 14px;
  color: #012970;
  border: 1px solid rgba(1, 41, 112, 0.2);
  padding: 7px 38px 7px 8px;
  border-radius: 3px;
  transition: 0.3s;
  width: 100%;
}

.header .search-form input:focus,
.header .search-form input:hover {
  outline: none;
  box-shadow: 0 0 10px 0 rgba(1, 41, 112, 0.15);
  border: 1px solid rgba(1, 41, 112, 0.3);
}

.header .search-form button {
  border: 0;
  padding: 0;
  margin-left: -30px;
  background: none;
}

.header .search-form button i {
  color: #012970;
}

/*--------------------------------------------------------------
# Header Nav
--------------------------------------------------------------*/
.header-nav ul {
  list-style: none;
}

.header-nav>ul {
  margin: 0;
  padding: 0;
}

.header-nav .nav-icon {
  font-size: 22px;
  color: #012970;
  margin-right: 25px;
  position: relative;
}

.header-nav .nav-profile {
  color: #012970;
}

.header-nav .nav-profile img {
  max-height: 36px;
}

.header-nav .nav-profile span {
  font-size: 14px;
  font-weight: 600;
}

.header-nav .badge-number {
  position: absolute;
  inset: -2px -5px auto auto;
  font-weight: normal;
  font-size: 12px;
  padding: 3px 6px;
}

.header-nav .notifications {
  inset: 8px -15px auto auto !important;
}

.header-nav .notifications .notification-item {
  display: flex;
  align-items: center;
  padding: 15px 10px;
  transition: 0.3s;
}

.header-nav .notifications .notification-item i {
  margin: 0 20px 0 10px;
  font-size: 24px;
}

.header-nav .notifications .notification-item h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}

.header-nav .notifications .notification-item p {
  font-size: 13px;
  margin-bottom: 3px;
  color: #919191;
}

.header-nav .notifications .notification-item:hover {
  background-color: #f6f9ff;
}

.header-nav .messages {
  inset: 8px -15px auto auto !important;
}

.header-nav .messages .message-item {
  padding: 15px 10px;
  transition: 0.3s;
}

.header-nav .messages .message-item a {
  display: flex;
}

.header-nav .messages .message-item img {
  margin: 0 20px 0 10px;
  max-height: 40px;
}

.header-nav .messages .message-item h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #444444;
}

.header-nav .messages .message-item p {
  font-size: 13px;
  margin-bottom: 3px;
  color: #919191;
}

.header-nav .messages .message-item:hover {
  background-color: #f6f9ff;
}

.header-nav .profile {
  min-width: 240px;
  padding-bottom: 0;
  top: 8px !important;
}

.header-nav .profile .dropdown-header h6 {
  font-size: 18px;
  margin-bottom: 0;
  font-weight: 600;
  color: #444444;
}

.header-nav .profile .dropdown-header span {
  font-size: 14px;
}

.header-nav .profile .dropdown-item {
  font-size: 14px;
  padding: 10px 15px;
  transition: 0.3s;
}

.header-nav .profile .dropdown-item i {
  margin-right: 10px;
  font-size: 18px;
  line-height: 0;
}

.header-nav .profile .dropdown-item:hover {
  background-color: #f6f9ff;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.sidebar {
  position: fixed;
  top: 60px;
  left: 0;
  bottom: 0;
  width: 300px;
  z-index: 996;
  transition: all 0.3s;
  padding: 20px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #aab7cf transparent;
  box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1);
  background-color: #fff;
}

@media (max-width: 1199px) {
  .sidebar {
    left: -300px;
  }
}

.sidebar::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #fff;
}

.sidebar::-webkit-scrollbar-thumb {
  background-color: #aab7cf;
}

@media (min-width: 1200px) {

  #main,
  #footer {
    margin-left: 300px;
  }
}

@media (max-width: 1199px) {
  .toggle-sidebar .sidebar {
    left: 0;
  }
}

@media (min-width: 1200px) {

  .toggle-sidebar #main,
  .toggle-sidebar #footer {
    margin-left: 0;
  }

  .toggle-sidebar .sidebar {
    left: -300px;
  }
}

.sidebar-nav {
  padding: 0;
  margin: 0;
  list-style: none;
}

.sidebar-nav li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.sidebar-nav .nav-item {
  margin-bottom: 5px;
}

.sidebar-nav .nav-heading {
  font-size: 11px;
  text-transform: uppercase;
  color: #899bbd;
  font-weight: 600;
  margin: 10px 0 5px 15px;
}

.sidebar-nav .nav-link {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  color: #4154f1;
  transition: 0.3;
  background: #f6f9ff;
  padding: 10px 15px;
  border-radius: 4px;
}

.sidebar-nav .nav-link i {
  font-size: 16px;
  margin-right: 10px;
  color: #4154f1;
}

.sidebar-nav .nav-link.collapsed {
  color: #012970;
  background: #fff;
}

.sidebar-nav .nav-link.collapsed i {
  color: #899bbd;
}

.sidebar-nav .nav-link:hover {
  color: #4154f1;
  background: #f6f9ff;
}

.sidebar-nav .nav-link:hover i {
  color: #4154f1;
}

.sidebar-nav .nav-link .bi-chevron-down {
  margin-right: 0;
  transition: transform 0.2s ease-in-out;
}

.sidebar-nav .nav-link:not(.collapsed) .bi-chevron-down {
  transform: rotate(180deg);
}

.sidebar-nav .nav-content {
  padding: 5px 0 0 0;
  margin: 0;
  list-style: none;
}

.sidebar-nav .nav-content a {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #012970;
  transition: 0.3;
  padding: 10px 0 10px 40px;
  transition: 0.3s;
}

.sidebar-nav .nav-content a i {
  font-size: 6px;
  margin-right: 8px;
  line-height: 0;
  border-radius: 50%;
}

.sidebar-nav .nav-content a:hover,
.sidebar-nav .nav-content a.active {
  color: #4154f1;
}

.sidebar-nav .nav-content a.active i {
  background-color: #4154f1;
}

/*--------------------------------------------------------------
# Dashboard
--------------------------------------------------------------*/
/* Filter dropdown */
.dashboard .filter {
  position: absolute;
  right: 0px;
  top: 15px;
}

.dashboard .filter .icon {
  color: #aab7cf;
  padding-right: 20px;
  padding-bottom: 5px;
  transition: 0.3s;
  font-size: 16px;
}

.dashboard .filter .icon:hover,
.dashboard .filter .icon:focus {
  color: #4154f1;
}

.dashboard .filter .dropdown-header {
  padding: 8px 15px;
}

.dashboard .filter .dropdown-header h6 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #aab7cf;
  margin-bottom: 0;
  padding: 0;
}

.dashboard .filter .dropdown-item {
  padding: 8px 15px;
}

/* Info Cards */
.dashboard .info-card {
  padding-bottom: 10px;
}

.dashboard .info-card h6 {
  font-size: 28px;
  color: #012970;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.dashboard .card-icon {
  font-size: 32px;
  line-height: 0;
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  flex-grow: 0;
}

.dashboard .sales-card .card-icon {
  color: #4154f1;
  background: #f6f6fe;
}

.dashboard .revenue-card .card-icon {
  color: #2eca6a;
  background: #e0f8e9;
}

.dashboard .customers-card .card-icon {
  color: #ff771d;
  background: #ffecdf;
}

/* Activity */
.dashboard .activity {
  font-size: 14px;
}

.dashboard .activity .activity-item .activite-label {
  color: #888;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
  min-width: 64px;
}

.dashboard .activity .activity-item .activite-label::before {
  content: "";
  position: absolute;
  right: -11px;
  width: 4px;
  top: 0;
  bottom: 0;
  background-color: #eceefe;
}

.dashboard .activity .activity-item .activity-badge {
  margin-top: 3px;
  z-index: 1;
  font-size: 11px;
  line-height: 0;
  border-radius: 50%;
  flex-shrink: 0;
  border: 3px solid #fff;
  flex-grow: 0;
}

.dashboard .activity .activity-item .activity-content {
  padding-left: 10px;
  padding-bottom: 20px;
}

.dashboard .activity .activity-item:first-child .activite-label::before {
  top: 5px;
}

.dashboard .activity .activity-item:last-child .activity-content {
  padding-bottom: 0;
}

/* News & Updates */
.dashboard .news .post-item+.post-item {
  margin-top: 15px;
}

.dashboard .news img {
  width: 80px;
  float: left;
  border-radius: 5px;
}

.dashboard .news h4 {
  font-size: 15px;
  margin-left: 95px;
  font-weight: bold;
  margin-bottom: 5px;
}

.dashboard .news h4 a {
  color: #012970;
  transition: 0.3s;
}

.dashboard .news h4 a:hover {
  color: #4154f1;
}

.dashboard .news p {
  font-size: 14px;
  color: #777777;
  margin-left: 95px;
}

/* Recent Sales */
.dashboard .recent-sales {
  font-size: 14px;
}

.dashboard .recent-sales .table thead {
  background: #f6f6fe;
}

.dashboard .recent-sales .table thead th {
  border: 0;
}

.dashboard .recent-sales .dataTable-top {
  padding: 0 0 10px 0;
}

.dashboard .recent-sales .dataTable-bottom {
  padding: 10px 0 0 0;
}

/* Top Selling */
.dashboard .top-selling {
  font-size: 14px;
}

.dashboard .top-selling .table thead {
  background: #f6f6fe;
}

.dashboard .top-selling .table thead th {
  border: 0;
}

.dashboard .top-selling .table tbody td {
  vertical-align: middle;
}

.dashboard .top-selling img {
  border-radius: 5px;
  max-width: 60px;
}

/*--------------------------------------------------------------
# Icons list page
--------------------------------------------------------------*/
.iconslist {
  display: grid;
  max-width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1.25rem;
  padding-top: 15px;
}

.iconslist .icon {
  background-color: #fff;
  border-radius: 0.25rem;
  text-align: center;
  color: #012970;
  padding: 15px 0;
}

.iconslist i {
  margin: 0.25rem;
  font-size: 2.5rem;
}

.iconslist .label {
  font-family: var(--bs-font-monospace);
  display: inline-block;
  width: 100%;
  overflow: hidden;
  padding: 0.25rem;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
}

/*--------------------------------------------------------------
# Profie Page
--------------------------------------------------------------*/
.profile .profile-card img {
  max-width: 120px;
}

.profile .profile-card h2 {
  font-size: 24px;
  font-weight: 700;
  color: #2c384e;
  margin: 10px 0 0 0;
}

.profile .profile-card h3 {
  font-size: 18px;
}

.profile .profile-card .social-links a {
  font-size: 20px;
  display: inline-block;
  color: rgba(1, 41, 112, 0.5);
  line-height: 0;
  margin-right: 10px;
  transition: 0.3s;
}

.profile .profile-card .social-links a:hover {
  color: #012970;
}

.profile .profile-overview .row {
  margin-bottom: 20px;
  font-size: 15px;
}

.profile .profile-overview .card-title {
  color: #012970;
}

.profile .profile-overview .label {
  font-weight: 600;
  color: rgba(1, 41, 112, 0.6);
}

.profile .profile-edit label {
  font-weight: 600;
  color: rgba(1, 41, 112, 0.6);
}

.profile .profile-edit img {
  max-width: 120px;
}

/*--------------------------------------------------------------
# F.A.Q Page
--------------------------------------------------------------*/
.faq .basic h6 {
  font-size: 18px;
  font-weight: 600;
  color: #4154f1;
}

.faq .basic p {
  color: #6980aa;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box {
  padding: 28px 30px;
}

.contact .info-box i {
  font-size: 38px;
  line-height: 0;
  color: #4154f1;
}

.contact .info-box h3 {
  font-size: 20px;
  color: #012970;
  font-weight: 700;
  margin: 20px 0 10px 0;
}

.contact .info-box p {
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  margin-bottom: 24px;
  font-weight: 600;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  border-radius: 0;
}

.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
  border-color: #4154f1;
}

.contact .php-email-form input {
  padding: 10px 15px;
}

.contact .php-email-form textarea {
  padding: 12px 15px;
}

.contact .php-email-form button[type=submit] {
  background: #4154f1;
  border: 0;
  padding: 10px 30px;
  color: #fff;
  transition: 0.4s;
  border-radius: 4px;
}

.contact .php-email-form button[type=submit]:hover {
  background: #5969f3;
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Error 404
--------------------------------------------------------------*/
.error-404 {
  padding: 30px;
}

.error-404 h1 {
  font-size: 180px;
  font-weight: 700;
  color: #4154f1;
  margin-bottom: 0;
  line-height: 150px;
}

.error-404 h2 {
  font-size: 24px;
  font-weight: 700;
  color: #012970;
  margin-bottom: 30px;
}

.error-404 .btn {
  background: #51678f;
  color: #fff;
  padding: 8px 30px;
}

.error-404 .btn:hover {
  background: #3e4f6f;
}

@media (min-width: 992px) {
  .error-404 img {
    max-width: 50%;
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
  padding: 20px 0;
  font-size: 14px;
  transition: all 0.3s;
  border-top: 1px solid #cddfff;
}

.footer .copyright {
  text-align: center;
  color: #012970;
}

.footer .credits {
  padding-top: 5px;
  text-align: center;
  font-size: 13px;
  color: #012970;
}
/* ===== SUVIDHA PREMIUM 6D UI 2026.10 ===== */
:root {
  --sp-navy-950:#06111f;
  --sp-navy-900:#08182b;
  --sp-navy-850:#0b2038;
  --sp-navy-800:#102b49;
  --sp-blue-700:#1456d9;
  --sp-blue-600:#1f6feb;
  --sp-blue-500:#3b82f6;
  --sp-cyan-500:#06b6d4;
  --sp-emerald-500:#10b981;
  --sp-amber-500:#f59e0b;
  --sp-red-500:#ef4444;
  --sp-violet-500:#8b5cf6;
  --sp-ink:#11213a;
  --sp-muted:#6b7a90;
  --sp-line:#dfe7f2;
  --sp-line-strong:#cbd8ea;
  --sp-page:#eef3f9;
  --sp-surface:#ffffff;
  --sp-surface-2:#f8fbff;
  --sp-radius-xs:8px;
  --sp-radius-sm:12px;
  --sp-radius:16px;
  --sp-radius-lg:22px;
  --sp-shadow-sm:0 6px 18px rgba(7,29,58,.08),0 1px 3px rgba(7,29,58,.06);
  --sp-shadow:0 14px 36px rgba(7,29,58,.11),0 2px 6px rgba(7,29,58,.06);
  --sp-shadow-lg:0 24px 64px rgba(7,29,58,.16),0 8px 20px rgba(7,29,58,.08);
  --sp-header-h:68px;
  --sp-sidebar-w:286px;
  --sp-font:"Poppins","Nunito","Segoe UI",Arial,sans-serif;
}

*{scrollbar-width:thin;scrollbar-color:#9fb3cc transparent}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:#9fb3cc;border-radius:999px;border:2px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:#738ba8;border:2px solid transparent;background-clip:padding-box}

html{font-size:15px;background:var(--sp-page)}
body.sp-premium,body{font-family:var(--sp-font);background:
  radial-gradient(circle at 82% -10%,rgba(59,130,246,.12),transparent 27rem),
  radial-gradient(circle at 20% 110%,rgba(6,182,212,.07),transparent 30rem),
  var(--sp-page);color:var(--sp-ink);min-height:100vh;margin-bottom:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:#1f6feb;color:#fff}
a{color:var(--sp-blue-600)}
a:hover{color:var(--sp-blue-700)}

/* Header */
.header{height:var(--sp-header-h)!important;padding:0 18px!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);border-bottom:1px solid rgba(203,216,234,.88);box-shadow:0 7px 24px rgba(15,40,75,.07)!important;z-index:1040!important}
.header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(31,111,235,.5),rgba(6,182,212,.35),transparent);pointer-events:none}
.header .logo{width:268px!important;min-width:190px;gap:9px}
.header .logo img{max-height:42px!important;max-width:62px;object-fit:contain;filter:drop-shadow(0 5px 9px rgba(7,29,58,.16))}
.header .logo .company-name,.company-name{font-family:var(--sp-font)!important;font-size:16px!important;font-weight:800!important;letter-spacing:.02em;background:linear-gradient(110deg,#0e4fb9 5%,#05a7c7 50%,#0c7f6d 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
.header .toggle-sidebar-btn{width:42px;height:42px;display:grid;place-items:center;padding:0!important;margin-left:4px;border-radius:13px;font-size:25px!important;color:#183654!important;background:linear-gradient(180deg,#fff,#edf4fc);border:1px solid var(--sp-line);box-shadow:0 5px 0 #cad7e7,0 8px 14px rgba(13,48,86,.1);transition:.18s ease!important}
.header .toggle-sidebar-btn:hover{transform:translateY(-1px);box-shadow:0 6px 0 #c2d0e3,0 11px 18px rgba(13,48,86,.13);color:var(--sp-blue-600)!important}
.header .toggle-sidebar-btn:active{transform:translateY(4px);box-shadow:0 1px 0 #c2d0e3,0 4px 9px rgba(13,48,86,.1)}
.header .search-bar{min-width:280px;max-width:520px;flex:1;padding:0 18px!important}
.header .search-form{position:relative}
.header .search-form input{height:42px!important;border:1px solid var(--sp-line-strong)!important;border-radius:14px!important;background:#f7faff!important;padding:8px 44px 8px 15px!important;color:var(--sp-ink)!important;font-size:13.5px!important;box-shadow:inset 0 1px 1px rgba(7,29,58,.03),0 4px 13px rgba(7,29,58,.04)!important}
.header .search-form input::placeholder{color:#8a9bb0}
.header .search-form input:focus{background:#fff!important;border-color:#6ea4ef!important;box-shadow:0 0 0 4px rgba(31,111,235,.11),0 8px 22px rgba(7,29,58,.07)!important}
.header .search-form button{position:absolute;right:4px;top:4px;width:34px;height:34px;margin:0!important;border-radius:10px!important;background:linear-gradient(180deg,#edf5ff,#e2edfb)!important;display:grid;place-items:center}
.header .search-form button i{color:var(--sp-blue-600)!important;font-size:15px}
.header-nav .nav-icon,.header-nav .nav-profile{color:#254765!important}
.header-nav .nav-icon{width:40px;height:40px;margin-right:8px!important;border-radius:13px;display:grid;place-items:center;background:#f6f9fd;border:1px solid #e1eaf5;transition:.18s ease}
.header-nav .nav-icon:hover{background:#edf5ff;color:var(--sp-blue-600)!important;transform:translateY(-1px)}
.header-nav .badge-number{font-size:9px!important;font-weight:700!important;box-shadow:0 2px 7px rgba(31,111,235,.28)}
.header-nav .nav-profile{gap:5px;padding:5px 8px!important;border-radius:14px;background:#f7faff;border:1px solid #e1eaf5}
.header-nav .nav-profile img{width:34px;height:34px;object-fit:cover;border:2px solid #fff;box-shadow:0 3px 8px rgba(12,50,89,.16)}
.header-nav .nav-profile span{font-size:12.5px!important;font-weight:700!important;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header-nav .dropdown-menu{border:1px solid var(--sp-line)!important;border-radius:16px!important;box-shadow:var(--sp-shadow-lg)!important;padding:8px!important;background:rgba(255,255,255,.98)!important}
.header-nav .dropdown-item{border-radius:10px!important;margin:2px 0!important}

/* Sidebar */
.sidebar{top:var(--sp-header-h)!important;bottom:0!important;width:var(--sp-sidebar-w)!important;padding:16px 13px 24px!important;background:
  radial-gradient(circle at 10% 0,rgba(31,111,235,.20),transparent 18rem),
  linear-gradient(180deg,var(--sp-navy-900),var(--sp-navy-950))!important;border-right:1px solid rgba(116,159,209,.12);box-shadow:14px 0 36px rgba(5,18,34,.14)!important;scrollbar-color:#34506d transparent;z-index:1035!important}
.sidebar::-webkit-scrollbar{background:transparent!important;width:6px}
.sidebar::-webkit-scrollbar-thumb{background:#34506d!important;border-radius:99px}
.sidebar-nav .nav-item{margin:3px 0!important}
.sidebar-nav .nav-link{min-height:44px;padding:10px 12px!important;border-radius:13px!important;background:transparent!important;color:#d7e4f2!important;font-size:13px!important;font-weight:600!important;letter-spacing:.005em;transition:transform .17s ease,background .17s ease,color .17s ease,box-shadow .17s ease!important;border:1px solid transparent}
.sidebar-nav .nav-link i{font-size:17px!important;margin-right:11px!important;color:#82a2c5!important;transition:.17s ease}
.sidebar-nav .nav-link:hover{color:#fff!important;background:linear-gradient(90deg,rgba(31,111,235,.25),rgba(34,90,148,.12))!important;border-color:rgba(90,150,225,.16);transform:translateX(2px);box-shadow:inset 3px 0 0 #3b82f6}
.sidebar-nav .nav-link:hover i{color:#86b6ff!important}
.sidebar-nav .nav-link.active,.sidebar-nav .nav-link:not(.collapsed):not([data-bs-toggle="collapse"]){color:#fff!important;background:linear-gradient(100deg,#175fda,#0e86b8)!important;border-color:rgba(131,190,255,.34)!important;box-shadow:0 7px 0 #063d85,0 13px 22px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.23)!important;transform:translateY(-2px)}
.sidebar-nav .nav-link.active i,.sidebar-nav .nav-link:not(.collapsed):not([data-bs-toggle="collapse"]) i{color:#fff!important}
.sidebar-nav .nav-link .bi-chevron-down{font-size:11px!important;color:#6f8cab!important;margin-left:auto!important;margin-right:0!important}
.sidebar-nav .nav-content{padding:5px 0 8px 10px!important;margin:0 0 5px 10px!important;border-left:1px solid rgba(111,146,184,.22)}
.sidebar-nav .nav-content a{min-height:38px;padding:8px 10px 8px 14px!important;margin:2px 0;border-radius:10px;color:#a9bfd7!important;font-size:12.5px!important;font-weight:500!important;transition:.17s ease!important}
.sidebar-nav .nav-content a i{font-size:5px!important;color:#6182a6!important;margin-right:9px!important}
.sidebar-nav .nav-content a:hover,.sidebar-nav .nav-content a.active{color:#fff!important;background:rgba(51,125,218,.16);transform:translateX(2px)}
.sidebar-nav .nav-content a.active{box-shadow:inset 3px 0 0 #43a1ff;background:rgba(31,111,235,.24)}
.sidebar-nav .nav-content a.active i{background:#65b2ff!important;color:#65b2ff!important}
.sp-sidebar-backdrop{display:none;position:fixed;inset:var(--sp-header-h) 0 0 0;background:rgba(3,12,24,.54);backdrop-filter:blur(2px);z-index:1030}

/* Main workspace */
#main.main{margin-top:var(--sp-header-h)!important;padding:22px 24px 34px!important;min-height:calc(100vh - var(--sp-header-h));transition:margin .25s ease,padding .25s ease!important}
@media (min-width:1200px){#main,#footer{margin-left:var(--sp-sidebar-w)!important}.toggle-sidebar #main,.toggle-sidebar #footer{margin-left:0!important}.toggle-sidebar .sidebar{left:calc(-1 * var(--sp-sidebar-w))!important}}
.pagetitle{margin:0 0 14px!important;min-height:0}
.pagetitle h1{font-family:var(--sp-font)!important;font-size:21px!important;font-weight:800!important;color:#15314f!important;letter-spacing:-.02em;margin:0!important}
.pagetitle h1:empty{display:none}
.section{animation:spFadeUp .26s ease both}
@keyframes spFadeUp{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}

/* Surfaces / cards */
.card{border:1px solid rgba(205,218,234,.9)!important;border-radius:var(--sp-radius)!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;box-shadow:var(--sp-shadow-sm)!important;margin-bottom:18px!important;overflow:visible;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}
.card:hover{border-color:#c6d7eb!important;box-shadow:var(--sp-shadow)!important}
.card-body{padding:18px!important}
.card-header,.card-footer{background:#f8fbff!important;border-color:var(--sp-line)!important}
.card-title{padding:0 0 14px!important;margin:0 0 16px!important;border-bottom:1px solid #e7eef7;color:#173a5f!important;font-family:var(--sp-font)!important}
.card-title h4,.card-title h5{margin:0!important;font-weight:800!important;color:#173a5f!important;letter-spacing:-.015em}
.card-title h4{font-size:18px!important}
.card-title h5{font-size:15px!important}
.card-right-title{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.dashboard .card{overflow:hidden}
.dashboard .info-card{padding-bottom:0!important;position:relative}
.dashboard .info-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#1f6feb,#06b6d4)}
.dashboard .info-card h6{color:#14375d!important;font-weight:800!important;letter-spacing:-.02em}
.dashboard .card-icon{box-shadow:0 7px 17px rgba(31,111,235,.13),inset 0 1px 0 rgba(255,255,255,.85)}

/* 6D / 3D buttons */
.btn{--sp-btn-top:#fff;--sp-btn-bottom:#e2e8f0;--sp-btn-text:#193653;min-height:40px;border-radius:11px!important;padding:8px 15px!important;font-family:var(--sp-font)!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:.01em;border:1px solid rgba(111,139,172,.26)!important;background:linear-gradient(180deg,var(--sp-btn-top),#f5f8fc)!important;color:var(--sp-btn-text)!important;box-shadow:0 5px 0 var(--sp-btn-bottom),0 9px 16px rgba(10,35,67,.12),inset 0 1px 0 rgba(255,255,255,.78)!important;transform:translateY(-1px);transition:transform .12s ease,box-shadow .12s ease,filter .15s ease!important;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.btn:hover{filter:saturate(1.06) brightness(1.015);transform:translateY(-2px);box-shadow:0 6px 0 var(--sp-btn-bottom),0 12px 20px rgba(10,35,67,.15),inset 0 1px 0 rgba(255,255,255,.82)!important}
.btn:active,.btn.active{transform:translateY(4px)!important;box-shadow:0 1px 0 var(--sp-btn-bottom),0 4px 8px rgba(10,35,67,.12),inset 0 1px 0 rgba(255,255,255,.64)!important}
.btn:focus-visible{outline:none!important;box-shadow:0 5px 0 var(--sp-btn-bottom),0 0 0 4px rgba(59,130,246,.2)!important}
.btn-primary{--sp-btn-top:#2f81f7;--sp-btn-bottom:#0b4ea8;--sp-btn-text:#fff;background:linear-gradient(180deg,#3788fa,#1765db)!important;border-color:#1c65cf!important;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.15)}
.btn-success{--sp-btn-top:#26c995;--sp-btn-bottom:#087a5a;--sp-btn-text:#fff;background:linear-gradient(180deg,#2bcf9a,#0ea371)!important;border-color:#0c9367!important;color:#fff!important}
.btn-danger{--sp-btn-top:#ff6464;--sp-btn-bottom:#ac2020;--sp-btn-text:#fff;background:linear-gradient(180deg,#ff6868,#db3737)!important;border-color:#cc3030!important;color:#fff!important}
.btn-warning{--sp-btn-top:#ffc84c;--sp-btn-bottom:#a96306;--sp-btn-text:#4b3000;background:linear-gradient(180deg,#ffd361,#f5a918)!important;border-color:#dfa011!important;color:#4b3000!important}
.btn-info{--sp-btn-top:#27c4de;--sp-btn-bottom:#087a93;--sp-btn-text:#fff;background:linear-gradient(180deg,#2bc9e4,#0ca5c0)!important;border-color:#0896af!important;color:#fff!important}
.btn-secondary{--sp-btn-top:#8193a8;--sp-btn-bottom:#4d5f73;--sp-btn-text:#fff;background:linear-gradient(180deg,#8c9cb0,#637589)!important;border-color:#5d6f82!important;color:#fff!important}
.btn-dark{--sp-btn-top:#263b54;--sp-btn-bottom:#0b1725;--sp-btn-text:#fff;background:linear-gradient(180deg,#2d4765,#15273c)!important;border-color:#102238!important;color:#fff!important}
.btn-light{--sp-btn-top:#fff;--sp-btn-bottom:#cad7e6;--sp-btn-text:#173a5f;background:linear-gradient(180deg,#fff,#eef4fb)!important;color:#173a5f!important;border-color:#d4e0ee!important}
.btn-link{--sp-btn-bottom:#d3deea;background:linear-gradient(180deg,#fff,#edf4fb)!important;color:#315d88!important;text-decoration:none!important}
.btn-sm{min-height:34px!important;padding:6px 11px!important;border-radius:9px!important;font-size:11.5px!important}
.btn-lg{min-height:47px!important;padding:10px 20px!important;border-radius:13px!important}

/* Forms */
.form-label,.label{font-size:11.5px!important;font-weight:700!important;color:#38536f!important;margin-bottom:6px!important;letter-spacing:.015em}
.form-control,.form-select,select.form-control,.multiselect.dropdown-toggle,input[type="date"],input[type="datetime-local"],input[type="number"],input[type="text"],input[type="password"],input[type="email"],textarea{min-height:42px;border-radius:11px!important;border:1px solid #cbd8e7!important;background:#fbfdff!important;color:#162d45!important;font-family:var(--sp-font)!important;font-size:13px!important;box-shadow:inset 0 1px 2px rgba(12,43,76,.035)!important;transition:border .15s ease,box-shadow .15s ease,background .15s ease!important}
textarea.form-control{min-height:90px}
.form-control:hover,.form-select:hover{border-color:#afc3d9!important;background:#fff!important}
.form-control:focus,.form-select:focus,select:focus,textarea:focus,input:focus{border-color:#6a9fea!important;background:#fff!important;box-shadow:0 0 0 4px rgba(31,111,235,.10),0 6px 16px rgba(12,43,76,.07)!important;outline:none!important}
.input-group .form-control{border-top-right-radius:0!important;border-bottom-right-radius:0!important}
.input-group-text{background:#eef4fb!important;border-color:#cbd8e7!important;color:#4a6684!important;font-size:12px!important}
.form-check-input{width:1.12em;height:1.12em;border-color:#9fb3c9!important;box-shadow:none!important}
.form-check-input:checked{background-color:var(--sp-blue-600)!important;border-color:var(--sp-blue-600)!important}
.form-switch .form-check-input{width:2.2em!important}
.invalid-tooltip{border-radius:8px!important;font-size:10px!important;box-shadow:0 5px 14px rgba(111,20,20,.16)}
.multiselect-container{border:1px solid var(--sp-line)!important;border-radius:13px!important;box-shadow:var(--sp-shadow)!important;padding:7px!important}
.multiselect-container>li>a>label{padding:7px 10px!important;border-radius:8px}

/* Tables + DataTables */
.table,.dataTable{--bs-table-bg:transparent;--bs-table-striped-bg:#f6f9fd;--bs-table-hover-bg:#eef6ff;width:100%!important;color:#253c55!important;font-size:12.5px!important;margin-bottom:0!important;border-collapse:separate!important;border-spacing:0!important}
.table thead th,.dataTable thead th{background:linear-gradient(180deg,#f5f9fe,#e9f1fa)!important;color:#294867!important;font-size:10.5px!important;text-transform:uppercase;letter-spacing:.055em;font-weight:800!important;border-top:1px solid #d7e3f0!important;border-bottom:1px solid #cbd9e8!important;padding:11px 12px!important;white-space:nowrap}
.table thead th:first-child,.dataTable thead th:first-child{border-top-left-radius:10px}
.table thead th:last-child,.dataTable thead th:last-child{border-top-right-radius:10px}
.table tbody td,.dataTable tbody td{padding:10px 12px!important;border-bottom:1px solid #e8eef5!important;vertical-align:middle!important;background:#fff}
.table tbody tr:hover td,.dataTable tbody tr:hover td{background:#f3f8fe!important}
.table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}
.table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}
.table-responsive,.sp-table-scroll,.dataTables_scroll,.dataTables_wrapper{border-radius:12px;max-width:100%}
.sp-table-scroll{overflow:auto;border:1px solid #dbe5f0;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.dataTables_wrapper{padding:2px 0!important}
.dataTables_wrapper .row{align-items:center}
.dataTables_length label,.dataTables_filter label,.dataTables_info{font-size:11.5px!important;color:#6d8198!important;font-weight:500}
.dataTables_filter input,.dataTables_length select{min-height:34px!important;border-radius:9px!important;border:1px solid #ccd9e8!important;background:#fff!important}
.dataTables_paginate .paginate_button,.page-link{border-radius:8px!important;margin:0 2px!important;border:1px solid #d6e1ed!important;color:#345775!important;background:#fff!important;box-shadow:0 2px 4px rgba(11,43,77,.04)}
.dataTables_paginate .paginate_button.current,.page-item.active .page-link{background:linear-gradient(180deg,#3b82f6,#1d66d7)!important;color:#fff!important;border-color:#1d66d7!important}
.dt-buttons{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 10px!important}
.dt-button{border-radius:9px!important;border:1px solid #c7d6e7!important;background:linear-gradient(180deg,#fff,#eef4fa)!important;color:#2c4d6d!important;font-weight:700!important;font-size:11px!important;padding:7px 10px!important;box-shadow:0 3px 0 #cbd7e5!important}

/* Dropdowns / modals / alerts */
.dropdown-menu{border:1px solid #dce6f0!important;border-radius:14px!important;box-shadow:var(--sp-shadow-lg)!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(15px);padding:7px!important}
.dropdown-item{border-radius:9px!important;font-size:12.5px!important;color:#294866!important;padding:8px 10px!important}
.dropdown-item:hover{background:#eef5ff!important;color:#135ec7!important}
.modal{backdrop-filter:blur(2px)}
.modal-backdrop.show{opacity:.42!important;background:#06111f!important}
.modal-content{border:1px solid #dbe6f2!important;border-radius:18px!important;box-shadow:0 30px 80px rgba(5,18,35,.28)!important;overflow:hidden;background:#fff!important}
.modal-header{background:linear-gradient(135deg,#0b2748,#104f89)!important;color:#fff!important;border-bottom:0!important;padding:14px 18px!important}
.modal-title{font-size:15px!important;font-weight:800!important}
.modal-header .btn-close,.modal-header .close{filter:brightness(0) invert(1);opacity:.9}
.modal-body{padding:18px!important;color:#253e58}
.modal-footer{background:#f7faff!important;border-top:1px solid #e2ebf4!important;padding:12px 18px!important}
.alert{border:1px solid transparent!important;border-radius:13px!important;box-shadow:var(--sp-shadow)!important;font-size:12.5px!important}
.alert-screen{bottom:18px!important;right:18px!important;max-width:min(420px,calc(100vw - 36px));z-index:1090!important}
#alert-msg-box{position:fixed;right:18px;bottom:18px;max-width:min(420px,calc(100vw - 36px));z-index:1090}

/* Loader */
.loader-model,.loader-screen{background:rgba(5,16,31,.66)!important;backdrop-filter:blur(4px);opacity:1!important}
.loader-model .spinner-border,.loader-screen .spinner-border{width:3rem;height:3rem;border-width:.22em;color:#63b3ff!important;filter:drop-shadow(0 4px 14px rgba(68,161,255,.4))}

/* Reporting tiles */
.sp-route-reporting .d-grid .btn-light,.sp-report-tile{min-height:116px!important;white-space:normal!important;justify-content:flex-start!important;text-align:left!important;padding:16px!important;border-radius:16px!important;position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#edf5ff)!important;--sp-btn-bottom:#b8cbe1!important;box-shadow:0 7px 0 #b8cbe1,0 14px 23px rgba(18,57,98,.13),inset 0 1px 0 #fff!important}
.sp-route-reporting .d-grid .btn-light::before,.sp-report-tile::before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-28px;top:-30px;background:radial-gradient(circle,rgba(31,111,235,.16),transparent 70%)}
.sp-route-reporting .d-grid .btn-light i,.sp-report-tile i{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(180deg,#e8f3ff,#dbeaff);color:#1763cd;font-size:17px;box-shadow:0 4px 0 #c3d7ee}
.sp-route-reporting .d-grid .btn-light .card-title,.sp-report-tile .card-title{border:0!important;margin:0!important;padding:0!important;font-size:14px!important;line-height:1.35!important;color:#183a5d!important}
.sp-route-reporting .d-grid .btn-light .card-title span{display:block;margin-top:3px;color:#7a8da3!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.06em}

/* Live sale */
.sp-route-livesale .btnDishComments{display:block!important;border-radius:16px!important;overflow:visible!important}
.sp-route-livesale .btnDishComments .card{min-height:116px!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 7px 0 #934f00,0 15px 24px rgba(82,44,0,.18)!important;cursor:pointer!important;transition:.17s ease!important;overflow:hidden!important}
.sp-route-livesale .btnDishComments:hover .card{transform:translateY(-2px);filter:saturate(1.05)}
.sp-route-livesale .btnDishComments .card[style*="orange"]{background:linear-gradient(135deg,#f6a313,#d96c06)!important}
.sp-route-livesale .btnDishComments .card[style*="red"]{background:linear-gradient(135deg,#ef5454,#bf222f)!important;box-shadow:0 7px 0 #8f1720,0 15px 24px rgba(111,18,27,.18)!important}
.sp-route-livesale .btnDishComments .card .card-body{color:#fff!important}
.sp-route-livesale .btnDishComments .card-icon{color:#fff!important;background:rgba(255,255,255,.12)!important;width:auto!important;height:auto!important;border-radius:0!important;padding:10px 12px!important;box-shadow:none!important}
.sp-route-livesale .card[style*="#c1f5c1"]{background:linear-gradient(135deg,#e8fff5,#ccf6e3)!important;border-color:#b4e7d0!important;color:#145a43!important;box-shadow:0 6px 0 #b8dfcd,0 12px 22px rgba(32,105,79,.10)!important}

/* Login */
.section.register{position:relative;isolation:isolate;background:
  radial-gradient(circle at 20% 20%,rgba(56,132,246,.22),transparent 23rem),
  radial-gradient(circle at 85% 75%,rgba(7,183,184,.16),transparent 28rem),
  linear-gradient(145deg,#071629,#0b2744 48%,#081c32);overflow:hidden;padding:24px!important}
.section.register::before,.section.register::after{content:"";position:absolute;border-radius:50%;z-index:-1;filter:blur(1px);opacity:.5}
.section.register::before{width:360px;height:360px;left:-160px;bottom:-130px;border:1px solid rgba(93,165,255,.18);box-shadow:0 0 0 55px rgba(71,143,235,.035),0 0 0 110px rgba(71,143,235,.025)}
.section.register::after{width:290px;height:290px;right:-120px;top:-90px;border:1px solid rgba(52,211,153,.14);box-shadow:0 0 0 45px rgba(34,197,162,.03),0 0 0 90px rgba(34,197,162,.02)}
.section.register .logo img{max-height:88px!important;filter:drop-shadow(0 13px 20px rgba(0,0,0,.28))}
.section.register .card{width:100%;max-width:430px;border-color:rgba(255,255,255,.24)!important;border-radius:24px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 28px 75px rgba(0,0,0,.34),inset 0 1px 0 #fff!important;overflow:hidden}
.section.register .card::before{content:"";display:block;height:4px;background:linear-gradient(90deg,#1f6feb,#06b6d4,#10b981)}
.section.register .card-body{padding:27px 28px 30px!important}
.section.register .card-title{border:0!important;font-size:23px!important;color:#143657!important;padding:0!important;margin-bottom:22px!important}
.section.register .credits{color:#a9bfd5!important;font-size:11.5px;letter-spacing:.02em}
.section.register .credits .company-name{font-size:12px!important}

/* Footer */
.footer{padding:10px 20px!important;border-top:1px solid #d8e3ef!important;background:rgba(246,250,254,.9)!important;font-size:11px!important;color:#7790a9;min-height:36px}

/* Details / helper styles */
.badge{border-radius:8px!important;font-weight:700!important;letter-spacing:.02em}
.bg-primary{background:linear-gradient(135deg,#2d7df0,#175fc8)!important}
.bg-success{background:linear-gradient(135deg,#22c795,#0c9870)!important}
.bg-danger{background:linear-gradient(135deg,#f15c5c,#cc303d)!important}
.bg-warning{background:linear-gradient(135deg,#ffca4c,#e69213)!important;color:#4f3300!important}
hr{border-color:#dfe8f2!important;opacity:1!important}
.text-muted{color:#7c8fa4!important}

/* Mobile/tablet responsive behavior */
@media (max-width:1199.98px){
  .sidebar{left:calc(-1 * var(--sp-sidebar-w))!important}
  .toggle-sidebar .sidebar{left:0!important}
  .toggle-sidebar .sp-sidebar-backdrop{display:block}
  #main.main,#footer{margin-left:0!important}
  .header .search-bar{top:var(--sp-header-h)!important;padding:12px 14px!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--sp-line)!important;box-shadow:var(--sp-shadow)!important}
  .header .search-bar-show{top:var(--sp-header-h)!important}
}
@media (max-width:991.98px){
  :root{--sp-header-h:64px}
  #main.main{padding:18px 16px 28px!important}
  .header{padding:0 12px!important}
  .header .logo{width:auto!important;min-width:0!important}
  .header .logo img{max-height:38px!important}
  .header .toggle-sidebar-btn{width:38px;height:38px;font-size:22px!important}
  .card-body{padding:15px!important}
  .sp-route-reporting .main .col-3,.sp-route-reporting .col-3{width:50%!important;flex:0 0 auto!important}
}
@media (max-width:767.98px){
  html{font-size:14px}
  #main.main{padding:14px 11px 24px!important}
  .pagetitle{margin-bottom:10px!important}.pagetitle h1{font-size:18px!important}
  .card{border-radius:14px!important;margin-bottom:13px!important}.card-body{padding:13px!important}
  .card-title{margin-bottom:13px!important;padding-bottom:11px!important}
  .card-title>.row{gap:10px}.card-title .col-8,.card-title .col-4{width:100%!important;flex:0 0 100%!important}.card-right-title{justify-content:flex-start!important}
  .main form.row>[class*="col-"],.main .needs-validation.row>[class*="col-"]{width:100%!important;flex:0 0 100%!important}
  .main .position-relative.col-3,.main .position-relative.col-4,.main .position-relative.col-6{width:100%!important;flex:0 0 100%!important}
  .main .col-3.mt-20,.main .col-4.mt-20{width:50%!important;flex:0 0 50%!important}
  .btn{min-height:39px;padding:8px 12px!important}
  .header-nav .nav-profile span{display:none!important}
  .header-nav .nav-profile{padding:3px!important;background:transparent!important;border:0!important}
  .header-nav .nav-profile img{width:32px;height:32px}
  .header-nav .nav-icon{width:36px;height:36px;margin-right:4px!important;font-size:18px!important}
  .alert-screen,#alert-msg-box{right:10px!important;bottom:10px!important;max-width:calc(100vw - 20px)!important}
  .dataTables_wrapper .row>*{width:100%!important;margin-bottom:7px}.dataTables_filter{text-align:left!important}.dataTables_filter input{width:70%!important;margin-left:6px!important}
  .modal-dialog{margin:10px!important;max-width:calc(100vw - 20px)!important}.modal-body{padding:14px!important}
  .sp-route-livesale .col-6{width:100%!important;flex:0 0 100%!important}
}
@media (max-width:575.98px){
  :root{--sp-header-h:60px;--sp-sidebar-w:min(86vw,310px)}
  .header .logo img{max-height:35px!important;max-width:48px}.header .toggle-sidebar-btn{margin-left:1px!important}
  .header-nav .nav-item:has(.bi-chat-left-text){display:none!important}
  #main.main{padding:11px 9px 22px!important}
  .main .col-3.mt-20,.main .col-4.mt-20,.sp-route-reporting .col-3{width:100%!important;flex:0 0 100%!important}
  .sp-route-reporting .d-grid .btn-light,.sp-report-tile{min-height:94px!important}
  .table,.dataTable{font-size:11.5px!important}.table thead th,.dataTable thead th{padding:9px 10px!important}.table tbody td,.dataTable tbody td{padding:9px 10px!important}
  .section.register{padding:12px!important}.section.register .card-body{padding:22px 18px 25px!important}.section.register .card{border-radius:18px!important}
  .section.register .logo img{max-height:72px!important}
}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

@media print{
  .header,.sidebar,.footer,.sp-sidebar-backdrop,.btn,.dataTables_filter,.dataTables_length,.dataTables_paginate,.dt-buttons{display:none!important}
  #main.main{margin:0!important;padding:0!important;background:#fff!important}
  body{background:#fff!important}.card{box-shadow:none!important;border:1px solid #ddd!important}
}

/* Premium mobile quick navigation and status footer */
.sp-mobile-nav{display:none}
.sp-footer-status{display:flex;align-items:center;justify-content:center;gap:8px;min-height:24px;color:#69829a;font-size:10.5px;font-weight:600;letter-spacing:.01em}
.sp-footer-status i{color:#15966f;margin-right:4px}
.sp-footer-dot{width:3px;height:3px;border-radius:50%;background:#9db0c3}
@media (max-width:767.98px){
  body.sp-premium{padding-bottom:72px}
  #footer{display:none}
  .sp-mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:8px;right:8px;bottom:8px;height:58px;z-index:1045;border:1px solid rgba(178,198,221,.85);border-radius:17px;background:rgba(255,255,255,.95);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 16px 38px rgba(5,23,46,.23),inset 0 1px 0 #fff;padding:5px}
  .sp-mobile-nav a,.sp-mobile-nav button{border:0;background:transparent;color:#6c8198;text-decoration:none;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-family:var(--sp-font);font-size:9.5px;font-weight:700;line-height:1;min-width:0}
  .sp-mobile-nav i{font-size:17px;line-height:1.1}
  .sp-mobile-nav a.active,.sp-mobile-nav a:hover,.sp-mobile-nav button:hover{color:#1766d6;background:linear-gradient(180deg,#eff6ff,#e4f0ff);box-shadow:inset 0 0 0 1px #d3e5fb}
}

/* Inventory command center refinements */
.sp-route-dashboardinventory .container-fluid{padding:0!important}
.sp-route-dashboardinventory .dashboard-card{border:1px solid #d8e4f0!important;border-radius:17px!important;background:linear-gradient(160deg,#fff,#f7fbff)!important;box-shadow:0 8px 0 #d4dfeb,0 16px 28px rgba(15,51,88,.09)!important;overflow:hidden!important}
.sp-route-dashboardinventory .dashboard-card:hover{transform:translateY(-3px)!important;box-shadow:0 10px 0 #cfdae7,0 21px 34px rgba(15,51,88,.12)!important}
.sp-route-dashboardinventory .stat-icon{width:44px!important;height:44px!important;border-radius:13px!important;box-shadow:0 5px 0 rgba(9,47,92,.2),0 10px 18px rgba(13,54,99,.13)!important;flex:0 0 44px}
.sp-route-dashboardinventory .dashboard-card small{font-size:10.5px;color:#72869c;font-weight:700;text-transform:uppercase;letter-spacing:.045em}
.sp-route-dashboardinventory .dashboard-card h5{font-size:20px;font-weight:800;color:#173b5f;margin:.22rem 0 0}
.sp-route-dashboardinventory .section-title{font-size:15px!important;font-weight:800!important;color:#173b5f!important;letter-spacing:-.015em;margin-bottom:14px!important}
.sp-route-dashboardinventory .quick-btn{border:1px solid #d5e1ee!important;border-radius:15px!important;padding:17px 12px!important;background:linear-gradient(180deg,#fff,#edf5fd)!important;color:#244764!important;box-shadow:0 6px 0 #c9d7e6,0 12px 19px rgba(13,49,88,.10)!important;font-weight:700;transition:.14s ease!important}
.sp-route-dashboardinventory .quick-btn:hover{background:linear-gradient(180deg,#3787f7,#1865d7)!important;color:#fff!important;border-color:#2167c8!important;box-shadow:0 7px 0 #0a4aa1,0 15px 24px rgba(22,92,181,.22)!important;transform:translateY(-2px)!important}
.sp-route-dashboardinventory .quick-btn:active{transform:translateY(4px)!important;box-shadow:0 1px 0 #0a4aa1,0 5px 10px rgba(22,92,181,.18)!important}
.sp-route-dashboardinventory .quick-btn i{font-size:22px!important}
.sp-route-dashboardinventory .inventory-item{padding:9px 0!important;border-bottom:1px dashed #e1e9f2;font-size:12.5px!important;color:#38516b}
.sp-route-dashboardinventory .inventory-item:last-child{border-bottom:0}
.sp-route-dashboardinventory .dot{box-shadow:0 0 0 4px rgba(59,130,246,.08)}
.sp-route-dashboardinventory .badge-number{background:#e9f2ff!important;color:#1765d1!important;border:1px solid #d0e3fb;border-radius:7px!important}
.sp-route-dashboardinventory .overview-icon{border-radius:12px!important;box-shadow:0 4px 0 #d6e1ed,0 9px 15px rgba(9,46,84,.08)!important}
.sp-route-dashboardinventory .chart-container,.sp-route-dashboardinventory .chart-placeholder{border-radius:13px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important}

/* Transaction editors: PO, GRN, stock, recipe, issue */
.sp-route-purchaseorder .table-responsive,
.sp-route-grn .table-responsive,
.sp-route-inventory .table-responsive,
.sp-route-recipe .table-responsive,
.sp-route-itemcostmaster .table-responsive,
.sp-route-itemissue .table-responsive,
.sp-route-item .table-responsive{border:1px solid #d8e3ef!important;border-radius:13px!important;background:#fff;box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(14,49,87,.05);padding:0!important}
.sp-route-purchaseorder form .row,.sp-route-grn form .row,.sp-route-inventory form .row,.sp-route-recipe form .row,.sp-route-itemcostmaster form .row,.sp-route-itemissue form .row{row-gap:12px}
.sp-route-purchaseorder .accordion-item,.sp-route-grn .accordion-item,.sp-route-inventory .accordion-item{border:1px solid #d8e4ef!important;border-radius:13px!important;overflow:hidden;margin-bottom:10px}
.sp-route-purchaseorder .accordion-button,.sp-route-grn .accordion-button,.sp-route-inventory .accordion-button{font-size:12.5px;font-weight:800;color:#274866;background:#f6f9fd!important}

/* File import */
.sp-route-item input[type=file]{padding:6px!important;background:#fff!important}
.sp-route-item input[type=file]::file-selector-button{border:0;border-radius:8px;background:linear-gradient(180deg,#3484f5,#1764d5);color:#fff;font-weight:700;font-size:11px;padding:7px 11px;margin-right:9px;box-shadow:0 3px 0 #0b4fa9;cursor:pointer}
.sp-route-item #labels-container{border-radius:12px;background:#f7fbff;border:1px solid #dce7f2;padding:10px}
.sp-route-item .remark-item{display:flex;flex-wrap:wrap;gap:8px}
.sp-route-item .remark-item label{width:auto!important;flex:1 1 160px;background:#fff;border:1px solid #dae6f2;border-radius:9px;padding:7px 9px;color:#405d78;font-size:11px}

/* Report detail pages */
.sp-route-reporting .accordion-item{border:1px solid #d8e4ef!important;border-radius:14px!important;overflow:hidden;margin-bottom:12px;box-shadow:0 5px 14px rgba(13,47,83,.05)}
.sp-route-reporting .accordion-button{font-size:12.5px;font-weight:800;color:#244666;background:linear-gradient(180deg,#fff,#f2f7fd)!important}
.sp-route-reporting .accordion-button:not(.collapsed){color:#155fbf!important;background:#eef6ff!important}
.sp-route-reporting .accordion-body{background:#fff}

/* Error page */
.sp-route-error .error-404,.sp-route-error .section{min-height:65vh;display:flex;align-items:center;justify-content:center;text-align:center}
.sp-route-error h1{font-size:76px!important;font-weight:900!important;letter-spacing:-.06em;background:linear-gradient(135deg,#1769d7,#06a9c7);-webkit-background-clip:text;background-clip:text;color:transparent!important}

/* Desktop density at 1366x768 */
@media (min-width:1200px) and (max-height:820px){
  :root{--sp-header-h:62px;--sp-sidebar-w:270px}
  .header .logo{width:252px!important}.header .logo img{max-height:38px!important}
  .sidebar{padding-top:11px!important}.sidebar-nav .nav-link{min-height:39px;padding:8px 11px!important}.sidebar-nav .nav-content a{min-height:33px;padding-top:6px!important;padding-bottom:6px!important}
  #main.main{padding:15px 20px 24px!important}.card{margin-bottom:13px!important}.card-body{padding:14px!important}.card-title{margin-bottom:12px!important;padding-bottom:11px!important}
  .form-control,.form-select,select.form-control,.multiselect.dropdown-toggle,input[type="date"],input[type="datetime-local"],input[type="number"],input[type="text"],input[type="password"],input[type="email"]{min-height:38px}
  .btn{min-height:37px;padding-top:7px!important;padding-bottom:7px!important}
}

/* ===== SUVIDHA PREMIUM FOOD SYNC 2026.10.02 ===== */
:root{--spf-bg:#071626;--spf-card:#0b2034;--spf-card2:#102942;--spf-line:#25425e;--spf-text:#edf6ff;--spf-muted:#8fa9c3;--spf-blue:#2c86ff;--spf-green:#24d39a;--spf-amber:#ffb62b;--spf-red:#ff5e73;--spf-violet:#a36cff;--spf-cyan:#32c9f5}

/* Live Sale — multi outlet */
body.sp-live-sale-v2 #main{background:radial-gradient(circle at 18% 0,rgba(25,117,195,.12),transparent 32%),linear-gradient(145deg,#061422,#091b2d)!important;color:var(--spf-text);min-height:calc(100vh - var(--sp-header-h,70px))}
body.sp-live-sale-v2 #main>.row,body.sp-live-sale-v2 #main .row{--bs-gutter-x:12px}
.sp-live-sale-v2 .sp-live-grid-host{display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-items:stretch!important}
.sp-live-sale-v2 .sp-live-grid-host>.sp-outlet-band,.sp-live-sale-v2 .sp-live-grid-host>.sp-outlet-legend,.sp-live-sale-v2 .sp-live-grid-host>.sp-outlet-total{flex:0 0 100%;max-width:100%}
.sp-live-sale-v2 .sp-live-grid-host>.col-6{width:calc(33.333% - 8px)!important;flex:0 0 calc(33.333% - 8px)!important;padding:0!important;margin:0!important}
.sp-outlet-legend{display:grid;grid-template-columns:190px 1fr;gap:15px;align-items:center;padding:13px 15px;border:1px solid #23415e;border-radius:17px;background:linear-gradient(145deg,rgba(13,37,60,.98),rgba(6,24,41,.98));box-shadow:0 12px 35px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);margin:4px 0 5px}
.sp-outlet-legend-title span{display:block;font-size:9px;color:#7da0bf;font-weight:900;letter-spacing:.16em}.sp-outlet-legend-title b{display:block;color:#f1f7ff;font-size:16px;margin-top:3px}
.sp-outlet-legend-chips{display:flex;gap:8px;overflow:auto;padding:2px 1px;scrollbar-width:thin}.sp-outlet-legend-chips button{border:1px solid color-mix(in srgb,var(--oa) 38%,#223d57);background:linear-gradient(180deg,color-mix(in srgb,var(--oa) 12%,#10263a),#0b1e31);color:#eaf4ff;border-radius:12px;padding:8px 11px;min-width:142px;display:grid;grid-template-columns:9px 1fr auto;gap:7px;align-items:center;text-align:left;box-shadow:0 4px 0 color-mix(in srgb,var(--ob) 30%,#061321),0 8px 15px rgba(0,0,0,.16);cursor:pointer}.sp-outlet-legend-chips button:active{transform:translateY(3px);box-shadow:0 1px 0 color-mix(in srgb,var(--ob) 35%,#061321)}.sp-outlet-legend-chips button i{width:8px;height:8px;border-radius:50%;background:var(--oa);box-shadow:0 0 0 4px color-mix(in srgb,var(--oa) 17%,transparent),0 0 10px var(--oa)}.sp-outlet-legend-chips button span{font-size:10.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-outlet-legend-chips button b{font-size:10px;border-radius:7px;padding:3px 6px;color:var(--oa);background:color-mix(in srgb,var(--oa) 12%,transparent)}
.sp-outlet-band{min-height:62px;display:flex!important;align-items:center;gap:12px;padding:10px 14px!important;margin-top:12px;border:1px solid color-mix(in srgb,var(--oa) 42%,#28425a)!important;border-left:4px solid var(--oa)!important;border-radius:15px;background:linear-gradient(110deg,color-mix(in srgb,var(--oa) 13%,#0a2034),#0b2034 46%,color-mix(in srgb,var(--ob) 8%,#0b2034))!important;box-shadow:0 9px 23px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04);position:relative;overflow:hidden;color:#fff!important}
.sp-outlet-band:after{content:"";position:absolute;right:-28px;top:-75px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--oa) 22%,transparent),transparent 66%);pointer-events:none}.sp-outlet-band .sp-outlet-dot{width:11px;height:11px;border-radius:50%;background:var(--oa);box-shadow:0 0 0 5px color-mix(in srgb,var(--oa) 15%,transparent),0 0 16px var(--oa);flex:none}.sp-outlet-band div{display:flex;flex-direction:column;line-height:1.15}.sp-outlet-band small{font-size:8.5px;font-weight:900;letter-spacing:.16em;color:color-mix(in srgb,var(--oa) 82%,white)}.sp-outlet-band b{font-size:15px;letter-spacing:-.01em;margin-top:3px}.sp-outlet-band .sp-outlet-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--oa) 30%,#24415c);border-radius:10px;color:#dfeeff;font-size:9px;font-weight:900;background:#081929}.sp-outlet-live i{width:6px;height:6px;border-radius:50%;background:#39e8a8;box-shadow:0 0 10px #39e8a8;animation:spLivePulse 1.6s infinite}
@keyframes spLivePulse{50%{opacity:.35;transform:scale(.76)}}
.sp-live-table-click{display:block!important;width:100%!important;height:100%;padding:0!important;margin:0!important;color:inherit!important}.sp-live-table-card{position:relative!important;min-height:142px!important;margin:0!important;border-radius:17px!important;border:1px solid color-mix(in srgb,var(--oa) 44%,#29435d)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--oa) 18%,#102840),#0b1f33 48%,color-mix(in srgb,var(--ob) 12%,#0a1b2c))!important;color:#eef7ff!important;box-shadow:0 7px 0 color-mix(in srgb,var(--ob) 24%,#06121e),0 14px 27px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.07)!important;overflow:hidden!important;transition:transform .16s ease,box-shadow .16s ease!important}.sp-live-table-card:hover{transform:translateY(-4px)!important;box-shadow:0 10px 0 color-mix(in srgb,var(--ob) 25%,#06121e),0 23px 38px rgba(0,0,0,.28),0 0 0 1px color-mix(in srgb,var(--oa) 35%,transparent)!important}.sp-live-table-card:active{transform:translateY(4px)!important;box-shadow:0 2px 0 color-mix(in srgb,var(--ob) 24%,#06121e),0 7px 13px rgba(0,0,0,.2)!important}.sp-live-table-card:before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,var(--oa),var(--ob));box-shadow:0 0 18px color-mix(in srgb,var(--oa) 65%,transparent)}.sp-live-table-card:after{content:"RUNNING";position:absolute;right:10px;top:10px;padding:4px 7px;border-radius:7px;font-size:7.5px;font-weight:950;letter-spacing:.09em;color:#05271c;background:#52e9aa}.sp-live-table-card.sp-live-table-alert:after{content:"ATTENTION";color:#3b0710;background:#ff6377}.sp-live-table-card .card-icon{background:transparent!important;color:#fff!important;font-weight:850!important;padding:18px 14px 4px!important;display:flex!important;gap:7px;align-items:center!important}.sp-live-table-card .card-icon i{color:var(--oa)!important;font-size:17px!important}.sp-live-table-card .card-body{padding:8px 14px 14px!important;background:transparent!important;color:#bdd1e4!important}.sp-live-table-card .card-body .ps-3{padding-left:0!important;color:#c7d7e6!important;font-size:12px!important}.sp-live-table-card .card-body .d-flex{justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(148,176,202,.17)}.sp-live-table-card .card-body .d-flex .ps-3:first-child{font-size:18px!important;font-weight:900!important;color:var(--oa)!important;letter-spacing:-.02em}.sp-outlet-total>.card{margin:3px 0 9px!important;border-radius:14px!important;border:1px solid color-mix(in srgb,var(--oa) 34%,#27415b)!important;background:linear-gradient(105deg,color-mix(in srgb,var(--oa) 10%,#0b2034),#0b2034)!important;color:#dcecff!important;display:flex!important;flex-direction:row!important;align-items:center!important;box-shadow:none!important}.sp-outlet-total>.card>.ps-3{flex:1;padding:12px 14px!important;font-size:11px!important;color:#a9bfd3!important;border-right:1px solid rgba(128,159,187,.17)}.sp-outlet-total>.card>.ps-3:last-child{border-right:0}.sp-outlet-total>.card>.ps-3::first-line{color:#fff;font-weight:800}
.sp-live-detail-modal .modal-dialog{margin-left:auto!important;margin-right:18px!important;max-width:620px!important;width:min(620px,calc(100vw - 36px))!important}.sp-live-detail-modal .modal-content{border-radius:20px!important;border:1px solid #294760!important;background:linear-gradient(155deg,#0d2237,#071827)!important;color:#edf6ff!important;box-shadow:-18px 0 55px rgba(0,0,0,.36)!important;overflow:hidden}.sp-live-detail-modal .modal-header{padding:16px 18px!important;border-bottom:1px solid #233d56!important;background:rgba(12,34,55,.86)!important}.sp-live-detail-modal .modal-title{font-size:18px;font-weight:900;color:#fff}.sp-live-detail-modal .modal-body{padding:15px 18px!important}.sp-live-detail-modal .modal-footer{border-top:1px solid #233d56!important}.sp-live-detail-body table,.sp-live-detail-table{width:100%!important;font-size:12px!important;border-collapse:separate!important;border-spacing:0!important;background:#091b2c!important;border:1px solid #24415b!important;border-radius:13px!important;overflow:hidden}.sp-live-detail-body th{padding:10px!important;color:#9cb5cd!important;background:#102940!important;border-bottom:1px solid #28455f!important}.sp-live-detail-body td{padding:10px!important;color:#eef6ff!important;border-bottom:1px solid rgba(58,84,108,.4)!important}

/* Food Inventory Master */
.sp-food-inventory-master{margin-bottom:18px}.sp-inv-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:22px 24px;border:1px solid #29445e;border-radius:19px;background:radial-gradient(circle at 88% 20%,rgba(37,211,154,.12),transparent 30%),linear-gradient(145deg,#0d2439,#091a2b);box-shadow:0 10px 0 #07121d,0 22px 38px rgba(0,0,0,.18);color:#eef7ff}.sp-inv-hero>div:first-child span{font-size:9px;letter-spacing:.18em;color:#65d9b5;font-weight:950}.sp-inv-hero h2{font-size:24px;font-weight:900;margin:4px 0 4px;letter-spacing:-.035em;color:#f5f9ff}.sp-inv-hero p{margin:0;max-width:820px;color:#9fb5c9;font-size:12px}.sp-inv-hero-badge{width:115px;height:86px;border:1px solid #2f526d;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#0b2940,#0b1d30);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.sp-inv-hero-badge b{font-size:28px;color:#75d6ff;line-height:1}.sp-inv-hero-badge small{font-size:8px;color:#8ca8be;font-weight:900;letter-spacing:.12em;margin-top:7px}.sp-inv-group-label{font-size:9px;letter-spacing:.15em;color:#7897b2;font-weight:950;margin:17px 4px 9px}.sp-inv-master-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.sp-inv-master-tile{position:relative;display:grid;grid-template-columns:43px 1fr 20px;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-height:110px;padding:14px 13px;border:1px solid #d9e4ef;border-radius:16px;background:linear-gradient(155deg,#fff,#f6faff);text-decoration:none!important;color:#24435e!important;box-shadow:0 6px 0 #d4dfeb,0 13px 22px rgba(17,48,79,.08);overflow:hidden;transition:.15s ease}.sp-inv-master-tile:hover{transform:translateY(-3px);box-shadow:0 9px 0 #cfdae7,0 19px 30px rgba(17,48,79,.13);border-color:#bcd3e8}.sp-inv-master-tile:active{transform:translateY(4px);box-shadow:0 2px 0 #cfdae7,0 6px 12px rgba(17,48,79,.09)}.sp-inv-master-tile em{position:absolute;top:8px;right:10px;font-style:normal;font-size:8px;font-weight:900;color:#a7b7c6}.sp-inv-master-tile>i{grid-row:1/3;width:43px;height:43px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:19px;color:#2575d8;background:#e7f2ff;box-shadow:0 4px 0 #c7dcef}.sp-inv-master-tile b{display:block;font-size:12.5px;font-weight:850;color:#173d60}.sp-inv-master-tile span{display:block;font-size:9.5px;color:#73879a;line-height:1.32;margin-top:4px}.sp-inv-master-tile strong{font-size:14px;color:#90a5b8}.sp-inv-damage>i,.sp-inv-expiry>i,.sp-inv-reorder>i{color:#d63f52;background:#fff0f2;box-shadow:0 4px 0 #f0cdd3}.sp-inv-production>i,.sp-inv-purchase>i{color:#ce7a10;background:#fff4dd;box-shadow:0 4px 0 #edd7ae}.sp-inv-recipe>i,.sp-inv-transfer>i{color:#7a50d4;background:#f2edff;box-shadow:0 4px 0 #d8ceef}.sp-inv-raw>i,.sp-inv-receive>i{color:#168c68;background:#e8faf3;box-shadow:0 4px 0 #c8e9dc}.sp-food-inventory-nav-item .nav-content{max-height:54vh;overflow:auto;scrollbar-width:thin}.sp-food-inventory-nav-item .nav-content a i{font-size:11px!important;color:#79a6cf!important;width:17px!important}

/* Report Master V2 */
.sp-report-master-v2{padding:0 0 25px;background:#061625;color:#eef7ff}.sp-route-reporting:has(.sp-report-master-v2) #main{background:#061625!important}.sp-report-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;margin-bottom:14px;border:1px solid #29465f;border-radius:18px;background:radial-gradient(circle at 86% 20%,rgba(57,134,255,.12),transparent 32%),linear-gradient(145deg,#102940,#0a1e31);box-shadow:0 11px 29px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.04)}.sp-report-hero>div:first-child>span{font-size:9px;font-weight:950;letter-spacing:.18em;color:#79beff}.sp-report-hero h2{font-size:25px;font-weight:900;letter-spacing:-.035em;color:#f5f9ff;margin:5px 0}.sp-report-hero p{font-size:11px;color:#95aec4;margin:0}.sp-report-count{width:118px;height:84px;border:1px solid #315673;border-radius:15px;background:#0b2134;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.sp-report-count b{font-size:27px;color:#82beff;line-height:1}.sp-report-count small{font-size:8px;letter-spacing:.1em;color:#829cb2;margin-top:7px;font-weight:850}.sp-report-toolbar{position:sticky;top:calc(var(--sp-header-h,70px) + 4px);z-index:20;padding:10px 12px;margin-bottom:13px;border:1px solid #213d56;border-radius:14px;background:rgba(7,24,40,.94);backdrop-filter:blur(15px);box-shadow:0 8px 20px rgba(0,0,0,.16)}.sp-report-search{height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #2a4a65;border-radius:11px;background:#0d2236}.sp-report-search i{color:#6eaef0}.sp-report-search input{flex:1;border:0!important;outline:0!important;background:transparent!important;color:#edf6ff!important;font-size:11.5px!important;min-height:0!important;box-shadow:none!important}.sp-report-search input::placeholder{color:#6e879e}.sp-report-cats{display:flex;gap:6px;overflow:auto;margin-top:9px;padding-bottom:1px;scrollbar-width:thin}.sp-report-cats button{border:1px solid #29465f;background:#0c2135;color:#8da8c0;border-radius:9px;padding:6px 9px;font-size:9px;font-weight:800;white-space:nowrap;cursor:pointer}.sp-report-cats button.active,.sp-report-cats button:hover{color:#fff;border-color:#337bd0;background:linear-gradient(180deg,#2b78d7,#1759a7);box-shadow:0 3px 0 #0c3e7a}.sp-report-grid-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sp-report-card-v2{position:relative;display:block;min-height:173px;padding:18px 19px;border:1px solid #29465f;border-radius:17px;background:radial-gradient(circle at 100% 100%,rgba(45,99,170,.13),transparent 30%),linear-gradient(150deg,#10293f,#0b2033);color:#edf6ff!important;text-decoration:none!important;box-shadow:0 6px 0 #05121e,0 14px 25px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden;transition:.16s ease}.sp-report-card-v2:hover{transform:translateY(-4px);border-color:#3d6686;box-shadow:0 9px 0 #05121e,0 24px 38px rgba(0,0,0,.25),0 0 0 1px rgba(73,150,236,.12)}.sp-report-card-v2:active{transform:translateY(4px);box-shadow:0 2px 0 #05121e,0 7px 13px rgba(0,0,0,.18)}.sp-report-card-v2[hidden]{display:none!important}.sp-report-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:13px;border:1px solid rgba(255,255,255,.04);box-shadow:0 5px 0 rgba(0,0,0,.22)}.sp-report-icon.blue{background:#173f66;color:#82c5ff}.sp-report-icon.amber{background:#503811;color:#ffc35b}.sp-report-icon.cyan{background:#123c4e;color:#63d9ff}.sp-report-icon.green{background:#123f35;color:#55e0ae}.sp-report-icon.violet{background:#392650;color:#c494ff}.sp-report-icon.red{background:#50242b;color:#ff8594}.sp-report-card-v2>button{position:absolute;right:16px;top:17px;width:34px;height:34px;border:1px solid #31506a;border-radius:10px;background:#0c2236;color:#82a9cb;display:flex;align-items:center;justify-content:center}.sp-report-card-v2>small{display:block;color:#708da7;font-size:8px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.sp-report-card-v2 h3{font-size:14px;font-weight:850;margin:6px 0 6px;color:#f1f6fd}.sp-report-card-v2 p{font-size:9.5px;color:#7f98ad;line-height:1.45;margin:0 0 13px;max-width:88%}.sp-report-open{font-size:8px;font-weight:900;letter-spacing:.08em;color:#6baeff;opacity:0;transform:translateY(4px);transition:.15s ease}.sp-report-card-v2:hover .sp-report-open{opacity:1;transform:none}.sp-report-context{display:flex;align-items:center;gap:11px;margin-bottom:12px;padding:10px 13px;border:1px solid #cfe0ef;border-radius:13px;background:linear-gradient(180deg,#fafdff,#eef6fd);box-shadow:0 4px 0 #d8e4ef;color:#274761}.sp-report-context>i{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#e0efff;color:#2170ce}.sp-report-context div{display:flex;flex-direction:column}.sp-report-context small{font-size:8px;color:#7190ab;font-weight:900;letter-spacing:.12em}.sp-report-context b{font-size:12px}.sp-report-context>span{margin-left:auto;font-size:9px;color:#62809a;border:1px solid #d4e1ed;border-radius:8px;padding:5px 7px;background:#fff}

/* POS Audit report on central website */
.sp-pos-audit-page #main{background:linear-gradient(150deg,#071827,#0a1e31)!important}.sp-pos-audit-page .section>.card{background:transparent!important;border:0!important;box-shadow:none!important}.sp-pos-audit-page .section>.card>.btn{float:right;margin-bottom:10px}.sp-pos-audit-page #audit-report{clear:both}.sp-pa-wrap{color:#eef7ff}.sp-pa-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #29465f;border-radius:17px;padding:18px 20px;background:radial-gradient(circle at 89% 15%,rgba(52,133,240,.14),transparent 30%),linear-gradient(150deg,#102a41,#0a1e31);box-shadow:0 9px 25px rgba(0,0,0,.18)}.sp-pa-hero span{font-size:8px;color:#7fbaf1;font-weight:950;letter-spacing:.16em}.sp-pa-hero h2{font-size:23px;color:#f4f8fc;font-weight:900;margin:4px 0}.sp-pa-hero p{font-size:10px;color:#91abc1;margin:0}.sp-pa-live{display:flex;align-items:center;gap:6px;border:1px solid #28516b;border-radius:10px;background:#0a2437;padding:7px 9px;color:#9edcc8;font-size:8px;font-weight:900}.sp-pa-live i{width:6px;height:6px;border-radius:50%;background:#2fe0a0;box-shadow:0 0 9px #2fe0a0}.sp-pa-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:11px 0}.sp-pa-kpis>div{padding:13px;border:1px solid #28445d;border-radius:13px;background:linear-gradient(155deg,#10283d,#0b2033);box-shadow:0 5px 0 #06131f}.sp-pa-kpis small{display:block;color:#7795ae;font-size:8px;font-weight:900;letter-spacing:.1em}.sp-pa-kpis b{display:block;color:#f1f7fd;font-size:18px;margin:5px 0 2px}.sp-pa-kpis span{font-size:8.5px;color:#6f8aa1}.sp-pa-two{display:grid;grid-template-columns:1.55fr 1fr;gap:10px;margin-bottom:10px}.sp-pa-panel{border:1px solid #29465f;border-radius:15px;background:linear-gradient(155deg,#102940,#0b1f32);overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.15);margin-bottom:10px}.sp-pa-panelhead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:13px 15px;border-bottom:1px solid #29445c}.sp-pa-panelhead small{font-size:8px;color:#6e9dbe;font-weight:900;letter-spacing:.12em}.sp-pa-panelhead h3{font-size:13px;color:#f0f6fb;margin:3px 0 0;font-weight:850}.sp-pa-panelhead p{font-size:9px;color:#7693aa;margin:4px 0 0}.sp-pa-panelhead>span{font-size:8px;color:#7ca5c4;border:1px solid #31506a;border-radius:8px;padding:5px 7px;background:#0a1c2e}.sp-pa-tablewrap{overflow:auto}.sp-pa-table{width:100%;border-collapse:collapse;font-size:9.5px}.sp-pa-table th{padding:9px 12px;background:#0b2135;color:#7895ad;text-align:left;font-size:7.8px;letter-spacing:.08em;border-bottom:1px solid #28435b;white-space:nowrap}.sp-pa-table td{padding:9px 12px;color:#c9d8e5;border-bottom:1px solid rgba(46,71,94,.5);white-space:nowrap}.sp-pa-table tbody tr:hover{background:rgba(42,110,175,.08)}.sp-pa-table b,.sp-pa-table strong{color:#eef7ff}.sp-pa-event{display:inline-block;border-radius:7px;padding:4px 6px;color:#79bfff;background:#102f4c;border:1px solid #244f72;font-size:7px;font-weight:900;letter-spacing:.07em}.sp-pa-empty{text-align:center!important;color:#6e8aa1!important;padding:24px!important}

@media(max-width:1199.98px){.sp-live-sale-v2 .sp-live-grid-host>.col-6{width:calc(50% - 6px)!important;flex:0 0 calc(50% - 6px)!important}.sp-inv-master-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-report-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.sp-outlet-legend{grid-template-columns:1fr;padding:11px}.sp-outlet-legend-chips button{min-width:128px}.sp-live-sale-v2 .sp-live-grid-host>.col-6{width:100%!important;flex:0 0 100%!important}.sp-outlet-band{position:sticky;top:calc(var(--sp-header-h,60px) + 4px);z-index:8}.sp-outlet-total>.card{display:grid!important;grid-template-columns:1fr!important}.sp-outlet-total>.card>.ps-3{border-right:0;border-bottom:1px solid rgba(128,159,187,.17)}.sp-live-detail-modal .modal-dialog{margin:8px!important;width:calc(100vw - 16px)!important;max-width:none!important}.sp-inv-hero,.sp-report-hero,.sp-pa-hero{align-items:flex-start}.sp-inv-hero-badge,.sp-report-count{width:82px;height:69px;flex:none}.sp-inv-master-grid,.sp-report-grid-v2{grid-template-columns:1fr}.sp-inv-master-tile{min-height:94px}.sp-report-card-v2{min-height:151px}.sp-report-toolbar{top:calc(var(--sp-header-h,60px) + 3px)}.sp-pa-kpis{grid-template-columns:repeat(2,1fr)}.sp-pa-two{grid-template-columns:1fr}.sp-pa-table{font-size:9px}}
@media(max-width:430px){.sp-inv-hero,.sp-report-hero,.sp-pa-hero{padding:15px;border-radius:15px}.sp-inv-hero h2,.sp-report-hero h2,.sp-pa-hero h2{font-size:20px}.sp-inv-hero-badge,.sp-report-count{display:none}.sp-report-master-v2{padding-bottom:70px}.sp-pa-kpis{grid-template-columns:1fr 1fr}.sp-pa-kpis b{font-size:15px}}

@media print{
  .sp-pa-wrap,.sp-pa-wrap *{color:#111!important;background:#fff!important;box-shadow:none!important;text-shadow:none!important}
  .sp-pa-hero,.sp-pa-kpis>div,.sp-pa-panel{border:1px solid #bbb!important}
  .sp-pa-table th,.sp-pa-table td{border-bottom:1px solid #ccc!important}
  .sp-pa-live,.sp-report-context{display:none!important}
}
/* ===== SuvidhaERP Theme Master + Runtime UX 2026.10.02 v3 ===== */
:root{
  --spx-bg:#eef3f9;--spx-surface:#fff;--spx-surface2:#f7faff;--spx-text:#11213a;--spx-muted:#6b7a90;--spx-border:#dce6f1;
  --spx-primary:#1f6feb;--spx-primary2:#0f86b9;--spx-accent:#10b981;--spx-sidebar1:#08182b;--spx-sidebar2:#06111f;--spx-sidebarText:#d7e4f2;
  --spx-header:rgba(255,255,255,.94);--spx-radius:16px;--spx-radius2:22px;--spx-depth:#0b51ad;--spx-shadow:0 14px 36px rgba(7,29,58,.11);--spx-font:"Poppins","Nunito","Segoe UI",Arial,sans-serif;
}
html[data-sp-theme="obsidian"],body[data-sp-theme="obsidian"]{--spx-bg:#0e1014;--spx-surface:#17191e;--spx-surface2:#1d2026;--spx-text:#f4ead0;--spx-muted:#b5aa90;--spx-border:#373226;--spx-primary:#d5a940;--spx-primary2:#a87c26;--spx-accent:#e5c979;--spx-sidebar1:#090a0c;--spx-sidebar2:#12100c;--spx-sidebarText:#f4ead0;--spx-header:rgba(17,18,20,.96);--spx-radius:10px;--spx-radius2:14px;--spx-depth:#735013;--spx-shadow:0 18px 44px rgba(0,0,0,.42);--spx-font:"Segoe UI","Poppins",sans-serif}
html[data-sp-theme="emerald"],body[data-sp-theme="emerald"]{--spx-bg:#edf8f4;--spx-surface:#ffffff;--spx-surface2:#f4fcf8;--spx-text:#10352d;--spx-muted:#66877e;--spx-border:#cfe9df;--spx-primary:#079669;--spx-primary2:#0d7c70;--spx-accent:#22c55e;--spx-sidebar1:#073b36;--spx-sidebar2:#032d2a;--spx-sidebarText:#dcfff3;--spx-header:rgba(250,255,253,.95);--spx-radius:18px;--spx-radius2:26px;--spx-depth:#056449;--spx-shadow:0 16px 38px rgba(4,86,66,.12)}
html[data-sp-theme="aurora"],body[data-sp-theme="aurora"]{--spx-bg:#f3effc;--spx-surface:#fff;--spx-surface2:#faf7ff;--spx-text:#2b2143;--spx-muted:#7d7197;--spx-border:#ded3f2;--spx-primary:#7c3aed;--spx-primary2:#a855f7;--spx-accent:#ec4899;--spx-sidebar1:#25144d;--spx-sidebar2:#45106c;--spx-sidebarText:#f4eaff;--spx-header:rgba(255,252,255,.94);--spx-radius:24px;--spx-radius2:30px;--spx-depth:#5421a5;--spx-shadow:0 18px 42px rgba(81,45,139,.15)}
html[data-sp-theme="arctic"],body[data-sp-theme="arctic"]{--spx-bg:#eaf7fd;--spx-surface:rgba(255,255,255,.78);--spx-surface2:rgba(245,252,255,.76);--spx-text:#123248;--spx-muted:#6b8799;--spx-border:#c9e4f2;--spx-primary:#0284c7;--spx-primary2:#06b6d4;--spx-accent:#38bdf8;--spx-sidebar1:#dff4ff;--spx-sidebar2:#bdeaff;--spx-sidebarText:#123248;--spx-header:rgba(244,252,255,.72);--spx-radius:20px;--spx-radius2:28px;--spx-depth:#036b9c;--spx-shadow:0 20px 50px rgba(7,89,133,.12)}
html[data-sp-theme="graphite"],body[data-sp-theme="graphite"]{--spx-bg:#1e2229;--spx-surface:#292e36;--spx-surface2:#303641;--spx-text:#f5ede7;--spx-muted:#b9ada4;--spx-border:#454c56;--spx-primary:#c47a44;--spx-primary2:#a75e31;--spx-accent:#e3a06f;--spx-sidebar1:#171a1f;--spx-sidebar2:#0f1115;--spx-sidebarText:#f4ebe4;--spx-header:rgba(35,39,46,.96);--spx-radius:5px;--spx-radius2:7px;--spx-depth:#784425;--spx-shadow:0 16px 36px rgba(0,0,0,.35);--spx-font:"Segoe UI",Arial,sans-serif}
html[data-sp-theme="ruby"],body[data-sp-theme="ruby"]{--spx-bg:#fff2f6;--spx-surface:#fff;--spx-surface2:#fff8fa;--spx-text:#40172a;--spx-muted:#91677a;--spx-border:#f0cfdb;--spx-primary:#d7265e;--spx-primary2:#a80f42;--spx-accent:#f06292;--spx-sidebar1:#5c1029;--spx-sidebar2:#340816;--spx-sidebarText:#ffe7ef;--spx-header:rgba(255,250,252,.96);--spx-radius:20px;--spx-radius2:30px;--spx-depth:#8e153b;--spx-shadow:0 16px 42px rgba(123,23,59,.13)}
html[data-sp-theme="ocean"],body[data-sp-theme="ocean"]{--spx-bg:#eaf7f7;--spx-surface:#fff;--spx-surface2:#f1fbfb;--spx-text:#12373a;--spx-muted:#64898b;--spx-border:#cbe6e6;--spx-primary:#0f9f9e;--spx-primary2:#087b89;--spx-accent:#14b8a6;--spx-sidebar1:#06343b;--spx-sidebar2:#03252b;--spx-sidebarText:#d8fbfa;--spx-header:rgba(247,255,255,.95);--spx-radius:14px;--spx-radius2:20px;--spx-depth:#086765;--spx-shadow:0 15px 38px rgba(4,93,97,.13)}
html[data-sp-theme="ivory"],body[data-sp-theme="ivory"]{--spx-bg:#f5efe4;--spx-surface:#fffaf0;--spx-surface2:#f8f0e2;--spx-text:#3e2b2b;--spx-muted:#8e746d;--spx-border:#dfd0b8;--spx-primary:#7c3046;--spx-primary2:#a75c43;--spx-accent:#b68b52;--spx-sidebar1:#5b2635;--spx-sidebar2:#35151f;--spx-sidebarText:#fff2dc;--spx-header:rgba(255,250,240,.96);--spx-radius:9px;--spx-radius2:13px;--spx-depth:#4b1f2e;--spx-shadow:0 14px 34px rgba(78,52,37,.16);--spx-font:Georgia,"Segoe UI",serif}
html[data-sp-theme="midnight"],body[data-sp-theme="midnight"]{--spx-bg:#050b12;--spx-surface:#0b1621;--spx-surface2:#0d1c29;--spx-text:#dff7ff;--spx-muted:#78a3b2;--spx-border:#174052;--spx-primary:#00bfea;--spx-primary2:#0087b9;--spx-accent:#00e6b7;--spx-sidebar1:#040910;--spx-sidebar2:#071725;--spx-sidebarText:#d9f8ff;--spx-header:rgba(5,14,22,.96);--spx-radius:8px;--spx-radius2:12px;--spx-depth:#006580;--spx-shadow:0 0 0 1px rgba(0,194,255,.12),0 18px 46px rgba(0,0,0,.42);--spx-font:"Segoe UI","Poppins",sans-serif}
html[data-sp-theme="velzon-default"],body[data-sp-theme="velzon-default"]{--spx-bg:#f3f3f9;--spx-surface:#fff;--spx-surface2:#f8f9fb;--spx-text:#212529;--spx-muted:#878a99;--spx-border:#e9ebec;--spx-primary:#405189;--spx-primary2:#556ee6;--spx-accent:#0ab39c;--spx-sidebar1:#405189;--spx-sidebar2:#33416f;--spx-sidebarText:#d6d9e4;--spx-header:rgba(255,255,255,.97);--spx-radius:7px;--spx-radius2:9px;--spx-depth:#2c3860;--spx-shadow:0 1px 2px rgba(56,65,74,.08),0 4px 16px rgba(56,65,74,.05);--spx-font:"Poppins","Segoe UI",sans-serif}
html[data-sp-theme="velzon-dark"],body[data-sp-theme="velzon-dark"]{--spx-bg:#1a1d21;--spx-surface:#212529;--spx-surface2:#262a2f;--spx-text:#ced4da;--spx-muted:#878a99;--spx-border:#2f343a;--spx-primary:#299cdb;--spx-primary2:#405189;--spx-accent:#0ab39c;--spx-sidebar1:#202328;--spx-sidebar2:#17191c;--spx-sidebarText:#adb5bd;--spx-header:rgba(33,37,41,.97);--spx-radius:7px;--spx-radius2:9px;--spx-depth:#17658f;--spx-shadow:0 2px 16px rgba(0,0,0,.24);--spx-font:"Poppins","Segoe UI",sans-serif}
html[data-sp-theme="velzon-saas"],body[data-sp-theme="velzon-saas"]{--spx-bg:#f4f3fb;--spx-surface:#fff;--spx-surface2:#faf9ff;--spx-text:#343552;--spx-muted:#8887a0;--spx-border:#e8e5f3;--spx-primary:#5b5fc7;--spx-primary2:#7b68ee;--spx-accent:#8b5cf6;--spx-sidebar1:#514c9c;--spx-sidebar2:#423d83;--spx-sidebarText:#eeecff;--spx-header:rgba(255,255,255,.96);--spx-radius:12px;--spx-radius2:16px;--spx-depth:#3f438f;--spx-shadow:0 8px 24px rgba(82,76,156,.10)}
html[data-sp-theme="velzon-material"],body[data-sp-theme="velzon-material"]{--spx-bg:#f5f7fa;--spx-surface:#fff;--spx-surface2:#f8fafc;--spx-text:#263238;--spx-muted:#78909c;--spx-border:#e1e7ea;--spx-primary:#448aff;--spx-primary2:#536dfe;--spx-accent:#00bfa5;--spx-sidebar1:#364574;--spx-sidebar2:#2c385e;--spx-sidebarText:#e8ecff;--spx-header:#fff;--spx-radius:4px;--spx-radius2:6px;--spx-depth:#2466c7;--spx-shadow:0 2px 7px rgba(38,50,56,.12);--spx-font:Roboto,"Segoe UI",sans-serif}
html[data-sp-theme="velzon-galaxy"],body[data-sp-theme="velzon-galaxy"]{--spx-bg:#0b1025;--spx-surface:rgba(23,26,59,.92);--spx-surface2:rgba(31,35,74,.88);--spx-text:#f0f2ff;--spx-muted:#a4abd0;--spx-border:#343867;--spx-primary:#7c3aed;--spx-primary2:#4f46e5;--spx-accent:#22d3ee;--spx-sidebar1:#11142f;--spx-sidebar2:#080b1d;--spx-sidebarText:#e9e8ff;--spx-header:rgba(16,19,43,.90);--spx-radius:14px;--spx-radius2:18px;--spx-depth:#4d24a0;--spx-shadow:0 14px 38px rgba(0,0,0,.34),0 0 0 1px rgba(124,58,237,.06)}
html[data-sp-theme="velzon-corporate"],body[data-sp-theme="velzon-corporate"]{--spx-bg:#eef1f5;--spx-surface:#fff;--spx-surface2:#f5f7fa;--spx-text:#27313d;--spx-muted:#76808c;--spx-border:#dfe4ea;--spx-primary:#3577f1;--spx-primary2:#2f4050;--spx-accent:#45cb85;--spx-sidebar1:#2f4050;--spx-sidebar2:#263543;--spx-sidebarText:#dce4ed;--spx-header:#fff;--spx-radius:4px;--spx-radius2:5px;--spx-depth:#2457b5;--spx-shadow:0 3px 10px rgba(47,64,80,.08);--spx-font:"Segoe UI",Arial,sans-serif}
html[data-sp-theme="velzon-minimal"],body[data-sp-theme="velzon-minimal"]{--spx-bg:#fafafa;--spx-surface:#fff;--spx-surface2:#f7f7f8;--spx-text:#1f2937;--spx-muted:#8a8f98;--spx-border:#ececef;--spx-primary:#6366f1;--spx-primary2:#4f46e5;--spx-accent:#14b8a6;--spx-sidebar1:#fff;--spx-sidebar2:#f8f8fa;--spx-sidebarText:#384152;--spx-header:#fff;--spx-radius:8px;--spx-radius2:10px;--spx-depth:#4749b3;--spx-shadow:0 1px 0 rgba(17,24,39,.04);--spx-font:"Inter","Segoe UI",sans-serif}
html[data-sp-theme="velzon-creative"],body[data-sp-theme="velzon-creative"]{--spx-bg:#eef9f8;--spx-surface:#fff;--spx-surface2:#f5fcfb;--spx-text:#18363c;--spx-muted:#729096;--spx-border:#d8eeeb;--spx-primary:#14b8a6;--spx-primary2:#2563eb;--spx-accent:#8b5cf6;--spx-sidebar1:#0f4c5c;--spx-sidebar2:#153a68;--spx-sidebarText:#e6fbff;--spx-header:rgba(255,255,255,.95);--spx-radius:18px;--spx-radius2:22px;--spx-depth:#0c7e73;--spx-shadow:0 14px 32px rgba(15,76,92,.11)}
html[data-sp-theme="velzon-modern"],body[data-sp-theme="velzon-modern"]{--spx-bg:#f2f5f4;--spx-surface:#fff;--spx-surface2:#f7faf9;--spx-text:#253238;--spx-muted:#73827e;--spx-border:#dfe8e4;--spx-primary:#00a76f;--spx-primary2:#0288a5;--spx-accent:#ffab00;--spx-sidebar1:#263238;--spx-sidebar2:#1d262a;--spx-sidebarText:#e5eeeb;--spx-header:rgba(255,255,255,.96);--spx-radius:16px;--spx-radius2:20px;--spx-depth:#00764f;--spx-shadow:0 10px 26px rgba(38,50,56,.10)}
html[data-sp-theme="velzon-interactive"],body[data-sp-theme="velzon-interactive"]{--spx-bg:#eef7fc;--spx-surface:#fff;--spx-surface2:#f4faff;--spx-text:#233245;--spx-muted:#74869a;--spx-border:#d8e7f1;--spx-primary:#299cdb;--spx-primary2:#3f51b5;--spx-accent:#0ab39c;--spx-sidebar1:#25364a;--spx-sidebar2:#1c2a3b;--spx-sidebarText:#e5f4ff;--spx-header:rgba(255,255,255,.96);--spx-radius:20px;--spx-radius2:26px;--spx-depth:#1972a3;--spx-shadow:0 12px 28px rgba(41,156,219,.12)}
html[data-sp-theme="velzon-classic"],body[data-sp-theme="velzon-classic"]{--spx-bg:#f7f8fb;--spx-surface:#fff;--spx-surface2:#f4f6f9;--spx-text:#202b3d;--spx-muted:#7e8797;--spx-border:#dde2ea;--spx-primary:#4b78c2;--spx-primary2:#22304a;--spx-accent:#d6a54b;--spx-sidebar1:#22304a;--spx-sidebar2:#182235;--spx-sidebarText:#e8edf5;--spx-header:#fff;--spx-radius:6px;--spx-radius2:8px;--spx-depth:#33568e;--spx-shadow:0 6px 18px rgba(34,48,74,.08);--spx-font:Georgia,"Segoe UI",serif}
html[data-sp-theme="velzon-vintage"],body[data-sp-theme="velzon-vintage"]{--spx-bg:#f7f0e5;--spx-surface:#fffaf2;--spx-surface2:#f3eadc;--spx-text:#463b31;--spx-muted:#8a7967;--spx-border:#dfd0bc;--spx-primary:#9a6b3d;--spx-primary2:#6e5140;--spx-accent:#b78752;--spx-sidebar1:#5d5144;--spx-sidebar2:#473e35;--spx-sidebarText:#f5eadc;--spx-header:rgba(255,250,242,.97);--spx-radius:8px;--spx-radius2:10px;--spx-depth:#68472b;--spx-shadow:0 7px 18px rgba(91,70,49,.11);--spx-font:"Palatino Linotype",Georgia,serif}

body[data-sp-theme]{background:var(--spx-bg)!important;color:var(--spx-text)!important;font-family:var(--spx-font)!important;transition:background .22s ease,color .22s ease}
body[data-sp-theme] .main{color:var(--spx-text)!important}
body[data-sp-theme] .header{background:var(--spx-header)!important;border-color:var(--spx-border)!important;color:var(--spx-text)!important}
body[data-sp-theme] .header .nav-icon,body[data-sp-theme] .header .nav-profile,body[data-sp-theme] .header .toggle-sidebar-btn{color:var(--spx-text)!important;background:var(--spx-surface2)!important;border-color:var(--spx-border)!important}
body[data-sp-theme] .sidebar{background:linear-gradient(165deg,var(--spx-sidebar1),var(--spx-sidebar2))!important;border-color:color-mix(in srgb,var(--spx-primary) 24%,transparent)!important}
body[data-sp-theme] .sidebar-nav .nav-link{color:var(--spx-sidebarText)!important}
body[data-sp-theme] .sidebar-nav .nav-link i{color:color-mix(in srgb,var(--spx-sidebarText) 68%,transparent)!important}
body[data-sp-theme] .sidebar-nav .nav-link:hover{background:color-mix(in srgb,var(--spx-primary) 25%,transparent)!important;box-shadow:inset 3px 0 0 var(--spx-primary)!important}
body[data-sp-theme] .sidebar-nav .nav-link.active,body[data-sp-theme] .sidebar-nav .nav-link:not(.collapsed):not([data-bs-toggle="collapse"]){background:linear-gradient(110deg,var(--spx-primary),var(--spx-primary2))!important;border-color:color-mix(in srgb,var(--spx-primary) 60%,white)!important;box-shadow:0 6px 0 var(--spx-depth),0 12px 22px rgba(0,0,0,.22)!important}
body[data-sp-theme] .card,body[data-sp-theme] .panel,body[data-sp-theme] .accordion-item,body[data-sp-theme] .dropdown-menu,body[data-sp-theme] .modal-content,body[data-sp-theme] .offcanvas,body[data-sp-theme] .list-group-item{background:var(--spx-surface)!important;color:var(--spx-text)!important;border-color:var(--spx-border)!important;border-radius:var(--spx-radius)!important;box-shadow:var(--spx-shadow)!important}
body[data-sp-theme] .card-title,body[data-sp-theme] h1,body[data-sp-theme] h2,body[data-sp-theme] h3,body[data-sp-theme] h4,body[data-sp-theme] h5,body[data-sp-theme] h6,body[data-sp-theme] label,body[data-sp-theme] .table{color:var(--spx-text)!important}
body[data-sp-theme] .text-muted,body[data-sp-theme] .muted,body[data-sp-theme] small{color:var(--spx-muted)!important}
body[data-sp-theme] .form-control,body[data-sp-theme] .form-select,body[data-sp-theme] input,body[data-sp-theme] select,body[data-sp-theme] textarea,body[data-sp-theme] .multiselect{background:var(--spx-surface2)!important;color:var(--spx-text)!important;border-color:var(--spx-border)!important;border-radius:calc(var(--spx-radius) * .7)!important}
body[data-sp-theme] .form-control:focus,body[data-sp-theme] .form-select:focus,body[data-sp-theme] input:focus,body[data-sp-theme] select:focus,body[data-sp-theme] textarea:focus{border-color:var(--spx-primary)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--spx-primary) 16%,transparent)!important}
body[data-sp-theme] .table>:not(caption)>*>*{background:transparent!important;color:var(--spx-text)!important;border-color:var(--spx-border)!important}
body[data-sp-theme] .table thead th,body[data-sp-theme] .table-primary>*,body[data-sp-theme] table.dataTable thead th{background:color-mix(in srgb,var(--spx-primary) 9%,var(--spx-surface))!important;color:var(--spx-text)!important}
body[data-sp-theme] .table tbody tr:hover td{background:color-mix(in srgb,var(--spx-primary) 6%,var(--spx-surface))!important}
body[data-sp-theme] .accordion-button{background:var(--spx-surface)!important;color:var(--spx-text)!important;border-radius:var(--spx-radius)!important}
body[data-sp-theme] .accordion-button:not(.collapsed){background:color-mix(in srgb,var(--spx-primary) 8%,var(--spx-surface))!important;color:var(--spx-primary)!important}
body[data-sp-theme] .btn{border-radius:calc(var(--spx-radius) * .68)!important;font-weight:700!important;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease!important}
body[data-sp-theme] .btn-primary,body[data-sp-theme] .dt-button:not(.buttons-print){background:linear-gradient(180deg,color-mix(in srgb,var(--spx-primary) 88%,white),var(--spx-primary))!important;border-color:var(--spx-primary)!important;color:white!important;box-shadow:0 5px 0 var(--spx-depth),0 9px 17px color-mix(in srgb,var(--spx-primary) 20%,transparent)!important}
body[data-sp-theme] .btn-primary:hover,body[data-sp-theme] .dt-button:not(.buttons-print):hover{transform:translateY(-1px);filter:brightness(1.04)}
body[data-sp-theme] .btn-primary:active,body[data-sp-theme] .dt-button:not(.buttons-print):active{transform:translateY(4px);box-shadow:0 1px 0 var(--spx-depth)!important}
body[data-sp-theme] .btn-outline-primary{color:var(--spx-primary)!important;border-color:color-mix(in srgb,var(--spx-primary) 55%,var(--spx-border))!important;background:var(--spx-surface)!important}
body[data-sp-theme] .btn-secondary,body[data-sp-theme] .btn-light{background:var(--spx-surface2)!important;color:var(--spx-text)!important;border-color:var(--spx-border)!important;box-shadow:0 4px 0 color-mix(in srgb,var(--spx-border) 80%,#8896a8),0 8px 15px rgba(0,0,0,.08)!important}
body[data-sp-theme] .pagetitle h1{color:var(--spx-text)!important}
body[data-sp-theme] .footer{border-color:var(--spx-border)!important;color:var(--spx-muted)!important;background:var(--spx-bg)!important}
body[data-sp-theme] .footer .copyright,body[data-sp-theme] .footer .credits{color:var(--spx-muted)!important}
body[data-sp-theme] .dataTables_wrapper,body[data-sp-theme] .dt-container{color:var(--spx-text)!important}
body[data-sp-theme] .page-link{background:var(--spx-surface)!important;color:var(--spx-primary)!important;border-color:var(--spx-border)!important}
body[data-sp-theme] .page-item.active .page-link{background:var(--spx-primary)!important;color:white!important}
body[data-sp-theme] .alert-screen{color:var(--spx-text)!important}

/* Strongly differentiated structures */
body[data-sp-theme="arctic"] .card,body[data-sp-theme="arctic"] .panel,body[data-sp-theme="arctic"] .header{backdrop-filter:blur(18px) saturate(150%)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important}
body[data-sp-theme="arctic"] .sidebar-nav .nav-link{color:#173c50!important}
body[data-sp-theme="graphite"] .card,body[data-sp-theme="graphite"] .panel{border-left:3px solid color-mix(in srgb,var(--spx-primary) 50%,var(--spx-border))!important}
body[data-sp-theme="ruby"] .btn,body[data-sp-theme="ruby"] .form-control,body[data-sp-theme="ruby"] .form-select{border-radius:999px!important}
body[data-sp-theme="ruby"] .card{border-radius:28px!important}
body[data-sp-theme="ivory"] h1,body[data-sp-theme="ivory"] h2,body[data-sp-theme="ivory"] h3,body[data-sp-theme="ivory"] .card-title{font-family:Georgia,"Times New Roman",serif!important;letter-spacing:.01em}
body[data-sp-theme="midnight"] .card,body[data-sp-theme="midnight"] .panel{box-shadow:inset 0 0 0 1px rgba(0,194,255,.06),0 16px 44px rgba(0,0,0,.42)!important}
body[data-sp-theme="midnight"] .btn-primary{text-shadow:0 0 12px rgba(223,247,255,.6)!important}
body[data-sp-theme="obsidian"] .card-title,body[data-sp-theme="obsidian"] .pagetitle h1,body[data-sp-theme="obsidian"] a{color:#e3bd62!important}

/* Angular admin collection: structural differences inspired by modern dashboard demos */
body[data-sp-theme="velzon-default"] .sidebar-nav .nav-link.active,body[data-sp-theme="velzon-default"] .sidebar-nav .nav-link:not(.collapsed):not([data-bs-toggle="collapse"]){background:rgba(255,255,255,.12)!important;border-color:transparent!important;box-shadow:inset 3px 0 0 #0ab39c!important}
body[data-sp-theme="velzon-default"] .btn-primary{background:#405189!important;box-shadow:0 3px 0 #2c3860,0 6px 12px rgba(64,81,137,.16)!important}
body[data-sp-theme="velzon-dark"] .card,body[data-sp-theme="velzon-dark"] .panel{box-shadow:0 1px 0 rgba(255,255,255,.02),0 10px 24px rgba(0,0,0,.18)!important}
body[data-sp-theme="velzon-saas"] .sidebar{background:linear-gradient(180deg,#5753a6,#443b8e)!important}.sp-preview-velzon-saas .sp-tp-head{border-radius:999px!important}
body[data-sp-theme="velzon-material"] .card,body[data-sp-theme="velzon-material"] .panel,body[data-sp-theme="velzon-material"] .btn,body[data-sp-theme="velzon-material"] .form-control,body[data-sp-theme="velzon-material"] .form-select{border-radius:4px!important}body[data-sp-theme="velzon-material"] .btn-primary{box-shadow:0 2px 5px rgba(68,138,255,.28)!important}
body[data-sp-theme="velzon-galaxy"]{background:radial-gradient(circle at 85% 0,rgba(124,58,237,.16),transparent 30%),radial-gradient(circle at 10% 18%,rgba(34,211,238,.10),transparent 26%),var(--spx-bg)!important}body[data-sp-theme="velzon-galaxy"] .card,body[data-sp-theme="velzon-galaxy"] .panel,body[data-sp-theme="velzon-galaxy"] .header{backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%)}body[data-sp-theme="velzon-galaxy"] .btn-primary{background:linear-gradient(135deg,#7c3aed,#4f46e5)!important}
body[data-sp-theme="velzon-corporate"] .card,body[data-sp-theme="velzon-corporate"] .panel{border-radius:4px!important;border-top:2px solid color-mix(in srgb,var(--spx-primary) 35%,var(--spx-border))!important}body[data-sp-theme="velzon-corporate"] .pagetitle h1{text-transform:uppercase;letter-spacing:.035em;font-size:22px!important}
body[data-sp-theme="velzon-minimal"] .sidebar{border-right:1px solid var(--spx-border)!important;box-shadow:none!important}body[data-sp-theme="velzon-minimal"] .sidebar-nav .nav-link,body[data-sp-theme="velzon-minimal"] .sidebar-nav .nav-link i{color:#4b5563!important}body[data-sp-theme="velzon-minimal"] .card,body[data-sp-theme="velzon-minimal"] .panel,body[data-sp-theme="velzon-minimal"] .header{box-shadow:none!important}body[data-sp-theme="velzon-minimal"] .sidebar-nav .nav-link.active,body[data-sp-theme="velzon-minimal"] .sidebar-nav .nav-link:not(.collapsed):not([data-bs-toggle="collapse"]){background:#eef2ff!important;color:#4f46e5!important;border:0!important;box-shadow:none!important}
body[data-sp-theme="velzon-creative"] .sidebar{background:linear-gradient(165deg,#0f4c5c 0%,#14506b 48%,#313878 100%)!important}body[data-sp-theme="velzon-creative"] .card,body[data-sp-theme="velzon-creative"] .panel{position:relative;overflow:hidden}body[data-sp-theme="velzon-creative"] .card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--spx-primary),var(--spx-primary2));opacity:.75}
body[data-sp-theme="velzon-modern"] .card,body[data-sp-theme="velzon-modern"] .panel{border-top:3px solid color-mix(in srgb,var(--spx-primary) 45%,transparent)!important}body[data-sp-theme="velzon-modern"] .btn-primary{background:linear-gradient(135deg,#00a76f,#0796a6)!important}
body[data-sp-theme="velzon-interactive"] .btn,body[data-sp-theme="velzon-interactive"] .form-control,body[data-sp-theme="velzon-interactive"] .form-select,body[data-sp-theme="velzon-interactive"] .page-link{border-radius:999px!important}body[data-sp-theme="velzon-interactive"] .card{transition:transform .18s ease,box-shadow .18s ease!important}body[data-sp-theme="velzon-interactive"] .card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(41,156,219,.15)!important}
body[data-sp-theme="velzon-classic"] .pagetitle h1,body[data-sp-theme="velzon-classic"] .card-title{font-family:Georgia,"Times New Roman",serif!important}body[data-sp-theme="velzon-classic"] .header{border-bottom:2px solid #e1e5ec!important}
body[data-sp-theme="velzon-vintage"]{background-color:var(--spx-bg)!important;background-image:radial-gradient(rgba(93,81,68,.045) .8px,transparent .8px)!important;background-size:8px 8px!important}body[data-sp-theme="velzon-vintage"] .card,body[data-sp-theme="velzon-vintage"] .panel{border-color:#ddc9ae!important}body[data-sp-theme="velzon-vintage"] .btn-primary{background:linear-gradient(#b78752,#8b6038)!important}

/* Theme Master grouping and Angular-style previews */
.sp-theme-section-title{display:grid;gap:2px;margin:24px 0 12px;padding:0 2px}.sp-theme-section-title:first-of-type{margin-top:4px}.sp-theme-section-title span{font-size:10px;font-weight:850;letter-spacing:.16em;color:var(--spx-primary)}.sp-theme-section-title b{font-size:18px;color:var(--spx-text)}.sp-theme-section-title small{max-width:760px;color:var(--spx-muted)}.sp-theme-section-angular{margin-top:34px;padding-top:22px;border-top:1px solid var(--spx-border)}
.sp-preview-velzon-default .sp-tp-sidebar,.sp-preview-velzon-corporate .sp-tp-sidebar,.sp-preview-velzon-material .sp-tp-sidebar{width:20%}.sp-preview-velzon-default .sp-tp-main,.sp-preview-velzon-corporate .sp-tp-main,.sp-preview-velzon-material .sp-tp-main{padding:10px}.sp-preview-velzon-default .sp-tp-head,.sp-preview-velzon-material .sp-tp-head,.sp-preview-velzon-corporate .sp-tp-head{height:12px;background:#fff!important;border-bottom:1px solid rgba(0,0,0,.07);border-radius:2px}
.sp-preview-velzon-dark .sp-tp-cards i,.sp-preview-velzon-galaxy .sp-tp-cards i{background:rgba(255,255,255,.08)}.sp-preview-velzon-dark .sp-tp-table,.sp-preview-velzon-galaxy .sp-tp-table{background:rgba(255,255,255,.07)}
.sp-preview-velzon-material .sp-tp-cards i,.sp-preview-velzon-material .sp-tp-table{border-radius:2px!important}.sp-preview-velzon-minimal .sp-tp-sidebar{background:#fff!important;border-right:1px solid #ececef}.sp-preview-velzon-minimal .sp-tp-sidebar i{background:#d7d9df}.sp-preview-velzon-minimal .sp-tp-cards i,.sp-preview-velzon-minimal .sp-tp-table{box-shadow:none;border:1px solid #ececef}.sp-preview-velzon-interactive .sp-tp-head{border-radius:999px}.sp-preview-velzon-interactive .sp-tp-cards i{border-radius:14px}.sp-preview-velzon-classic .sp-tp-cards i{border-radius:3px}.sp-preview-velzon-vintage .sp-tp-main{background-image:radial-gradient(rgba(93,81,68,.08) .6px,transparent .6px)!important;background-size:7px 7px!important}

/* User Rights mobile dropdown: full usable scrolling */
.multiselect-container.dropdown-menu{max-height:min(58vh,420px)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;padding-bottom:10px!important}
.multiselect-container .multiselect-filter{position:sticky!important;top:0!important;z-index:4!important;background:var(--spx-surface)!important;padding-top:5px!important}
.multiselect-container .form-check,.multiselect-container .dropdown-item{white-space:normal!important;min-height:38px!important}
.sp-optional{display:inline-flex;align-items:center;margin-left:6px;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--spx-primary) 10%,var(--spx-surface));color:var(--spx-primary);font-size:10px;font-weight:700;vertical-align:middle}

/* Report Master uses the SAME website design language, not a separate dark analytics screen */
.sp-report-master-v2.sp-report-site-style{background:transparent!important;color:var(--spx-text)!important}
.sp-report-site-style .sp-report-hero{background:var(--spx-surface)!important;border:1px solid var(--spx-border)!important;border-radius:var(--spx-radius2)!important;box-shadow:var(--spx-shadow)!important;color:var(--spx-text)!important;padding:22px 24px!important}
.sp-report-site-style .sp-report-hero::before,.sp-report-site-style .sp-report-hero::after{display:none!important}
.sp-report-site-style .sp-report-hero span{color:var(--spx-primary)!important}.sp-report-site-style .sp-report-hero h2{color:var(--spx-text)!important}.sp-report-site-style .sp-report-hero p{color:var(--spx-muted)!important}
.sp-report-site-style .sp-report-count{background:var(--spx-surface2)!important;border:1px solid var(--spx-border)!important;color:var(--spx-text)!important;box-shadow:none!important}.sp-report-site-style .sp-report-count b{color:var(--spx-primary)!important}
.sp-report-site-style .sp-report-toolbar{background:var(--spx-surface)!important;border:1px solid var(--spx-border)!important;border-radius:var(--spx-radius)!important;box-shadow:var(--spx-shadow)!important}
.sp-report-site-style .sp-report-search{background:var(--spx-surface2)!important;border-color:var(--spx-border)!important}.sp-report-site-style .sp-report-search input{background:transparent!important;color:var(--spx-text)!important}
.sp-report-site-style .sp-report-cats button{background:var(--spx-surface2)!important;color:var(--spx-muted)!important;border-color:var(--spx-border)!important}.sp-report-site-style .sp-report-cats button.active{background:var(--spx-primary)!important;color:white!important;border-color:var(--spx-primary)!important;box-shadow:0 4px 0 var(--spx-depth)!important}
.sp-report-site-style .sp-report-card-v2{background:var(--spx-surface)!important;border:1px solid var(--spx-border)!important;color:var(--spx-text)!important;border-radius:var(--spx-radius)!important;box-shadow:var(--spx-shadow)!important;min-height:180px!important}.sp-report-site-style .sp-report-card-v2:hover{transform:translateY(-4px)!important;border-color:color-mix(in srgb,var(--spx-primary) 45%,var(--spx-border))!important}.sp-report-site-style .sp-report-card-v2 h3{color:var(--spx-text)!important}.sp-report-site-style .sp-report-card-v2 p,.sp-report-site-style .sp-report-card-v2 small{color:var(--spx-muted)!important}.sp-report-site-style .sp-report-open{color:var(--spx-primary)!important}

/* Theme Master */
.sp-theme-title{display:flex!important;align-items:center;justify-content:space-between;gap:16px}.sp-theme-title p{margin:4px 0 0;color:var(--spx-muted)}
.sp-theme-master{padding-bottom:28px}.sp-theme-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--spx-surface);border:1px solid var(--spx-border);border-radius:var(--spx-radius2);box-shadow:var(--spx-shadow);padding:18px 20px;margin-bottom:18px}.sp-theme-toolbar div{display:grid;gap:2px}.sp-theme-toolbar span{font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--spx-primary)}.sp-theme-toolbar b{font-size:20px;color:var(--spx-text)}.sp-theme-toolbar small{color:var(--spx-muted)}
.sp-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sp-theme-card{background:var(--spx-surface);border:1px solid var(--spx-border);border-radius:var(--spx-radius2);box-shadow:var(--spx-shadow);overflow:hidden;transition:.18s ease}.sp-theme-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--spx-primary) 48%,var(--spx-border))}.sp-theme-card.active{outline:3px solid color-mix(in srgb,var(--spx-primary) 26%,transparent);border-color:var(--spx-primary)}
.sp-theme-preview{height:150px;display:flex;background:#eef3f8;border-bottom:1px solid var(--spx-border)}.sp-tp-sidebar{width:24%;padding:18px 8px;display:grid;align-content:start;gap:9px}.sp-tp-sidebar i{height:7px;background:rgba(255,255,255,.5);border-radius:99px}.sp-tp-main{flex:1;padding:13px}.sp-tp-head{height:17px;border-radius:6px;margin-bottom:12px;opacity:.88}.sp-tp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.sp-tp-cards i{height:40px;background:#fff;border-radius:7px;box-shadow:0 2px 6px rgba(0,0,0,.08)}.sp-tp-table{height:31px;margin-top:8px;background:rgba(255,255,255,.82);border-radius:7px}
.sp-theme-card-body{padding:16px}.sp-theme-name{display:flex;align-items:center;gap:11px}.sp-theme-name>i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--spx-primary) 11%,var(--spx-surface));color:var(--spx-primary);font-size:17px}.sp-theme-name div{display:grid}.sp-theme-name b{font-size:15px;color:var(--spx-text)}.sp-theme-name small{font-size:11px;color:var(--spx-muted)}.sp-theme-swatches{display:flex;gap:6px;margin:14px 0}.sp-theme-swatches i{width:28px;height:10px;border-radius:99px;border:1px solid rgba(0,0,0,.08)}.sp-theme-card .sp-theme-apply{width:100%}

@media(max-width:991.98px){.sp-theme-grid{grid-template-columns:1fr}.sp-theme-title{align-items:flex-start}.multiselect-container.dropdown-menu{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:12px!important;width:auto!important;max-width:none!important;max-height:62vh!important;transform:none!important;border-radius:18px!important;box-shadow:0 -14px 50px rgba(5,18,35,.22)!important;z-index:1095!important}.multiselect-container .multiselect-filter{top:0!important}}
@media(max-width:575.98px){.sp-theme-title{flex-direction:column}.sp-theme-toolbar{align-items:flex-start;flex-direction:column}.sp-theme-toolbar .btn{width:100%}.sp-theme-preview{height:125px}.sp-report-site-style .sp-report-hero{padding:16px!important}.sp-report-site-style .sp-report-count{display:none!important}}
/* Theme coverage for premium Live Sale + Inventory custom surfaces */
body[data-sp-theme].sp-live-sale-v2 #main{background:radial-gradient(circle at 18% 0,color-mix(in srgb,var(--spx-primary) 11%,transparent),transparent 32%),var(--spx-bg)!important;color:var(--spx-text)!important}
body[data-sp-theme] .sp-outlet-band,body[data-sp-theme] .sp-outlet-total>.card{background:linear-gradient(135deg,color-mix(in srgb,var(--oa,var(--spx-primary)) 11%,var(--spx-surface)),var(--spx-surface))!important;color:var(--spx-text)!important;border-color:color-mix(in srgb,var(--oa,var(--spx-primary)) 35%,var(--spx-border))!important;box-shadow:var(--spx-shadow)!important}
body[data-sp-theme] .sp-outlet-band b,body[data-sp-theme] .sp-outlet-total>.card>.ps-3::first-line{color:var(--spx-text)!important}
body[data-sp-theme] .sp-outlet-live{background:var(--spx-surface2)!important;color:var(--spx-text)!important;border-color:var(--spx-border)!important}
body[data-sp-theme] .sp-live-table-card{background:linear-gradient(145deg,color-mix(in srgb,var(--oa,var(--spx-primary)) 13%,var(--spx-surface)),var(--spx-surface2))!important;color:var(--spx-text)!important;border-color:color-mix(in srgb,var(--oa,var(--spx-primary)) 40%,var(--spx-border))!important;box-shadow:0 6px 0 color-mix(in srgb,var(--oa,var(--spx-primary)) 22%,var(--spx-depth)),var(--spx-shadow)!important;border-radius:var(--spx-radius)!important}
body[data-sp-theme] .sp-live-table-card .card-body,body[data-sp-theme] .sp-live-table-card .card-body .ps-3{color:var(--spx-muted)!important}
body[data-sp-theme] .sp-live-table-card .card-icon{color:var(--spx-text)!important}
body[data-sp-theme] .sp-live-detail-modal .modal-content,body[data-sp-theme] .sp-live-detail-body{background:var(--spx-surface)!important;color:var(--spx-text)!important;border-color:var(--spx-border)!important}
body[data-sp-theme] .sp-report-context{background:var(--spx-surface)!important;color:var(--spx-text)!important;border-color:var(--spx-border)!important;box-shadow:var(--spx-shadow)!important}
body[data-sp-theme] .sp-report-context>span{background:var(--spx-surface2)!important;color:var(--spx-muted)!important;border-color:var(--spx-border)!important}
body[data-sp-theme] .sp-inv-hero,body[data-sp-theme] .sp-pa-hero,body[data-sp-theme] .sp-inv-master-tile,body[data-sp-theme] .sp-food-inventory-master{background:var(--spx-surface)!important;color:var(--spx-text)!important;border-color:var(--spx-border)!important;box-shadow:var(--spx-shadow)!important}
body[data-sp-theme].sp-route-reporting:has(.sp-report-master-v2) #main{background:var(--spx-bg)!important}
body[data-sp-theme] .sp-outlet-legend,body[data-sp-theme] .sp-pa-hero,body[data-sp-theme] .sp-pa-kpis>div,body[data-sp-theme] .sp-pa-panel{background:var(--spx-surface)!important;color:var(--spx-text)!important;border-color:var(--spx-border)!important;box-shadow:var(--spx-shadow)!important;border-radius:var(--spx-radius)!important}
body[data-sp-theme] .sp-outlet-legend-title b,body[data-sp-theme] .sp-pa-hero h2,body[data-sp-theme] .sp-pa-kpis b,body[data-sp-theme] .sp-pa-panelhead h3,body[data-sp-theme] .sp-pa-table b,body[data-sp-theme] .sp-pa-table strong{color:var(--spx-text)!important}
body[data-sp-theme] .sp-outlet-legend-title span,body[data-sp-theme] .sp-pa-hero p,body[data-sp-theme] .sp-pa-kpis small,body[data-sp-theme] .sp-pa-kpis span,body[data-sp-theme] .sp-pa-panelhead p,body[data-sp-theme] .sp-pa-table td{color:var(--spx-muted)!important}
body[data-sp-theme] .sp-pa-panelhead{border-color:var(--spx-border)!important}.sp-pa-table th{background:color-mix(in srgb,var(--spx-primary) 8%,var(--spx-surface))!important;color:var(--spx-muted)!important;border-color:var(--spx-border)!important}.sp-pa-table td{border-color:var(--spx-border)!important}
body[data-sp-theme] .sp-pa-live,body[data-sp-theme] .sp-pa-panelhead>span,body[data-sp-theme] .sp-pa-event{background:var(--spx-surface2)!important;color:var(--spx-primary)!important;border-color:var(--spx-border)!important}
body[data-sp-theme] .sp-outlet-legend-chips button{background:var(--spx-surface2)!important;color:var(--spx-text)!important;border-color:color-mix(in srgb,var(--oa,var(--spx-primary)) 35%,var(--spx-border))!important;box-shadow:0 4px 0 color-mix(in srgb,var(--oa,var(--spx-primary)) 20%,var(--spx-depth))!important}
body[data-sp-theme] .sp-inv-master-tile{border-radius:var(--spx-radius)!important}.sp-inv-master-tile h3,.sp-inv-master-tile b{color:var(--spx-text)!important}.sp-inv-master-tile p,.sp-inv-master-tile small{color:var(--spx-muted)!important}


/* ===== SuvidhaERP Premium Inventory Dashboard 2026.10.02 ===== */
.spinv{--inv-blue:#168bff;--inv-cyan:#16c7df;--inv-green:#17d889;--inv-amber:#ffba19;--inv-orange:#ff8726;--inv-red:#ff4d60;--inv-pink:#ec407a;--inv-purple:#8757f5;position:relative;color:var(--spx-text);font-family:var(--spx-font);max-width:1900px;margin:0 auto 40px}
.spinv *{box-sizing:border-box}.spinv button,.spinv input{font:inherit}.spinv button{color:inherit}
.spinv-head{display:grid;grid-template-columns:minmax(270px,1fr) auto;gap:16px;align-items:center;margin:-6px 0 14px;padding:8px 0 4px}
.spinv-title{display:flex;align-items:center;gap:12px;min-width:0}.spinv-title-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:22px;color:#07111e;background:linear-gradient(145deg,#ffd439,#ff9c19);box-shadow:0 5px 0 #c56a06,0 12px 24px rgba(255,158,25,.18)}
.spinv-title h1{margin:0;font-size:25px;font-weight:850;letter-spacing:-.5px;color:var(--spx-text)}.spinv-title p{margin:3px 0 0;color:var(--spx-muted);font-size:11px}.spinv-title p b{margin:0 5px;color:var(--spx-primary)}
.spinv-tools{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.spinv-control,.spinv-icon-btn,.spinv-action{height:42px;border:1px solid var(--spx-border);border-radius:10px;background:var(--spx-surface);box-shadow:0 5px 15px rgba(2,12,27,.06)}
.spinv-control{display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--spx-text)}.spinv-control input{border:0;outline:0;background:transparent;color:var(--spx-text);min-width:0}.spinv-date{gap:7px}.spinv-date span{font-size:10px;color:var(--spx-muted);white-space:nowrap}.spinv-date input{width:124px}
.spinv-search{width:250px}.spinv-search input{width:100%}.spinv-search i{color:var(--spx-primary)}.spinv-icon-btn{width:42px;display:grid;place-items:center;font-size:20px;cursor:pointer}.spinv-icon-btn:hover{border-color:var(--spx-primary);transform:translateY(-1px)}
.spinv-action{border:0;color:#fff!important;font-weight:750;padding:0 18px;cursor:pointer;transition:.18s ease}.spinv-action i{margin-right:5px}.spinv-action-blue{background:linear-gradient(180deg,#1aa2ff,#0875e8);box-shadow:0 4px 0 #075ab4,0 10px 22px rgba(20,142,255,.2)}.spinv-action-green{background:linear-gradient(180deg,#26dc8b,#0eb868);box-shadow:0 4px 0 #087d48,0 10px 22px rgba(23,216,137,.19)}.spinv-action:hover{transform:translateY(-2px);filter:brightness(1.04)}.spinv-action:active{transform:translateY(2px);box-shadow:none}
.spinv-outlet-wrap{position:relative}.spinv-outlet-btn{width:160px;cursor:pointer}.spinv-outlet-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spinv-outlet-menu{position:absolute;right:0;top:48px;z-index:50;min-width:245px;max-height:310px;overflow:auto;padding:8px;background:var(--spx-surface);border:1px solid var(--spx-border);border-radius:14px;box-shadow:var(--spx-shadow)}
.spinv-outlet-menu label{display:flex;gap:9px;align-items:center;padding:9px 10px;border-radius:9px;cursor:pointer;font-size:12px}.spinv-outlet-menu label:hover{background:var(--spx-surface2)}.spinv-outlet-menu input{accent-color:var(--spx-primary)}.spinv-outlet-all{border-bottom:1px solid var(--spx-border);margin-bottom:4px;font-weight:700}

.spinv-kpis{display:grid;grid-template-columns:repeat(8,minmax(120px,1fr));gap:10px;margin-bottom:12px}.spinv-kpi{position:relative;min-height:92px;border:1px solid var(--spx-border);border-radius:13px;padding:12px;text-align:left;background:linear-gradient(150deg,var(--spx-surface),var(--spx-surface2));box-shadow:0 8px 22px rgba(1,12,28,.07);display:flex;gap:10px;align-items:flex-start;overflow:hidden}
.spinv-kpi.clickable{cursor:pointer}.spinv-kpi.clickable:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--spx-primary) 40%,var(--spx-border));box-shadow:0 12px 28px rgba(1,12,28,.11)}.spinv-kpi-icon{position:relative;z-index:2;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:18px;color:#fff;background:#4a5b70;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 7px 18px rgba(0,0,0,.15)}
.spinv-kpi-copy{position:relative;z-index:2;min-width:0;display:flex;flex-direction:column}.spinv-kpi-copy small{font-size:10px;color:var(--spx-muted);font-weight:650;white-space:nowrap}.spinv-kpi-copy b{font-size:19px;line-height:1.35;color:var(--spx-text);font-weight:850;white-space:nowrap}.spinv-kpi-copy em{font-style:normal;font-size:9px;color:var(--spx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spinv-kpi-glow{position:absolute;width:70px;height:70px;border-radius:50%;right:-22px;top:-24px;background:currentColor;opacity:.06}.spinv-kpi.blue .spinv-kpi-icon{background:linear-gradient(145deg,#4fa7ff,#326eea)}.spinv-kpi.amber .spinv-kpi-icon{background:linear-gradient(145deg,#ffd043,#e59d09)}.spinv-kpi.red .spinv-kpi-icon{background:linear-gradient(145deg,#ff6574,#dc3146)}.spinv-kpi.orange .spinv-kpi-icon{background:linear-gradient(145deg,#ffad52,#ef721e)}.spinv-kpi.pink .spinv-kpi-icon{background:linear-gradient(145deg,#f66e9f,#d83a74)}.spinv-kpi.green .spinv-kpi-icon{background:linear-gradient(145deg,#37dfa0,#0fa763)}.spinv-kpi.purple .spinv-kpi-icon{background:linear-gradient(145deg,#a176ff,#7440d7)}.spinv-kpi.neutral .spinv-kpi-icon{background:linear-gradient(145deg,#ffd53b,#d89d12);color:#2b2200}

.spinv-panel{background:linear-gradient(150deg,var(--spx-surface),var(--spx-surface2));border:1px solid var(--spx-border);border-radius:14px;box-shadow:0 10px 26px rgba(1,12,28,.075);overflow:hidden}.spinv-panel-head{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;border-bottom:1px solid var(--spx-border)}
.spinv-panel-head h2{margin:0;color:var(--spx-text);font-size:14px;font-weight:800}.spinv-panel-head h2 i{margin-right:7px;color:var(--spx-primary)}.spinv-panel-head h2 span{font-size:10px;color:var(--spx-muted);font-weight:500}.spinv-panel-head small{display:block;margin-top:2px;color:var(--spx-muted);font-size:9px}.spinv-view{border:1px solid var(--spx-border);background:var(--spx-surface2);color:var(--spx-text);border-radius:8px;padding:5px 9px;font-size:10px;cursor:pointer}.spinv-view:hover{border-color:var(--spx-primary);color:var(--spx-primary)}
.spinv-main-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr) minmax(280px,.65fr);gap:11px;margin-bottom:11px}.spinv-overview{min-height:285px}.spinv-chart{height:205px;padding:4px 10px 8px}.spinv-range{display:flex;gap:4px}.spinv-range button,.spinv-tabs button,.spinv-expiry-tabs button{border:1px solid var(--spx-border);background:transparent;color:var(--spx-muted);border-radius:7px;padding:5px 8px;font-size:9px;cursor:pointer}.spinv-range button.active,.spinv-tabs button.active,.spinv-expiry-tabs button.active{color:#fff;background:var(--spx-primary);border-color:var(--spx-primary)}
.spinv-custom-range{display:flex;justify-content:flex-end;gap:6px;padding:6px 10px;border-bottom:1px solid var(--spx-border)}.spinv-custom-range label{font-size:9px;color:var(--spx-muted)}.spinv-custom-range input{margin-left:5px;border:1px solid var(--spx-border);border-radius:6px;padding:3px 5px;background:var(--spx-surface);color:var(--spx-text)}.spinv-custom-range button{border:0;background:var(--spx-primary);color:#fff;border-radius:6px;padding:4px 9px}
.spinv-flow{display:flex;gap:6px;align-items:center;padding:7px 12px 2px;font-size:9px;color:var(--spx-muted);white-space:nowrap;overflow:auto}.spinv-flow span{display:inline-flex;gap:4px;align-items:center}.spinv-flow span i{color:var(--spx-primary)}.spinv-flow b{opacity:.5}

.spinv-health{min-height:285px}.spinv-health-body{display:grid;grid-template-columns:145px 1fr;gap:12px;align-items:center;padding:14px}.spinv-donut{height:155px;position:relative}.spinv-donut-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}.spinv-donut-center b{font-size:20px}.spinv-donut-center span{font-size:9px;color:var(--spx-muted)}.spinv-health-legend{display:grid;gap:7px}.spinv-health-legend div{display:grid;grid-template-columns:10px 1fr auto auto;gap:5px;align-items:center;font-size:9px}.spinv-health-legend i{width:9px;height:9px;border-radius:3px}.spinv-health-legend b{font-size:10px}.spinv-health-legend em{font-style:normal;color:var(--spx-muted)}
.spinv-actions-card{min-height:285px}.spinv-action-total{margin:12px;width:calc(100% - 24px);height:64px;border:1px solid color-mix(in srgb,var(--inv-red) 45%,var(--spx-border));border-radius:10px;background:color-mix(in srgb,var(--inv-red) 11%,var(--spx-surface));display:flex;align-items:center;justify-content:space-between;padding:0 15px;cursor:pointer}.spinv-action-total span{display:grid;text-align:left}.spinv-action-total b{font-size:24px;color:var(--inv-red)}.spinv-action-total small{font-size:9px;color:var(--spx-muted)}.spinv-action-total i{font-size:18px}
.spinv-action-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:0 12px 12px}.spinv-action-mini button{border:1px solid var(--spx-border);border-radius:10px;min-height:70px;background:var(--spx-surface2);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;padding:8px;cursor:pointer}.spinv-action-mini button i{grid-row:1/3;font-size:18px;margin-right:7px}.spinv-action-mini button b{font-size:17px}.spinv-action-mini button span{font-size:9px;color:var(--spx-muted)}.spinv-action-mini .amber i,.spinv-action-mini .amber b{color:var(--inv-amber)}.spinv-action-mini .red i,.spinv-action-mini .red b{color:var(--inv-red)}.spinv-action-mini .orange i,.spinv-action-mini .orange b{color:var(--inv-orange)}.spinv-action-mini .purple i,.spinv-action-mini .purple b{color:var(--inv-purple)}

.spinv-middle-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(430px,.82fr);gap:11px;margin-bottom:11px}.spinv-table-wrap{width:100%;overflow:auto}.spinv-table{width:100%;border-collapse:collapse;font-size:10px}.spinv-table th{position:sticky;top:0;background:color-mix(in srgb,var(--spx-surface2) 90%,transparent);color:var(--spx-muted);font-size:9px;text-transform:uppercase;letter-spacing:.03em;padding:8px;border-bottom:1px solid var(--spx-border);white-space:nowrap}.spinv-table td{padding:7px 8px;border-bottom:1px solid color-mix(in srgb,var(--spx-border) 70%,transparent);white-space:nowrap}.spinv-table td b{font-size:10px}.spinv-table td small{display:block;color:var(--spx-muted);font-size:8px}.spinv-table tbody tr:hover{background:color-mix(in srgb,var(--spx-primary) 5%,transparent)}
.spinv-status,.spinv-exp-badge{display:inline-flex;align-items:center;gap:4px;border-radius:6px;padding:4px 7px;font-weight:750;font-size:8px}.spinv-status.critical,.spinv-status.out,.spinv-exp-badge.red{color:#ff6979;background:rgba(255,77,96,.12);border:1px solid rgba(255,77,96,.25)}.spinv-status.low,.spinv-exp-badge.amber{color:#d99a00;background:rgba(255,186,25,.12);border:1px solid rgba(255,186,25,.25)}.spinv-status.expiry,.spinv-exp-badge.orange{color:#ff8b2f;background:rgba(255,135,38,.12);border:1px solid rgba(255,135,38,.25)}
.spinv-purchase-item{border:0;border-radius:7px;padding:5px 13px;background:linear-gradient(#249cff,#1177e3);box-shadow:0 3px 0 #075bb5;color:#fff!important;font-size:9px;font-weight:750;cursor:pointer}.spinv-purchase-item:active{transform:translateY(2px);box-shadow:none}.spinv-empty{text-align:center!important;padding:20px!important;color:var(--spx-muted)!important}
.spinv-expiry-tabs{display:flex;gap:5px;padding:8px 10px;border-bottom:1px solid var(--spx-border)}

.spinv-quick{display:grid;grid-template-columns:auto repeat(10,minmax(76px,1fr));gap:7px;align-items:center;padding:8px 10px;margin-bottom:11px;background:linear-gradient(150deg,var(--spx-surface),var(--spx-surface2));border:1px solid var(--spx-border);border-radius:13px;box-shadow:0 8px 20px rgba(1,12,28,.07)}.spinv-quick-title{display:flex;align-items:center;gap:6px;padding-right:6px;font-size:10px;white-space:nowrap}.spinv-quick-title i{color:#ffd024}
.spinv-quick-btn{min-height:38px;border:0;border-radius:8px;padding:5px 7px;color:#fff!important;font-size:8px;font-weight:750;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;box-shadow:0 3px 0 rgba(0,0,0,.32),0 7px 15px rgba(0,0,0,.12);white-space:nowrap}.spinv-quick-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.spinv-quick-btn:active{transform:translateY(2px);box-shadow:none}.spinv-quick-btn.blue{background:#168bff}.spinv-quick-btn.green{background:#13b86f}.spinv-quick-btn.cyan{background:#12aebf}.spinv-quick-btn.purple{background:#8252e8}.spinv-quick-btn.red{background:#e83d52}.spinv-quick-btn.slate{background:#56718d}.spinv-quick-btn.pink{background:#dc3976}

.spinv-lower-grid{display:grid;grid-template-columns:1.2fr .72fr .9fr;gap:11px;margin-bottom:11px}.spinv-tabs{display:flex;gap:5px;padding:9px 11px;border-bottom:1px solid var(--spx-border)}.spinv-moving-list{padding:4px 10px 9px}.spinv-moving-list>div{display:grid;grid-template-columns:25px minmax(100px,1fr) auto auto;gap:8px;align-items:center;padding:7px 3px;border-bottom:1px solid var(--spx-border);font-size:9px}.spinv-moving-list span b{display:block;font-size:10px}.spinv-moving-list span small{display:block;color:var(--spx-muted)}.spinv-moving-list em{font-style:normal;color:var(--spx-primary)}.spinv-moving-list strong{font-size:10px}.spinv-rank{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:color-mix(in srgb,var(--spx-primary) 14%,var(--spx-surface));color:var(--spx-primary);font-weight:800}
.spinv-nonmoving-note{padding:20px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center}.spinv-nonmoving-note>i{font-size:25px;color:var(--spx-purple,var(--inv-purple))}.spinv-nonmoving-note b{display:block}.spinv-nonmoving-note span{display:block;color:var(--spx-muted);font-size:9px;line-height:1.45}.spinv-nonmoving-note button{border:1px solid var(--spx-border);background:var(--spx-surface2);color:var(--spx-primary);border-radius:8px;padding:7px 9px;font-size:9px}
.spinv-waste-total{margin:12px;padding:12px;border-radius:11px;background:linear-gradient(135deg,rgba(255,77,96,.12),rgba(255,135,38,.07));border:1px solid rgba(255,77,96,.16);display:flex;align-items:center;justify-content:space-between}.spinv-waste-total span{font-size:10px;color:var(--spx-muted)}.spinv-waste-total b{font-size:22px;color:var(--inv-red)}.spinv-waste-breakup{padding:0 12px 12px;display:grid;gap:7px}.spinv-waste-breakup div{display:flex;justify-content:space-between;font-size:9px}.spinv-waste-breakup span{display:flex;gap:6px;align-items:center}.spinv-waste-breakup i{width:7px;height:7px;border-radius:50%}.spinv-waste-breakup i.red{background:var(--inv-red)}.spinv-waste-breakup i.orange{background:var(--inv-orange)}.spinv-waste-breakup i.pink{background:var(--inv-pink)}.spinv-waste-breakup i.purple{background:var(--inv-purple)}
.spinv-dept-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px}.spinv-dept-grid button{display:flex;align-items:center;gap:8px;border:1px solid var(--spx-border);background:var(--spx-surface2);border-radius:9px;padding:8px;text-align:left;cursor:pointer}.spinv-dept-grid button>i:first-child{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:var(--spx-primary);background:color-mix(in srgb,var(--spx-primary) 10%,var(--spx-surface))}.spinv-dept-grid b{display:block;font-size:9px}.spinv-dept-grid small{display:block;font-size:8px;color:var(--spx-muted)}
.spinv-bottom-grid{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:11px}.spinv-ranked{padding:5px 11px 10px}.spinv-ranked>div{display:grid;grid-template-columns:22px 1fr auto;gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid var(--spx-border);font-size:9px}.spinv-ranked>div>span{width:19px;height:19px;border-radius:6px;display:grid;place-items:center;background:color-mix(in srgb,var(--spx-primary) 12%,var(--spx-surface));color:var(--spx-primary);font-weight:800}.spinv-ranked b{font-size:10px}.spinv-ranked em{font-style:normal;font-weight:750;color:var(--spx-text)}
.spinv-activity{padding:3px 10px 9px}.spinv-activity>div{display:grid;grid-template-columns:110px 1fr auto 70px;gap:6px;align-items:center;padding:6px 0;border-bottom:1px solid var(--spx-border);font-size:8px}.spinv-activity span b{display:block;color:var(--spx-primary)}.spinv-activity span small{display:block;color:var(--spx-muted)}.spinv-activity em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spinv-activity strong{color:var(--inv-green)}.spinv-activity i{font-style:normal;color:var(--spx-muted);text-align:right}
.spinv-loading{position:absolute;inset:0;z-index:80;background:color-mix(in srgb,var(--spx-bg) 76%,transparent);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding-top:90px;gap:9px}.spinv-loading[hidden]{display:none}.spinv-loading span{width:19px;height:19px;border-radius:50%;border:2px solid var(--spx-border);border-top-color:var(--spx-primary);animation:spinvspin .8s linear infinite}.spinv-loading b{font-size:11px}@keyframes spinvspin{to{transform:rotate(360deg)}}

@media(max-width:1500px){.spinv-kpis{grid-template-columns:repeat(4,1fr)}.spinv-main-grid{grid-template-columns:minmax(0,1.35fr) minmax(285px,.75fr)}.spinv-actions-card{grid-column:1/-1;min-height:0}.spinv-action-total{width:240px;display:inline-flex;vertical-align:middle}.spinv-action-mini{display:inline-grid;grid-template-columns:repeat(4,120px);vertical-align:middle;padding:10px 12px}.spinv-quick{grid-template-columns:auto repeat(5,1fr)}}
@media(max-width:1180px){.spinv-head{grid-template-columns:1fr}.spinv-tools{justify-content:flex-start}.spinv-middle-grid,.spinv-lower-grid,.spinv-bottom-grid{grid-template-columns:1fr}.spinv-main-grid{grid-template-columns:1fr 1fr}.spinv-overview{grid-column:1/-1}.spinv-search{flex:1;min-width:220px}.spinv-quick{grid-template-columns:repeat(5,1fr)}.spinv-quick-title{grid-column:1/-1}}
@media(max-width:760px){#main:has(.spinv){padding:12px 10px 82px}.spinv-head{margin-top:0}.spinv-title h1{font-size:21px}.spinv-title p{font-size:9px}.spinv-tools{display:grid;grid-template-columns:1fr 1fr}.spinv-outlet-wrap,.spinv-search{grid-column:1/-1;width:100%}.spinv-outlet-btn{width:100%}.spinv-date{width:100%}.spinv-date input{width:100%}.spinv-icon-btn{width:100%}.spinv-action{padding:0 8px;font-size:10px}.spinv-kpis{grid-template-columns:1fr 1fr;gap:7px}.spinv-kpi{min-height:82px;padding:9px}.spinv-kpi-copy b{font-size:16px}.spinv-main-grid{grid-template-columns:1fr}.spinv-overview,.spinv-health,.spinv-actions-card{grid-column:auto}.spinv-health-body{grid-template-columns:130px 1fr}.spinv-action-total{width:calc(100% - 24px);display:flex}.spinv-action-mini{display:grid;grid-template-columns:1fr 1fr}.spinv-middle-grid{grid-template-columns:1fr}.spinv-quick{grid-template-columns:1fr 1fr 1fr}.spinv-quick-title{grid-column:1/-1}.spinv-quick-btn{white-space:normal;min-height:45px}.spinv-flow{font-size:8px}.spinv-panel-head h2{font-size:13px}.spinv-dept-grid{grid-template-columns:1fr 1fr}.spinv-activity>div{grid-template-columns:86px 1fr auto}.spinv-activity i{display:none}.spinv-table{min-width:640px}.spinv-bottom-grid{grid-template-columns:1fr}}
@media(max-width:430px){.spinv-kpi-icon{width:32px;height:32px;font-size:15px}.spinv-kpi-copy small{font-size:9px}.spinv-kpi-copy em{font-size:8px}.spinv-tools{grid-template-columns:1fr 1fr}.spinv-health-body{grid-template-columns:1fr}.spinv-donut{height:145px}.spinv-dept-grid{grid-template-columns:1fr}.spinv-quick{grid-template-columns:1fr 1fr}}


/* ===== Sales Dashboard + Live Table Sale Premium 2026.10.02 ===== */
.sp-head-live-item{margin-right:10px!important}.sp-head-live-link{position:relative;display:flex!important;align-items:center!important;gap:7px!important;height:36px;padding:0 13px!important;border-radius:12px!important;background:linear-gradient(180deg,#ff4a3e,#c91d20)!important;color:#fff!important;border:1px solid #ff7b60!important;box-shadow:0 4px 0 #8e1418,0 8px 18px rgba(211,30,35,.28),inset 0 1px 0 rgba(255,255,255,.3)!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important}
.sp-head-live-link:hover{transform:translateY(-1px);filter:brightness(1.05)}.sp-head-live-link i{font-size:16px}.sp-head-live-link b{position:absolute;right:-6px;top:-7px;min-width:18px;height:18px;padding:0 4px;border-radius:10px;display:grid;place-items:center;background:#ffe438;color:#3b2600;border:1px solid #bc9300;font-size:9px;box-shadow:0 2px 5px rgba(0,0,0,.2)}.sp-head-live-link b:empty{display:none}
@media(max-width:700px){.sp-head-live-link span{display:none}.sp-head-live-link{width:38px;padding:0!important;justify-content:center!important}}

/* Sales Dashboard */
body.sp-sales-dashboard{background:linear-gradient(135deg,#f4f8fe,#fbfdff)!important}.sp-sales-dashboard #main{padding:14px 18px 28px}.sp-sales-dashboard .pagetitle{display:none!important}.spsales{position:relative;max-width:1900px;margin:0 auto;color:#0d1b45;font-family:var(--spx-font,"Poppins","Segoe UI",sans-serif)}
.spsales-titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 9px}.spsales-titlebar h1{font-family:Georgia,"Times New Roman",serif;margin:0;color:#101a48;font-size:30px;font-weight:850;letter-spacing:-.7px}.spsales-titlebar p{margin:3px 0 0;font-size:10px;color:#627294}.sps-live-pill{display:inline-flex;vertical-align:middle;align-items:center;gap:5px;margin-left:8px;padding:5px 10px;border-radius:6px;background:#12ad55;color:#fff;font:bold 9px var(--spx-font);letter-spacing:.05em}.sps-live-pill i{width:7px;height:7px;border-radius:50%;background:#d8ffe7;box-shadow:0 0 7px #fff}
.spsales-actions{display:flex;gap:10px}.sps-btn{height:42px;border:0;border-radius:8px;padding:0 18px;color:#fff!important;font-size:12px;font-weight:800;box-shadow:0 4px 0 rgba(0,0,0,.18),0 8px 18px rgba(0,80,160,.12);cursor:pointer}.sps-btn i{margin-right:7px}.sps-btn.blue{background:linear-gradient(#2d9cff,#1177e7)}.sps-btn.green{background:linear-gradient(#18c869,#079943)}.sps-btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.sps-btn:active{transform:translateY(2px);box-shadow:none}
.spsales-filter{min-height:54px;padding:8px 12px;border:1px solid #e1e9f5;border-radius:10px;background:rgba(255,255,255,.92);box-shadow:0 5px 18px rgba(55,89,137,.05);display:flex;align-items:center;gap:8px;margin-bottom:9px;font-size:10px}.spsales-filter>label:first-child{font-weight:800;margin-right:2px}.sps-filter-control,.sps-datebox,.sps-compare select{height:35px;border:1px solid #d7e2f1;border-radius:7px;background:#f9fbff;color:#17264e}.sps-filter-control{min-width:165px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.sps-outlet-wrap{position:relative}.sps-outlet-menu{position:absolute;top:42px;left:0;z-index:80;min-width:235px;max-height:300px;overflow:auto;background:white;border:1px solid #dbe5f2;border-radius:12px;padding:7px;box-shadow:0 14px 34px rgba(24,54,94,.18)}.sps-outlet-menu label{display:flex;gap:8px;align-items:center;padding:8px;border-radius:8px}.sps-outlet-menu label:hover{background:#f0f6ff}.sps-outlet-menu input{accent-color:#168bff}.sps-outlet-menu .all{font-weight:750;border-bottom:1px solid #e7edf6}
.sps-range{display:flex}.sps-range button{height:35px;padding:0 14px;background:#f9fbff;border:1px solid #d7e2f1;margin-left:-1px;color:#223258;font-weight:650;font-size:10px}.sps-range button:first-child{border-radius:7px 0 0 7px}.sps-range button:last-child{border-radius:0 7px 7px 0}.sps-range button.active{background:#168bff;color:#fff;border-color:#168bff;box-shadow:0 5px 12px rgba(22,139,255,.18)}
.sps-datebox{display:flex;align-items:center;gap:5px;padding:0 10px}.sps-datebox i{color:#17356d}.sps-datebox input{border:0;background:transparent;color:#23355a;font-size:10px;width:104px;outline:0}.sps-compare{display:flex;align-items:center;gap:7px;font-weight:700}.sps-compare select{padding:0 25px 0 9px;font-size:10px}
.sps-kpis{display:grid;grid-template-columns:repeat(8,minmax(120px,1fr));gap:7px;margin-bottom:9px}.sps-kpi{min-height:88px;border:1px solid #e0e9f4;border-radius:10px;background:linear-gradient(145deg,#fff,#f7faff);display:flex;gap:10px;align-items:flex-start;padding:11px;box-shadow:0 6px 15px rgba(57,84,124,.06)}.sps-kpi>i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:18px}.sps-kpi span{display:flex;min-width:0;flex-direction:column}.sps-kpi small{font-size:9px;color:#26375f;white-space:nowrap}.sps-kpi b{font-size:17px;color:#111d48;white-space:nowrap}.sps-kpi em{font-size:8px;font-style:normal;font-weight:750;white-space:nowrap}.sps-kpi em u{text-decoration:none;color:#7a88a7;margin-left:4px;font-weight:500}.sps-kpi em.up{color:#07a442}.sps-kpi em.down{color:#f04444}.sps-kpi.green>i{color:#079a47;background:#dcf8e7}.sps-kpi.blue>i{color:#168bff;background:#e0efff}.sps-kpi.orange>i{color:#ff810b;background:#fff0dc}.sps-kpi.purple>i{color:#8248e9;background:#eee4ff}.sps-kpi.pink>i{color:#ed2c69;background:#ffe1eb}.sps-kpi.red>i{color:#eb302c;background:#ffe2df}.sps-kpi.teal>i{color:#0fb8b5;background:#dcf8f6}
.sps-card{background:rgba(255,255,255,.96);border:1px solid #dee7f2;border-radius:10px;box-shadow:0 6px 18px rgba(46,78,121,.055);overflow:hidden}.sps-card-head{height:42px;padding:0 11px;border-bottom:1px solid #e8eef6;display:flex;align-items:center;justify-content:space-between}.sps-card-head h2{margin:0;font-size:14px;font-weight:850;color:#111e4c}.sps-card-head h2 i{color:#168bff;margin-right:7px}.sps-card-head>span,.sps-card-head select,.sps-card-head button{font-size:9px;border:1px solid #dce5f1;background:#fbfdff;border-radius:6px;padding:4px 8px;color:#1e3262}.sps-card-head button{cursor:pointer}
.sps-grid-main{display:grid;grid-template-columns:1.65fr .85fr .75fr;gap:8px;margin-bottom:8px}.sps-chart{height:245px;padding:7px 10px}.sps-order-wrap{height:245px;padding:13px;display:grid;grid-template-columns:150px 1fr;align-items:center;gap:12px}.sps-donut-css{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#31d28e 0 43%,#168bff 43% 71%,#ff922f 71% 88%,#8b4bea 88% 100%);position:relative}.sps-donut-css:after{content:"";position:absolute;inset:30px;border-radius:50%;background:#fff}.sps-donut-css>div{position:relative;z-index:2;text-align:center}.sps-donut-css b{display:block;font-size:23px;color:#101b47}.sps-donut-css span{font-size:9px;font-weight:700}.sps-order-legend{display:grid;gap:10px}.sps-order-legend>div{display:grid;grid-template-columns:9px 1fr auto;gap:7px;align-items:center}.sps-order-legend>div>i{width:9px;height:9px;border-radius:50%}.sps-order-legend span b{display:block;font-size:10px}.sps-order-legend span small{display:block;font-size:8px;color:#6b7b9c}.sps-order-legend em{font-style:normal;border:1px solid currentColor;border-radius:12px;padding:3px 6px;font-size:9px}
.sps-payments{padding:9px 10px;display:grid;gap:8px;min-height:194px}.sps-payments>div{display:grid;grid-template-columns:25px 55px 1fr 75px 28px;gap:6px;align-items:center;font-size:9px}.sps-payments>div>i{width:24px;height:24px;border-radius:6px;display:grid;place-items:center}.sps-payments b{font-size:10px}.sps-payments em{height:6px;border-radius:5px;background:#ecf1f8;overflow:hidden}.sps-payments em u{display:block;height:100%;border-radius:5px}.sps-payments strong{text-align:right;font-size:9px}.sps-payments small{text-align:right;color:#536381}.sps-collection{margin:0 9px 9px;padding:8px 10px;border-radius:8px;background:#e9fbf0;color:#0c9141;display:grid;grid-template-columns:25px 1fr auto;align-items:center}.sps-collection i{font-size:19px}.sps-collection span{font-size:9px;font-weight:700}.sps-collection b{font-size:14px}
.sps-grid-mid{display:grid;grid-template-columns:1.35fr 1fr;gap:8px;margin-bottom:8px}.sps-live-status{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:10px}.sps-live-status button{height:67px;border:0;border-radius:9px;padding:7px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;text-align:left;cursor:pointer}.sps-live-status>button>i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:15px}.sps-live-status span small{display:block;font-size:8px}.sps-live-status span b{display:block;font-size:18px}.sps-live-status em{align-self:end;font-style:normal;font-size:8px;color:#1871dd}.sps-live-status .green{background:#e8fbf1;color:#0b9a48}.sps-live-status .orange{background:#fff3e5;color:#e87400}.sps-live-status .blue{background:#e9f3ff;color:#176fd9}.sps-live-status .purple{background:#f2eaff;color:#7a42dd}.sps-live-status .pink{background:#ffeaf2;color:#e52e6e}
.sps-contribution{padding:8px 12px}.sps-contribution>div{display:grid;grid-template-columns:8px 125px 1fr 35px 88px;gap:7px;align-items:center;padding:3px 0;font-size:9px}.sps-contribution i{width:7px;height:7px}.sps-contribution em{height:7px;background:#e9eff7;border-radius:5px;overflow:hidden}.sps-contribution em u{display:block;height:100%;border-radius:5px}.sps-contribution strong{text-align:right}
.sps-grid-bottom{display:grid;grid-template-columns:1fr 1fr .95fr 1.1fr;gap:8px}.sps-mini-table{padding:5px 10px 8px}.sps-mini-table>div{display:grid;grid-template-columns:25px 1fr 70px 50px;gap:5px;align-items:center;min-height:22px;border-bottom:1px solid #edf1f7;font-size:8px}.sps-mini-table .head{color:#687796;font-weight:700}.sps-mini-table b{font-size:9px}.sps-mini-table em{font-style:normal;text-align:right}.sps-mini-table strong{text-align:right}.sps-mini-table strong.up{color:#07a442}.sps-mini-table strong.down{color:#ed3939}.sps-empty{padding:16px!important;color:#74829d!important;text-align:center;font-size:9px}
.sps-loading{position:absolute;inset:0;z-index:99;background:rgba(246,250,255,.72);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:flex-start;padding-top:80px;gap:8px}.sps-loading[hidden]{display:none}.sps-loading>span{width:20px;height:20px;border:2px solid #c8d5e7;border-top-color:#168bff;border-radius:50%;animation:spspin .8s linear infinite}.sps-loading b{font-size:10px}@keyframes spspin{to{transform:rotate(360deg)}}

/* Live Table Sale */
body.sp-live-dashboard{background:#021023!important}.sp-live-dashboard #main{padding:12px 12px 30px;background:radial-gradient(circle at 90% 80%,rgba(135,69,26,.28),transparent 24%),linear-gradient(135deg,#031326,#020b18)}.sp-live-dashboard .pagetitle{display:none!important}.splive{position:relative;max-width:1900px;margin:0 auto;color:#f7fbff;font-family:var(--spx-font,"Poppins","Segoe UI",sans-serif)}
.splive-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.splive-top h1{margin:0;font-size:27px;font-weight:850;color:#fff}.splive-top h1 span{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:5px 9px;border-radius:12px;background:#10a94d;font-size:9px;vertical-align:middle}.splive-top h1 span i{width:7px;height:7px;border-radius:50%;background:white}.splive-top p{margin:2px 0 0;font-size:10px;color:#b7c9e0}.splive-tools{display:flex;gap:8px;align-items:center}.splive-tools select,.splive-tools label,.splive-tools button{height:43px;border-radius:8px;border:1px solid #1c5a90;background:#052344;color:#fff;font-size:11px;font-weight:700}.splive-tools select{min-width:170px;padding:0 12px}.splive-tools label{display:flex;align-items:center;gap:8px;padding:0 12px;width:250px}.splive-tools input{border:0;background:transparent;color:#fff;outline:0;width:100%}.splive-tools input::placeholder{color:#b8cae0}.splive-tools button{padding:0 16px;box-shadow:0 4px 12px rgba(0,0,0,.2)}.splive-tools .refresh{background:#0a3563}.splive-tools button.all.active{background:#eaf5ff;color:#126fd2}.splive-tools button.running{border-color:#d7ad00;color:#ffe40c;background:#332b02;box-shadow:0 0 15px rgba(255,220,0,.17)}.splive-tools button.occupied{border-color:#e42a4f;color:#ff5573;background:#340516;box-shadow:0 0 15px rgba(255,28,75,.17)}
.splive-layout{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:10px}.splive-outlets{display:grid;gap:10px}.splive-outlet{border:1px solid color-mix(in srgb,var(--outlet-accent) 45%,#173b5f);border-radius:10px;background:#032040;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.22)}.splive-outlet>header{min-height:75px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,color-mix(in srgb,var(--outlet-accent) 25%,#032040),#04213d);border-bottom:1px solid color-mix(in srgb,var(--outlet-accent) 55%,#173b5f)}.splive-outlet .name{display:flex;align-items:center;gap:10px;font-size:20px}.splive-outlet .name>i{width:43px;height:43px;border-radius:9px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--outlet-accent),#126be8);font-size:20px;box-shadow:0 5px 12px rgba(0,0,0,.2)}.splive-outlet .metrics{display:flex;gap:8px}.splive-outlet .metrics>span{min-width:112px;height:50px;border:1px solid #286496;border-radius:8px;display:grid;grid-template-columns:35px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:5px 8px}.splive-outlet .metrics i{grid-row:1/3;font-size:23px}.splive-outlet .metrics em{font-style:normal;font-size:9px}.splive-outlet .metrics b{font-size:18px}.splive-outlet .metrics .r{background:linear-gradient(120deg,#332d00,#092b50);color:#ffe500;border-color:#7e7300}.splive-outlet .metrics .o{background:linear-gradient(120deg,#3a0719,#08294d);color:#ff5c78;border-color:#8a1740}.splive-outlet .metrics .s{background:linear-gradient(120deg,#004632,#073553);color:#42f0a9;border-color:#007b59;min-width:145px}.splive-outlet .metrics .s b{font-size:15px;color:#fff}
.splive-groups{display:grid;grid-template-columns:1.55fr 1fr;gap:8px;padding:8px}.splive-group{border-radius:9px;overflow:hidden}.splive-group.running{background:#221d02;border:1px solid #b99600}.splive-group.occupied{background:#260411;border:1px solid #ad173a}.splive-group .group-head{height:42px;padding:0 10px;display:flex;align-items:center;justify-content:space-between}.splive-group .group-head b{font-size:15px}.splive-group .group-head b i{display:inline-block;width:16px;height:16px;border-radius:50%;margin-right:7px;vertical-align:-3px}.splive-group.running .group-head{color:#ffe500}.splive-group.running .group-head b i{border:2px solid #ffe500;box-shadow:0 0 8px #ffe500}.splive-group.occupied .group-head{color:#ff5270}.splive-group.occupied .group-head b i{border:2px solid #ff5270;box-shadow:0 0 8px #ff5270}.splive-group .group-head span{font-size:13px;font-weight:800}.splive-table-grid{display:grid;grid-template-columns:repeat(4,minmax(115px,1fr));gap:7px;padding:0 8px 8px}.splive-group.occupied .splive-table-grid{grid-template-columns:repeat(2,minmax(135px,1fr))}
.splive-table-card{position:relative;min-height:102px;border-radius:9px;padding:7px 8px;display:grid;grid-template-columns:35px 1fr;grid-template-rows:auto auto auto auto;text-align:left;color:#fff;border:1px solid;cursor:pointer;overflow:hidden}.splive-table-card.running{background:linear-gradient(135deg,#7c5800,#211c00 68%);border-color:#ffd900;box-shadow:inset 0 0 15px rgba(255,209,0,.15),0 0 9px rgba(255,209,0,.2)}.splive-table-card.occupied{background:linear-gradient(135deg,#b81132,#3a0612 70%);border-color:#ff395e;box-shadow:inset 0 0 16px rgba(255,60,90,.18),0 0 8px rgba(255,31,75,.18)}.splive-table-card.selected{outline:2px solid #fff;outline-offset:-3px;box-shadow:0 0 20px currentColor}.splive-table-card .no{grid-column:1/3;font-size:17px;font-weight:850}.splive-table-card .dots{position:absolute;right:7px;top:6px}.splive-table-card .table-pic{grid-row:2/5;font-size:26px;color:#ffc736;display:grid;place-items:center}.splive-table-card.occupied .table-pic{color:#ffb169}.splive-table-card>span:not(.no):not(.dots):not(.table-pic){font-size:9px}.splive-table-card strong{font-size:10px}.splive-none{grid-column:1/-1;padding:18px;text-align:center;color:#aebccf;font-size:10px}
.splive-detail{position:sticky;top:72px;align-self:start;border:1px solid #1860a0;border-radius:10px;background:linear-gradient(165deg,#031c37,#021326);min-height:510px;box-shadow:0 10px 30px rgba(0,0,0,.3);overflow:hidden}.splive-empty-detail{min-height:510px;display:grid;place-content:center;text-align:center;color:#89a3be;padding:30px}.splive-empty-detail i{font-size:48px;color:#1589ed}.splive-empty-detail b{font-size:17px;color:#dceeff;margin-top:8px}.splive-empty-detail span{font-size:10px;margin-top:5px}.splive-detail-head{height:62px;padding:0 12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #15436d}.splive-detail-head h2{margin:0;color:#ffe135;font-size:20px}.splive-detail-head span{border-radius:12px;padding:5px 10px;font-size:9px;font-weight:800}.splive-detail-head span.running{background:#ffe51c;color:#2a2400}.splive-detail-head span.occupied{background:#ff3459;color:#fff}.splive-detail-head button{margin-left:auto;background:none;border:0;color:#fff;font-size:25px}.splive-detail-kpis{display:grid;grid-template-columns:1fr 1fr .7fr 1.2fr;gap:6px;padding:10px}.splive-detail-kpis>div{min-height:67px;border:1px solid #15548c;background:#062749;border-radius:8px;padding:8px}.splive-detail-kpis small{display:block;color:#b3c7db;font-size:9px}.splive-detail-kpis b{display:block;font-size:15px;margin-top:4px}.splive-detail-kpis .amount{border-color:#168bff}.splive-detail-kpis .amount b{color:#2cb8ff;font-size:17px}.splive-items-title{padding:0 10px 7px;font-size:13px;font-weight:800}.splive-items{margin:0 10px;border:1px solid #124776;border-radius:7px;max-height:245px;overflow:auto}.splive-items table{width:100%;border-collapse:collapse;font-size:9px}.splive-items th,.splive-items td{padding:7px 6px;border-bottom:1px solid #113b61;text-align:right}.splive-items th:nth-child(2),.splive-items td:nth-child(2){text-align:left}.splive-items th{color:#bcd0e4;background:#05213d;position:sticky;top:0}.splive-items .empty{text-align:center!important;color:#8ea6bf;padding:18px!important}.splive-total-lines{padding:9px 11px}.splive-total-lines>div{display:flex;justify-content:space-between;padding:5px 0;font-size:10px}.splive-total-lines .grand{border-top:1px solid #1f5687;margin-top:3px;padding-top:8px;font-size:14px;font-weight:800}.splive-total-lines .grand b{color:#ffe22b;font-size:20px}.splive-detail-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:5px 10px 13px}.splive-detail-actions button{height:67px;border:0;border-radius:8px;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:750;box-shadow:0 4px 0 rgba(0,0,0,.3);cursor:pointer}.splive-detail-actions button i{font-size:18px}.splive-detail-actions button span{margin-top:-10px}.splive-detail-actions .green{background:linear-gradient(#14d879,#05a655)}.splive-detail-actions .blue{background:linear-gradient(#18a8f1,#0872cf)}.splive-detail-actions .cyan{background:linear-gradient(#24b7f5,#1383df)}.splive-detail-actions .red{background:linear-gradient(#ff4c52,#d91c2b)}.splive-no-outlet{padding:40px;text-align:center;color:#a9bed4}.splive-loading{position:fixed;inset:60px 0 0 0;z-index:100;background:rgba(1,10,20,.35);backdrop-filter:blur(1px);display:flex;align-items:flex-start;justify-content:center;padding-top:80px;gap:8px}.splive-loading[hidden]{display:none}.splive-loading span{width:20px;height:20px;border-radius:50%;border:2px solid #52708e;border-top-color:#24a8ff;animation:spspin .8s linear infinite}.splive-loading b{font-size:10px}

@media(max-width:1500px){.sps-kpis{grid-template-columns:repeat(4,1fr)}.sps-grid-main{grid-template-columns:1.5fr .9fr}.sps-grid-main>article:last-child{grid-column:1/-1}.sps-payments{grid-template-columns:1fr 1fr;min-height:0}.sps-grid-bottom{grid-template-columns:1fr 1fr}.splive-layout{grid-template-columns:minmax(0,1fr) 330px}.splive-table-grid{grid-template-columns:repeat(3,1fr)}.splive-group.occupied .splive-table-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1180px){.spsales-titlebar{align-items:flex-start}.spsales-filter{flex-wrap:wrap}.sps-grid-main,.sps-grid-mid{grid-template-columns:1fr}.sps-grid-main>article:last-child{grid-column:auto}.sps-grid-bottom{grid-template-columns:1fr 1fr}.splive-top{align-items:flex-start;flex-direction:column}.splive-tools{width:100%;flex-wrap:wrap}.splive-layout{grid-template-columns:1fr}.splive-detail{position:relative;top:0}.splive-groups{grid-template-columns:1fr}.splive-group.occupied .splive-table-grid,.splive-table-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.sp-sales-dashboard #main,.sp-live-dashboard #main{padding:10px 9px 80px}.spsales-titlebar{flex-direction:column}.spsales-titlebar h1{font-size:25px}.spsales-actions{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr}.sps-btn{padding:0 7px;font-size:9px}.spsales-filter{display:grid;grid-template-columns:auto 1fr}.sps-outlet-wrap{grid-column:2}.sps-range,.sps-datebox,.sps-compare{grid-column:1/-1}.sps-range button{flex:1;padding:0 7px}.sps-datebox{justify-content:center}.sps-kpis{grid-template-columns:1fr 1fr}.sps-grid-bottom{grid-template-columns:1fr}.sps-order-wrap{grid-template-columns:130px 1fr}.sps-live-status{grid-template-columns:1fr 1fr}.sps-contribution>div{grid-template-columns:8px 90px 1fr 35px}.sps-contribution strong{display:none}.splive-top h1{font-size:23px}.splive-tools{display:grid;grid-template-columns:1fr 1fr}.splive-tools select,.splive-tools label{width:100%;min-width:0}.splive-tools label{grid-column:1/-1}.splive-outlet>header{align-items:flex-start;flex-direction:column;gap:8px}.splive-outlet .metrics{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr}.splive-outlet .metrics>span,.splive-outlet .metrics .s{min-width:0}.splive-table-grid,.splive-group.occupied .splive-table-grid{grid-template-columns:1fr 1fr}.splive-detail-kpis{grid-template-columns:1fr 1fr}.splive-detail-actions{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.sps-kpis{grid-template-columns:1fr}.sps-order-wrap{grid-template-columns:1fr}.sps-donut-css{margin:auto}.sps-payments{grid-template-columns:1fr}.splive-tools{grid-template-columns:1fr}.splive-tools label{grid-column:auto}.splive-outlet .metrics{grid-template-columns:1fr}.splive-table-grid,.splive-group.occupied .splive-table-grid{grid-template-columns:1fr}.splive-detail-kpis{grid-template-columns:1fr 1fr}}


/* LiveSale robust rows + Net/Gross/Pending fix */
.splive-outlet .metrics{flex-wrap:wrap;justify-content:flex-end}
.splive-outlet .metrics .n{background:linear-gradient(120deg,#003c65,#073553);color:#5fc7ff;border-color:#0875bd;min-width:138px}
.splive-outlet .metrics .g{background:linear-gradient(120deg,#004632,#073553);color:#42f0a9;border-color:#007b59;min-width:138px}
.splive-outlet .metrics .p{background:linear-gradient(120deg,#4b2e00,#073553);color:#ffbd45;border-color:#99610a;min-width:138px}
.splive-outlet .metrics .n b,.splive-outlet .metrics .g b,.splive-outlet .metrics .p b{font-size:13px;color:#fff;white-space:nowrap}
.sp-live-fallback #main .btnDishComments .sales-card{border-radius:12px!important;box-shadow:0 8px 20px rgba(0,0,0,.12)!important}
@media(max-width:1500px){.splive-outlet>header{align-items:flex-start}.splive-outlet .metrics{max-width:720px}}
@media(max-width:900px){.splive-outlet .metrics{width:100%;display:grid;grid-template-columns:repeat(2,1fr);max-width:none}.splive-outlet .metrics>span,.splive-outlet .metrics .n,.splive-outlet .metrics .g,.splive-outlet .metrics .p{min-width:0}}


/* LiveSale punched-items visibility fix 2026.10.02 */
.splive-items{background:#061b32!important;border-color:#1d5d91!important}
.splive-items table,
.splive-items table.table,
.splive-items table.dataTable{
  background:#061b32!important;
  color:#f5fbff!important;
  border-collapse:collapse!important;
}
.splive-items thead,
.splive-items thead tr,
.splive-items thead th{
  background:#0a2a4b!important;
  color:#dcecff!important;
  border-color:#1b527f!important;
}
.splive-items tbody,
.splive-items tbody tr,
.splive-items tbody td{
  background:#071c33!important;
  color:#f5fbff!important;
  border-color:#17476f!important;
}
.splive-items tbody tr:nth-child(even) td{background:#0a223c!important}
.splive-items tbody tr:hover td{background:#0d2b4b!important}
.splive-items tbody td:nth-child(1){color:#9fc7e8!important}
.splive-items tbody td:nth-child(2){
  color:#ffffff!important;
  font-weight:700!important;
  text-align:left!important;
}
.splive-items tbody td:nth-child(3),
.splive-items tbody td:nth-child(4),
.splive-items tbody td:nth-child(5){
  color:#e7f3ff!important;
  font-weight:650!important;
}
.splive-items .empty{background:#071c33!important;color:#9fb5ca!important}
.splive-items::-webkit-scrollbar{width:8px;height:8px}
.splive-items::-webkit-scrollbar-track{background:#041426}
.splive-items::-webkit-scrollbar-thumb{background:#2a6fa6;border-radius:10px}
.splive-items::-webkit-scrollbar-thumb:hover{background:#3b8bc8}


/* LiveSale monitor-only website fix 2026.10.02 */
.splive-detail-actions{display:none!important}
.splive-monitor-strip{
  margin:8px 10px 13px;
  min-height:58px;
  border:1px solid #17558a;
  border-radius:9px;
  background:linear-gradient(135deg,#082744,#06192d);
  color:#dcecff;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
}
.splive-monitor-strip>i{
  width:34px;height:34px;border-radius:9px;
  display:grid;place-items:center;
  background:#0d5f9e;color:#8dd5ff;font-size:17px;
}
.splive-monitor-strip span{display:block;min-width:0}
.splive-monitor-strip b{display:block;font-size:11px;color:#ffffff}
.splive-monitor-strip small{display:block;margin-top:2px;font-size:8px;line-height:1.4;color:#9db6cc}