body{
  font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  overflow-x: hidden;
  overflow-y: auto;
  background: #f1f2f7;
  height: 100%;
  width: 100%;
}a{
  color #777;
  text-decoration: none;
}.padding-top{
  padding-top: 20px;
}.login-page{
  width: 350px;
  margin: 7% auto;
  padding: 0 20px;
  background-color: #f9f9f9;
  border: 1px solid #f2f2f2;
}.login-page .text-center{
  margin-bottom: 10px;
}.box{
  padding: 20px;
  background-color: #f9f9f9;
  border: 1px solid #f2f2f2;
}.page{
  position: relative;
  display: block;
  top: 50px;
  left: 0;
  padding: 35px 15px 20px 270px;
}

.bg-green{
  background-color: #A3C86D;
}
.bg-blue{
  background-color: #7ACBEE;
}
.bg-yellow{
  background-color: #FDD761;
}
.bg-red{
  background-color: #FF7857;
}
.panel-default >.panel-heading{
  background-color: #f5f5f5;
  border-bottom: 2px solid #3498DB;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: .5px;
  padding: 15px;
}.panel-box{
  width: 100%;
  height: 100%;
  text-align: center;
  border: none;
}.panel-value{
  width: 60%;
}.panel-icon{
  padding: 30px;
  width: 40%;
  border-radius: 0;
}.panel-icon{
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}.panel-value{
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}.panel-value h2{
  margin-top: 30px;
}
.panel-icon i{
  line-height:65px;
  font-size: 40px;
  color: #fff;
}
#header {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 65px;
  line-height: 65px;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
   box-shadow: 0 1px 2px rgba(0,0,0,0.1);
} header > .logo {
    color: #fff;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    width: 250px;
     background-color: #16a085;
}.header-date{
  color: #9b9b9b;
  margin-left: 20px;
}
.info-menu{
  height: 60px;
  margin: 0;
  line-height: 60px;
  padding: 0 15px;
}.info-menu li.profile {
  position: relative;
}.profile a.toggle{
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  color: rgba(150, 150, 158, 1.0);
  position: relative;
  padding: 10px 10px 10px 0;
  margin: 0;
  background: #f9f9f9;
  border-radius: 30px;
}.info-menu li.profile a img{
  width: 30px;
  height: 30px;
}.dropdown-menu{
  margin-top: 4px;
  border-color: #fefefe;
  border-radius: 0;
   box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.15);
  -moz-box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.15);
  -webkit-box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.15);
  }.dropdown-menu li{
    margin: 0;
    padding: 0;
    display: block;
    line-height: 35px;
 }.dropdown-menu li a{
  text-decoration: none;
  display: block;
  font-size: 14px;
  position: relative;
  line-height: 30px;
  width: 100%;
  border-bottom: 1px solid #f4faf9;
}.dropdown-menu li a i{
  margin-right: 5px;
}.dropdown-menu li.last a{
  border-bottom: 0;
}.datepicker{
  text-align: center;
}
.sidebar {
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  padding: 65px 0 0;
  height: 100%;
  width: 250px;
  background: #2a3542;
  border-right: 1px solid #ddd;
  text-align: center;
}.sidebar ul li:hover,.submenu ul li:hover{
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}.sidebar ul{
  list-style: none;
  margin: 0;
  padding: 0;
}.sidebar ul li {
  display: block;
}.sidebar ul li:hover,ul.submenu{
  background-color:#35404d;
}.sidebar ul li a:hover {
  color: white;
}.sidebar ul li a,ul.submenu li a {
  color: #aeb2b7;
  display: block;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  text-decoration: none;
  text-align: left;
}.sidebar ul li a span,.sidebar ul li i{
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1.5px;
  text-shadow: 0 1px rgba(0,0,0, 1);
}.sidebar ul li a i{
  color: #aeb2b7;
  padding: 15px 22px;
  text-align: center;
}ul.submenu{
  display: none;
  position: relative;
}ul.submenu li a:hover{
  background-color:#35404d;
}ul.submenu li a {
  padding-left: 45px;
}ul.submenu li:before{
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 25px;
  top: 0;
  bottom: 0;
  border: 1px dotted #d7d7d7;
  border-width: 0 0 0 1px;
}ul.submenu li a:before{
  content: "";
  display: inline-block;
  position: absolute;
  width: 7px;
  left: 25px;
  top: 18px;
  border-top: 1px dotted #d7d7d7;
}

.sale_report_header{
  padding: 15px 0;
}
table td h6{
  margin: 0 0 0.2em 0;
}
table tfoot tr td:first-child{
  border: 0;
}table tfoot tr td:last-child{
  border-top: 1px solid #ccc;
}table td h6,table tfoot tr td:last-child{
  color: #000;
  _font-size: 1.2em;
  font-weight: normal;
}
.form-control{
  color: #646464;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -moz-transition: all .15s ease-out;
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-out;
}.form-control:focus{
  background: #f8f8f8;
  border-color: #3498DB;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn{
  border-radius: 3px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
   transition: all 300ms ease-in-out;
}.btn-primary {
    color: #fff;
    background-color: #51aded;
    border-color: #3d8fd8
}.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active{
    color: #fff;
    background-color: #3175b8;
    border-color: #3d8fd8
}.btn-success{
   background-color:#2ecc71
}.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active{
  background-color:#27ae60
}.btn-warning{
  background-color: #e7c13e;
  border-color: #dfba3c;
}.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active{
  background-color:#d0ac2c;
  border-color: #dfba3c;
}.btn-danger{
  background-color: #ed5153
}.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active{
  background-color:#bb282a
}.input-group-addon{
  background-color: #fcfcfc;
  border: 1px solid #dbdbdb;
  border-radius: 0;
}
input[type=file]{
  text-indent: -99999px;
}td img.img-thumbnail{
  width: 125px;
  height: 125px;
  vertical-align: top;
}.img-avatar{
  width: 50px;
  height: 50px;
}
.jumbotron{
  margin-bottom: 0;
}.list-group-item:first-child,.list-group-item:last-child{
  border-radius: 0;
}.profile .jumbotron{
  border-radius: 3px 3px 0 0;
}.profile .jumbotron h3{
  color: white;
}img.img-size-2{
  width: 125px;
  height: 125px;
}

