:root{
  --gc-primary-start:#0d6efd;
  --gc-primary-end:#0a58ca;
  --gc-primary-start-r:13;
  --gc-primary-start-g:110;
  --gc-primary-start-b:253;
  --gc-header-bg:linear-gradient(90deg,var(--gc-primary-start),var(--gc-primary-end));
  --gc-surface:#f6f8fb;
  --gc-sidebar-bg:var(--gc-header-bg);
  --gc-navbar-height:80px;
  --gc-navbar-gap:16px;
  --gc-page-bg:#eaf4ff;
  --gc-frame-border:rgba(13,110,253,.28);
  --gc-sidebar-border:rgba(255,255,255,.22);
  --gc-card-border:var(--gc-frame-border);
  --gc-ico-dot:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M12%207a5%205%200%201%200%200%2010%205%205%200%200%200%200-10z'/%3E%3C/svg%3E");
  --gc-ico-home:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M3%2010.5L12%203l9%207.5V21a1%201%200%200%201-1%201h-5v-7H9v7H4a1%201%200%200%201-1-1z'/%3E%3C/svg%3E");
  --gc-ico-users:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M12%2012a4%204%200%201%200-4-4%204%204%200%200%200%204%204zm0%202c-4.4%200-8%202.2-8%205v3h16v-3c0-2.8-3.6-5-8-5z'/%3E%3C/svg%3E");
  --gc-ico-box:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M12%202%203%206.5v11L12%2022l9-4.5v-11L12%202zm0%202.2%207%203.5-7%203.5-7-3.5%207-3.5zm-7%206.1%206%203v7.6l-6-3v-7.6zm14%200v7.6l-6%203v-7.6l6-3z'/%3E%3C/svg%3E");
  --gc-ico-cylinder:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M9%202h6v2h-1v2.3c2%200.8%203%202.6%203%204.6V20a2%202%200%200%201-2%202H9a2%202%200%200%201-2-2V10.9c0-2%201-3.8%203-4.6V4H9V2zm0%2010h6v8H9v-8z'/%3E%3C/svg%3E");
  --gc-ico-layers:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M12%202%202%207l10%205%2010-5-10-5zm0%2012L2%209v3l10%205%2010-5V9l-10%205zm0%206L2%2015v3l10%205%2010-5v-3l-10%205z'/%3E%3C/svg%3E");
  --gc-ico-building:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M4%202h12a2%202%200%200%201%202%202v18H2V4a2%202%200%200%201%202-2zm2%204v2h2V6H6zm0%204v2h2v-2H6zm0%204v2h2v-2H6zm4-8v2h2V6h-2zm0%204v2h2v-2h-2zm0%204v2h2v-2h-2zm4%204v4h2v-4h-2z'/%3E%3C/svg%3E");
  --gc-ico-id:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M4%205a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V5zm6%204a2.5%202.5%200%201%200%200%205%202.5%202.5%200%200%200%200-5zm-3%2010c0-2%203-3.5%205-3.5s5%201.5%205%203.5v1H7v-1z'/%3E%3C/svg%3E");
  --gc-ico-truck:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M3%207h11v9h2.2l1.8-4H21l2%203v5h-2a2.5%202.5%200%200%201-5%200h-6a2.5%202.5%200%200%201-5%200H3V7zm16%204h-2.2l-1.1%202.5H19V11zm-12%209a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203zm10%200a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203z'/%3E%3C/svg%3E");
  --gc-ico-clipboard:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M9%202h6a2%202%200%200%201%202%202h2a2%202%200%200%201%202%202v16a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h2a2%202%200%200%201%202-2zm0%202v2h6V4H9zm-2%206h10v2H7v-2zm0%204h10v2H7v-2z'/%3E%3C/svg%3E");
  --gc-ico-inbox:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M4%203h16l2%209v9a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2v-9l2-9zm2.6%202L5.1%2011H9l1%202h4l1-2h3.9L17.4%205H6.6z'/%3E%3C/svg%3E");
  --gc-ico-receipt:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M6%202h12a2%202%200%200%201%202%202v18l-2-1-2%201-2-1-2%201-2-1-2%201-2-1-2%201V4a2%202%200%200%201%202-2zm2%206h8v2H8V8zm0%204h10v2H8v-2zm0%204h6v2H8v-2z'/%3E%3C/svg%3E");
  --gc-ico-cart:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M3%203h2l2.2%2011.2A2%202%200%200%200%209.2%2016H19a2%202%200%200%200%201.9-1.4L23%207H7L6.6%205H3V3zm6%2018a2%202%200%201%201%200-4%202%202%200%200%201%200%204zm10%200a2%202%200%201%201%200-4%202%202%200%200%201%200%204z'/%3E%3C/svg%3E");
  --gc-ico-send:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M2%2021%2023%2012%202%203v7l15%202-15%202v7z'/%3E%3C/svg%3E");
  --gc-ico-file:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M6%202h8l4%204v16a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2zm8%201.5V7h3.5L14%203.5zM8%2011h8v2H8v-2zm0%204h8v2H8v-2z'/%3E%3C/svg%3E");
  --gc-ico-card:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M3%206a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V6zm0%203h18V7H3v2zm3%208h6v-2H6v2z'/%3E%3C/svg%3E");
  --gc-ico-gear:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M19.4%2013a7.8%207.8%200%200%200%200-2l2-1.5-2-3.5-2.3.8a7.6%207.6%200%200%200-1.7-1L15%202h-6l-.4%202.8a7.6%207.6%200%200%200-1.7%201L4.6%206%202.6%209.5%204.6%2011a7.8%207.8%200%200%200%200%202l-2%201.5%202%203.5%202.3-.8a7.6%207.6%200%200%200%201.7%201L9%2022h6l.4-2.8a7.6%207.6%200%200%200%201.7-1l2.3.8%202-3.5-2-1.5zM12%2016a4%204%200%201%201%200-8%204%204%200%200%201%200%208z'/%3E%3C/svg%3E");
  --gc-ico-chart:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M4%2021h18v2H2V3h2v18zm4-2V11h3v8H8zm5%200V7h3v12h-3zm5%200v-6h3v6h-3z'/%3E%3C/svg%3E");
  --gc-ico-book:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M6%202h12a2%202%200%200%201%202%202v18H8a2%202%200%200%200-2%202V2zm2%204h8v2H8V6zm0%204h8v2H8v-2z'/%3E%3C/svg%3E");
  --gc-ico-list:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M4%206h2v2H4V6zm4%200h14v2H8V6zM4%2011h2v2H4v-2zm4%200h14v2H8v-2zM4%2016h2v2H4v-2zm4%200h14v2H8v-2z'/%3E%3C/svg%3E");
  --gc-ico-scale:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M12%202l4%204h-3v6h5l4%208H2l4-8h5V6H8l4-4zm-6%2012-2%204h4l-2-4zm14%204-2-4-2%204h4z'/%3E%3C/svg%3E");
  --gc-ico-trend:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M4%2018l6-6%204%204%206-8v5h2V4h-8v2h5l-5.6%207.5-4.4-4.4L2%2016l2%202z'/%3E%3C/svg%3E");
  --gc-ico-pie:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M11%202a10%2010%200%201%200%2010%2010h-9a1%201%200%200%201-1-1V2zm2%200v9h9A10%2010%200%200%200%2013%202z'/%3E%3C/svg%3E");
  --gc-ico-shield:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M12%202l8%203v7c0%206-3.5%209.7-8%2010-4.5-.3-8-4-8-10V5l8-3z'/%3E%3C/svg%3E");
  --gc-ico-camera:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M9%204l1.5%202H18a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h2.5L10%204h-1zM12%2010a4%204%200%201%200%200%208%204%204%200%200%200%200-8z'/%3E%3C/svg%3E");
  --gc-ico-key:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M7%2014a5%205%200%201%201%209.6%202H23v4h-2v2h-2v-2h-2v-2h-2.4A5%205%200%200%201%207%2014zm0-3a2%202%200%201%200%200%204%202%202%200%200%200%200-4z'/%3E%3C/svg%3E");
  --gc-ico-alert:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M12%202%202%2022h20L12%202zm1%2015h-2v-2h2v2zm0-4h-2V8h2v5z'/%3E%3C/svg%3E");
}
*{scrollbar-width:none;-ms-overflow-style:none}
*::-webkit-scrollbar{width:0;height:0}
body{
  background:var(--gc-page-bg);
  --gc-title-icon:var(--gc-ico-dot);
  --gc-title-icon-color:var(--gc-primary-start);
  --gc-title-icon-size:32px;
}
body.gc-page-dashboard{--gc-title-icon:var(--gc-ico-home);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-customers{--gc-title-icon:var(--gc-ico-users);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-products{--gc-title-icon:var(--gc-ico-box);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-cylinders{--gc-title-icon:var(--gc-ico-cylinder);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-stock{--gc-title-icon:var(--gc-ico-layers);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-suppliers{--gc-title-icon:var(--gc-ico-building);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-drivers{--gc-title-icon:var(--gc-ico-id);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-trucks{--gc-title-icon:var(--gc-ico-truck);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-purchaseorders{--gc-title-icon:var(--gc-ico-clipboard);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-purchasereceipts{--gc-title-icon:var(--gc-ico-inbox);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-supplierbills{--gc-title-icon:var(--gc-ico-receipt);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-salesorders{--gc-title-icon:var(--gc-ico-cart);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-deliveryorders{--gc-title-icon:var(--gc-ico-send);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-invoices{--gc-title-icon:var(--gc-ico-file);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-payments{--gc-title-icon:var(--gc-ico-card);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-users{--gc-title-icon:var(--gc-ico-users);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-settings{--gc-title-icon:var(--gc-ico-gear);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-reports{--gc-title-icon:var(--gc-ico-chart);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-journals{--gc-title-icon:var(--gc-ico-book);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-ledger{--gc-title-icon:var(--gc-ico-list);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-trialbalance{--gc-title-icon:var(--gc-ico-scale);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-incomestatement{--gc-title-icon:var(--gc-ico-trend);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-balancesheet{--gc-title-icon:var(--gc-ico-pie);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-chartofaccounts{--gc-title-icon:var(--gc-ico-list);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-profile.gc-action-photo{--gc-title-icon:var(--gc-ico-camera);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-profile.gc-action-password{--gc-title-icon:var(--gc-ico-key);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-errors{--gc-title-icon:var(--gc-ico-alert);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-page-reports.gc-action-audittrail{--gc-title-icon:var(--gc-ico-shield);--gc-title-icon-color:var(--gc-primary-start)}
body.gc-has-fixed-navbar{padding-top:calc(var(--gc-navbar-height) + var(--gc-navbar-gap))}
.gc-shell{
  padding:12px;
}
.gc-side{margin-bottom:12px}
.gc-side-inner{
  background:var(--gc-sidebar-bg);
  border:1px solid var(--gc-sidebar-border);
  border-radius:16px;
  box-shadow:0 .125rem .25rem rgba(0,0,0,.06);
}
.gc-side-body{padding:14px}
.gc-main-inner{
  background:#fff;
  border:1px solid var(--gc-frame-border);
  border-radius:16px;
  box-shadow:0 .125rem .25rem rgba(0,0,0,.06);
  padding:16px;
  position:relative;
  overflow:hidden;
}
.gc-main-inner::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:420px;
  height:420px;
  background-color:var(--gc-title-icon-color);
  opacity:.08;
  transform:translate(-50%, -50%) rotate(-10deg);
  pointer-events:none;
  -webkit-mask-image:var(--gc-title-icon);
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:420px 420px;
  mask-image:var(--gc-title-icon);
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:420px 420px;
}
@media (min-width:992px){
  body.gc-has-fixed-navbar{overflow:hidden}
  .gc-shell{
    display:flex;
    align-items:flex-start;
    gap:16px;
    padding:16px;
    height:calc(100vh - (var(--gc-navbar-height) + var(--gc-navbar-gap)));
    overflow:hidden;
  }
  .gc-side{
    width:280px;
    flex:0 0 280px;
    margin-bottom:0;
    height:100%;
  }
  .gc-side-inner{
    position:static;
    height:100%;
    max-height:none;
    overflow:auto;
  }
  .gc-main{
    flex:1 1 auto;
    min-width:0;
    height:100%;
    overflow:hidden;
  }
  .gc-main-inner{
    height:100%;
    overflow:auto;
  }
}
.gc-navbar{
  background:var(--gc-header-bg);
  overflow:visible;
  min-height:var(--gc-navbar-height);
  padding-top:.85rem;
  padding-bottom:.85rem;
  box-shadow:0 3px 10px rgba(0,0,0,0.12);
}
.gc-navbar::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 14% 30%, rgba(255,255,255,.22), rgba(255,255,255,0) 46%),
    radial-gradient(circle at 86% 18%, rgba(255,255,255,.14), rgba(255,255,255,0) 44%);
  opacity:.55;
  pointer-events:none;
}
.gc-navbar .container-fluid{position:relative;z-index:1}
.gc-navbar .navbar-brand{
  letter-spacing:.8px;
  font-size:1.5rem;
  font-weight:900;
  color:rgba(255,255,255,1);
  text-shadow:
    0 1px 0 rgba(8, 64, 153, 0.9),
    0 2px 0 rgba(7, 56, 134, 0.9),
    0 3px 0 rgba(6, 48, 115, 0.9),
    0 4px 0 rgba(5, 40, 96, 0.9),
    0 5px 0 rgba(4, 32, 77, 0.9),
    0 6px 1px rgba(0,0,0,.1),
    0 0 5px rgba(0,0,0,.1),
    0 1px 3px rgba(0,0,0,.3),
    0 3px 5px rgba(0,0,0,.2),
    0 5px 10px rgba(0,0,0,.25),
    0 10px 10px rgba(0,0,0,.2),
    0 20px 20px rgba(0,0,0,.15);
}
.gc-brand-subtitle{
  font-size:0.85rem;
  font-weight:600;
  letter-spacing:.4px;
  color:rgba(255,255,255,0.9);
  text-shadow:0 1px 2px rgba(0,0,0,0.2);
  margin-top:-2px;
}
.gc-brand-mark{
  width:auto;
  height:48px;
  min-width:48px;
  border-radius:14px;
  background:rgba(255,255,255,0.98);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.8) inset,
    0 -1px 0 rgba(0,0,0,0.1) inset,
    0 2px 0 rgba(8, 64, 153, 0.9),
    0 3px 0 rgba(7, 56, 134, 0.9),
    0 4px 0 rgba(6, 48, 115, 0.9),
    0 5px 0 rgba(5, 40, 96, 0.9),
    0 6px 1px rgba(0,0,0,.1),
    0 0 5px rgba(0,0,0,.1),
    0 1px 3px rgba(0,0,0,.3),
    0 3px 5px rgba(0,0,0,.2),
    0 5px 10px rgba(0,0,0,.25),
    0 10px 10px rgba(0,0,0,.2),
    0 20px 20px rgba(0,0,0,.15);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:1.35rem;
  color:var(--gc-primary-start);
  padding:0 4px;
  transform:translateY(-2px);
}
.gc-brand-mark img{
  width:auto;
  height:100%;
  border-radius:10px;
  object-fit:contain;
  display:block;
  padding:0;
}
.gc-user-btn{
  border-radius:999px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.30);
}
.gc-user-btn:hover{background:#fff}
.gc-user-btn:focus{box-shadow:none}
.gc-avatar{
  width:30px;height:30px;border-radius:999px;
  background:var(--gc-primary-start);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;
  font-weight:700;font-size:12px;
}
.gc-avatar img{
  width:100%;
  height:100%;
  border-radius:inherit;
  object-fit:cover;
  display:block;
}
.btn{border-radius:999px !important}
.btn-primary{
  background:linear-gradient(135deg, var(--gc-primary-start), var(--gc-primary-end)) !important;
  border-color:transparent !important;
  box-shadow:0 .5rem 1rem rgba(var(--gc-primary-start-r, 13), var(--gc-primary-start-g, 110), var(--gc-primary-start-b, 253), .3) !important;
}
.btn-primary:hover{
  background:linear-gradient(135deg, var(--gc-primary-end), var(--gc-primary-start)) !important;
  border-color:transparent !important;
  box-shadow:0 .75rem 1.5rem rgba(var(--gc-primary-start-r, 13), var(--gc-primary-start-g, 110), var(--gc-primary-start-b, 253), .4) !important;
  transform:translateY(-1px) !important;
  transition:all .15s ease !important;
}
.btn-primary:active{
  transform:translateY(0) !important;
}
.card{border-radius:16px;border:1px solid var(--gc-card-border);background:transparent}
.card-header{background:transparent}
.card-body{background:transparent}
.table{vertical-align:middle}
.gc-main-inner .d-flex.align-items-center.justify-content-between.mb-3 .fw-semibold.fs-4{
  color:var(--gc-primary-start);
  display:flex;
  align-items:center;
  gap:12px;
}
.gc-main-inner .d-flex.align-items-center.justify-content-between.mb-3 .fw-semibold.fs-4::before{
  content:"";
  width:var(--gc-title-icon-size);
  height:var(--gc-title-icon-size);
  flex:0 0 auto;
  background-color:var(--gc-title-icon-color);
  -webkit-mask-image:var(--gc-title-icon);
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:var(--gc-title-icon-size) var(--gc-title-icon-size);
  mask-image:var(--gc-title-icon);
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:var(--gc-title-icon-size) var(--gc-title-icon-size);
}
.gc-sidebar .nav-link{border-radius:12px}
.gc-sidebar .nav-link.active{background:var(--gc-primary-start);color:#fff}

.gc-avatar-lg{width:40px;height:40px;font-size:14px}
.min-w-0{min-width:0}
.gc-sidenav-head{
  position:sticky;
  top:0;
  z-index:3;
  padding:16px;
  border-bottom:1px solid rgba(255,255,255,.18);
  background:var(--gc-sidebar-bg);
  box-shadow:0 8px 18px rgba(15,23,42,.05);
  border-top-left-radius:16px;
  border-top-right-radius:16px;
}
.gc-sidenav-company{
  white-space:normal;
  word-break:break-word;
  line-height:1.15;
  font-size:14px;
  color:rgba(255,255,255,.95);
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  line-clamp:2;
  -webkit-line-clamp:2;
}
.gc-sidenav-brandmark{
  width:60px;height:60px;border-radius:999px;
  background:rgba(255,255,255,.92);
  border:2px solid rgba(255,255,255,.38);
  display:inline-flex;align-items:center;justify-content:center;
  font-weight:800;color:#4f46e5;
  flex:0 0 auto;
  overflow:hidden;
}
.gc-sidenav-brandmark img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  padding:10px;
  background:rgba(255,255,255,.92);
}
.gc-sidenav-address{
  margin-top:3px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  line-clamp:2;
  -webkit-line-clamp:2;
  line-height:1.25;
}
.gc-sidenav{display:flex;flex-direction:column;gap:14px}
.gc-sidenav-section{display:flex;flex-direction:column;gap:6px}
.gc-sidenav-title{
  font-size:15px;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:none;
  color:rgba(255,255,255,.92);
  padding:10px 12px 6px;
}
.gc-side-inner .text-muted{color:rgba(255,255,255,.74)!important}
.gc-sidenav .nav-link{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  color:rgba(255,255,255,.92);
  font-weight:600;
  text-decoration:none;
  transition:transform .12s ease, background-color .12s ease, box-shadow .12s ease, color .12s ease;
}
.gc-sidenav .nav-link:hover{
  background:rgba(255,255,255,.12);
  transform:translateY(-1px);
}
.gc-sidenav .nav-link:active{transform:translateY(0)}
.gc-sidenav .nav-link:focus-visible{
  outline:2px solid rgba(255,255,255,.30);
  outline-offset:2px;
}
.gc-sidenav-icon{
  width:30px;height:30px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.18);
  color:#ffffff;
  border:1px solid rgba(255,255,255,.20);
  font-size:16px;
  flex:0 0 auto;
}
.gc-sidenav .nav-link.active{
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.26);
  color:#fff;
  box-shadow:inset 4px 0 0 rgba(255,255,255,.70), 0 .5rem 1rem rgba(2,6,23,.18);
}
.gc-sidenav .nav-link.active .gc-sidenav-icon{
  background:rgba(255,255,255,.20);
  border-color:rgba(255,255,255,.28);
  color:#fff;
}
.gc-sidenav-sep{
  height:1px;
  background:linear-gradient(90deg, rgba(255,255,255,.22), rgba(255,255,255,0));
  margin:2px 6px;
}

body.gc-auth{
  background:linear-gradient(140deg, #eef5ff 0%, #f6f8fb 38%, #ffffff 100%);
}
.gc-auth-bg{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:stretch;
  overflow:hidden;
}
.gc-auth-bg::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 18%, rgba(13,110,253,.16), rgba(13,110,253,0) 42%),
    radial-gradient(circle at 86% 12%, rgba(10,88,202,.12), rgba(10,88,202,0) 40%),
    radial-gradient(circle at 60% 88%, rgba(13,110,253,.10), rgba(13,110,253,0) 46%);
  opacity:.9;
}
.gc-auth-side{
  background:linear-gradient(140deg, var(--gc-primary-start), var(--gc-primary-end));
}
.gc-auth-hero{
  position:relative;
  color:#fff;
  overflow:hidden;
}
.gc-auth-hero::before{
  content:"";
  position:absolute;
  inset:-120px -180px;
  background:
    radial-gradient(circle at 26% 22%, rgba(255,255,255,.26), rgba(255,255,255,0) 52%),
    radial-gradient(circle at 78% 28%, rgba(255,255,255,.16), rgba(255,255,255,0) 54%);
  opacity:.9;
  pointer-events:none;
}
.gc-auth-hero > *{position:relative;z-index:1}
.gc-auth-illustration{
  position:absolute;
  right:-90px;
  bottom:-110px;
  width:720px;
  max-width:92%;
  height:auto;
  opacity:.95;
  pointer-events:none;
  filter:drop-shadow(0 1.2rem 1.8rem rgba(2,6,23,.18));
}
.gc-auth-mobile-head{
  position:relative;
}
.gc-auth-mobile-title{
  font-weight:800;
  letter-spacing:.2px;
  font-size:clamp(22px, 4.2vw, 34px);
  line-height:1.05;
}
.gc-auth-panel{
  position:relative;
  border-radius:28px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 1rem 2.2rem rgba(2,6,23,.10);
  overflow:hidden;
  backdrop-filter:saturate(130%) blur(8px);
}
.gc-auth-panel::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(circle at 18% 18%, rgba(13,110,253,.20), rgba(13,110,253,0) 42%),
    radial-gradient(circle at 86% 20%, rgba(10,88,202,.16), rgba(10,88,202,0) 44%),
    linear-gradient(135deg, rgba(13,110,253,.10), rgba(255,255,255,0) 55%);
  opacity:.85;
  pointer-events:none;
}
.gc-auth-panel::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:10px;
  background:linear-gradient(180deg, var(--gc-primary-start), var(--gc-primary-end));
  opacity:.95;
}
.gc-auth-panel-inner{
  position:relative;
  z-index:1;
}
.gc-auth-mark{
  width:64px;
  height:64px;
  border-radius:22px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.22);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:22px;
  flex:0 0 auto;
  overflow:hidden;
}
.gc-auth-mark img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  padding:10px;
  background:rgba(255,255,255,.92);
}
.gc-auth-mark-sm{
  width:44px;
  height:44px;
  border-radius:16px;
  font-size:16px;
}
.gc-auth-tagline{
  font-weight:700;
  font-size:clamp(34px, 3.6vw, 52px);
  letter-spacing:.2px;
  margin-top:8px;
  line-height:1.05;
}
.gc-auth-subtagline{
  margin-top:8px;
  color:rgba(255,255,255,.86);
  max-width:42ch;
  font-size:clamp(14px, 1.15vw, 16px);
}
.gc-auth-address{
  color:rgba(255,255,255,.86);
  font-size:13px;
}

.gc-stock-active td:first-child{
    box-shadow:inset 4px 0 0 var(--gc-primary-start);
    box-shadow:inset 4px 0 0 color-mix(in srgb, var(--gc-primary-start) 65%, transparent);
}

.gc-crud-modal-dialog{
  width:min(1100px, calc(100vw - 2rem));
  max-width:none;
}
.gc-crud-modal-content{
  border:1px solid rgba(13,110,253,.18);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 1.5rem 3rem rgba(2,6,23,.18);
  background:rgba(255,255,255,.96);
  backdrop-filter:saturate(130%) blur(10px);
}
.gc-crud-modal-header{
    border-bottom:1px solid var(--gc-frame-border);
    padding:1rem 1.25rem;
    background:
      radial-gradient(circle at top left, color-mix(in srgb, var(--gc-primary-start) 16%, transparent), transparent 40%),
      linear-gradient(135deg, rgba(255,255,255,.98), rgba(241,247,255,.96));
}
.gc-crud-modal-header .btn-close{
  border-radius:999px;
  padding:.85rem;
  background-color:#fff;
  box-shadow:0 .5rem 1rem rgba(15,23,42,.08);
}
.gc-crud-modal-kicker{
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#64748b;
  font-weight:700;
  margin-bottom:.15rem;
}
.gc-crud-modal-frame{
  display:block;
  width:100%;
  height:min(80vh, 860px);
  border:0;
  background:linear-gradient(140deg, #eef5ff 0%, #f8fbff 50%, #ffffff 100%);
}
.gc-crud-modal-frame.is-loading{
  opacity:0;
}
.gc-crud-modal-loader{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.75rem;
  background:rgba(255,255,255,.85);
  z-index:2;
}
.gc-modal-frame{
  margin:0;
  min-height:100vh;
  background:linear-gradient(140deg, #eef5ff 0%, #f8fbff 55%, #ffffff 100%);
}
.gc-modal-page{
  min-height:100vh;
  padding:20px;
}
.gc-modal-page-inner{
  max-width:100%;
}
.gc-modal-frame .gc-main-inner::before{
  display:none;
}
.gc-modal-frame .d-flex.align-items-center.justify-content-between.mb-3{
  margin-bottom:1rem!important;
}
.gc-modal-frame .d-flex.align-items-center.justify-content-between.mb-3 a.btn-outline-secondary{
  display:none;
}
.gc-modal-frame .card{
  box-shadow:0 .75rem 2rem rgba(15,23,42,.08);
  background:rgba(255,255,255,.94);
}
@media (max-width:767.98px){
  .gc-crud-modal-dialog{
    width:calc(100vw - 1rem);
  }
  .gc-crud-modal-frame{
    height:78vh;
  }
  .gc-modal-page{
    padding:12px;
  }
}