html {
  font-size: 14px;
}

:root{--nav:#16243a;--accent:#246bfd;--bg:#f5f7fb}body{background:var(--bg);color:#1d2939}.topbar{height:58px;background:var(--nav);position:sticky;top:0;z-index:20}.app-shell{display:flex;min-height:calc(100vh - 58px)}.sidebar{width:230px;background:#fff;border-inline-end:1px solid #e5e9f0;padding:16px 10px;flex-shrink:0}.sidebar a{display:block;padding:9px 12px;border-radius:7px;color:#344054;text-decoration:none;font-size:.92rem}.sidebar a:hover{background:#edf3ff;color:var(--accent)}.menu-title{padding:18px 12px 5px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#98a2b3}.content{min-width:0;flex:1}.metric-card{border:0;box-shadow:0 2px 12px rgba(16,24,40,.06)}.table-card{background:#fff;border-radius:10px;padding:18px;box-shadow:0 2px 12px rgba(16,24,40,.05)}.money{font-variant-numeric:tabular-nums}.pos-layout{display:grid;grid-template-columns:1fr 380px;gap:20px}.receipt{max-width:80mm;margin:auto}.print-only{display:none}@media(max-width:900px){.sidebar{width:76px}.sidebar a{font-size:0}.menu-title{display:none}.pos-layout{grid-template-columns:1fr}}@media print{.topbar,.sidebar,.no-print{display:none!important}.app-shell,.content{display:block;padding:0!important}.print-only{display:block}.table-card{box-shadow:none}}
:root{--nav:#16243a;--accent:#246bfd;--bg:#f5f7fb}body{background:var(--bg);color:#1d2939}.topbar{height:58px;background:var(--nav);position:sticky;top:0;z-index:20}.app-shell{display:flex;min-height:calc(100vh - 58px)}.sidebar{width:230px;background:#fff;border-inline-end:1px solid #e5e9f0;padding:16px 10px;flex-shrink:0}.sidebar a{display:block;padding:9px 12px;border-radius:7px;color:#344054;text-decoration:none;font-size:.92rem}.sidebar a:hover{background:#edf3ff;color:var(--accent)}.menu-title{padding:18px 12px 5px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#98a2b3}.content{min-width:0;flex:1}.metric-card{border:0;box-shadow:0 2px 12px rgba(16,24,40,.06)}.table-card{background:#fff;border-radius:10px;padding:18px;box-shadow:0 2px 12px rgba(16,24,40,.05)}.money{font-variant-numeric:tabular-nums}.pos-layout{display:grid;grid-template-columns:1fr 380px;gap:20px}.receipt{max-width:80mm;margin:auto}.print-only{display:none}.trend-chart{height:190px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #ddd;padding-top:15px;overflow-x:auto}.trend-column{height:175px;min-width:34px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.trend-bar{width:24px;min-height:2px;background:linear-gradient(#246bfd,#73a0ff);border-radius:4px 4px 0 0}.trend-column small{font-size:.65rem;white-space:nowrap;margin-top:3px}@media(max-width:900px){.sidebar{width:76px}.sidebar a{font-size:0}.menu-title{display:none}.pos-layout{grid-template-columns:1fr}}@media print{.topbar,.sidebar,.no-print{display:none!important}.app-shell,.content{display:block;padding:0!important}.print-only{display:block}.table-card{box-shadow:none}}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.company-logo{width:38px;height:38px;object-fit:contain;background:#fff;border-radius:6px;padding:2px}.settings-logo{width:150px;height:90px;object-fit:contain;border:1px solid #dee2e6;border-radius:8px;background:#fff;padding:6px}.print-company-logo{max-width:130px;max-height:75px;object-fit:contain}.print-company-header{text-align:center;margin-bottom:18px}.print-company-header h2,.print-company-header p{margin:2px 0}.invoice-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}@media(max-width:1050px){.invoice-layout{grid-template-columns:1fr}}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

/* Report center */
.report-center{max-width:1440px;margin:0 auto;padding-bottom:28px}
.report-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:220px;padding:36px 42px;border-radius:20px;background:linear-gradient(115deg,#182b52 0%,#23487b 58%,#3768a0 100%);color:#fff;box-shadow:0 18px 36px rgba(24,43,82,.16)}
.report-hero-kicker,.report-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.15em}
.report-hero-kicker{color:#a8d8ff}.report-hero h1{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:750;letter-spacing:-.03em;margin:10px 0}.report-hero p{max-width:570px;color:#e1ecf8;margin:0 0 22px}
.report-hero-meta{display:flex;flex-wrap:wrap;gap:10px}.report-hero-meta span{padding:7px 12px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.11);font-size:.8rem;font-weight:600}
.report-hero-art{position:absolute;inset-inline-end:65px;bottom:-3px;display:flex;align-items:end;gap:13px;height:150px;transform:skewY(-7deg);opacity:.8}.report-hero-art span{display:block;width:42px;border-radius:9px 9px 0 0;background:linear-gradient(#83d4f5,#478dc4)}.report-hero-art span:nth-child(1){height:58px}.report-hero-art span:nth-child(2){height:112px}.report-hero-art span:nth-child(3){height:85px}.report-hero-art span:nth-child(4){height:145px}
.report-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:30px 2px 18px}.report-eyebrow{color:#416a9c}.report-section-heading h2{font-size:1.35rem;font-weight:750;margin:4px 0 0}.report-section-heading p{color:#66758a;margin:0;font-size:.88rem}
.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.report-card{--report-color:#2563eb;--report-soft:#eff6ff;background:#fff;border:1px solid #e6ebf2;border-top:4px solid var(--report-color);border-radius:16px;padding:21px 21px 17px;box-shadow:0 7px 22px rgba(20,39,73,.055);transition:transform .18s ease,box-shadow .18s ease}.report-card:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(20,39,73,.11)}
.report-card-inventory{--report-color:#2563eb;--report-soft:#eaf2ff}.report-card-purchases{--report-color:#d97706;--report-soft:#fff3df}.report-card-sales{--report-color:#0d9488;--report-soft:#e2f7f3}.report-card-profit{--report-color:#7c3aed;--report-soft:#f1eaff}.report-card-balances{--report-color:#db2777;--report-soft:#fce9f2}.report-card-payments{--report-color:#0891b2;--report-soft:#e3f7fb}
.report-card-heading{display:flex;align-items:center;gap:12px;min-height:55px;margin-bottom:15px}.report-card-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:var(--report-soft);color:var(--report-color);font-weight:800;font-size:1.1rem}.report-card-heading h3{font-size:1.04rem;font-weight:750;margin:0 0 3px;color:#1d2939}.report-card-heading p{font-size:.76rem;color:#758398;margin:0}.report-count{margin-inline-start:auto;align-self:flex-start;white-space:nowrap;font-size:.67rem;font-weight:700;color:var(--report-color);background:var(--report-soft);padding:5px 8px;border-radius:20px}
.report-links{display:grid;gap:3px}.report-links a{position:relative;display:block;padding:9px 28px 9px 12px;border-radius:8px;text-decoration:none;color:#33445d;font-size:.875rem;font-weight:550;transition:background .15s ease,color .15s ease}.report-links a::after{content:"›";position:absolute;inset-inline-end:12px;top:4px;color:#a7b3c4;font-size:1.35rem}.report-links a:hover,.report-links a:focus-visible{background:var(--report-soft);color:var(--report-color)}.report-links a:hover::after,.report-links a:focus-visible::after{color:var(--report-color)}
@media(max-width:1200px){.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.report-grid{grid-template-columns:1fr}.report-hero{padding:28px}.report-hero-art{opacity:.16;inset-inline-end:20px}.report-section-heading{display:block}.report-section-heading p{margin-top:8px}}

/* Sign-in screen */
.login-page{min-height:calc(100vh - 106px);display:grid;place-items:center;padding:28px 0}.login-shell{width:min(1040px,100%);min-height:590px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:#fff;border:1px solid #e2e9f2;border-radius:22px;box-shadow:0 24px 70px rgba(22,36,58,.12)}
.login-showcase{position:relative;overflow:hidden;background:linear-gradient(145deg,#142b50 0%,#1e4b80 58%,#147c9b 100%);color:#fff;padding:42px}.login-showcase::before,.login-showcase::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.login-showcase::before{width:470px;height:470px;inset-inline-end:-290px;top:-225px}.login-showcase::after{width:550px;height:550px;inset-inline-start:-320px;bottom:-350px}.login-showcase-content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}
.login-brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:1.05rem}.login-brand img{width:45px;height:45px;padding:3px;object-fit:contain;background:#fff;border-radius:11px}.login-showcase-copy{margin:auto 0 56px}.login-kicker,.login-welcome{font-size:.72rem;font-weight:800;letter-spacing:.16em}.login-kicker{color:#a7e8f6}.login-showcase h2{max-width:390px;margin:13px 0;font-size:clamp(2rem,3.2vw,2.8rem);line-height:1.12;font-weight:750;letter-spacing:-.045em}.login-showcase p{max-width:350px;color:#d7eaf4;line-height:1.65}.login-feature-list{display:flex;flex-wrap:wrap;gap:8px}.login-feature-list span{border:1px solid rgba(255,255,255,.25);border-radius:30px;padding:7px 11px;background:rgba(255,255,255,.1);font-size:.75rem;font-weight:600}
.login-showcase-decoration{position:absolute;inset-inline-end:46px;bottom:90px;display:flex;align-items:end;gap:10px;opacity:.28;transform:skewY(-8deg)}.login-showcase-decoration span{display:block;width:28px;border-radius:6px 6px 0 0;background:#9be7fa}.login-showcase-decoration span:nth-child(1){height:52px}.login-showcase-decoration span:nth-child(2){height:88px}.login-showcase-decoration span:nth-child(3){height:125px}
.login-form-panel{display:grid;place-items:center;padding:48px 54px}.login-form-content{width:min(100%,370px)}.login-welcome{color:#247b9e}.login-form-panel h1{font-size:1.8rem;font-weight:750;letter-spacing:-.035em;margin:10px 0}.login-subtitle{color:#68798d;margin-bottom:32px}.login-form .form-label{font-size:.84rem;font-weight:700;color:#344054}.login-form .form-control{min-height:48px;border:1px solid #d9e2ed;border-radius:10px;padding-inline:14px;background:#fbfcfe}.login-form .form-control:focus{border-color:#3289ad;box-shadow:0 0 0 .2rem rgba(50,137,173,.12);background:#fff}.login-remember{margin:18px 0 27px;font-size:.87rem;color:#4b5a6e}.login-remember .form-check-input:checked{background-color:#1d779e;border-color:#1d779e}.login-submit{min-height:49px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;background:linear-gradient(100deg,#1c6697,#1594a1);color:#fff;font-weight:750;box-shadow:0 8px 18px rgba(24,115,155,.22)}.login-submit:hover,.login-submit:focus-visible{background:linear-gradient(100deg,#164e7a,#117d8d);color:#fff}.login-validation:empty{display:none}.login-footer-note{text-align:center;color:#92a0af;font-size:.76rem;margin:30px 0 0}
@media(max-width:800px){.login-shell{grid-template-columns:1fr;max-width:520px}.login-showcase{min-height:220px;padding:27px}.login-showcase-copy{margin:26px 0 15px}.login-showcase h2{font-size:1.8rem}.login-showcase p,.login-feature-list{display:none}.login-form-panel{padding:36px 28px 42px}}@media(max-width:480px){.login-page{padding:0}.login-shell{border-radius:14px}.login-showcase{min-height:180px}.login-form-panel{padding:30px 22px 36px}}

/* Developer contact details, shared by the sidebar and sign-in screen */
.sidebar{display:flex;flex-direction:column}.developer-contact{border:1px solid #e0e8f0;border-radius:12px;background:#f8fafc;padding:14px}.developer-contact h2{font-size:.9rem;font-weight:800;margin:0 0 12px;color:#1b3656}.developer-contact p{margin:0 0 9px;line-height:1.35}.developer-contact p span{display:block;font-size:.69rem;font-weight:700;color:#78879a}.developer-contact p strong{font-size:.83rem;color:#2d4058}.developer-contact p a{color:#226b95;text-decoration:none;overflow-wrap:anywhere}.developer-contact p a:hover{text-decoration:underline}.developer-whatsapp{display:flex;align-items:center;justify-content:space-between;margin-top:11px;padding:9px 11px;border-radius:8px;background:#198754;color:#fff;text-decoration:none;font-size:.8rem;font-weight:750}.developer-whatsapp:hover,.developer-whatsapp:focus-visible{background:#126b42;color:#fff}
.sidebar .developer-contact{margin-top:auto;margin-inline:5px;font-size:.8rem}.sidebar .developer-contact a{padding:0;border-radius:0;font-size:.8rem}.sidebar .developer-contact a:hover{background:transparent;color:#145475}.sidebar .developer-contact .developer-whatsapp{padding:9px 11px;border-radius:8px;color:#fff}.sidebar .developer-contact .developer-whatsapp:hover{background:#126b42;color:#fff}
.login-form-content>.developer-contact{margin-top:28px;padding:14px 16px;background:#f5f9fc}.login-form-content>.developer-contact p{display:inline-block;vertical-align:top;margin-inline-end:15px}.login-form-content>.developer-contact p:first-of-type{display:block}.login-form-content>.developer-contact .developer-whatsapp{max-width:180px}
@media(max-width:900px){.sidebar .developer-contact{padding:7px;margin-inline:0}.sidebar .developer-contact h2,.sidebar .developer-contact p{display:none}.sidebar .developer-contact .developer-whatsapp{font-size:0;justify-content:center;padding:8px}.sidebar .developer-contact .developer-whatsapp span{font-size:1rem}}
@media print{.developer-contact{display:none!important}}

/* One consistent navy action color across Bootstrap and standalone buttons. */
:root{--button-navy:#183a63;--button-navy-hover:#102b4e;--button-navy-active:#0b213d}
.btn,button:not([class]){background:var(--button-navy);border:1px solid var(--button-navy);color:#fff}
.btn:hover,button:not([class]):hover{background:var(--button-navy-hover);border-color:var(--button-navy-hover);color:#fff}
.btn:active,.btn.active,button:not([class]):active{background:var(--button-navy-active);border-color:var(--button-navy-active);color:#fff}
.btn:focus-visible,button:not([class]):focus-visible,.developer-whatsapp:focus-visible{box-shadow:0 0 0 .22rem rgba(24,58,99,.28);outline:2px solid #fff;outline-offset:1px}
.btn:disabled,.btn.disabled,button:not([class]):disabled{background:var(--button-navy);border-color:var(--button-navy);color:#fff;opacity:.55}
.login-submit{box-shadow:0 8px 18px rgba(24,58,99,.22)}
.developer-whatsapp,.sidebar .developer-contact .developer-whatsapp{background:var(--button-navy);color:#fff}
.developer-whatsapp:hover,.developer-whatsapp:focus-visible,.sidebar .developer-contact .developer-whatsapp:hover,.sidebar .developer-contact .developer-whatsapp:focus-visible{background:var(--button-navy-hover);color:#fff}

/* Brand palette: all blue UI accents use navy, including Bootstrap components. */
:root{
  --nav:#16243a;
  --accent:#183a63;
  --bs-primary:#183a63;
  --bs-primary-rgb:24,58,99;
  --bs-link-color:#183a63;
  --bs-link-color-rgb:24,58,99;
  --bs-link-hover-color:#102b4e;
  --bs-link-hover-color-rgb:16,43,78;
  --bs-primary-bg-subtle:#e9edf3;
  --bs-primary-border-subtle:#b6c4d5;
  --bs-primary-text-emphasis:#102b4e;
}
a{color:var(--button-navy)}
a:hover{color:var(--button-navy-hover)}
.sidebar a:hover,.sidebar a:focus-visible{background:#e9edf3;color:var(--button-navy)}
.page-link{color:var(--button-navy)}
.page-link:hover,.page-link:focus{color:var(--button-navy-hover);background:#e9edf3;border-color:#b6c4d5}
.page-item.active .page-link,.nav-pills .nav-link.active{background:var(--button-navy);border-color:var(--button-navy);color:#fff}
.form-control:focus,.form-select:focus,.form-check-input:focus,.btn:focus,.btn:active:focus,.btn-link.nav-link:focus{border-color:var(--button-navy);box-shadow:0 0 0 .2rem rgba(24,58,99,.2)}
.form-check-input:checked{background-color:var(--button-navy);border-color:var(--button-navy)}
.trend-bar{background:var(--button-navy)}
.report-hero{background:var(--button-navy)}
.report-hero-kicker{color:#e9edf3}
.report-hero p{color:#eef1f6}
.report-hero-art span{background:#536c8b}
.report-eyebrow{color:var(--button-navy)}
.report-card{--report-color:#183a63;--report-soft:#e9edf3}
.report-card-inventory,.report-card-payments{--report-color:#183a63;--report-soft:#e9edf3}
.login-showcase{background:var(--button-navy)}
.login-kicker{color:#e9edf3}
.login-showcase p{color:#eef1f6}
.login-showcase-decoration span{background:#7088a5}
.login-welcome,.developer-contact p a,.sidebar .developer-contact a:hover{color:var(--button-navy)}
.login-form .form-control:focus{border-color:var(--button-navy);box-shadow:0 0 0 .2rem rgba(24,58,99,.2)}
.login-remember .form-check-input:checked{background-color:var(--button-navy);border-color:var(--button-navy)}
.login-submit,.login-submit:hover,.login-submit:focus-visible{background:var(--button-navy);border-color:var(--button-navy);color:#fff}
.login-submit:hover,.login-submit:focus-visible{background:var(--button-navy-hover);border-color:var(--button-navy-hover)}

/* All clickable action buttons use navy backgrounds and white text. */
button,.btn,input[type="button"],input[type="submit"],input[type="reset"]{
  background:var(--button-navy)!important;
  border-color:var(--button-navy)!important;
  color:#fff!important;
}
button:hover,button:focus-visible,.btn:hover,.btn:focus-visible,input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover{
  background:var(--button-navy-hover)!important;
  border-color:var(--button-navy-hover)!important;
  color:#fff!important;
}
button:active,.btn:active,input[type="button"]:active,input[type="submit"]:active,input[type="reset"]:active{
  background:var(--button-navy-active)!important;
  border-color:var(--button-navy-active)!important;
  color:#fff!important;
}