/* Modern application shell */
:root {
  --modern-bg: #f4f6fb;
  --modern-surface: #ffffff;
  --modern-ink: #172033;
  --modern-muted: #6b7280;
  --modern-border: #dfe5ef;
  --modern-primary: #2563eb;
  --modern-primary-dark: #1d4ed8;
  --modern-sidebar: #101827;
  --modern-sidebar-soft: #1b2638;
}

.modern-app-body {
  min-height: 100%;
  background: var(--modern-bg);
  color: var(--modern-ink);
}

.public-body {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: radial-gradient(circle at top left, #dbeafe 0, #eff6ff 38%, #f8fafc 100%);
}

.public-body .login-page {
  width: 100%;
  max-width: 390px;
  padding: 28px;
  background: #ffffff;
}

.public-body .login-page h1 {
  margin-top: 0;
  font-size: 28px;
  font-weight: 800;
}

.public-body .login-page p {
  color: var(--modern-muted);
}

.modern-app-shell { min-height: 100vh; }

.modern-sidebar {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 282px;
  height: 100vh;
  padding: 18px;
  overflow-y: auto;
  background: var(--modern-sidebar);
  color: #e5edf8;
  box-shadow: 10px 0 34px rgba(15, 23, 42, 0.18);
}

.modern-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 8px 18px;
}

.modern-brand-mark {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #ffffff;
  color: var(--modern-primary);
  font-weight: 800;
}

.modern-brand strong,
.modern-user-card strong {
  display: block;
  color: #ffffff;
}

.modern-brand span,
.modern-user-card span {
  display: block;
  margin-top: 3px;
  color: #aab7c9;
  font-size: 12px;
}

.modern-user-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  margin-bottom: 14px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  background: var(--modern-sidebar-soft);
}

.modern-user-card img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
}

.modern-menu-search,
.modern-table-filter {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--modern-border);
  border-radius: 10px;
  background: #ffffff;
  padding: 0 12px;
}

.modern-menu-search {
  margin-bottom: 12px;
  border-color: rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
}

.modern-menu-search input,
.modern-table-filter input {
  width: 100%;
  height: 38px;
  border: 0;
  outline: 0;
  background: transparent;
}

.modern-menu-search input { color: #ffffff; }
.modern-menu-search input::placeholder { color: #aab7c9; }

.modern-nav-section {
  margin: 18px 8px 8px;
  color: #8ea0b8;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.modern-nav-link {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 42px;
  padding: 10px 12px;
  margin-bottom: 4px;
  border-radius: 10px;
  color: #d7e1ee;
  text-decoration: none;
  font-weight: 600;
}

.modern-nav-link:hover,
.modern-nav-link:focus,
.modern-nav-link.active {
  color: #ffffff;
  text-decoration: none;
  background: rgba(37, 99, 235, 0.78);
}

.modern-nav-link i {
  width: 20px;
  text-align: center;
}

.modern-main {
  min-height: 100vh;
  margin-left: 282px;
}

.modern-topbar {
  position: sticky;
  top: 0;
  z-index: 900;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 76px;
  padding: 14px 28px;
  background: rgba(255,255,255,0.96);
  border-bottom: 1px solid var(--modern-border);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}

.modern-topbar-left,
.modern-topbar-tools {
  display: flex;
  align-items: center;
  gap: 14px;
}

.modern-topbar h1 {
  margin: 0;
  color: var(--modern-ink);
  font-size: 24px;
  font-weight: 800;
}

.modern-topbar p {
  margin: 4px 0 0;
  color: var(--modern-muted);
}

.modern-menu-button {
  display: none;
  width: 42px;
  height: 42px;
  border: 1px solid var(--modern-border);
  border-radius: 10px;
  background: #ffffff;
}

.modern-table-filter { width: 300px; }

.modern-page.page {
  top: 0;
  left: 0;
  padding: 26px 22px 36px;
}

.panel,
.box,
.login-page,
.modern-page .bg-white {
  border: 1px solid var(--modern-border);
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.panel-default > .panel-heading {
  border-bottom: 1px solid var(--modern-border);
  background: #ffffff;
  color: var(--modern-ink);
  font-weight: 800;
}

.table { background: #ffffff; }

.table > thead > tr > th {
  border-bottom: 1px solid var(--modern-border);
  color: #334155;
  background: #f8fafc;
}

.table > tbody > tr:hover { background: #f8fbff; }

.form-control {
  min-height: 38px;
  border-color: var(--modern-border);
  border-radius: 8px;
}

.btn {
  border-radius: 8px;
  font-weight: 700;
}

.btn-primary {
  background: var(--modern-primary);
  border-color: var(--modern-primary);
}

.btn-primary:hover,
.btn-primary:focus {
  background: var(--modern-primary-dark);
  border-color: var(--modern-primary-dark);
}

.panel-box {
  border-radius: 12px;
  overflow: hidden;
}

.panel-icon { min-height: 112px; }
.modern-backdrop { display: none; }

.quick-tile {
  display: block;
  min-height: 142px;
  margin-bottom: 18px;
  padding: 22px;
  border: 1px solid var(--modern-border);
  border-radius: 12px;
  background: #ffffff;
  color: var(--modern-ink);
  text-decoration: none;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.quick-tile:hover,
.quick-tile:focus {
  color: var(--modern-ink);
  text-decoration: none;
  transform: translateY(-1px);
}

.quick-tile i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 14px;
  border-radius: 10px;
  background: #eaf1ff;
  color: var(--modern-primary);
  font-size: 18px;
}

.quick-tile strong {
  display: block;
  font-size: 18px;
}

.quick-tile span {
  display: block;
  margin-top: 4px;
  color: var(--modern-muted);
}

@media (max-width: 991px) {
  .modern-sidebar {
    transform: translateX(-105%);
    transition: transform .2s ease;
  }

  .modern-sidebar.open { transform: translateX(0); }

  .modern-backdrop.open {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 950;
    background: rgba(15, 23, 42, .42);
  }

  .modern-main { margin-left: 0; }

  .modern-menu-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .modern-topbar {
    align-items: flex-start;
    flex-direction: column;
    padding: 14px 16px;
  }

  .modern-topbar-tools,
  .modern-table-filter { width: 100%; }
}

@media (max-width: 640px) {
  .modern-page.page { padding: 16px 10px 28px; }
  .modern-topbar h1 { font-size: 20px; }
  .table-responsive { border: 0; }
}

/* Visual refresh 2026: polished Bootstrap 3 skin without database changes */
:root {
  --modern-bg: #eef3f8;
  --modern-surface: #ffffff;
  --modern-ink: #182235;
  --modern-muted: #6e7b8f;
  --modern-border: #dbe4ef;
  --modern-primary: #1f6feb;
  --modern-primary-dark: #1556bd;
  --modern-accent: #0f9f8f;
  --modern-warm: #f59e0b;
  --modern-danger: #e5484d;
  --modern-sidebar: #111827;
  --modern-sidebar-soft: #1f2937;
  --modern-shadow: 0 18px 45px rgba(17, 24, 39, .09);
}

html,
body {
  font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.modern-app-body {
  background:
    radial-gradient(circle at 12% 0%, rgba(31,111,235,.12), transparent 34%),
    radial-gradient(circle at 92% 14%, rgba(15,159,143,.13), transparent 30%),
    linear-gradient(180deg, #f8fbff 0%, var(--modern-bg) 45%, #f7f9fc 100%);
}

.modern-sidebar {
  width: 296px;
  padding: 20px 16px;
  background:
    linear-gradient(160deg, rgba(31,111,235,.16) 0%, transparent 34%),
    linear-gradient(180deg, #0b1220 0%, #111827 52%, #172033 100%);
  border-right: 1px solid rgba(255,255,255,.08);
}

.modern-brand {
  padding: 10px 10px 20px;
  margin-bottom: 4px;
}

.modern-brand-mark {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: linear-gradient(135deg, #ffffff, #dbeafe);
  box-shadow: 0 14px 34px rgba(31,111,235,.26);
}

.modern-brand strong {
  font-size: 17px;
  letter-spacing: .01em;
}

.modern-user-card {
  padding: 14px;
  border-color: rgba(255,255,255,.11);
  border-radius: 16px;
  background: rgba(255,255,255,.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.modern-user-card img {
  width: 46px;
  height: 46px;
  border: 2px solid rgba(255,255,255,.24);
}

.modern-menu-search {
  height: 44px;
  margin: 16px 0;
  border-color: rgba(255,255,255,.14);
  border-radius: 14px;
  background: rgba(255,255,255,.08);
}

.modern-nav-section {
  margin: 22px 10px 9px;
  color: #95a3b8;
}

.modern-nav-link {
  min-height: 46px;
  padding: 11px 12px;
  border: 1px solid transparent;
  border-radius: 14px;
  color: #d6dfed;
  letter-spacing: .01em;
}

.modern-nav-link i {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: rgba(255,255,255,.08);
}

.modern-nav-link:hover,
.modern-nav-link:focus {
  background: rgba(255,255,255,.09);
  border-color: rgba(255,255,255,.08);
}

.modern-nav-link.active {
  background: linear-gradient(135deg, var(--modern-primary), #0f9f8f);
  border-color: rgba(255,255,255,.16);
  box-shadow: 0 14px 28px rgba(31,111,235,.22);
}

.modern-main {
  margin-left: 296px;
}

.modern-topbar {
  min-height: 86px;
  padding: 18px 32px;
  background: rgba(255,255,255,.82);
  border-bottom: 1px solid rgba(219,228,239,.78);
  backdrop-filter: blur(18px);
}

.modern-topbar h1 {
  font-size: 26px;
  letter-spacing: -.02em;
}

.modern-topbar p {
  font-size: 13px;
  font-weight: 600;
}

.modern-table-filter {
  width: 340px;
  height: 44px;
  border-radius: 14px;
  background: #f8fafc;
}

.modern-user-menu .btn {
  height: 44px;
  padding: 0 16px;
  border-color: var(--modern-border);
  border-radius: 14px;
  background: #ffffff;
}

.modern-page.page {
  padding: 30px 30px 44px;
}

.modern-page .container-fluid {
  max-width: 1500px;
}

.modern-breadcrumb {
  max-width: 1500px;
  margin: 0 auto 18px;
  color: var(--modern-muted);
  font-size: 13px;
  font-weight: 700;
}

.modern-breadcrumb a { color: var(--modern-primary); }
.modern-breadcrumb span { margin: 0 8px; color: #94a3b8; }
.modern-breadcrumb strong { color: var(--modern-ink); }

.panel,
.box,
.modern-page .bg-white,
.quick-tile,
.public-body .login-page {
  border: 1px solid rgba(219,228,239,.9);
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  box-shadow: var(--modern-shadow);
}

.panel {
  overflow: hidden;
}

.panel-default > .panel-heading,
.panel-heading {
  padding: 17px 20px;
  border-bottom: 1px solid var(--modern-border) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  color: var(--modern-ink);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .06em;
}

.panel-body {
  padding: 20px;
}

.panel-box {
  min-height: 128px;
  background: #ffffff;
}

.panel-icon {
  min-height: 128px;
  padding: 24px 18px;
}

.panel-icon i {
  line-height: 80px;
  font-size: 34px;
}

.panel-value h2 {
  margin: 30px 0 4px;
  color: var(--modern-ink);
  font-weight: 800;
}

.panel-value p {
  color: var(--modern-muted);
  font-weight: 700;
}

.bg-green { background: linear-gradient(135deg, #16a34a, #22c55e); }
.bg-blue { background: linear-gradient(135deg, #1f6feb, #38bdf8); }
.bg-yellow { background: linear-gradient(135deg, #f59e0b, #facc15); }
.bg-red { background: linear-gradient(135deg, #e5484d, #fb7185); }

.table-responsive {
  border: 0;
  border-radius: 16px;
}

.table {
  margin-bottom: 0;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--modern-border);
  border-radius: 16px;
  overflow: hidden;
}

.table > thead > tr > th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 13px 14px;
  border-bottom: 1px solid var(--modern-border);
  background: #f8fafc;
  color: #334155;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.sortable-heading { cursor: pointer; user-select: none; }
.sort-indicator { float: right; margin-left: 8px; color: #94a3b8; font-size: 12px; }
.sort-asc .sort-indicator,
.sort-desc .sort-indicator { color: var(--modern-primary); }

.table > tbody > tr > td {
  padding: 13px 14px;
  border-color: #edf2f7;
  vertical-align: middle;
}

.table > tbody > tr:nth-child(even) {
  background: #fbfdff;
}

.table > tbody > tr:hover {
  background: #eef6ff;
}

.form-control,
select.form-control,
textarea.form-control {
  min-height: 42px;
  border: 1px solid var(--modern-border);
  border-radius: 12px;
  background: #ffffff;
  color: var(--modern-ink);
  box-shadow: none;
}

.form-control:focus {
  border-color: rgba(31,111,235,.65);
  background: #ffffff;
  box-shadow: 0 0 0 4px rgba(31,111,235,.10);
}

label,
.control-label {
  color: #334155;
  font-weight: 800;
}

.btn {
  min-height: 38px;
  padding: 9px 14px;
  border-radius: 12px;
  font-weight: 800;
  letter-spacing: .01em;
}

.btn-xs {
  min-height: 28px;
  padding: 4px 8px;
  border-radius: 8px;
}

.btn-primary,
.btn-info {
  color: #ffffff;
  background: linear-gradient(135deg, var(--modern-primary), #0f9f8f);
  border-color: transparent;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-info:hover,
.btn-info:focus {
  color: #ffffff;
  background: linear-gradient(135deg, var(--modern-primary-dark), #0b7d74);
  border-color: transparent;
}

.btn-success {
  border-color: transparent;
  background: linear-gradient(135deg, #16a34a, #22c55e);
}

.btn-warning {
  border-color: transparent;
  background: linear-gradient(135deg, #f59e0b, #fbbf24);
}

.btn-danger {
  border-color: transparent;
  background: linear-gradient(135deg, var(--modern-danger), #fb7185);
}

.btn-default {
  border-color: var(--modern-border);
  background: #ffffff;
  color: var(--modern-ink);
}

.btn.is-loading { pointer-events: none; opacity: .82; }
.button-spinner {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 8px;
  border: 2px solid rgba(255,255,255,.45);
  border-top-color: #ffffff;
  border-radius: 50%;
  vertical-align: -2px;
  animation: button-spin .7s linear infinite;
}
@keyframes button-spin { to { transform: rotate(360deg); } }

.dropdown-menu {
  padding: 8px;
  border: 1px solid var(--modern-border);
  border-radius: 14px;
  box-shadow: var(--modern-shadow);
}

.dropdown-menu li a {
  border-bottom: 0;
  border-radius: 10px;
}

.dropdown-menu li a:hover {
  background: #eef6ff;
}

.alert {
  border: 0;
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(17,24,39,.06);
}

.modern-toast { position: relative; padding-right: 40px; }
.modern-toast:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  border-radius: 14px 0 0 14px;
  background: currentColor;
  opacity: .55;
}

.password-field { position: relative; }
.password-field .form-control { padding-right: 48px; }
.password-toggle {
  position: absolute;
  right: 7px;
  top: 7px;
  width: 32px;
  height: 28px;
  border: 0;
  border-radius: 9px;
  background: #eef6ff;
  color: var(--modern-primary);
}

.barcode-status {
  min-height: 22px;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 700;
}

.barcode-status.is-checking { color: var(--modern-muted); }
.barcode-status.is-ok { color: #16a34a; }
.barcode-status.is-duplicate { color: var(--modern-danger); }
.barcode-status.is-error { color: #b45309; }

.existing-product-summary {
  padding: 16px;
  margin-bottom: 14px;
  border: 1px solid var(--modern-border);
  border-radius: 14px;
  background: #f8fafc;
}

.existing-product-summary strong {
  display: block;
  margin-bottom: 6px;
  color: var(--modern-ink);
  font-size: 18px;
}

.existing-product-summary span {
  display: block;
  color: var(--modern-muted);
  line-height: 1.5;
}

.barcode-input-group .btn {
  min-height: 42px;
  margin-top: 4px;
}

.barcode-scanner-frame {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  background: #0f172a;
  aspect-ratio: 4 / 3;
}

.barcode-scanner-frame video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.barcode-scan-line {
  position: absolute;
  left: 12%;
  right: 12%;
  top: 50%;
  height: 2px;
  background: #22c55e;
  box-shadow: 0 0 18px rgba(34, 197, 94, .9);
}

.barcode-scanner-status {
  margin: 14px 0 0;
  color: var(--modern-muted);
  font-weight: 800;
}

.barcode-scanner-status.is-checking { color: var(--modern-primary); }
.barcode-scanner-status.is-error { color: var(--modern-danger); }

.quick-tile {
  min-height: 154px;
  padding: 24px;
  transition: transform .18s ease, box-shadow .18s ease;
}

.quick-tile:hover,
.quick-tile:focus {
  transform: translateY(-3px);
  box-shadow: 0 24px 54px rgba(17,24,39,.12);
}

.quick-tile i {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: linear-gradient(135deg, #eaf1ff, #e6fffb);
}

.quick-tile strong {
  font-size: 19px;
  letter-spacing: -.01em;
}

.public-body {
  background:
    radial-gradient(circle at 20% 15%, rgba(31,111,235,.22), transparent 28%),
    radial-gradient(circle at 84% 20%, rgba(15,159,143,.18), transparent 30%),
    linear-gradient(135deg, #f8fafc, #e8eef6);
}

.public-body .login-page {
  max-width: 420px;
  padding: 34px;
}

.public-body .login-page img {
  box-shadow: 0 18px 38px rgba(31,111,235,.18);
}

.public-body .login-page h1 {
  color: var(--modern-ink);
  letter-spacing: -.03em;
}

/* Light utility support for pages that already use Tailwind-like classes */
.grid { display: grid; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.gap-1 { gap: 4px; }
.gap-2 { gap: 8px; }
.gap-3 { gap: 12px; }
.gap-4 { gap: 16px; }
.gap-6 { gap: 24px; }
.gap-8 { gap: 32px; }
.flex { display: flex; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.items-center { align-items: center; }
.items-end { align-items: flex-end; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.text-center { text-align: center; }
.font-bold { font-weight: 800; }
.font-extrabold { font-weight: 800; }
.font-medium { font-weight: 700; }
.rounded,
.rounded-xl,
.rounded-2xl { border-radius: 18px; }
.shadow,
.shadow-lg,
.shadow-xl { box-shadow: var(--modern-shadow); }
.bg-white { background: #ffffff; }
.bg-gradient-to-br { background: linear-gradient(135deg, #f8fafc, #eef6ff); }
.bg-gray-50 { background: #f8fafc; }
.bg-gray-100 { background: #f1f5f9; }
.bg-gray-200 { background: #e5e7eb; }
.text-gray-500 { color: var(--modern-muted); }
.text-gray-600 { color: #526174; }
.text-gray-700,
.text-gray-800 { color: var(--modern-ink); }
.text-blue-700 { color: var(--modern-primary); }
.text-green-500 { color: var(--modern-accent); }
.border { border: 1px solid var(--modern-border); }
.border-b { border-bottom: 1px solid var(--modern-border); }
.border-gray-200 { border-color: var(--modern-border); }
.border-blue-500 { border-color: rgba(31,111,235,.6); }
.block { display: block; }
.p-2 { padding: 8px; }
.p-3 { padding: 12px; }
.p-4 { padding: 16px; }
.p-6 { padding: 24px; }
.p-8 { padding: 28px; }
.px-3 { padding-left: 12px; padding-right: 12px; }
.px-4 { padding-left: 16px; padding-right: 16px; }
.px-5 { padding-left: 20px; padding-right: 20px; }
.px-6 { padding-left: 24px; padding-right: 24px; }
.py-1 { padding-top: 4px; padding-bottom: 4px; }
.py-2 { padding-top: 8px; padding-bottom: 8px; }
.py-3 { padding-top: 12px; padding-bottom: 12px; }
.py-4 { padding-top: 16px; padding-bottom: 16px; }
.py-5 { padding-top: 20px; padding-bottom: 20px; }
.py-6 { padding-top: 24px; padding-bottom: 24px; }
.py-8 { padding-top: 32px; padding-bottom: 32px; }
.mb-2 { margin-bottom: 8px; }
.mb-3 { margin-bottom: 12px; }
.mb-4 { margin-bottom: 16px; }
.mb-6 { margin-bottom: 24px; }
.mb-8 { margin-bottom: 32px; }
.mb-10 { margin-bottom: 40px; }
.mb-1 { margin-bottom: 4px; }
.mt-1 { margin-top: 4px; }
.mt-2 { margin-top: 8px; }
.mt-6 { margin-top: 24px; }
.mx-auto { margin-left: auto; margin-right: auto; }
.w-full { width: 100%; }
.max-w-sm { max-width: 24rem; }
.min-h-screen { min-height: calc(100vh - 120px); }
.overflow-hidden { overflow: hidden; }
.overflow-x-auto { overflow-x: auto; }
.text-xs { font-size: 12px; }
.text-base { font-size: 15px; }
.text-sm { font-size: 13px; }
.text-lg { font-size: 16px; }
.text-xl { font-size: 18px; }
.text-2xl { font-size: 22px; }
.text-3xl { font-size: 25px; }
.text-4xl { font-size: 30px; }
.text-5xl { font-size: 36px; }
.space-y-6 > * + * { margin-top: 24px; }
.space-y-8 > * + * { margin-top: 32px; }

@media (min-width: 768px) {
  .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 992px) {
  .lg\:flex-row { flex-direction: row; }
  .lg\:items-center { align-items: center; }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 991px) {
  .modern-sidebar { width: 292px; }
  .modern-main { margin-left: 0; }
  .modern-topbar { padding: 16px; }
}

@media (max-width: 640px) {
  .modern-page .table-responsive { overflow: visible; }
  .modern-page table.mobile-card-table,
  .modern-page table.mobile-card-table thead,
  .modern-page table.mobile-card-table tbody,
  .modern-page table.mobile-card-table th,
  .modern-page table.mobile-card-table td,
  .modern-page table.mobile-card-table tr { display: block; }
  .modern-page table.mobile-card-table thead { display: none; }
  .modern-page table.mobile-card-table {
    border: 0;
    background: transparent;
  }
  .modern-page table.mobile-card-table tbody tr {
    margin-bottom: 14px;
    border: 1px solid var(--modern-border);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15,23,42,.06);
    overflow: hidden;
  }
  .modern-page table.mobile-card-table tbody td {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    border: 0;
    border-bottom: 1px solid #edf2f7;
    text-align: right;
  }
  .modern-page table.mobile-card-table tbody td:before {
    content: attr(data-label);
    color: var(--modern-muted);
    font-weight: 800;
    text-align: left;
  }
  .modern-page table.mobile-card-table tbody td:last-child { border-bottom: 0; }
}

@media print {
  body {
    background: #ffffff !important;
  }

  .modern-sidebar,
  .modern-topbar,
  .modern-breadcrumb,
  .btn,
  .modern-table-filter,
  .modern-backdrop {
    display: none !important;
  }

  .modern-main,
  .modern-page.page {
    margin: 0 !important;
    padding: 0 !important;
  }

  .panel,
  .table,
  .box,
  .bg-white {
    box-shadow: none !important;
    border-color: #cbd5e1 !important;
  }

  .table > thead > tr > th {
    position: static;
    background: #f1f5f9 !important;
    color: #111827 !important;
  }

  a[href]:after {
    content: "";
  }
}

/* Brand color and typography refinement */
:root {
  --modern-bg: #f3f8fc;
  --modern-surface: #ffffff;
  --modern-ink: #12324a;
  --modern-muted: #60758a;
  --modern-border: #d8e7f2;
  --modern-primary: #d70f88;
  --modern-primary-dark: #a90869;
  --modern-accent: #0b5682;
  --modern-warm: #4f8ab6;
  --modern-danger: #c52650;
  --modern-sidebar: #073b5f;
  --modern-sidebar-soft: #0b5682;
  --modern-shadow: 0 16px 36px rgba(7, 59, 95, .10);
}

body,
button,
input,
select,
textarea {
  font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.modern-app-body {
  background:
    radial-gradient(circle at 10% 0%, rgba(215,15,136,.10), transparent 32%),
    radial-gradient(circle at 92% 12%, rgba(11,86,130,.14), transparent 30%),
    linear-gradient(180deg, #fbfdff 0%, #eef6fb 48%, #f8fbfd 100%);
}

.modern-sidebar {
  background:
    linear-gradient(145deg, rgba(215,15,136,.18) 0%, transparent 34%),
    linear-gradient(180deg, #073b5f 0%, #0b5682 54%, #07314f 100%);
}

.modern-brand-mark {
  color: #d70f88;
  background: linear-gradient(135deg, #ffffff, #e5f2fb);
}

.modern-nav-link.active,
.btn-primary,
.btn-info {
  background: linear-gradient(135deg, #d70f88, #0b5682);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-info:hover,
.btn-info:focus {
  background: linear-gradient(135deg, #b20b70, #073b5f);
}

.modern-nav-link:hover,
.modern-nav-link:focus {
  background: rgba(255,255,255,.12);
}

.bg-blue {
  background: linear-gradient(135deg, #0b5682, #4f8ab6);
}

.bg-green {
  background: linear-gradient(135deg, #0b5682, #64a5c8);
}

.bg-yellow {
  background: linear-gradient(135deg, #d70f88, #f16ab5);
}

.bg-red {
  background: linear-gradient(135deg, #073b5f, #d70f88);
}

.modern-topbar h1,
.public-body .login-page h1,
.quick-tile strong,
.panel-value h2 {
  font-weight: 600;
}

.modern-brand-mark,
.modern-brand strong,
.modern-user-card strong,
.modern-nav-link,
.btn,
label,
.control-label,
.panel-default > .panel-heading,
.panel-heading,
.table > thead > tr > th,
.font-bold,
.font-extrabold,
.barcode-status,
.barcode-scanner-status,
.modern-breadcrumb {
  font-weight: 500;
}

.text-5xl,
.text-4xl,
.text-3xl {
  font-weight: 600;
}

.modern-nav-section {
  font-weight: 500;
  letter-spacing: .08em;
}

.add-product-shell {
  min-height: calc(100vh - 90px);
  padding: 34px 18px;
  background: #f4f8fb;
}

.add-product-card {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  padding: 30px;
  border: 1px solid var(--bt-line, #d9e6ef);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 22px 55px rgba(7, 59, 95, .11);
}

.add-product-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--bt-line, #d9e6ef);
}

.add-product-heading h2 {
  margin: 4px 0 0;
  color: var(--bt-ink, #102f49);
  font-size: 30px;
  font-weight: 600;
}

.add-product-kicker {
  color: var(--bt-magenta, #d70f88);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.add-product-form fieldset {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 20px;
  padding: 0;
  margin: 0;
  border: 0;
}

.add-product-form legend {
  grid-column: 1 / -1;
  width: 100%;
  margin: 0 0 2px;
  padding: 0 0 10px;
  border-bottom: 1px solid var(--bt-line, #d9e6ef);
  color: var(--bt-blue, #0b5682);
  font-size: 15px;
  font-weight: 600;
}

.add-product-form label {
  display: block;
  margin-bottom: 8px;
  color: var(--bt-ink, #102f49);
  font-size: 14px;
}

.add-product-form .form-control {
  min-height: 44px;
}

.add-product-form .barcode-input-group {
  display: flex;
  gap: 8px;
}

.add-product-form .barcode-input-group .form-control {
  flex: 1;
}

.add-product-form .barcode-input-group .input-group-btn {
  width: auto;
}

.add-product-form .barcode-input-group .btn {
  margin: 0;
  min-height: 44px;
  white-space: nowrap;
}

.add-product-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--bt-line, #d9e6ef);
}

.add-product-actions .btn {
  min-height: 46px;
  padding-inline: 22px;
}

@media (max-width: 760px) {
  .add-product-card {
    padding: 22px;
  }

  .add-product-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .add-product-form fieldset {
    grid-template-columns: 1fr;
  }

  .add-product-form .barcode-input-group {
    display: block;
  }

  .add-product-form .barcode-input-group .btn,
  .add-product-heading .btn,
  .add-product-actions .btn {
    width: 100%;
  }
}

/* Solid, cleaner UI pass */
:root {
  --bt-magenta: #d70f88;
  --bt-magenta-dark: #ad0b6d;
  --bt-navy: #073b5f;
  --bt-blue: #0b5682;
  --bt-blue-soft: #e7f2f8;
  --bt-ink: #102f49;
  --bt-line: #d9e6ef;
  --bt-success: #20885f;
  --bt-warning: #bd7a10;
  --bt-danger: #bd2f55;
}

.modern-app-body {
  background: #f4f8fb;
}

.modern-sidebar {
  background: var(--bt-navy);
}

.modern-brand-mark {
  background: #ffffff;
  color: var(--bt-magenta);
  box-shadow: none;
}

.modern-user-card,
.modern-menu-search {
  background: rgba(255,255,255,.08);
}

.modern-nav-link.active {
  background: var(--bt-magenta);
  box-shadow: none;
}

.modern-nav-link:hover,
.modern-nav-link:focus {
  background: var(--bt-blue);
}

.modern-topbar {
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(7, 59, 95, .06);
}

.modern-table-filter,
.modern-user-menu .btn {
  background: #ffffff;
  border-color: var(--bt-line);
}

.panel,
.box,
.modern-page .bg-white,
.quick-tile,
.public-body .login-page {
  border-color: var(--bt-line);
  box-shadow: 0 10px 28px rgba(7, 59, 95, .07);
}

.panel-default > .panel-heading,
.panel-heading {
  background: #ffffff !important;
  border-bottom: 1px solid var(--bt-line) !important;
  color: var(--bt-ink);
}

.table {
  border-color: var(--bt-line);
  box-shadow: 0 8px 22px rgba(7, 59, 95, .05);
}

.table > thead > tr > th {
  background: var(--bt-blue-soft);
  color: var(--bt-ink);
  border-color: var(--bt-line);
}

.table > tbody > tr > td {
  border-color: #e8f0f6;
}

.table > tbody > tr:nth-child(even) {
  background: #fbfdfe;
}

.table > tbody > tr:hover {
  background: #f0f7fb;
}

.table > tbody > tr.row-highlight {
  background: #fff5fb;
  box-shadow: inset 4px 0 0 var(--bt-magenta);
}

.sortable-heading:hover {
  background: #dcecf5 !important;
}

.sort-indicator {
  color: #6c8397;
}

.sort-asc .sort-indicator,
.sort-desc .sort-indicator {
  color: var(--bt-magenta);
}

.form-control,
select.form-control,
textarea.form-control {
  border-color: var(--bt-line);
  background: #ffffff;
}

.form-control:hover,
select.form-control:hover,
textarea.form-control:hover {
  border-color: #b8cfdf;
}

.form-control:focus {
  border-color: var(--bt-magenta);
  box-shadow: 0 0 0 3px rgba(215, 15, 136, .11);
}

.input-group-addon {
  border-color: var(--bt-line);
  background: #f6fafc;
  color: var(--bt-blue);
}

.btn,
.btn-primary,
.btn-info,
.btn-success,
.btn-warning,
.btn-danger,
.btn-default {
  background-image: none !important;
  box-shadow: none;
}

.btn-primary,
.btn-info {
  background: var(--bt-magenta);
  border-color: var(--bt-magenta);
  color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-info:hover,
.btn-info:focus {
  background: var(--bt-magenta-dark);
  border-color: var(--bt-magenta-dark);
  color: #ffffff;
}

.btn-success {
  background: var(--bt-success);
  border-color: var(--bt-success);
  color: #ffffff;
}

.btn-success:hover,
.btn-success:focus {
  background: #176e4c;
  border-color: #176e4c;
  color: #ffffff;
}

.btn-warning {
  background: var(--bt-warning);
  border-color: var(--bt-warning);
  color: #ffffff;
}

.btn-warning:hover,
.btn-warning:focus {
  background: #9b620b;
  border-color: #9b620b;
  color: #ffffff;
}

.btn-danger {
  background: var(--bt-danger);
  border-color: var(--bt-danger);
  color: #ffffff;
}

.btn-danger:hover,
.btn-danger:focus {
  background: #9e2646;
  border-color: #9e2646;
  color: #ffffff;
}

.btn-default {
  background: #ffffff;
  border-color: var(--bt-line);
  color: var(--bt-ink);
}

.btn-default:hover,
.btn-default:focus {
  background: var(--bt-blue-soft);
  border-color: #b8cfdf;
  color: var(--bt-ink);
}

.btn-group .btn {
  margin-right: 4px;
}

.modal-content {
  border: 0;
  border-radius: 18px;
  box-shadow: 0 24px 70px rgba(7, 59, 95, .22);
  overflow: hidden;
}

.modal-header {
  border-bottom: 1px solid var(--bt-line);
  background: #ffffff;
}

.modal-title {
  color: var(--bt-ink);
  font-weight: 600;
}

.modal-footer {
  border-top: 1px solid var(--bt-line);
  background: #f8fbfd;
}

.dropdown-menu {
  border-color: var(--bt-line);
}

.dropdown-menu li a:hover {
  background: var(--bt-blue-soft);
}

.alert-success {
  background: #edf8f3;
  color: #176e4c;
}

.alert-danger {
  background: #fff0f5;
  color: #9e2646;
}

.alert-warning {
  background: #fff8e8;
  color: #8a570a;
}

.alert-info {
  background: #eef7fc;
  color: var(--bt-blue);
}

.quick-tile {
  background: #ffffff;
  border-color: var(--bt-line);
}

.quick-tile:hover,
.quick-tile:focus {
  transform: translateY(-2px);
  border-color: #b8cfdf;
  box-shadow: 0 16px 32px rgba(7, 59, 95, .10);
}

.quick-tile i {
  background: var(--bt-blue-soft);
  color: var(--bt-magenta);
}

.bg-blue,
.bg-green,
.bg-yellow,
.bg-red {
  background-image: none !important;
}

.bg-blue,
.bg-green {
  background-color: var(--bt-blue);
}

.bg-yellow {
  background-color: var(--bt-magenta);
}

.bg-red {
  background-color: var(--bt-danger);
}

.public-body {
  background: #f4f8fb;
}

.public-body .login-page {
  border-top: 5px solid var(--bt-magenta);
}

.password-toggle {
  background: var(--bt-blue-soft);
  color: var(--bt-blue);
}

.field-active > label,
.field-active .control-label {
  color: var(--bt-magenta);
}

.empty-table-row td {
  padding: 26px !important;
  color: var(--modern-muted);
  text-align: center;
  font-weight: 500;
  background: #ffffff;
}

.modern-page form {
  accent-color: var(--bt-magenta);
}

.modern-page input[type="checkbox"],
.modern-page input[type="radio"] {
  width: 16px;
  height: 16px;
}

.modern-page .form-group {
  margin-bottom: 18px;
}

.modern-page legend {
  width: 100%;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--bt-line);
  color: var(--bt-ink);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .03em;
}

.modern-page .btn + .btn,
.modern-page a.btn + a.btn,
.modern-page button.btn + button.btn {
  margin-left: 6px;
}

.modern-page .btn i {
  margin-right: 5px;
}

.modern-page .btn-xs i {
  margin-right: 0;
}

.modern-page .table .btn-xs {
  min-width: 30px;
}

.product-action-buttons {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
}

.product-action-buttons .btn {
  margin: 0 !important;
  min-width: 32px;
  height: 30px;
  padding: 6px 9px;
  border-radius: 8px;
}

/* Compact typography pass */
body {
  font-size: 13px;
}

.text-base { font-size: 13px !important; }
.text-lg { font-size: 14px !important; }
.text-xl { font-size: 15px !important; }
.text-2xl { font-size: 18px !important; }
.text-3xl { font-size: 21px !important; }
.text-4xl { font-size: 24px !important; }
.text-5xl { font-size: 28px !important; }

.modern-topbar h1 {
  font-size: 20px;
}

.modern-breadcrumb,
.modern-nav-link,
.dropdown-menu li a,
.panel-body,
.box,
.modal-body,
.modal-footer,
.existing-product-summary span {
  font-size: 13px;
}

.panel-default > .panel-heading,
.panel-heading,
.modal-title {
  font-size: 15px;
}

.add-product-heading h2 {
  font-size: 24px;
}

.add-product-kicker,
.add-product-form label,
.add-product-form legend,
label,
.control-label {
  font-size: 13px;
}

.form-control,
select.form-control,
textarea.form-control {
  min-height: 38px;
  padding: 8px 11px;
  font-size: 13px;
}

.btn,
.btn-primary,
.btn-info,
.btn-success,
.btn-warning,
.btn-danger,
.btn-default {
  padding: 8px 13px;
  font-size: 13px;
  line-height: 1.2;
}

.btn-xs {
  padding: 5px 8px;
  font-size: 11px;
}

.table {
  font-size: 13px;
}

.table > thead > tr > th {
  padding: 10px 12px;
  font-size: 11px;
}

.table > tbody > tr > td {
  padding: 10px 12px;
  font-size: 13px;
}

#column-controls label {
  font-size: 12px;
}

.product-filter-form .form-control {
  min-width: 190px;
}

.quick-tile strong {
  font-size: 17px;
}

.panel-value h2 {
  font-size: 24px;
}

.barcode-status {
  font-size: 12px;
}

.barcode-scanner-status {
  font-size: 13px;
}

@media (max-width: 760px) {
  body {
    font-size: 13px;
  }

  .text-4xl { font-size: 22px !important; }
  .text-xl { font-size: 14px !important; }

  .add-product-heading h2 {
    font-size: 22px;
  }
}