:root{
  --primary:#0066cc;
  --primary-dark:#004fa3;
  --bg:#f5f7fa;
  --surface:#ffffff;
  --text:#111827;
  --muted:#6b7280;
  --line:rgba(17,24,39,.10);
  --shadow:0 12px 30px rgba(15,23,42,.08);
  --radius:16px;
}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none}.btn{font-weight:800;border-radius:12px;padding:.72rem 1rem}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}
.login-page{min-height:100vh;background:url('../assets/images/up.jpg') center/cover no-repeat;position:relative;display:grid;place-items:center;padding:24px}.login-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.30),rgba(0,0,0,.82))}.login-card-shell{position:relative;width:min(420px,100%)}.login-glass-card{border-radius:24px;padding:32px;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.13);backdrop-filter:blur(12px);box-shadow:0 30px 80px rgba(0,0,0,.30);text-align:center}.login-logo-wrap{height:68px;width:68px;margin:0 auto 20px;border-radius:999px;padding:5px;background:rgba(255,255,255,.92)}.login-logo{height:100%;width:100%;border-radius:999px;object-fit:cover}.login-glass-card h1{font-family:Poppins,sans-serif;color:#fff;font-weight:900;margin:0;font-size:30px}.login-subtitle{font-size:12px;color:rgba(255,255,255,.65);margin:6px 0 30px}.login-form{text-align:left}.field-label{font-size:10px;font-weight:900;color:rgba(255,255,255,.9);letter-spacing:1.2px;margin-bottom:7px;display:block}.input-icon-group{height:50px;border:1px solid rgba(255,255,255,.13);border-radius:12px;display:flex;align-items:center;background:rgba(0,0,0,.08);overflow:hidden}.input-icon-group>i{color:rgba(255,255,255,.70);font-size:18px;margin:0 14px}.input-icon-group input{flex:1;background:transparent;border:0;outline:0;color:#fff;font-size:14px}.input-icon-group input::placeholder{color:rgba(255,255,255,.45)}.icon-button{border:0;background:transparent;color:rgba(255,255,255,.55);padding:0 14px}.login-options{display:flex;align-items:center;justify-content:space-between;margin:12px 0 28px;color:rgba(255,255,255,.74);font-size:12px}.login-options label{display:flex;gap:8px;align-items:center}.link-button{border:0;background:transparent;color:#fff;font-weight:700;font-size:12px}.btn-login{height:54px;width:100%;border:0;border-radius:12px;background:#fff;color:var(--primary);font-weight:900;letter-spacing:1.5px}.btn-mistri-login{height:48px;width:100%;border:1.5px solid rgba(255,255,255,.45);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-weight:900;letter-spacing:1px;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;transition:.2s ease}.btn-mistri-login:hover{background:rgba(255,255,255,.18);border-color:#fff}.btn-mistri-login.active{background:#16a34a;border-color:#16a34a;color:#fff}.mistri-login-hint{display:block;margin-top:8px;color:rgba(255,255,255,.66);font-size:11px;text-align:center;font-weight:700}.login-message{min-height:22px;margin-top:14px;color:#fff;text-align:center;font-size:13px}.login-footer-text{display:flex;flex-direction:column;align-items:center;margin-top:24px;color:rgba(255,255,255,.35);font-size:9px;letter-spacing:2px}.login-footer-text span{font-size:8px;letter-spacing:0;margin-top:5px}
.app-shell{display:flex;min-height:100vh}.sidebar{width:274px;background:#fff;border-right:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:22px;position:fixed;top:0;left:0;bottom:0;z-index:20}.brand-box{display:flex;gap:12px;align-items:center;padding:10px 6px}.brand-box img{width:56px;height:56px;border-radius:999px;object-fit:cover;box-shadow:0 8px 20px rgba(0,102,204,.16)}.brand-box h2{font-family:Poppins,sans-serif;margin:0;color:var(--primary);font-size:20px;font-weight:900}.brand-box p{margin:0;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:1px}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.sidebar-nav a{height:48px;border-radius:14px;color:#374151;font-weight:800;display:flex;align-items:center;gap:12px;padding:0 14px;transition:.2s}.sidebar-nav a i{font-size:18px}.sidebar-nav a.active,.sidebar-nav a:hover{background:rgba(0,102,204,.10);color:var(--primary)}.logout-sidebar{height:48px;border:0;border-radius:14px;background:#f3f4f6;color:#374151;font-weight:900;display:flex;align-items:center;justify-content:center;gap:10px}.content-area{margin-left:274px;min-height:100vh;flex:1}.topbar{height:72px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px;box-shadow:0 6px 20px rgba(0,102,204,.16);position:sticky;top:0;z-index:10}.topbar h1{font-family:Poppins,sans-serif;font-size:18px;font-weight:800;margin:0}.topbar p{margin:2px 0 0;font-size:12px;opacity:.82}.topbar-actions{display:flex;align-items:center;gap:10px}.circle-icon,.user-chip{height:40px;border:0;border-radius:999px;background:rgba(255,255,255,.16);color:#fff}.circle-icon{width:40px}.user-chip{display:flex;align-items:center;gap:8px;padding:0 14px;font-weight:800}.page-content{padding:24px 32px 44px;max-width:1240px;margin:0 auto}.dashboard-header-card{background:#fff;border-radius:18px;padding:22px;margin-bottom:32px;box-shadow:var(--shadow)}.company-logo-large{height:80px;width:80px;border-radius:999px;background:#fff;box-shadow:0 12px 26px rgba(0,0,0,.08);display:grid;place-items:center}.company-logo-large img{width:58px;height:58px;object-fit:contain}.dashboard-header-card h2{font-family:Poppins,sans-serif;color:var(--primary);font-weight:900;font-size:24px;margin:0}.dashboard-header-card p{margin:3px 0 0;color:var(--muted)}.four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.action-grid{margin-bottom:38px}.action-card{min-height:150px;border:0;border-radius:16px;background:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#111827;font-weight:900;gap:14px;transition:.2s}.action-card:hover{transform:translateY(-3px)}.action-card i{height:54px;width:54px;border-radius:999px;display:grid;place-items:center;font-size:28px}.action-card.indigo i{background:rgba(79,70,229,.10);color:#4f46e5}.action-card.teal i{background:rgba(20,184,166,.12);color:#0f766e}.action-card.orange i{background:rgba(245,158,11,.14);color:#d97706}.action-card.brown i{background:rgba(120,53,15,.12);color:#78350f}.section-title{font-family:Poppins,sans-serif;font-size:20px;font-weight:900;margin:0 0 16px}.summary-grid{margin-bottom:32px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;min-height:120px;display:flex;flex-direction:column;box-shadow:0 7px 24px rgba(15,23,42,.04)}.summary-card div{display:flex;justify-content:space-between;align-items:center}.summary-card i{font-size:20px}.summary-card span{font-size:10px;font-weight:900}.summary-card strong{font-family:Poppins,sans-serif;font-size:24px;margin-top:auto}.summary-card p{margin:2px 0 0;color:var(--muted);font-size:13px;font-weight:700}.green i,.green span{color:#16a34a}.blue i,.blue span{color:#2563eb}.purple i,.purple span{color:#7c3aed}.amber i,.amber span{color:#d97706}.dashboard-lower-grid{display:grid;grid-template-columns:3fr 2fr;gap:24px}.panel-card,.table-card{background:#fff;border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--line);overflow:hidden}.panel-card{padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-head h3{font-family:Poppins,sans-serif;font-size:16px;font-weight:900;margin:0}.panel-head a,.panel-head span{font-size:12px;font-weight:900;color:var(--primary)}.mini-list{display:flex;flex-direction:column;gap:10px}.mini-list-item{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px}.mini-list-item strong{font-size:13px}.mini-list-item span{font-size:12px;color:var(--muted)}.alert-list{display:flex;flex-direction:column;gap:12px}.alert-list div{display:flex;gap:10px;align-items:flex-start;border-radius:12px;background:#f9fafb;padding:13px;color:#374151;font-weight:700;font-size:13px}.alert-list i{color:#d97706}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.page-toolbar h2{font-family:Poppins,sans-serif;font-weight:900;margin:0;font-size:26px}.page-toolbar p{margin:4px 0 0;color:var(--muted);font-size:13px}.toolbar-buttons{display:flex;flex-wrap:wrap;gap:10px}.search-bar-wrap{height:54px;background:#fff;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;gap:12px;padding:0 16px;box-shadow:0 8px 22px rgba(15,23,42,.04);margin-bottom:20px}.search-bar-wrap i{color:var(--primary)}.search-bar-wrap input{border:0;outline:0;flex:1;background:transparent;font-weight:600}.cards-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.person-card{background:#fff;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow);padding:18px;display:flex;gap:16px;align-items:flex-start}.avatar-circle{height:52px;width:52px;border-radius:999px;background:rgba(0,102,204,.12);color:var(--primary);display:grid;place-items:center;font-weight:900;font-size:20px;flex:0 0 auto}.person-card-body{flex:1;min-width:0}.person-card h3{font-family:Poppins,sans-serif;font-size:17px;font-weight:900;margin:0;color:#111827}.person-card .meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin:8px 0 12px;color:var(--muted);font-size:12px;font-weight:700}.person-card .meta span{display:flex;gap:5px;align-items:center}.financial-line{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.money-pill{border-radius:999px;background:#f3f4f6;padding:7px 10px;font-size:12px;font-weight:900}.money-pill.due{background:#fef2f2;color:#b91c1c}.money-pill.advance{background:#ecfdf5;color:#047857}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.card-actions .btn{padding:.45rem .7rem;border-radius:10px;font-size:12px}.table-card{padding:8px}.app-table{margin:0}.app-table thead th{background:var(--primary);color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.04em;border:0;padding:14px}.app-table tbody td{padding:14px;border-bottom:1px solid var(--line);font-size:13px}.status-badge{border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900}.status-badge.paid{background:#dcfce7;color:#166534}.status-badge.due{background:#fee2e2;color:#991b1b}.modal-content{border:0;border-radius:20px;overflow:hidden}.modal-header{background:var(--primary);color:#fff}.modal-title{font-family:Poppins,sans-serif;font-weight:900}.form-section{background:#f9fafb;border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:16px}.form-section h4{font-family:Poppins,sans-serif;font-size:15px;font-weight:900;margin:0 0 14px}.form-label{font-size:12px;font-weight:900;color:#374151}.form-control,.form-select{border-radius:12px;border-color:#d1d5db;min-height:44px;font-weight:600}.items-table input{min-width:100px}.totals-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:800}.total-row strong{font-size:20px}.due-indicator{border-radius:14px;padding:14px;display:flex;justify-content:space-between;align-items:center;font-weight:900}.due-indicator.due{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.due-indicator.advance{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0}.empty-state{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:40px;color:var(--muted);font-weight:800}.statement-table th,.statement-table td{font-size:11px;white-space:pre-line}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.report-card{border-radius:16px;background:#fff;border:1px solid var(--line);padding:16px}.report-card span{font-size:12px;color:var(--muted);font-weight:800}.report-card strong{display:block;font-family:Poppins,sans-serif;font-size:24px;font-weight:900;margin-top:6px}.loading-overlay{opacity:.55;pointer-events:none}
@media(max-width:1100px){.sidebar{width:88px;padding:18px 12px}.brand-box div,.sidebar-nav span,.logout-sidebar{display:none}.content-area{margin-left:88px}.sidebar-nav a{justify-content:center;padding:0}.four-grid{grid-template-columns:repeat(2,1fr)}.dashboard-lower-grid{grid-template-columns:1fr}.cards-list{grid-template-columns:1fr}}
@media(max-width:700px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;flex-direction:row;overflow:auto}.brand-box{min-width:76px}.sidebar-nav{flex-direction:row}.sidebar-nav a{min-width:50px}.content-area{margin-left:0}.topbar{padding:0 16px}.page-content{padding:18px 16px 30px}.page-toolbar{align-items:flex-start;flex-direction:column}.four-grid{grid-template-columns:1fr}.cards-list{grid-template-columns:1fr}.topbar-actions .circle-icon{display:none}}
@media print{.sidebar,.topbar,.page-toolbar,.search-bar-wrap,.card-actions,.toolbar-buttons{display:none!important}.content-area{margin:0}.page-content{padding:0}.table-card,.panel-card,.person-card{box-shadow:none;border:1px solid #ddd}}


/* Supplier edit/delete professional fixes */
.supplier-kpi-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin:0 0 18px;
}
.supplier-kpi-card{
  background:linear-gradient(135deg,#ffffff,#f8fbff);
  border:1px solid rgba(15,23,42,.08);
  border-radius:20px;
  padding:18px 20px;
  box-shadow:0 14px 35px rgba(15,23,42,.07);
}
.supplier-kpi-card span{
  display:block;
  color:#64748b;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:8px;
}
.supplier-kpi-card strong{
  color:#0f172a;
  font-size:26px;
  font-weight:900;
}
.supplier-kpi-card.danger strong{color:#dc2626;}
.supplier-kpi-card.success strong{color:#16a34a;}
.supplier-card-pro{
  border:1px solid rgba(2,6,23,.08);
  background:linear-gradient(135deg,#fff,#f8fafc);
  box-shadow:0 14px 35px rgba(15,23,42,.07);
}
.supplier-card-pro:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 45px rgba(15,23,42,.10);
  border-color:rgba(37,99,235,.20);
}
.supplier-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:8px;
}
.supplier-card-head p{
  margin:4px 0 0;
  color:#64748b;
  font-weight:600;
}
.action-row{
  gap:8px;
}
.action-row .btn{
  border-radius:12px;
  font-weight:800;
  padding:7px 11px;
}
.professional-form .form-section{
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 28px rgba(15,23,42,.06);
}
.professional-form .form-section h4{
  display:flex;
  align-items:center;
  gap:8px;
}
.modal-action-footer{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding-top:16px;
  margin-top:8px;
  border-top:1px solid rgba(15,23,42,.08);
}
.confirm-delete-box{
  text-align:center;
  padding:12px 10px 4px;
}
.confirm-delete-box .confirm-icon{
  width:72px;
  height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 16px;
  border-radius:24px;
  background:#fff1f2;
  color:#e11d48;
  font-size:34px;
}
.confirm-delete-box h4{
  font-weight:900;
  color:#0f172a;
}
.confirm-delete-box p{
  color:#64748b;
  margin:8px auto 0;
  max-width:520px;
}
.empty-state{
  border:1px dashed rgba(15,23,42,.16);
  border-radius:20px;
  background:#fff;
  padding:40px 20px;
  text-align:center;
  color:#64748b;
  font-weight:700;
}
@media (max-width: 991px){
  .supplier-kpi-grid{grid-template-columns:1fr;}
  .supplier-card-head{flex-direction:column;align-items:flex-start;}
  .action-row .btn{width:100%;}
}


/* Mistri profile photo and NID photo additions */
.mistri-card-pro{
  border:1px solid rgba(2,6,23,.08);
  background:linear-gradient(135deg,#fff,#f8fafc);
  box-shadow:0 14px 35px rgba(15,23,42,.07);
}
.mistri-card-pro:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 45px rgba(15,23,42,.10);
  border-color:rgba(37,99,235,.20);
}
.image-avatar{
  overflow:hidden;
  background:#e5edf9;
}
.image-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.mistri-doc-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:10px 0 4px;
}
.doc-thumb{
  width:132px;
  min-height:80px;
  border:1px solid rgba(15,23,42,.10);
  border-radius:14px;
  background:#fff;
  overflow:hidden;
  padding:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  box-shadow:0 8px 18px rgba(15,23,42,.05);
  cursor:pointer;
}
.doc-thumb img{
  width:100%;
  height:58px;
  object-fit:cover;
  display:block;
}
.doc-thumb span{
  display:block;
  padding:6px 8px;
  font-size:11px;
  font-weight:900;
  color:#334155;
  text-align:center;
}
.empty-doc{
  align-items:center;
  justify-content:center;
  gap:4px;
  color:#94a3b8;
  cursor:default;
  padding:10px;
}
.empty-doc i{
  font-size:22px;
}
.upload-card{
  border:1px solid rgba(15,23,42,.10);
  border-radius:16px;
  padding:12px;
  background:#f8fafc;
}
.image-preview{
  min-height:150px;
  border:1px dashed rgba(37,99,235,.32);
  border-radius:16px;
  background:#ffffff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#64748b;
  font-weight:900;
  text-align:center;
  overflow:hidden;
}
.image-preview i{
  font-size:34px;
  color:#2563eb;
}
.image-preview img{
  width:100%;
  height:100%;
  min-height:150px;
  object-fit:cover;
  display:block;
}
.image-preview.has-image span{
  display:none;
}
.avatar-upload-preview{
  width:150px;
  height:150px;
  min-height:150px;
  border-radius:999px;
  margin:0 auto;
}
.avatar-upload-preview img{
  min-height:150px;
  border-radius:999px;
}
.nid-preview{
  height:170px;
}
.nid-preview img{
  min-height:170px;
}
.image-preview-modal{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#0f172a;
  border-radius:16px;
  padding:12px;
}
.image-preview-modal img{
  max-width:100%;
  max-height:76vh;
  object-fit:contain;
  border-radius:12px;
  background:#fff;
}
@media(max-width:700px){
  .mistri-doc-row{flex-direction:column;}
  .doc-thumb{width:100%;}
}

/* Settings and Event page additions only */
.settings-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-bottom:18px;
}
.settings-card{
  background:linear-gradient(135deg,#ffffff,#f8fbff);
  border:1px solid rgba(15,23,42,.08);
  border-radius:20px;
  padding:20px;
  box-shadow:0 14px 35px rgba(15,23,42,.07);
}
.settings-card-head h3{
  display:flex;
  align-items:center;
  gap:9px;
  font-family:Poppins,sans-serif;
  font-size:16px;
  font-weight:900;
  margin:0 0 14px;
}
.settings-user-box{
  display:flex;
  align-items:center;
  gap:14px;
}
.settings-current-avatar,
.settings-mini-avatar{
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(0,102,204,.12);
  color:var(--primary);
  font-weight:900;
  font-size:22px;
  flex:0 0 auto;
}
.settings-user-box h4{
  font-family:Poppins,sans-serif;
  font-weight:900;
  margin:0;
}
.settings-user-box p,
.settings-user-box small{
  display:block;
  color:#64748b;
  margin:4px 0 0;
  font-weight:700;
}
.role-chip-wrap{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.role-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border-radius:999px;
  padding:9px 12px;
  background:#eef6ff;
  color:#0f5ebc;
  font-size:12px;
  font-weight:900;
  border:1px solid rgba(0,102,204,.12);
}
.settings-layout-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
  gap:18px;
}
.settings-panel{
  min-height:320px;
}
.settings-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.settings-list-item{
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  border-radius:16px;
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.settings-list-item strong{
  display:block;
  font-family:Poppins,sans-serif;
  font-weight:900;
  color:#111827;
}
.settings-list-item span{
  display:block;
  color:#64748b;
  font-size:12px;
  font-weight:700;
  margin-top:3px;
}
.settings-user-mini{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.settings-mini-avatar{
  width:44px;
  height:44px;
  border-radius:14px;
  font-size:17px;
}
.settings-item-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px;
}
.event-kpi-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin:0 0 18px;
}
.event-kpi-card{
  background:linear-gradient(135deg,#ffffff,#f8fbff);
  border:1px solid rgba(15,23,42,.08);
  border-radius:20px;
  padding:18px 20px;
  box-shadow:0 14px 35px rgba(15,23,42,.07);
}
.event-kpi-card span{
  display:block;
  color:#64748b;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:8px;
}
.event-kpi-card strong{
  font-size:28px;
  color:#0f172a;
  font-weight:900;
}
.event-kpi-card.success strong{color:#16a34a;}
.event-kpi-card.warning strong{color:#d97706;}
.events-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.event-card{
  background:linear-gradient(135deg,#fff,#f8fafc);
  border:1px solid rgba(2,6,23,.08);
  border-radius:18px;
  box-shadow:0 14px 35px rgba(15,23,42,.07);
  padding:18px;
  display:flex;
  gap:16px;
}
.event-card:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 45px rgba(15,23,42,.10);
  border-color:rgba(37,99,235,.20);
}
.event-date{
  width:76px;
  height:76px;
  border-radius:18px;
  background:rgba(0,102,204,.10);
  color:var(--primary);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.event-date strong{
  font-family:Poppins,sans-serif;
  font-weight:900;
  font-size:24px;
  line-height:1;
}
.event-date span{
  font-size:11px;
  font-weight:900;
  margin-top:6px;
}
.event-body{
  min-width:0;
  flex:1;
}
.event-body h3{
  font-family:Poppins,sans-serif;
  font-size:17px;
  font-weight:900;
  margin:0;
}
.event-note{
  color:#64748b;
  font-size:13px;
  font-weight:600;
  margin:8px 0 4px;
}
@media(max-width:991px){
  .settings-grid,.settings-layout-grid,.event-kpi-grid,.events-list{grid-template-columns:1fr;}
  .settings-list-item{align-items:flex-start;flex-direction:column;}
  .settings-item-actions{justify-content:flex-start;}
}

/* Event photo/member/print additions only */
.event-photo-thumb{width:96px;height:96px;border-radius:18px;overflow:hidden;background:#e5e7eb;border:1px solid rgba(15,23,42,.10);flex:0 0 auto;box-shadow:0 10px 24px rgba(15,23,42,.08)}
.event-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.event-photo-preview{min-height:112px;border:1px dashed #cbd5e1;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;gap:8px;color:#64748b;font-weight:800;overflow:hidden}
.event-photo-preview.has-image{border-style:solid;padding:0;background:#f8fafc}
.event-photo-preview img{width:100%;height:140px;object-fit:cover;display:block}
.sponsor-checklist{max-height:270px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px 12px}
.sponsor-checklist-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:14px;padding:22px;color:#64748b;font-weight:800;text-align:center}
@media(max-width:991px){.event-photo-thumb{width:76px;height:76px}.event-card{flex-wrap:wrap}}

/* Barcode and Event View additions - does not change existing calculation/system */
.barcode-block{display:inline-block;background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:14px;padding:9px 12px;text-align:center;margin-top:14px;box-shadow:0 8px 22px rgba(15,23,42,.06)}
.barcode-block span{display:block;font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.08em;color:#64748b;margin-bottom:5px}
.barcode-svg{width:260px;max-width:100%;height:auto;display:block}
.event-view-photo{width:100%;min-height:220px;max-height:280px;object-fit:cover;border-radius:18px;border:1px solid rgba(15,23,42,.10);background:#f8fafc;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#64748b;font-weight:800}
.event-view-photo.empty-doc i{font-size:42px;color:#94a3b8}
.event-member-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(15,23,42,.08)}
.event-member-row:last-child{border-bottom:0}
.event-member-row strong{display:block;font-weight:900;color:#0f172a}
.event-member-row span{font-size:12px;color:#64748b;font-weight:700}
.event-mini-type{background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:6px 10px;white-space:nowrap;font-size:11px!important;font-weight:900!important}
.small-empty{padding:14px!important;min-height:auto!important;font-size:13px}


/* Dashboard scanner and professional print additions */
.scanner-dashboard-card{margin:22px 0;background:linear-gradient(135deg,#ffffff,#f8fbff);border:1px solid rgba(37,99,235,.12)}
.scanner-dashboard-card .panel-head h3{display:flex;align-items:center;gap:10px}
.scanner-dashboard-grid{display:grid;grid-template-columns: minmax(280px, 420px) 1fr;gap:18px;align-items:stretch}
.scanner-camera-box{position:relative;min-height:260px;background:#020617;border-radius:22px;overflow:hidden;border:1px solid rgba(15,23,42,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.scanner-camera-box video{width:100%;height:100%;min-height:260px;object-fit:cover;display:none}
.scanner-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#dbeafe;padding:26px;background:radial-gradient(circle at top,#1e3a8a,#020617 70%)}
.scanner-placeholder i{font-size:46px;margin-bottom:10px;color:#60a5fa}
.scanner-placeholder strong{font-size:18px;font-weight:900;color:#ffffff}
.scanner-placeholder span{max-width:330px;font-size:13px;color:#bfdbfe;font-weight:700;margin-top:6px}
.scanner-side-panel{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:22px;padding:18px;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.scanner-control-row{display:flex;gap:10px;flex-wrap:wrap}
.scanner-status{border-radius:16px;padding:12px 14px;font-weight:800;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}
.scanner-status.success{background:#dcfce7;color:#166534;border-color:#86efac}.scanner-status.error{background:#fee2e2;color:#991b1b;border-color:#fecaca}.scanner-status.info{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.scanner-match{display:flex;gap:12px;align-items:center;border-radius:18px;padding:14px;border:1px solid #e5e7eb;background:#f8fafc}
.scanner-match i{font-size:24px}.scanner-match strong{display:block;font-weight:900;color:#0f172a}.scanner-match span{display:block;color:#64748b;font-weight:700;font-size:13px}.scanner-match.success{border-color:#86efac;background:#f0fdf4}.scanner-match.success i{color:#16a34a}.scanner-match.warning{border-color:#fde68a;background:#fffbeb}.scanner-match.warning i{color:#d97706}
@media(max-width:900px){.scanner-dashboard-grid{grid-template-columns:1fr}.scanner-camera-box,.scanner-camera-box video{min-height:220px}.scanner-control-row .btn{width:100%}}

/* Mistri profile and memo reward additions only */
.mistri-profile-card{display:block;padding:18px;border:1px solid rgba(15,23,42,.08);background:linear-gradient(135deg,#ffffff,#f8fbff);position:relative;overflow:hidden}
.mistri-profile-card:before{content:"";position:absolute;inset:0 0 auto 0;height:72px;background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(22,163,74,.10));pointer-events:none}
.mistri-profile-top{display:flex;align-items:center;gap:14px;position:relative;z-index:1}
.mistri-profile-title{min-width:0;flex:1}.mistri-profile-title h3{font-family:Poppins,sans-serif;font-weight:900;font-size:19px;margin:0;color:#0f172a}.mistri-profile-title p{margin:4px 0 0;color:#475569;font-weight:800;font-size:13px}
.mistri-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;position:relative;z-index:1}.mistri-profile-stats div{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:12px;text-align:center;box-shadow:0 8px 18px rgba(15,23,42,.04)}.mistri-profile-stats span{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.mistri-profile-stats strong{display:block;color:#0f172a;font-weight:900;font-size:18px;margin-top:2px}
.mistri-point-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;font-weight:900;padding:5px 9px;font-size:12px}.mistri-point-pill i{color:#16a34a}.mistri-profile-view .form-section{border:1px solid rgba(15,23,42,.08)}
.mistri-profile-hero{display:flex;align-items:center;gap:18px;border-radius:24px;background:linear-gradient(135deg,#0f172a,#1e40af);padding:22px;color:#fff;box-shadow:0 18px 38px rgba(15,23,42,.16)}.mistri-profile-hero h2{font-family:Poppins,sans-serif;font-weight:900;margin:0;font-size:28px}.mistri-profile-hero p{margin:8px 0 0;color:#dbeafe;font-weight:800}.mistri-profile-photo-xl{width:112px;height:112px;border-radius:28px;background:rgba(255,255,255,.14);border:4px solid rgba(255,255,255,.25);overflow:hidden;display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 14px 26px rgba(0,0,0,.18)}.mistri-profile-photo-xl img{width:100%;height:100%;object-fit:cover}.mistri-profile-photo-xl span{font-size:44px;font-weight:900;color:#fff}.mistri-profile-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.mistri-profile-badges span{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.20);padding:7px 11px;color:#fff;font-size:12px;font-weight:900}.profile-info-list{display:grid;gap:10px}.profile-info-list div{background:#f8fafc;border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:12px}.profile-info-list span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:900;margin-bottom:3px}.profile-info-list strong{display:block;color:#0f172a;font-weight:900;word-break:break-word}
@media(max-width:767px){.mistri-profile-stats{grid-template-columns:1fr}.mistri-profile-hero{align-items:flex-start;flex-direction:column}.mistri-profile-photo-xl{width:96px;height:96px}.mistri-profile-hero h2{font-size:22px}}


/* Mistri read-only portal additions */
.mistri-login-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;background:#f8fafc;border:1px solid #dbeafe;border-radius:18px;padding:12px}.mistri-login-box span,.mistri-portal-login span{display:block;font-size:10px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.08em}.mistri-login-box strong,.mistri-portal-login strong{font-size:15px;color:#0f172a}.mistri-login-box small{grid-column:1/-1;color:#64748b;font-weight:700}.mistri-portal-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(135deg,#0f172a,#1d4ed8);border-radius:26px;padding:24px;color:#fff;box-shadow:0 20px 45px rgba(15,23,42,.18)}.mistri-portal-id{display:flex;align-items:center;gap:16px}.mistri-portal-id>img{width:96px;height:96px;border-radius:26px;object-fit:cover;border:4px solid rgba(255,255,255,.35)}.mistri-portal-id h2{font-size:30px;font-weight:900;margin:6px 0 3px}.mistri-portal-id p{margin:0;color:#dbeafe;font-weight:700}.readonly-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;text-transform:uppercase}.mistri-portal-login{background:#fff;color:#0f172a;border-radius:20px;padding:16px 20px;min-width:220px;text-align:center}.mistri-portal-login strong{display:block;font-size:20px}.mistri-portal-login small{display:block;color:#64748b;font-weight:700;margin-top:3px}@media(max-width:768px){.mistri-portal-hero{align-items:flex-start;flex-direction:column}.mistri-login-box{grid-template-columns:1fr}.mistri-portal-login{width:100%;text-align:left}}

/* Mistri login user credential box */
.mistri-login-credentials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.mistri-login-credentials>div{background:#f8fafc;border:1px solid #dbeafe;border-radius:16px;padding:16px;text-align:left}
.mistri-login-credentials span{display:block;font-size:12px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.mistri-login-credentials strong{font-size:22px;color:#0f172a;word-break:break-all}
@media(max-width:575px){.mistri-login-credentials{grid-template-columns:1fr}}


/* Dashboard directory summary and mistri reference suggestions */
.dashboard-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
.dashboard-directory-card{position:relative;display:flex;align-items:center;gap:14px;min-height:118px;padding:20px;border-radius:24px;background:#fff;border:1px solid rgba(148,163,184,.24);box-shadow:0 14px 34px rgba(15,23,42,.08);text-decoration:none;color:#0f172a;overflow:hidden;transition:.22s ease}
.dashboard-directory-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(15,23,42,.12);color:#0f172a}
.dashboard-directory-card::after{content:"";position:absolute;right:-34px;top:-34px;width:110px;height:110px;border-radius:50%;opacity:.12;background:currentColor}
.dashboard-directory-icon{width:58px;height:58px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;flex:0 0 auto;box-shadow:0 12px 22px rgba(15,23,42,.16)}
.dashboard-directory-card span{display:block;font-size:12px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.dashboard-directory-card strong{display:block;font-size:30px;font-weight:950;line-height:1;color:#0f172a}
.dashboard-directory-card p{margin:7px 0 0;font-weight:800;color:#475569;font-size:13px}
.dashboard-directory-arrow{margin-left:auto;font-size:26px;color:#94a3b8}
.dashboard-directory-card.dash-blue .dashboard-directory-icon{background:linear-gradient(135deg,#2563eb,#06b6d4)}
.dashboard-directory-card.dash-green .dashboard-directory-icon{background:linear-gradient(135deg,#16a34a,#22c55e)}
.dashboard-directory-card.dash-amber .dashboard-directory-icon{background:linear-gradient(135deg,#f59e0b,#f97316)}
.dashboard-directory-card.dash-purple .dashboard-directory-icon{background:linear-gradient(135deg,#7c3aed,#db2777)}
.mistri-reference-wrap{position:relative}
.mistri-reference-suggestions{display:none;position:absolute;z-index:1065;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid #dbeafe;border-radius:18px;box-shadow:0 22px 50px rgba(15,23,42,.18);padding:8px;max-height:310px;overflow:auto}
.mistri-reference-suggestions.show{display:block}
.ref-mistri-item{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;text-align:left;padding:10px;border-radius:14px;transition:.18s ease;color:#0f172a}
.ref-mistri-item:hover{background:#eef6ff}
.ref-mistri-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#dbeafe;color:#1d4ed8;display:flex;align-items:center;justify-content:center;font-weight:950;flex:0 0 auto;border:2px solid #eaf2ff}
.ref-mistri-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.ref-mistri-info strong{display:block;font-weight:950;font-size:14px;color:#0f172a;line-height:1.1}
.ref-mistri-info small{display:block;font-weight:800;font-size:12px;color:#64748b;margin-top:3px}
.ref-mistri-empty{padding:14px;text-align:center;color:#64748b;font-weight:800}
@media(max-width:1100px){.dashboard-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.dashboard-directory-grid{grid-template-columns:1fr}.dashboard-directory-card{min-height:100px}}

/* Page total value cards: Customers, Purchases, Mistri */
.page-total-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:14px;
  margin:16px 0 18px;
}
.page-total-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px;
  border-radius:20px;
  background:#ffffff;
  border:1px solid #e2e8f0;
  box-shadow:0 12px 28px rgba(15,23,42,.07);
}
.page-total-icon{
  width:44px;
  height:44px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#eff6ff;
  color:#2563eb;
  font-size:20px;
  flex:0 0 auto;
}
.page-total-card span{
  display:block;
  font-size:11px;
  font-weight:900;
  color:#64748b;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.page-total-card strong{
  display:block;
  margin-top:2px;
  font-size:20px;
  font-weight:900;
  color:#0f172a;
  line-height:1.15;
}
.page-total-card.blue .page-total-icon{background:#dbeafe;color:#1d4ed8;}
.page-total-card.green .page-total-icon{background:#dcfce7;color:#15803d;}
.page-total-card.amber .page-total-icon{background:#fef3c7;color:#b45309;}
.page-total-card.red .page-total-icon{background:#fee2e2;color:#dc2626;}
.page-total-card.neutral .page-total-icon{background:#f1f5f9;color:#334155;}

/* Expense module additions */
.expense-summary-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
  margin:0 0 18px;
}
.expense-summary-card{
  background:linear-gradient(135deg,#ffffff,#f8fafc);
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  padding:16px;
  box-shadow:0 12px 30px rgba(15,23,42,.06);
  min-height:108px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.expense-summary-card div{
  display:flex;
  align-items:center;
  gap:9px;
  color:#64748b;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.expense-summary-card i{font-size:18px;color:var(--primary)}
.expense-summary-card strong{font-family:Poppins,sans-serif;font-size:19px;font-weight:900;color:#0f172a;margin-top:12px}
.expense-summary-card.danger i,.expense-summary-card.danger strong{color:#dc2626}
.expense-summary-card.warning i,.expense-summary-card.warning strong{color:#d97706}
.expense-summary-card.success i,.expense-summary-card.success strong{color:#16a34a}
.expense-summary-card.info i,.expense-summary-card.info strong{color:#0891b2}
.expense-summary-card.primary i,.expense-summary-card.primary strong{color:var(--primary)}
.expense-filter-card{margin-bottom:18px;overflow:visible}
.compact-search{box-shadow:none;height:44px;border-radius:12px;margin-bottom:0}
.permission-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.expense-permission-check{display:flex;align-items:center;gap:8px;border:1px solid rgba(15,23,42,.10);border-radius:12px;background:#f8fafc;padding:10px 12px;font-weight:800;color:#334155}
.expense-permission-check input{width:16px;height:16px}
.dashboard-expense-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
.dashboard-directory-card.dash-rose .dashboard-directory-icon{background:#fff1f2;color:#e11d48}
@media(max-width:1200px){.expense-summary-grid{grid-template-columns:repeat(3,1fr)}.dashboard-expense-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.expense-summary-grid,.dashboard-expense-summary,.permission-check-grid{grid-template-columns:1fr}}


/* Report module - follows existing CMS card/table/button style */
.report-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.report-type-btn{border:1px solid #dbeafe;background:#fff;border-radius:18px;padding:16px;text-align:left;display:flex;align-items:center;gap:12px;color:#0f172a;font-weight:900;box-shadow:0 10px 26px rgba(15,23,42,.06);transition:.22s ease;cursor:pointer}
.report-type-btn i{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#eff6ff;color:#2563eb;font-size:20px}.report-type-btn span{display:block;font-size:14px}.report-type-btn small{display:block;color:#64748b;font-weight:700;margin-top:2px}.report-type-btn.active,.report-type-btn:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 16px 32px rgba(37,99,235,.14)}
.report-filter-card{margin-bottom:18px}.report-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.report-summary-card{background:#fff;border:1px solid #dbeafe;border-radius:18px;padding:16px;box-shadow:0 10px 26px rgba(15,23,42,.06)}.report-summary-card span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:900}.report-summary-card strong{display:block;font-size:22px;font-weight:900;color:#0f172a;margin-top:5px}.report-summary-card.blue strong{color:#2563eb}.report-summary-card.green strong{color:#16a34a}.report-summary-card.red strong{color:#dc2626}.report-summary-card.amber strong{color:#d97706}.report-summary-card.purple strong{color:#7c3aed}
.report-table-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 18px 0}.report-table-head h3{margin:0;font-weight:900;color:#0f172a}.report-table-head p{margin:4px 0 0;color:#64748b;font-weight:700}.report-shortcut-row{display:flex;flex-wrap:wrap;gap:10px}.dashboard-report-shortcuts{margin:18px 0}.report-total-footer td{font-weight:900;background:#f8fafc!important}.report-print-note{font-size:12px;color:#64748b;font-weight:700}
@media(max-width:1100px){.report-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.report-type-grid,.report-summary-grid{grid-template-columns:1fr}.report-table-head{align-items:flex-start;flex-direction:column}}


/* Professional main dashboard redesign - dashboard page only */
.dashboard-pro-page{display:flex;flex-direction:column;gap:22px}.dashboard-status-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(135deg,#ffffff 0%,#eef6ff 58%,#f8fafc 100%);border:1px solid rgba(37,99,235,.14);border-radius:26px;padding:20px;box-shadow:0 18px 44px rgba(15,23,42,.08);overflow:hidden;position:relative}.dashboard-status-hero::after{content:"";position:absolute;right:-70px;top:-90px;width:240px;height:240px;background:radial-gradient(circle,rgba(37,99,235,.16),transparent 68%)}.dashboard-status-left{display:flex;gap:16px;align-items:center;position:relative;z-index:1}.dashboard-shop-mark{width:64px;height:64px;border-radius:20px;background:#fff;border:1px solid #dbeafe;box-shadow:0 12px 24px rgba(37,99,235,.12);display:grid;place-items:center;flex:0 0 auto}.dashboard-shop-mark img{width:48px;height:48px;border-radius:14px;object-fit:cover}.dashboard-date-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#eff6ff;color:#1d4ed8;padding:6px 11px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.dashboard-status-hero h2{font-family:Poppins,sans-serif;margin:8px 0 4px;font-size:24px;font-weight:950;color:#0f172a}.dashboard-status-hero p{margin:0;color:#64748b;font-weight:800}.dashboard-status-right{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;position:relative;z-index:1}.dashboard-status-right div{background:rgba(255,255,255,.82);border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:12px 14px}.dashboard-status-right span{display:block;font-size:10px;font-weight:900;text-transform:uppercase;color:#64748b;letter-spacing:.08em}.dashboard-status-right strong{display:block;color:#0f172a;font-weight:900;margin-top:4px}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dashboard-kpi-card{position:relative;display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid rgba(148,163,184,.20);border-radius:24px;padding:18px;min-height:136px;box-shadow:0 14px 34px rgba(15,23,42,.07);text-decoration:none;color:#0f172a;overflow:hidden;transition:.22s ease}.dashboard-kpi-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(15,23,42,.12);color:#0f172a}.dashboard-kpi-card::after{content:"";position:absolute;right:-42px;top:-42px;width:116px;height:116px;border-radius:50%;opacity:.11;background:currentColor}.dashboard-kpi-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;color:#fff;font-size:24px;flex:0 0 auto;box-shadow:0 12px 24px rgba(15,23,42,.16)}.dashboard-kpi-card span{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.dashboard-kpi-card strong{display:block;font-family:Poppins,sans-serif;font-size:24px;font-weight:950;line-height:1.1;margin-top:8px}.dashboard-kpi-card p{font-size:12px;color:#64748b;font-weight:800;margin:8px 0 0}.dashboard-kpi-card.sales .dashboard-kpi-icon{background:linear-gradient(135deg,#16a34a,#22c55e)}.dashboard-kpi-card.purchase .dashboard-kpi-icon{background:linear-gradient(135deg,#2563eb,#38bdf8)}.dashboard-kpi-card.expense .dashboard-kpi-icon{background:linear-gradient(135deg,#dc2626,#f97316)}.dashboard-kpi-card.collection .dashboard-kpi-icon{background:linear-gradient(135deg,#0f766e,#2dd4bf)}.dashboard-kpi-card.customer-due .dashboard-kpi-icon{background:linear-gradient(135deg,#d97706,#fbbf24)}.dashboard-kpi-card.supplier-due .dashboard-kpi-icon{background:linear-gradient(135deg,#7c3aed,#a855f7)}.dashboard-kpi-card.profit .dashboard-kpi-icon{background:linear-gradient(135deg,#15803d,#16a34a)}.dashboard-kpi-card.loss .dashboard-kpi-icon{background:linear-gradient(135deg,#991b1b,#ef4444)}.dashboard-kpi-card.cash .dashboard-kpi-icon{background:linear-gradient(135deg,#1e3a8a,#4f46e5)}.dashboard-quick-actions .panel-head,.dashboard-scanner-clean .panel-head{margin-bottom:12px}.dashboard-action-row{display:flex;flex-wrap:wrap;gap:10px}.dashboard-action-row .btn{border-radius:14px;font-weight:900;padding:.7rem 1rem}.dashboard-two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.cash-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cash-flow-item{border:1px solid #e2e8f0;background:#f8fafc;border-radius:16px;padding:14px}.cash-flow-item span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:900}.cash-flow-item strong{display:block;font-size:20px;font-weight:950;margin-top:8px;color:#0f172a}.cash-flow-item.in strong{color:#047857}.cash-flow-item.out strong{color:#dc2626}.cash-flow-item.balance strong{color:#1d4ed8}.profit-snapshot-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profit-tile{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:14px}.profit-tile span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:900}.profit-tile strong{display:block;font-size:20px;font-weight:950;margin-top:8px}.profit-tile.good strong{color:#15803d}.profit-tile.bad strong{color:#dc2626}.dashboard-alert-list{display:flex;flex-direction:column;gap:10px}.due-total-row{display:flex;justify-content:space-between;align-items:center;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;padding:14px;margin-bottom:10px}.due-total-row span{font-weight:900;color:#64748b}.due-total-row strong{font-size:20px;font-weight:950;color:#dc2626}.due-person-row,.recent-activity-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #e2e8f0;border-radius:14px;padding:12px;background:#fff}.due-person-row strong,.recent-activity-row strong{font-weight:950;color:#0f172a}.due-person-row span,.recent-activity-row span{font-size:12px;color:#64748b;font-weight:800}.due-person-row em,.recent-activity-row em{font-style:normal;font-weight:950;color:#0f172a;text-align:right}.dashboard-stock-grid{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:start}.stock-alert-summary{display:grid;gap:12px}.stock-summary-box{border:1px solid #e2e8f0;border-radius:18px;padding:16px;background:#f8fafc}.stock-summary-box span{display:block;font-size:10px;color:#64748b;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.stock-summary-box strong{display:block;font-size:26px;font-weight:950;margin-top:7px}.stock-summary-box.low strong{color:#d97706}.stock-summary-box.out strong{color:#dc2626}.dashboard-mini-table th,.dashboard-mini-table td{white-space:nowrap}.dashboard-chart-wrap{min-height:280px;position:relative}.chart-fallback{display:none;gap:8px;align-items:end;min-height:220px;padding:10px}.chart-bar-group{flex:1;display:flex;gap:4px;align-items:end;justify-content:center}.chart-bar{width:18px;border-radius:8px 8px 0 0;min-height:4px}.chart-bar.sales{background:#16a34a}.chart-bar.expense{background:#f97316}.chart-label{text-align:center;font-size:10px;font-weight:900;color:#64748b;margin-top:6px}.dashboard-recent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.dashboard-report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dashboard-report-grid a{display:flex;align-items:center;gap:10px;border:1px solid #dbeafe;border-radius:16px;background:#f8fafc;padding:14px;text-decoration:none;color:#0f172a;font-weight:900;transition:.2s ease}.dashboard-report-grid a:hover{background:#eff6ff;border-color:#2563eb;transform:translateY(-2px)}.dashboard-report-grid i{width:34px;height:34px;border-radius:12px;background:#e0f2fe;color:#2563eb;display:grid;place-items:center}.scanner-dashboard-card.dashboard-scanner-clean{margin-bottom:0}.scanner-dashboard-card .collapse:not(.show){display:none}@media(max-width:1250px){.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-recent-grid,.dashboard-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cash-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1050px){.dashboard-status-hero,.dashboard-two-col,.dashboard-stock-grid{grid-template-columns:1fr;display:grid}.dashboard-status-right{grid-template-columns:1fr 1fr 1fr}.dashboard-alert-card{min-width:0}}@media(max-width:720px){.dashboard-kpi-grid,.dashboard-recent-grid,.dashboard-report-grid,.profit-snapshot-body,.cash-flow-grid{grid-template-columns:1fr}.dashboard-status-right{grid-template-columns:1fr}.dashboard-status-left{align-items:flex-start}.dashboard-status-hero h2{font-size:20px}.dashboard-action-row .btn{width:100%;justify-content:center}.due-person-row,.recent-activity-row{align-items:flex-start;flex-direction:column}.due-person-row em,.recent-activity-row em{text-align:left}.dashboard-chart-wrap{overflow-x:auto}.dashboard-chart-wrap canvas{min-width:520px}}

/* Role/access + compact sidebar + top scanner refinements */
:root{--sidebar-full-width:228px;--sidebar-mini-width:72px;}
.app-shell{display:grid;grid-template-columns:var(--sidebar-full-width) minmax(0,1fr);transition:grid-template-columns .25s ease;}
.sidebar{width:var(--sidebar-full-width);padding:14px 10px;transition:width .25s ease, transform .25s ease;z-index:1040;}
.brand-box{padding:10px 8px;margin-bottom:10px;gap:9px}.brand-box img{width:38px;height:38px;border-radius:12px}.brand-box h2{font-size:15px}.brand-box p{font-size:10px}
.sidebar-nav{gap:3px}.sidebar-nav a{min-height:39px;padding:9px 10px;border-radius:12px;font-size:13px;gap:9px}.sidebar-nav a i{font-size:17px;width:22px;text-align:center}.logout-sidebar{min-height:38px;padding:9px 10px;border-radius:12px;font-size:13px}.sidebar-toggle-btn{width:34px;height:34px;border:0;border-radius:12px;background:#eff6ff;color:#1d4ed8;display:grid;place-items:center;margin:0 0 8px auto;font-weight:900}.sidebar-restore-btn{position:fixed;left:14px;top:16px;width:42px;height:42px;border:0;border-radius:14px;background:#1d4ed8;color:#fff;box-shadow:0 12px 28px rgba(37,99,235,.26);z-index:1050;display:none;place-items:center}.app-shell.sidebar-mini{grid-template-columns:var(--sidebar-mini-width) minmax(0,1fr)}.app-shell.sidebar-mini .sidebar{width:var(--sidebar-mini-width)}.app-shell.sidebar-mini .brand-box{justify-content:center}.app-shell.sidebar-mini .brand-box div,.app-shell.sidebar-mini .sidebar-nav span,.app-shell.sidebar-mini .logout-sidebar{display:none}.app-shell.sidebar-mini .sidebar-nav a{justify-content:center;padding:10px}.app-shell.sidebar-mini .sidebar-nav a i{margin:0}.app-shell.sidebar-hidden{grid-template-columns:0 minmax(0,1fr)}.app-shell.sidebar-hidden .sidebar{transform:translateX(-110%);width:0;padding:0;overflow:hidden}.mobile-sidebar-open{display:none!important}.sidebar-mobile-overlay{display:none}.no-permission-card{max-width:720px;margin:80px auto;background:#fff;border:1px solid #dbeafe;border-radius:24px;padding:38px;text-align:center;box-shadow:0 18px 44px rgba(15,23,42,.08)}.no-permission-card i{font-size:48px;color:#ef4444}.no-permission-card h2{font-family:Poppins,sans-serif;font-weight:900;color:#0f172a;margin:14px 0 8px}.no-permission-card p{color:#64748b;font-weight:800}
.permission-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.permission-module-card{border:1px solid #dbeafe;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.05);padding:14px}.permission-module-head{display:flex;align-items:center;gap:9px;font-weight:900;color:#0f172a;margin-bottom:10px}.permission-module-head i{width:34px;height:34px;border-radius:12px;background:#eff6ff;color:#2563eb;display:grid;place-items:center}.permission-checkbox-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.permission-checkbox-row label{display:flex;align-items:center;gap:7px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;padding:8px 9px;font-size:12px;font-weight:800;color:#334155}.permission-checkbox-row input{width:15px;height:15px}.settings-list-item.admin-role-lock{border-color:#bbf7d0;background:#f0fdf4}
.dashboard-status-with-scanner{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:stretch}.dashboard-status-main{display:flex;justify-content:space-between;gap:20px;align-items:center;min-width:0}.dashboard-top-scanner-card{position:relative;z-index:2;background:#fff;border:1px solid rgba(37,99,235,.15);border-radius:22px;padding:12px;box-shadow:0 14px 32px rgba(15,23,42,.08);width:100%;max-width:280px}.dashboard-top-scanner-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dashboard-top-scanner-head h3{margin:0;font-size:13px;font-weight:900;color:#0f172a;display:flex;gap:7px;align-items:center}.small-scanner-camera{height:142px;min-height:142px;border-radius:16px;overflow:hidden;background:#0f172a}.small-scanner-camera video{width:100%;height:100%;object-fit:cover;display:none}.small-scanner-camera .scanner-placeholder{height:100%;padding:8px;font-size:11px}.small-scanner-camera .scanner-placeholder i{font-size:22px}.scanner-mini-actions{display:flex;gap:7px;margin-top:8px}.scanner-mini-actions .btn:first-child{flex:1}.scanner-mini-result{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;margin-top:8px}.scanner-mini-result span{font-size:11px;font-weight:900;color:#64748b;text-transform:uppercase}.scanner-large-panel{border-top:1px solid #e2e8f0;padding-top:10px}.scanner-status{font-size:11px;border-radius:10px;padding:7px 9px}.scanner-status.error{background:#fee2e2;color:#991b1b}.scanner-status.success{background:#dcfce7;color:#166534}.scanner-status.info{background:#eff6ff;color:#1d4ed8}
@media(max-width:1050px){.dashboard-status-with-scanner{grid-template-columns:1fr}.dashboard-top-scanner-card{max-width:100%}.dashboard-status-main{display:grid;grid-template-columns:1fr}.dashboard-status-right{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:768px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;transform:translateX(-110%);width:236px!important}.app-shell:not(.sidebar-hidden) .sidebar{transform:translateX(0)}.content-area{min-width:0}.mobile-sidebar-open{display:inline-grid!important}.sidebar-drawer-open .sidebar-mobile-overlay{display:block;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:1035}.app-shell.sidebar-mini{grid-template-columns:1fr}.app-shell.sidebar-mini .sidebar{width:236px!important}.app-shell.sidebar-mini .brand-box div,.app-shell.sidebar-mini .sidebar-nav span,.app-shell.sidebar-mini .logout-sidebar{display:flex}.permission-module-grid{grid-template-columns:1fr}.permission-checkbox-row{grid-template-columns:1fr}.dashboard-status-right{grid-template-columns:1fr}}

/* Dashboard layout hotfix: prevent blank/overlapped dashboard after sidebar redesign */
.app-shell{display:block!important;min-height:100vh!important;grid-template-columns:none!important;}
.sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:var(--sidebar-full-width)!important;max-width:var(--sidebar-full-width)!important;}
.content-area{margin-left:var(--sidebar-full-width)!important;width:calc(100% - var(--sidebar-full-width))!important;min-width:0!important;transition:margin-left .25s ease,width .25s ease;}
.app-shell.sidebar-mini .content-area{margin-left:var(--sidebar-mini-width)!important;width:calc(100% - var(--sidebar-mini-width))!important;}
.app-shell.sidebar-hidden .content-area{margin-left:0!important;width:100%!important;}
.app-shell.sidebar-mini .sidebar{width:var(--sidebar-mini-width)!important;max-width:var(--sidebar-mini-width)!important;}
.app-shell.sidebar-hidden .sidebar{transform:translateX(-110%)!important;width:0!important;max-width:0!important;padding:0!important;overflow:hidden!important;}
.topbar{width:100%!important;left:auto!important;right:auto!important;}
.dashboard-pro-page{max-width:1480px!important;width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important;}
.dashboard-status-with-scanner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,280px)!important;align-items:stretch!important;}
.dashboard-status-main,.dashboard-kpi-grid,.dashboard-two-col,.dashboard-recent-grid,.dashboard-report-grid{min-width:0!important;}
.dashboard-kpi-card,.panel-card,.dashboard-status-hero{min-width:0!important;box-sizing:border-box!important;}
.dashboard-top-scanner-card{justify-self:end!important;}
@media(max-width:1050px){
  .dashboard-status-with-scanner{grid-template-columns:1fr!important;}
  .dashboard-top-scanner-card{justify-self:stretch!important;max-width:100%!important;}
}
@media(max-width:768px){
  .content-area,.app-shell.sidebar-mini .content-area,.app-shell.sidebar-hidden .content-area{margin-left:0!important;width:100%!important;}
  .sidebar{width:236px!important;max-width:236px!important;transform:translateX(-110%)!important;}
  .app-shell:not(.sidebar-hidden) .sidebar{transform:translateX(0)!important;}
  .dashboard-pro-page{padding-left:16px!important;padding-right:16px!important;}
}

/* Stock Management Module additions */
.stock-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px}
.stock-summary-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:16px;box-shadow:0 12px 28px rgba(15,23,42,.06);min-height:116px;display:flex;flex-direction:column}
.stock-summary-card div{display:flex;justify-content:space-between;align-items:center;gap:10px}.stock-summary-card i{font-size:20px}.stock-summary-card span{font-size:10px;font-weight:900;text-transform:uppercase;color:#64748b}.stock-summary-card strong{font-family:Poppins,sans-serif;font-size:23px;font-weight:900;color:#0f172a;margin-top:auto}.stock-summary-card p{margin:4px 0 0;color:#64748b;font-size:12px;font-weight:700}.stock-summary-card.green i,.stock-summary-card.green strong{color:#16a34a}.stock-summary-card.blue i,.stock-summary-card.blue strong{color:#2563eb}.stock-summary-card.purple i,.stock-summary-card.purple strong{color:#7c3aed}.stock-summary-card.amber i,.stock-summary-card.amber strong{color:#d97706}.stock-summary-card.danger i,.stock-summary-card.danger strong{color:#dc2626}.stock-summary-card.orange i,.stock-summary-card.orange strong{color:#ea580c}.stock-filter-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:18px;box-shadow:0 10px 26px rgba(15,23,42,.05)}.stock-table-card .app-table th,.stock-table-card .app-table td{white-space:nowrap}.stock-product-cell{display:flex;align-items:center;gap:10px;min-width:220px}.stock-product-cell img,.stock-product-icon{width:42px;height:42px;border-radius:12px;flex:0 0 auto}.stock-product-cell img{object-fit:cover;border:1px solid #e2e8f0}.stock-product-icon{display:grid;place-items:center;background:#eff6ff;color:#2563eb}.stock-product-cell strong{display:block}.stock-product-cell small{display:block;color:#64748b;max-width:220px;overflow:hidden;text-overflow:ellipsis}.stock-action-group{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.status-badge.warning{background:#fef3c7;color:#92400e}.status-badge.danger{background:#fee2e2;color:#991b1b}.status-badge.muted{background:#e5e7eb;color:#374151}.stock-product-preview{min-height:220px;border:1px dashed rgba(37,99,235,.28);border-radius:18px;background:#f8fafc;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#94a3b8;font-weight:900}.stock-product-preview img{width:100%;height:220px;object-fit:cover;border-radius:18px}.stock-profile-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:linear-gradient(135deg,#f8fbff,#fff);border:1px solid #e2e8f0;border-radius:20px;padding:18px}.stock-profile-photo{width:86px;height:86px;border-radius:22px;background:#eff6ff;display:grid;place-items:center;color:#2563eb;font-size:36px;overflow:hidden;flex:0 0 auto}.stock-profile-photo img{width:100%;height:100%;object-fit:cover}.stock-profile-hero h2{font-family:Poppins,sans-serif;font-size:24px;font-weight:900;margin:0;color:#0f172a}.stock-profile-hero p{margin:5px 0 10px;color:#64748b;font-weight:700}@media(max-width:1200px){.stock-summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.stock-summary-grid{grid-template-columns:1fr}.stock-filter-card .btn{width:100%}.stock-action-group{flex-wrap:wrap}.stock-product-cell{min-width:180px}.stock-profile-hero{align-items:flex-start}.stock-profile-hero .barcode-block{width:100%}}

/* Invoice stock product suggestion - added only for invoice/stock connection */
.invoice-stock-items-table th,
.invoice-stock-items-table td{vertical-align:middle;white-space:nowrap;}
.invoice-stock-items-table .invoice-product-col{min-width:330px;white-space:normal;}
.invoice-product-picker{position:relative;min-width:300px;}
.stock-product-suggestions{position:absolute;top:100%;left:0;right:0;z-index:1085;background:#fff;border:1px solid #dbeafe;border-radius:14px;box-shadow:0 18px 45px rgba(15,23,42,.16);padding:6px;display:none;max-height:320px;overflow:auto;}
.stock-product-suggestions.show{display:block;}
.stock-suggest-item{width:100%;border:0;background:#fff;border-radius:12px;padding:10px 12px;display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:left;color:#0f172a;}
.stock-suggest-item:hover{background:#eff6ff;}
.stock-suggest-main strong{display:block;font-weight:900;font-size:13px;}
.stock-suggest-main small{display:block;color:#64748b;font-weight:700;font-size:11px;margin-top:2px;}
.stock-suggest-side{text-align:right;min-width:120px;}
.stock-suggest-side b{display:block;font-weight:900;color:#0f172a;font-size:12px;}
.stock-suggest-side em{display:block;font-size:10px;font-style:normal;font-weight:900;margin-top:2px;}
.stock-suggest-side em.ok{color:#16a34a;}.stock-suggest-side em.out{color:#dc2626;}
.stock-suggest-empty{padding:12px;text-align:center;color:#64748b;font-weight:800;}
.invoice-product-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px;}
.invoice-product-meta span{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:900;color:#475569;}
@media(max-width:768px){.invoice-product-picker{min-width:260px}.stock-suggest-item{align-items:flex-start;flex-direction:column}.stock-suggest-side{text-align:left}}

/* Invoice organize + safe save/print flow update */
.invoice-action-group{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.invoice-form-shell{background:#f8fafc;border-radius:18px}
.invoice-form-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:18px;border:1px solid #dbeafe;background:linear-gradient(135deg,#eff6ff,#ffffff);border-radius:18px;margin-bottom:16px}
.invoice-form-shop{display:flex;gap:12px;align-items:center}
.invoice-form-logo{width:54px;height:54px;border-radius:14px;object-fit:cover;border:1px solid #dbeafe;background:#fff}
.invoice-form-shop span,.invoice-view-label{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#2563eb}
.invoice-form-shop h3,.invoice-view-header h3{margin:0;font-weight:900;color:#0f172a;font-size:24px}
.invoice-form-shop p,.invoice-view-header p{margin:2px 0 0;color:#64748b;font-weight:700}
.invoice-form-meta{display:grid;grid-template-columns:repeat(3,minmax(95px,1fr));gap:10px;min-width:360px}
.invoice-form-meta div{background:#fff;border:1px solid #dbeafe;border-radius:14px;padding:10px}
.invoice-form-meta span{display:block;font-size:10px;font-weight:900;text-transform:uppercase;color:#64748b;letter-spacing:.08em}
.invoice-form-meta strong{font-size:13px;color:#0f172a}
.invoice-card-section,.invoice-payment-card,.invoice-info-card{border:1px solid #dbeafe;background:#fff;border-radius:18px;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.invoice-card-section h4,.invoice-payment-card h4,.invoice-info-card h4{font-size:15px;font-weight:900;color:#0f172a;margin-bottom:14px;display:flex;gap:8px;align-items:center}
.invoice-item-scroll{border:1px solid #eef2ff;border-radius:16px;background:#fff}
.invoice-stock-items-table{margin:0;min-width:980px}
.invoice-stock-items-table th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#475569;background:#f8fafc;white-space:nowrap}
.invoice-stock-items-table td{vertical-align:middle}
.invoice-product-col{min-width:260px}
.invoice-payment-card{position:sticky;top:14px;padding:18px}
.invoice-form-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:16px}
.invoice-save-status{grid-column:1/-1;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;border-radius:12px;padding:9px 11px;font-weight:800;font-size:13px;display:flex;align-items:center}
.invoice-details-view{background:#f8fafc;border-radius:18px}
.invoice-view-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border:1px solid #dbeafe;background:#fff;border-radius:18px;padding:18px;margin-bottom:16px}
.invoice-info-card{padding:16px;height:100%}
.invoice-info-card p{margin:0 0 7px;color:#334155;font-weight:700}
.invoice-summary-line{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed #dbeafe;padding:7px 0;color:#475569;font-weight:800}
.invoice-summary-line.total strong,.invoice-summary-line.due strong{font-size:18px;color:#0f172a}
.invoice-summary-line.due strong{color:#dc2626}
.invoice-detail-table{min-width:920px;background:#fff}
.invoice-detail-table th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#475569;background:#f8fafc;white-space:nowrap}
.status-badge.partial{background:#fef3c7;color:#92400e;border:1px solid #fde68a}
.modal-action-footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px}
@media(max-width:991px){.invoice-form-header,.invoice-view-header{flex-direction:column}.invoice-form-meta{width:100%;min-width:0;grid-template-columns:1fr}.invoice-payment-card{position:static}.invoice-form-actions .btn,.modal-action-footer .btn{width:100%}}


/* Invoice full-page create screen: clean header + wide product item table */
.invoice-create-page-content{max-width:100%!important;padding-left:20px!important;padding-right:20px!important;}
.invoice-full-page-form{background:transparent!important;border-radius:0!important;}
.invoice-create-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:16px;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.invoice-create-label{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#2563eb;display:block;margin-bottom:4px}
.invoice-create-topbar h2{font-family:Poppins,sans-serif;font-weight:900;color:#0f172a;margin:0;font-size:26px}.invoice-create-topbar p{margin:5px 0 0;color:#64748b;font-weight:800}
.invoice-full-grid{display:grid;grid-template-columns:1fr;gap:16px;}
.invoice-customer-section,.invoice-items-section,.invoice-payment-wide-section{padding:18px!important;}
.invoice-section-hint{margin:0;color:#64748b;font-size:12px;font-weight:700}.invoice-wide-table-wrap{width:100%;overflow-x:auto;border:1px solid #dbeafe;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.invoice-create-items-table{min-width:1680px!important;width:100%;table-layout:fixed;margin:0!important}.invoice-create-items-table th{position:sticky;top:0;z-index:2;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}.invoice-create-items-table th,.invoice-create-items-table td{padding:10px 9px!important;vertical-align:middle!important}.invoice-create-items-table th:nth-child(1),.invoice-create-items-table td:nth-child(1){width:48px;text-align:center}.invoice-create-items-table .product-search-head,.invoice-create-items-table .invoice-product-col{width:390px!important;min-width:390px!important}.invoice-create-items-table .item-brand-cell{width:130px}.invoice-create-items-table .item-category-cell{width:130px}.invoice-create-items-table .item-color-cell{width:145px}.invoice-create-items-table .item-size-cell{width:130px}.invoice-create-items-table .item-stock-cell{width:90px;text-align:center;font-weight:900}.invoice-create-items-table .invoice-qty-input{width:78px;min-width:78px;text-align:center;font-weight:900}.invoice-create-items-table .invoice-price-input{width:115px;min-width:115px}.invoice-create-items-table .buy-rate-col{width:112px;text-align:right;font-weight:900;color:#7c2d12;background:#fff7ed}.invoice-create-items-table .item-discount-cell{width:92px;text-align:center}.invoice-create-items-table .item-total{width:130px;font-weight:900;color:#0f172a}.invoice-create-items-table td:last-child{width:72px;text-align:center}.invoice-product-search-input{min-height:42px;font-weight:800}.invoice-product-picker{min-width:370px!important}.stock-product-suggestions{z-index:1095!important}.stock-suggest-main small + small{color:#7c2d12;margin-top:3px}.invoice-payment-wide-section .invoice-payment-grid{display:grid;grid-template-columns:2fr repeat(3, minmax(160px,1fr)) 1.2fr;gap:14px;align-items:end}.invoice-total-live-box{display:grid;grid-template-columns:repeat(5,minmax(115px,1fr));gap:8px}.invoice-total-live-box .total-row{border:1px solid #e2e8f0;background:#f8fafc;border-radius:12px;padding:9px 10px;display:flex;flex-direction:column;gap:3px}.invoice-total-live-box .total-row span{font-size:10px;font-weight:900;color:#64748b;text-transform:uppercase}.invoice-total-live-box .total-row strong{font-size:15px;color:#0f172a}.invoice-bottom-actions{display:flex!important;justify-content:flex-end;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;margin-top:0}.invoice-bottom-actions .btn{min-width:150px}.invoice-print-toolbar{display:flex;justify-content:flex-end;gap:10px;margin-bottom:12px}.invoice-print-screen .print-page{margin:0 auto;background:#fff}@media(max-width:1200px){.invoice-payment-wide-section .invoice-payment-grid{grid-template-columns:1fr 1fr}.invoice-total-live-box{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.invoice-create-page-content{padding-left:12px!important;padding-right:12px!important}.invoice-create-topbar{flex-direction:column}.invoice-create-topbar .btn,.invoice-bottom-actions .btn{width:100%}.invoice-payment-wide-section .invoice-payment-grid,.invoice-total-live-box{grid-template-columns:1fr}.invoice-create-items-table{min-width:1500px!important}.invoice-create-items-table .product-search-head,.invoice-create-items-table .invoice-product-col{width:340px!important;min-width:340px!important}.invoice-product-picker{min-width:320px!important}}
@media print{.invoice-print-toolbar,.sidebar,.topbar,.no-print,.invoice-create-topbar,.invoice-form-actions{display:none!important}.content-area{margin-left:0!important;width:100%!important}.page-content{padding:0!important}.invoice-print-screen{padding:0!important;background:#fff!important}}


/* Invoice item table no-scroll desktop fix: only UI spacing/visibility, no calculation change */
.invoice-wide-table-wrap{
  overflow-x: visible!important;
  overflow-y: visible!important;
}
.invoice-create-items-table{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  table-layout:fixed!important;
  font-size:11px!important;
}
.invoice-create-items-table th,
.invoice-create-items-table td{
  padding:7px 5px!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  line-height:1.15!important;
}
.invoice-create-items-table th{
  font-size:9.5px!important;
  letter-spacing:.02em!important;
}
.invoice-create-items-table .form-control{
  min-height:34px!important;
  padding:5px 6px!important;
  font-size:11px!important;
  line-height:1.15!important;
}
.invoice-create-items-table .invoice-product-search-input{
  min-height:36px!important;
  font-size:11.5px!important;
  font-weight:800!important;
}
.invoice-create-items-table .invoice-product-col,
.invoice-create-items-table .product-search-head{
  width:auto!important;
  min-width:0!important;
}
.invoice-create-items-table .item-brand-cell,
.invoice-create-items-table .item-category-cell,
.invoice-create-items-table .item-color-cell,
.invoice-create-items-table .item-size-cell,
.invoice-create-items-table .item-stock-cell,
.invoice-create-items-table .item-sale-cell,
.invoice-create-items-table .item-discount-cell,
.invoice-create-items-table .item-total,
.invoice-create-items-table .buy-rate-col{
  width:auto!important;
  min-width:0!important;
}
.invoice-create-items-table .invoice-qty-input,
.invoice-create-items-table .invoice-price-input{
  width:100%!important;
  min-width:0!important;
}
.invoice-create-items-table .item-total{font-size:11px!important;}
.invoice-create-items-table td:last-child{width:auto!important;}
.invoice-create-items-table .btn-sm{
  --bs-btn-padding-y:.22rem;
  --bs-btn-padding-x:.38rem;
  --bs-btn-font-size:.72rem;
}
.invoice-product-picker{
  min-width:0!important;
  width:100%!important;
  position:relative;
}
.invoice-product-meta{
  display:flex;
  flex-wrap:wrap;
  gap:3px;
  margin-top:3px;
  font-size:9.5px;
  color:#64748b;
  line-height:1.1;
}
.invoice-product-meta span:not(:empty){
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:999px;
  padding:1px 4px;
}
.invoice-col-sl{width:3.2%;}
.invoice-col-product{width:25%;}
.invoice-col-brand{width:7.5%;}
.invoice-col-category{width:7.5%;}
.invoice-col-color{width:8.8%;}
.invoice-col-size{width:7%;}
.invoice-col-stock{width:5.2%;}
.invoice-col-qty{width:5.2%;}
.invoice-col-buy{width:7%;}
.invoice-col-sale{width:7.2%;}
.invoice-col-discount{width:5.2%;}
.invoice-col-total{width:7%;}
.invoice-col-action{width:4.2%;}
.stock-product-suggestions{
  max-width:min(560px, 90vw)!important;
}
@media(max-width:1199px){
  .invoice-create-items-table{font-size:10px!important;}
  .invoice-create-items-table th,.invoice-create-items-table td{padding:6px 4px!important;}
  .invoice-create-items-table .form-control{font-size:10px!important;padding:4px 5px!important;}
  .invoice-product-meta{display:none;}
}
@media(max-width:768px){
  .invoice-wide-table-wrap{overflow-x:visible!important;}
  .invoice-create-items-table{min-width:0!important;font-size:9px!important;}
  .invoice-create-items-table th,.invoice-create-items-table td{padding:5px 3px!important;}
  .invoice-create-items-table .form-control{font-size:9px!important;min-height:30px!important;padding:3px 4px!important;}
}


/* Invoice create compact one-screen UI + manual item support (UI only) */
body[data-page="invoices"] .invoice-create-page-content{
  padding:12px 14px 14px!important;
  overflow-x:hidden!important;
}
body[data-page="invoices"] .invoice-compact-manual-form{
  max-width:100%!important;
}
body[data-page="invoices"] .invoice-create-topbar{
  padding:10px 14px!important;
  margin-bottom:10px!important;
  border-radius:14px!important;
  align-items:center!important;
}
body[data-page="invoices"] .invoice-create-topbar h2{
  font-size:22px!important;
  line-height:1.05!important;
}
body[data-page="invoices"] .invoice-create-topbar p{
  margin:2px 0 0!important;
  font-size:13px!important;
}
body[data-page="invoices"] .invoice-create-label{
  font-size:10px!important;
  margin-bottom:2px!important;
}
body[data-page="invoices"] .invoice-full-grid{
  gap:10px!important;
}
body[data-page="invoices"] .invoice-customer-section,
body[data-page="invoices"] .invoice-items-section,
body[data-page="invoices"] .invoice-payment-wide-section{
  padding:12px 14px!important;
  border-radius:14px!important;
}
body[data-page="invoices"] .invoice-card-section h4,
body[data-page="invoices"] .invoice-payment-wide-section h4{
  font-size:14px!important;
  margin-bottom:8px!important;
}
body[data-page="invoices"] .invoice-customer-section .row{
  --bs-gutter-x:.75rem!important;
  --bs-gutter-y:.45rem!important;
}
body[data-page="invoices"] .invoice-customer-section label,
body[data-page="invoices"] .invoice-payment-wide-section label{
  font-size:11px!important;
  margin-bottom:3px!important;
}
body[data-page="invoices"] .invoice-customer-section .form-control,
body[data-page="invoices"] .invoice-payment-wide-section .form-control{
  min-height:36px!important;
  padding:6px 10px!important;
  font-size:13px!important;
}
body[data-page="invoices"] .invoice-customer-section small{
  font-size:11px!important;
  line-height:1.1!important;
}
body[data-page="invoices"] .invoice-section-hint{
  font-size:11px!important;
  margin-top:2px!important;
}
body[data-page="invoices"] .invoice-wide-table-wrap{
  overflow:visible!important;
  border-radius:12px!important;
}
body[data-page="invoices"] .invoice-create-items-table{
  min-width:0!important;
  width:100%!important;
  table-layout:fixed!important;
  font-size:10px!important;
}
body[data-page="invoices"] .invoice-create-items-table th,
body[data-page="invoices"] .invoice-create-items-table td{
  padding:5px 4px!important;
  line-height:1.08!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body[data-page="invoices"] .invoice-create-items-table th{
  font-size:8.5px!important;
  letter-spacing:0!important;
}
body[data-page="invoices"] .invoice-create-items-table .form-control{
  min-height:29px!important;
  padding:3px 5px!important;
  font-size:10px!important;
  border-radius:9px!important;
}
body[data-page="invoices"] .invoice-create-items-table .invoice-product-search-input{
  min-height:32px!important;
  font-size:10.5px!important;
  padding:4px 7px!important;
}
body[data-page="invoices"] .invoice-product-meta{
  display:none!important;
}
body[data-page="invoices"] .invoice-create-items-table .item-total,
body[data-page="invoices"] .invoice-create-items-table .item-stock-cell,
body[data-page="invoices"] .invoice-create-items-table .item-buy-rate-cell{
  font-size:10px!important;
  font-weight:900!important;
}
body[data-page="invoices"] .invoice-create-items-table .btn-sm{
  --bs-btn-padding-y:.14rem!important;
  --bs-btn-padding-x:.32rem!important;
  --bs-btn-font-size:.68rem!important;
  border-radius:9px!important;
}
body[data-page="invoices"] .invoice-col-sl{width:3%!important;}
body[data-page="invoices"] .invoice-col-product{width:24%!important;}
body[data-page="invoices"] .invoice-col-brand{width:6.2%!important;}
body[data-page="invoices"] .invoice-col-category{width:7%!important;}
body[data-page="invoices"] .invoice-col-color{width:8%!important;}
body[data-page="invoices"] .invoice-col-size{width:6.6%!important;}
body[data-page="invoices"] .invoice-col-stock{width:4.7%!important;}
body[data-page="invoices"] .invoice-col-qty{width:4.6%!important;}
body[data-page="invoices"] .invoice-col-buy{width:6.3%!important;}
body[data-page="invoices"] .invoice-col-sale{width:6.5%!important;}
body[data-page="invoices"] .invoice-col-discount{width:4.6%!important;}
body[data-page="invoices"] .invoice-col-total{width:6.5%!important;}
body[data-page="invoices"] .invoice-col-action{width:3.5%!important;}
body[data-page="invoices"] .invoice-product-picker{
  min-width:0!important;
  width:100%!important;
}
body[data-page="invoices"] .stock-product-suggestions{
  position:fixed!important;
  right:auto!important;
  z-index:99999!important;
  max-height:238px!important;
  overflow:auto!important;
  padding:5px!important;
  border-radius:12px!important;
}
body[data-page="invoices"] .stock-suggest-item{
  padding:8px 9px!important;
  gap:8px!important;
}
body[data-page="invoices"] .stock-suggest-main strong{font-size:12px!important;line-height:1.15!important;}
body[data-page="invoices"] .stock-suggest-main small{font-size:10px!important;line-height:1.15!important;}
body[data-page="invoices"] .stock-suggest-side{min-width:105px!important;}
body[data-page="invoices"] .stock-suggest-side b{font-size:11px!important;}
body[data-page="invoices"] .stock-suggest-side em{font-size:9.5px!important;}
body[data-page="invoices"] .invoice-payment-wide-section .invoice-payment-grid{
  grid-template-columns:minmax(0,1.9fr) minmax(120px,.6fr) minmax(120px,.6fr) minmax(130px,.7fr) minmax(150px,.8fr)!important;
  gap:8px!important;
  align-items:end!important;
}
body[data-page="invoices"] .invoice-total-live-box{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:6px!important;
}
body[data-page="invoices"] .invoice-total-live-box .total-row{
  padding:6px 8px!important;
  border-radius:10px!important;
}
body[data-page="invoices"] .invoice-total-live-box .total-row span{font-size:9px!important;}
body[data-page="invoices"] .invoice-total-live-box .total-row strong{font-size:13px!important;}
body[data-page="invoices"] .due-indicator{
  padding:8px 10px!important;
  min-height:44px!important;
}
body[data-page="invoices"] .invoice-bottom-actions{
  padding:9px 12px!important;
  border-radius:14px!important;
  gap:8px!important;
}
body[data-page="invoices"] .invoice-bottom-actions .btn{
  min-width:128px!important;
  padding:7px 11px!important;
  font-size:13px!important;
}
@media(max-width:1100px){
  body[data-page="invoices"] .invoice-create-items-table{font-size:9px!important;}
  body[data-page="invoices"] .invoice-create-items-table th,
  body[data-page="invoices"] .invoice-create-items-table td{padding:4px 3px!important;}
  body[data-page="invoices"] .invoice-create-items-table .form-control{font-size:9px!important;}
  body[data-page="invoices"] .invoice-payment-wide-section .invoice-payment-grid{grid-template-columns:1fr 1fr!important;}
  body[data-page="invoices"] .invoice-total-live-box{grid-column:1/-1!important;grid-template-columns:repeat(3,1fr)!important;}
}
@media(max-width:768px){
  body[data-page="invoices"] .invoice-wide-table-wrap{overflow-x:auto!important;}
  body[data-page="invoices"] .invoice-create-items-table{min-width:1050px!important;}
  body[data-page="invoices"] .stock-product-suggestions{width:calc(100vw - 24px)!important;left:12px!important;}
  body[data-page="invoices"] .invoice-payment-wide-section .invoice-payment-grid,
  body[data-page="invoices"] .invoice-total-live-box{grid-template-columns:1fr!important;}
  body[data-page="invoices"] .invoice-bottom-actions .btn{width:100%!important;}
}


/* Invoice create item-table focused layout fix (UI only) */
body.invoice-create-mode{
  overflow:hidden!important;
}
body.invoice-create-mode .content-area{
  height:100vh!important;
  overflow:hidden!important;
}
body.invoice-create-mode .topbar{
  min-height:52px!important;
  height:52px!important;
  padding:7px 18px!important;
  flex:0 0 auto!important;
}
body.invoice-create-mode .topbar h1{
  font-size:18px!important;
  line-height:1!important;
  margin:0!important;
}
body.invoice-create-mode .topbar p{
  font-size:11px!important;
  line-height:1.1!important;
  margin-top:4px!important;
}
body.invoice-create-mode .topbar-actions .circle-icon{
  width:34px!important;
  height:34px!important;
}
body.invoice-create-mode .topbar-actions .user-chip{
  min-height:34px!important;
  padding:6px 12px!important;
}
body.invoice-create-mode .page-content.invoice-create-page-content{
  height:calc(100vh - 52px)!important;
  padding:7px 12px 8px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  overflow:hidden!important;
}
body.invoice-create-mode .invoice-form-shell{
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
body.invoice-create-mode .invoice-create-topbar{
  flex:0 0 auto!important;
  min-height:40px!important;
  padding:6px 10px!important;
  margin:0 0 5px!important;
  border-radius:12px!important;
}
body.invoice-create-mode .invoice-create-topbar h2{
  font-size:18px!important;
  line-height:1!important;
  margin:0!important;
}
body.invoice-create-mode .invoice-create-topbar p{
  font-size:11px!important;
  line-height:1!important;
  margin:2px 0 0!important;
}
body.invoice-create-mode .invoice-create-topbar .invoice-create-label{
  font-size:9px!important;
  line-height:1!important;
}
body.invoice-create-mode .invoice-create-topbar .btn{
  padding:5px 9px!important;
  font-size:12px!important;
  border-radius:10px!important;
}
body.invoice-create-mode .invoice-full-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  overflow:hidden!important;
}
body.invoice-create-mode .invoice-customer-section,
body.invoice-create-mode .invoice-payment-wide-section{
  flex:0 0 auto!important;
  padding:7px 10px!important;
  border-radius:12px!important;
  box-shadow:0 6px 14px rgba(15,23,42,.035)!important;
}
body.invoice-create-mode .invoice-customer-section .d-flex.mb-2,
body.invoice-create-mode .invoice-items-section .d-flex.mb-2{
  margin-bottom:5px!important;
}
body.invoice-create-mode .invoice-card-section h4,
body.invoice-create-mode .invoice-payment-wide-section h4{
  font-size:13px!important;
  line-height:1!important;
  margin:0!important;
}
body.invoice-create-mode .invoice-customer-section .row{
  --bs-gutter-x:.55rem!important;
  --bs-gutter-y:.22rem!important;
}
body.invoice-create-mode .invoice-customer-section label,
body.invoice-create-mode .invoice-payment-wide-section label{
  font-size:9.5px!important;
  line-height:1!important;
  margin:0 0 2px!important;
}
body.invoice-create-mode .invoice-customer-section .form-control,
body.invoice-create-mode .invoice-payment-wide-section .form-control{
  min-height:30px!important;
  height:30px!important;
  padding:4px 8px!important;
  font-size:12px!important;
  border-radius:10px!important;
}
body.invoice-create-mode .invoice-customer-section small,
body.invoice-create-mode .invoice-section-hint{
  font-size:10px!important;
  line-height:1.05!important;
  margin-top:1px!important;
}
body.invoice-create-mode .invoice-items-section{
  flex:1 1 auto!important;
  min-height:250px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:visible!important;
  border:1px solid #bcd7ff!important;
  box-shadow:0 10px 24px rgba(13,110,253,.055)!important;
}
body.invoice-create-mode .invoice-items-section h4{
  font-size:15px!important;
  font-weight:900!important;
}
body.invoice-create-mode .invoice-items-section .btn{
  padding:6px 11px!important;
  font-size:13px!important;
  border-radius:11px!important;
}
body.invoice-create-mode .invoice-items-section > small{
  margin-top:4px!important;
  font-size:11px!important;
  line-height:1.05!important;
  flex:0 0 auto!important;
}
body.invoice-create-mode .invoice-wide-table-wrap{
  flex:1 1 auto!important;
  min-height:160px!important;
  overflow:visible!important;
  border:1px solid #d7e2f1!important;
  border-radius:11px!important;
  background:#fff!important;
}
body.invoice-create-mode .invoice-create-items-table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  font-size:11.2px!important;
  margin-bottom:0!important;
}
body.invoice-create-mode .invoice-create-items-table thead th{
  position:sticky!important;
  top:0!important;
  z-index:4!important;
  background:#f8fbff!important;
  color:#314155!important;
  font-size:9.2px!important;
  line-height:1.05!important;
  padding:7px 5px!important;
  white-space:normal!important;
}
body.invoice-create-mode .invoice-create-items-table td{
  padding:7px 5px!important;
  line-height:1.1!important;
  vertical-align:middle!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body.invoice-create-mode .invoice-create-items-table .form-control{
  min-height:34px!important;
  height:34px!important;
  padding:5px 7px!important;
  font-size:12px!important;
  border-radius:10px!important;
}
body.invoice-create-mode .invoice-create-items-table .invoice-product-search-input{
  min-height:36px!important;
  height:36px!important;
  font-size:12px!important;
  font-weight:700!important;
  padding:6px 8px!important;
}
body.invoice-create-mode .invoice-create-items-table .invoice-qty-input,
body.invoice-create-mode .invoice-create-items-table .invoice-price-input{
  text-align:center!important;
  font-weight:800!important;
}
body.invoice-create-mode .invoice-create-items-table .item-brand-cell,
body.invoice-create-mode .invoice-create-items-table .item-category-cell,
body.invoice-create-mode .invoice-create-items-table .item-color-cell,
body.invoice-create-mode .invoice-create-items-table .item-size-cell{
  font-size:10.5px!important;
  font-weight:700!important;
  color:#334155!important;
}
body.invoice-create-mode .invoice-create-items-table .item-stock-cell,
body.invoice-create-mode .invoice-create-items-table .item-buy-rate-cell,
body.invoice-create-mode .invoice-create-items-table .item-total{
  font-size:11.5px!important;
  font-weight:900!important;
}
body.invoice-create-mode .invoice-create-items-table .btn-sm{
  --bs-btn-padding-y:.22rem!important;
  --bs-btn-padding-x:.42rem!important;
  --bs-btn-font-size:.74rem!important;
  border-radius:9px!important;
}
body.invoice-create-mode .invoice-col-sl{width:3%!important;}
body.invoice-create-mode .invoice-col-product{width:27%!important;}
body.invoice-create-mode .invoice-col-brand{width:6.5%!important;}
body.invoice-create-mode .invoice-col-category{width:7.2%!important;}
body.invoice-create-mode .invoice-col-color{width:8.2%!important;}
body.invoice-create-mode .invoice-col-size{width:7.2%!important;}
body.invoice-create-mode .invoice-col-stock{width:4.8%!important;}
body.invoice-create-mode .invoice-col-qty{width:4.8%!important;}
body.invoice-create-mode .invoice-col-buy{width:6.2%!important;}
body.invoice-create-mode .invoice-col-sale{width:6.4%!important;}
body.invoice-create-mode .invoice-col-discount{width:4.8%!important;}
body.invoice-create-mode .invoice-col-total{width:6.4%!important;}
body.invoice-create-mode .invoice-col-action{width:3.5%!important;}
body.invoice-create-mode .stock-product-suggestions{
  z-index:2147483000!important;
  max-height:300px!important;
  min-width:min(560px, calc(100vw - 40px))!important;
  border:1px solid #bed7ff!important;
  box-shadow:0 18px 38px rgba(15,23,42,.18)!important;
}
body.invoice-create-mode .stock-suggest-item{
  padding:9px 10px!important;
}
body.invoice-create-mode .stock-suggest-main strong{
  font-size:13px!important;
}
body.invoice-create-mode .stock-suggest-main small{
  font-size:10.5px!important;
}
body.invoice-create-mode .stock-suggest-side b{
  font-size:12px!important;
}
body.invoice-create-mode .invoice-payment-wide-section h4{
  display:none!important;
}
body.invoice-create-mode .invoice-payment-wide-section .invoice-payment-grid{
  grid-template-columns:minmax(0,1.9fr) minmax(105px,.55fr) minmax(105px,.55fr) minmax(120px,.65fr) minmax(145px,.75fr)!important;
  gap:6px!important;
  align-items:end!important;
}
body.invoice-create-mode .invoice-total-live-box{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:5px!important;
}
body.invoice-create-mode .invoice-total-live-box .total-row{
  padding:5px 7px!important;
  border-radius:9px!important;
  min-height:34px!important;
}
body.invoice-create-mode .invoice-total-live-box .total-row span{
  font-size:8px!important;
}
body.invoice-create-mode .invoice-total-live-box .total-row strong{
  font-size:12px!important;
}
body.invoice-create-mode .due-indicator{
  min-height:36px!important;
  padding:6px 9px!important;
  border-radius:10px!important;
}
body.invoice-create-mode .due-indicator span:first-child{
  font-size:12px!important;
}
body.invoice-create-mode .due-indicator span:last-child{
  font-size:15px!important;
}
body.invoice-create-mode .invoice-bottom-actions{
  flex:0 0 auto!important;
  padding:6px 10px!important;
  border-radius:12px!important;
  gap:6px!important;
  margin-top:0!important;
}
body.invoice-create-mode .invoice-bottom-actions .btn{
  min-width:118px!important;
  padding:6px 10px!important;
  font-size:12px!important;
  border-radius:10px!important;
}
@media (max-height:760px){
  body.invoice-create-mode .topbar{height:46px!important;min-height:46px!important;}
  body.invoice-create-mode .page-content.invoice-create-page-content{height:calc(100vh - 46px)!important;padding-top:5px!important;}
  body.invoice-create-mode .invoice-create-topbar{min-height:34px!important;padding:5px 9px!important;}
  body.invoice-create-mode .invoice-create-topbar h2{font-size:16px!important;}
  body.invoice-create-mode .invoice-create-topbar p{font-size:10px!important;}
  body.invoice-create-mode .invoice-customer-section{padding:6px 9px!important;}
  body.invoice-create-mode .invoice-customer-section .form-control{height:28px!important;min-height:28px!important;}
  body.invoice-create-mode .invoice-items-section{padding:7px 9px!important;min-height:220px!important;}
  body.invoice-create-mode .invoice-create-items-table td{padding:5px 4px!important;}
  body.invoice-create-mode .invoice-create-items-table .form-control{height:31px!important;min-height:31px!important;}
  body.invoice-create-mode .invoice-payment-wide-section{padding:6px 9px!important;}
  body.invoice-create-mode .invoice-bottom-actions{padding:5px 9px!important;}
}
@media (max-width:1100px){
  body.invoice-create-mode{overflow:auto!important;}
  body.invoice-create-mode .content-area,
  body.invoice-create-mode .page-content.invoice-create-page-content,
  body.invoice-create-mode .invoice-form-shell{
    height:auto!important;
    overflow:visible!important;
  }
  body.invoice-create-mode .invoice-wide-table-wrap{overflow-x:auto!important;}
  body.invoice-create-mode .invoice-create-items-table{min-width:980px!important;}
  body.invoice-create-mode .invoice-payment-wide-section .invoice-payment-grid,
  body.invoice-create-mode .invoice-total-live-box{grid-template-columns:1fr 1fr!important;}
  body.invoice-create-mode .invoice-total-live-box{grid-column:1/-1!important;}
}
@media (max-width:768px){
  body.invoice-create-mode .invoice-create-topbar{align-items:flex-start!important;}
  body.invoice-create-mode .invoice-create-topbar .btn{width:100%!important;margin-top:6px!important;}
  body.invoice-create-mode .invoice-create-items-table{min-width:1050px!important;}
  body.invoice-create-mode .stock-product-suggestions{width:calc(100vw - 24px)!important;left:12px!important;}
  body.invoice-create-mode .invoice-bottom-actions .btn{width:100%!important;}
}


/* Progressive 20-record list loading */
.infinite-load-state{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:48px;
  padding:14px 12px 20px;
  color:#64748b;
  font-size:13px;
  font-weight:700;
  text-align:center;
}
.infinite-load-state small{font-size:11px;color:#94a3b8;font-weight:600}
.infinite-load-state:empty{display:none}

/* Bank Management module */
.sidebar-nav{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
.bank-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}
.bank-summary-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;min-height:120px;display:flex;flex-direction:column;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.bank-summary-card>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.bank-summary-card span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:#64748b}.bank-summary-card i{font-size:21px}.bank-summary-card strong{font-family:Poppins,sans-serif;font-size:22px;font-weight:900;margin-top:auto;color:#0f172a}.bank-summary-card p{margin:4px 0 0;color:#64748b;font-size:11px;font-weight:700}.bank-summary-card.blue i,.bank-summary-card.blue strong{color:#2563eb}.bank-summary-card.green i,.bank-summary-card.green strong{color:#15803d}.bank-summary-card.danger i,.bank-summary-card.danger strong{color:#dc2626}.bank-summary-card.purple i,.bank-summary-card.purple strong{color:#7c3aed}.bank-summary-card.amber i,.bank-summary-card.amber strong{color:#d97706}
.bank-filter-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:18px;box-shadow:0 10px 26px rgba(15,23,42,.05)}.bank-search-wrap{box-shadow:none;height:44px}
.bank-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bank-account-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow);min-width:0}.bank-account-head{display:flex;align-items:center;gap:12px}.bank-account-head>div:nth-child(2){flex:1;min-width:0}.bank-account-head h3{font-family:Poppins,sans-serif;font-size:18px;font-weight:900;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bank-account-head p{margin:3px 0 0;color:#64748b;font-size:12px;font-weight:700}.bank-account-icon{width:48px;height:48px;border-radius:16px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-size:22px;flex:0 0 auto}.bank-account-number{margin:15px 0 10px;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px}.bank-account-number span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:900}.bank-account-number strong{display:block;margin-top:3px;font-size:16px;letter-spacing:.04em;overflow-wrap:anywhere}.bank-account-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:#64748b;font-size:11px;font-weight:700}.bank-account-meta span{display:flex;align-items:center;gap:5px}.bank-money-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:15px}.bank-money-grid>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:13px;padding:10px;min-width:0}.bank-money-grid span{display:block;font-size:9px;text-transform:uppercase;color:#64748b;font-weight:900}.bank-money-grid strong{display:block;font-size:13px;font-weight:900;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bank-money-grid .credit strong{color:#15803d}.bank-money-grid .debit strong{color:#dc2626}.bank-money-grid .balance strong{color:#2563eb}.bank-empty-state{grid-column:1/-1}.bank-empty-state i{font-size:34px;color:#2563eb}.bank-empty-state h3{font-family:Poppins,sans-serif;font-weight:900;margin:8px 0 4px}.bank-empty-state p{margin:0}
.bank-transaction-account{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:#eff6ff;border:1px solid #bfdbfe;margin-bottom:16px}.bank-transaction-account>i{width:44px;height:44px;border-radius:14px;background:#2563eb;color:#fff;display:grid;place-items:center;font-size:20px}.bank-transaction-account span,.bank-transaction-account small{display:block;color:#64748b;font-size:11px;font-weight:800}.bank-transaction-account strong{display:block;color:#0f172a;font-size:15px;font-weight:900}.bank-statement-profile{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:14px}.bank-statement-profile>div{padding:8px 10px;border-right:1px solid #e2e8f0}.bank-statement-profile>div:last-child{border-right:0}.bank-statement-profile span,.bank-statement-profile small{display:block;color:#64748b;font-size:10px;font-weight:900;text-transform:uppercase}.bank-statement-profile strong{display:block;font-size:17px;font-weight:900;margin-top:4px}.bank-statement-table-wrap{border:1px solid #e2e8f0;border-radius:16px;overflow:auto}.bank-statement-table-wrap .app-table th,.bank-statement-table-wrap .app-table td{white-space:nowrap}
@media(max-width:1200px){.bank-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bank-money-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.bank-account-grid{grid-template-columns:1fr}.bank-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bank-statement-profile{grid-template-columns:1fr 1fr}.bank-statement-profile>div{border-right:0}}
@media(max-width:520px){.bank-summary-grid{grid-template-columns:1fr}.bank-money-grid{grid-template-columns:1fr 1fr}.bank-statement-profile{grid-template-columns:1fr}}

/* Bank NPSB and cheque tracking */
.bank-summary-grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}
.bank-summary-card.cyan i,.bank-summary-card.cyan strong{color:#0891b2}
.bank-summary-card.orange i,.bank-summary-card.orange strong{color:#ea580c}
.bank-channel-stats{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:12px 0 2px;padding:10px 12px;border-radius:13px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:11px;font-weight:800}
.bank-channel-stats span{display:flex;align-items:center;gap:5px}.bank-channel-stats i{color:#2563eb}.bank-channel-stats .pending,.bank-channel-stats .pending i{color:#b45309}
.bank-method-panel{border:1px solid #dbeafe;border-radius:16px;padding:14px;background:#f8fbff}.bank-method-panel.npsb{border-color:#a5f3fc;background:#ecfeff}.bank-method-panel.cheque{border-color:#fde68a;background:#fffbeb}.bank-method-panel h5{font-family:Poppins,sans-serif;font-size:14px;font-weight:900;margin:0 0 12px;display:flex;align-items:center;gap:8px}.bank-method-panel.npsb h5{color:#0e7490}.bank-method-panel.cheque h5{color:#b45309}
.bank-cheque-note{margin-top:12px;border-radius:12px;padding:10px 12px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:11px;font-weight:800;display:flex;gap:8px;align-items:flex-start}
.bank-method-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;background:#e5e7eb;color:#374151}.bank-method-badge.npsb{background:#cffafe;color:#155e75}.bank-method-badge.cheque{background:#fef3c7;color:#92400e}.bank-method-badge.bank{background:#dbeafe;color:#1e40af}
.bank-statement-filters{padding:12px;border:1px solid #e2e8f0;border-radius:15px;background:#f8fafc}.bank-statement-filters .search-bar-wrap{height:44px;box-shadow:none}.bank-statement-table-wrap small{font-size:10px}
@media(max-width:768px){.bank-method-panel{padding:12px}.bank-statement-filters .col-md-1 .btn{min-height:44px}}

/* =========================================================
   Executive Dashboard — premium visual layer
   Scoped to the dashboard page. No business logic changes.
   ========================================================= */
body[data-page="dashboard"]{
  --dash-ink:#0b1220;
  --dash-navy:#0b1734;
  --dash-navy-2:#10234b;
  --dash-blue:#2563eb;
  --dash-cyan:#06b6d4;
  --dash-soft:#f4f7fb;
  --dash-line:rgba(15,23,42,.08);
  --dash-shadow:0 18px 50px rgba(15,23,42,.08);
  background:
    radial-gradient(circle at 76% 3%,rgba(59,130,246,.10),transparent 28%),
    radial-gradient(circle at 27% 21%,rgba(14,165,233,.07),transparent 25%),
    #f4f7fb;
}
body[data-page="dashboard"] .content-area{background:transparent;}
body[data-page="dashboard"] .dashboard-pro-page{
  position:relative;
  isolation:isolate;
  max-width:1540px!important;
  padding:30px 34px 54px;
  gap:24px;
}
body[data-page="dashboard"] .dashboard-ambient{
  position:absolute;
  z-index:-1;
  pointer-events:none;
  border-radius:50%;
  filter:blur(2px);
}
body[data-page="dashboard"] .dashboard-ambient-one{
  width:300px;height:300px;right:2%;top:50px;
  background:radial-gradient(circle,rgba(37,99,235,.10),transparent 68%);
}
body[data-page="dashboard"] .dashboard-ambient-two{
  width:260px;height:260px;left:8%;top:690px;
  background:radial-gradient(circle,rgba(6,182,212,.08),transparent 70%);
}

/* Premium dashboard navigation */
body[data-page="dashboard"] .sidebar{
  background:
    radial-gradient(circle at 20% 5%,rgba(56,189,248,.13),transparent 23%),
    linear-gradient(180deg,#071226 0%,#0a1832 54%,#081225 100%)!important;
  border-right:1px solid rgba(255,255,255,.06)!important;
  box-shadow:18px 0 50px rgba(2,6,23,.14);
}
body[data-page="dashboard"] .brand-box{
  margin:0 2px 13px;
  padding:12px 10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:17px;
  background:rgba(255,255,255,.045);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
body[data-page="dashboard"] .brand-box img{
  border:2px solid rgba(255,255,255,.80);
  box-shadow:0 9px 25px rgba(0,0,0,.28);
}
body[data-page="dashboard"] .brand-box h2{color:#f8fafc;letter-spacing:.02em;}
body[data-page="dashboard"] .brand-box p{color:#7dd3fc;letter-spacing:.15em;}
body[data-page="dashboard"] .sidebar-toggle-btn{
  background:rgba(255,255,255,.08);
  color:#dbeafe;
  border:1px solid rgba(255,255,255,.08);
}
body[data-page="dashboard"] .sidebar-nav{padding:2px 0;}
body[data-page="dashboard"] .sidebar-nav a{
  color:#aebbd0;
  border:1px solid transparent;
  position:relative;
  overflow:hidden;
}
body[data-page="dashboard"] .sidebar-nav a::before{
  content:"";
  position:absolute;
  left:0;top:8px;bottom:8px;
  width:3px;
  border-radius:0 6px 6px 0;
  background:#38bdf8;
  opacity:0;
  transform:scaleY(.35);
  transition:.2s ease;
}
body[data-page="dashboard"] .sidebar-nav a i{color:#7f92ae;transition:.2s ease;}
body[data-page="dashboard"] .sidebar-nav a:hover{
  color:#f8fafc;
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.055);
}
body[data-page="dashboard"] .sidebar-nav a.active{
  color:#fff;
  background:linear-gradient(90deg,rgba(37,99,235,.30),rgba(14,165,233,.10));
  border-color:rgba(96,165,250,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 9px 22px rgba(2,6,23,.17);
}
body[data-page="dashboard"] .sidebar-nav a.active::before{opacity:1;transform:scaleY(1);}
body[data-page="dashboard"] .sidebar-nav a.active i,
body[data-page="dashboard"] .sidebar-nav a:hover i{color:#7dd3fc;}
body[data-page="dashboard"] .logout-sidebar{
  color:#fecaca;
  background:rgba(239,68,68,.10);
  border:1px solid rgba(248,113,113,.14);
}
body[data-page="dashboard"] .logout-sidebar:hover{background:rgba(239,68,68,.18);color:#fff;}

/* Premium topbar */
body[data-page="dashboard"] .dashboard-topbar-premium{
  height:82px;
  padding:0 34px;
  color:var(--dash-ink);
  background:rgba(255,255,255,.82)!important;
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
  border-bottom:1px solid rgba(148,163,184,.18);
  box-shadow:0 8px 34px rgba(15,23,42,.055);
}
body[data-page="dashboard"] .dashboard-topbar-eyebrow{
  display:block;
  margin-bottom:1px;
  color:#2563eb;
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
body[data-page="dashboard"] .dashboard-topbar-premium h1{
  color:#0f172a;
  font-size:19px;
  letter-spacing:-.02em;
}
body[data-page="dashboard"] .dashboard-topbar-premium p{color:#64748b;opacity:1;font-weight:700;}
body[data-page="dashboard"] .dashboard-live-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:0 13px;
  border-radius:999px;
  background:#ecfdf5;
  border:1px solid #bbf7d0;
  color:#047857;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
body[data-page="dashboard"] .dashboard-live-status i{
  width:8px;height:8px;border-radius:50%;background:#10b981;
  box-shadow:0 0 0 5px rgba(16,185,129,.13);
  animation:dashboardLivePulse 2s ease-in-out infinite;
}
@keyframes dashboardLivePulse{50%{box-shadow:0 0 0 9px rgba(16,185,129,0)}}
body[data-page="dashboard"] .dashboard-topbar-premium .circle-icon,
body[data-page="dashboard"] .dashboard-topbar-premium .user-chip{
  color:#334155;
  background:#fff;
  border:1px solid #e2e8f0;
  box-shadow:0 7px 20px rgba(15,23,42,.05);
}
body[data-page="dashboard"] .dashboard-topbar-premium .circle-icon:hover,
body[data-page="dashboard"] .dashboard-topbar-premium .user-chip:hover{
  color:#1d4ed8;
  border-color:#bfdbfe;
  background:#eff6ff;
}

/* Executive hero */
body[data-page="dashboard"] .dashboard-status-hero{
  min-height:278px;
  padding:26px;
  border:1px solid rgba(125,211,252,.16);
  border-radius:30px;
  color:#fff;
  background:
    radial-gradient(circle at 78% -10%,rgba(56,189,248,.28),transparent 34%),
    radial-gradient(circle at 2% 100%,rgba(37,99,235,.25),transparent 38%),
    linear-gradient(135deg,#08162f 0%,#102a57 53%,#0d3762 100%);
  box-shadow:0 30px 70px rgba(8,23,52,.22);
}
body[data-page="dashboard"] .dashboard-status-hero::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.25;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(90deg,#000,transparent 75%);
}
body[data-page="dashboard"] .dashboard-status-hero::after{
  right:18%;top:-135px;width:390px;height:390px;
  background:radial-gradient(circle,rgba(34,211,238,.18),transparent 67%);
}
body[data-page="dashboard"] .dashboard-status-main{position:relative;z-index:2;}
body[data-page="dashboard"] .dashboard-status-left{align-items:flex-start;max-width:640px;}
body[data-page="dashboard"] .dashboard-shop-mark{
  width:78px;height:78px;border-radius:24px;
  background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 35px rgba(0,0,0,.20);
  backdrop-filter:blur(10px);
}
body[data-page="dashboard"] .dashboard-shop-mark img{width:58px;height:58px;border-radius:17px;}
body[data-page="dashboard"] .dashboard-hero-overline{
  display:flex;
  align-items:center;
  gap:7px;
  color:#93c5fd;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:10px;
}
body[data-page="dashboard"] .dashboard-date-pill{
  color:#dbeafe;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.14);
  padding:7px 12px;
}
body[data-page="dashboard"] .dashboard-status-hero h2{
  color:#fff;
  font-size:31px;
  line-height:1.2;
  letter-spacing:-.035em;
  margin:13px 0 8px;
}
body[data-page="dashboard"] .dashboard-status-hero p{
  color:#c8d7eb;
  font-size:13px;
  line-height:1.7;
  max-width:620px;
}
body[data-page="dashboard"] .dashboard-status-right{
  grid-template-columns:1fr;
  min-width:188px;
}
body[data-page="dashboard"] .dashboard-status-right div{
  position:relative;
  padding:13px 14px 13px 45px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.11);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(8px);
}
body[data-page="dashboard"] .dashboard-status-right div>i{
  position:absolute;
  left:14px;top:50%;transform:translateY(-50%);
  width:24px;height:24px;border-radius:8px;
  display:grid;place-items:center;
  color:#7dd3fc;
  background:rgba(56,189,248,.11);
}
body[data-page="dashboard"] .dashboard-status-right span{color:#91a9c7;}
body[data-page="dashboard"] .dashboard-status-right strong{color:#f8fafc;font-size:12px;}

/* Scanner glass card */
body[data-page="dashboard"] .dashboard-top-scanner-card{
  max-width:310px;
  padding:13px;
  border-radius:24px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 22px 52px rgba(2,6,23,.28);
}
body[data-page="dashboard"] .dashboard-top-scanner-head h3{color:#0f172a;font-size:12px;}
body[data-page="dashboard"] .dashboard-top-scanner-head .btn{font-size:9px;padding:.4rem .55rem;}
body[data-page="dashboard"] .small-scanner-camera{
  height:156px;min-height:156px;
  border:1px solid rgba(96,165,250,.18);
  background:
    linear-gradient(rgba(15,23,42,.68),rgba(15,23,42,.68)),
    radial-gradient(circle at center,#1e3a5f,#07111f);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
body[data-page="dashboard"] .small-scanner-camera::before,
body[data-page="dashboard"] .small-scanner-camera::after{
  content:"";position:absolute;left:14%;right:14%;height:1px;z-index:3;
}
body[data-page="dashboard"] .small-scanner-camera::before{top:24%;background:linear-gradient(90deg,transparent,#38bdf8,transparent);box-shadow:0 0 12px #38bdf8;}
body[data-page="dashboard"] .scanner-placeholder{color:#dbeafe;}
body[data-page="dashboard"] .scanner-placeholder i{color:#38bdf8;}
body[data-page="dashboard"] .scanner-mini-actions .btn,
body[data-page="dashboard"] .scanner-mini-result .btn{border-radius:10px;}
body[data-page="dashboard"] .scanner-mini-result input{min-height:34px;border-radius:10px;background:#f8fafc;}

/* Section heading */
body[data-page="dashboard"] .dashboard-section-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin:2px 2px -7px;
}
body[data-page="dashboard"] .dashboard-section-heading span,
body[data-page="dashboard"] .panel-kicker{
  display:block;
  margin-bottom:3px;
  color:#2563eb!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.14em;
  text-transform:uppercase;
}
body[data-page="dashboard"] .dashboard-section-heading h2{
  margin:0;
  color:#0f172a;
  font-family:Poppins,sans-serif;
  font-size:22px;
  font-weight:900;
  letter-spacing:-.025em;
}
body[data-page="dashboard"] .dashboard-section-heading p{margin:0;color:#64748b;font-size:12px;font-weight:700;}

/* KPI cards */
body[data-page="dashboard"] .dashboard-kpi-grid{gap:15px;}
body[data-page="dashboard"] .dashboard-kpi-card{
  min-height:148px;
  padding:19px;
  border-radius:22px;
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(145deg,#fff 0%,#fbfdff 100%);
  box-shadow:0 14px 35px rgba(15,23,42,.065);
  isolation:isolate;
}
body[data-page="dashboard"] .dashboard-kpi-card::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:3px;
  background:var(--kpi-accent,#2563eb);
}
body[data-page="dashboard"] .dashboard-kpi-card::after{
  width:150px;height:150px;right:-65px;top:-70px;
  opacity:.08;
  background:radial-gradient(circle,var(--kpi-accent,#2563eb),transparent 68%);
}
body[data-page="dashboard"] .dashboard-kpi-card:hover{
  transform:translateY(-5px);
  border-color:color-mix(in srgb,var(--kpi-accent,#2563eb) 28%,transparent);
  box-shadow:0 24px 48px rgba(15,23,42,.11);
}
body[data-page="dashboard"] .dashboard-kpi-card.sales{--kpi-accent:#10b981;}
body[data-page="dashboard"] .dashboard-kpi-card.purchase{--kpi-accent:#3b82f6;}
body[data-page="dashboard"] .dashboard-kpi-card.expense{--kpi-accent:#f97316;}
body[data-page="dashboard"] .dashboard-kpi-card.collection{--kpi-accent:#06b6d4;}
body[data-page="dashboard"] .dashboard-kpi-card.customer-due{--kpi-accent:#f59e0b;}
body[data-page="dashboard"] .dashboard-kpi-card.supplier-due{--kpi-accent:#8b5cf6;}
body[data-page="dashboard"] .dashboard-kpi-card.profit{--kpi-accent:#22c55e;}
body[data-page="dashboard"] .dashboard-kpi-card.loss{--kpi-accent:#ef4444;}
body[data-page="dashboard"] .dashboard-kpi-card.cash{--kpi-accent:#4f46e5;}
body[data-page="dashboard"] .dashboard-kpi-icon{
  width:50px;height:50px;border-radius:15px;font-size:22px;
  box-shadow:0 12px 24px color-mix(in srgb,var(--kpi-accent,#2563eb) 28%,transparent);
}
body[data-page="dashboard"] .dashboard-kpi-card span{font-size:9px;letter-spacing:.12em;}
body[data-page="dashboard"] .dashboard-kpi-card strong{font-size:25px;letter-spacing:-.035em;}
body[data-page="dashboard"] .dashboard-kpi-card p{font-size:11px;line-height:1.5;}

/* Command center */
body[data-page="dashboard"] .panel-card{
  border-radius:23px;
  border:1px solid rgba(148,163,184,.17);
  box-shadow:var(--dash-shadow);
  background:rgba(255,255,255,.94);
}
body[data-page="dashboard"] .dashboard-command-panel{
  position:relative;
  padding:20px 22px;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 10%,rgba(59,130,246,.09),transparent 22%),
    linear-gradient(145deg,#fff,#f9fbff);
}
body[data-page="dashboard"] .dashboard-command-panel::after{
  content:"";position:absolute;right:20px;top:-40px;width:150px;height:150px;border:22px solid rgba(37,99,235,.035);border-radius:50%;pointer-events:none;
}
body[data-page="dashboard"] .dashboard-command-panel .panel-head{position:relative;z-index:1;}
body[data-page="dashboard"] .dashboard-action-row{position:relative;z-index:1;gap:9px;}
body[data-page="dashboard"] .dashboard-action-row .btn{
  min-height:43px;
  padding:.66rem .92rem;
  border-radius:12px;
  box-shadow:0 7px 18px rgba(15,23,42,.05);
  transition:.2s ease;
}
body[data-page="dashboard"] .dashboard-action-row .btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(15,23,42,.10);}

/* Panels */
body[data-page="dashboard"] .dashboard-panel-accent{position:relative;overflow:hidden;}
body[data-page="dashboard"] .dashboard-panel-accent::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--panel-accent,#2563eb);
}
body[data-page="dashboard"] .dashboard-panel-accent.accent-emerald{--panel-accent:#10b981;}
body[data-page="dashboard"] .dashboard-panel-accent.accent-indigo{--panel-accent:#6366f1;}
body[data-page="dashboard"] .dashboard-panel-accent.accent-amber{--panel-accent:#f59e0b;}
body[data-page="dashboard"] .dashboard-panel-accent.accent-violet{--panel-accent:#8b5cf6;}
body[data-page="dashboard"] .dashboard-panel-accent.accent-rose{--panel-accent:#f43f5e;}
body[data-page="dashboard"] .dashboard-panel-accent.accent-blue{--panel-accent:#3b82f6;}
body[data-page="dashboard"] .dashboard-panel-accent.accent-slate{--panel-accent:#475569;}
body[data-page="dashboard"] .panel-head{margin-bottom:17px;}
body[data-page="dashboard"] .panel-head h3{
  display:flex;align-items:center;gap:8px;
  color:#0f172a;
  font-size:15px;
  letter-spacing:-.015em;
}
body[data-page="dashboard"] .panel-head h3 i{
  width:31px;height:31px;border-radius:10px;
  display:grid;place-items:center;
  color:var(--panel-accent,#2563eb);
  background:color-mix(in srgb,var(--panel-accent,#2563eb) 10%,white);
}
body[data-page="dashboard"] .panel-head a{
  display:inline-flex;align-items:center;gap:5px;
  color:#475569;
  padding:7px 10px;
  border:1px solid #e2e8f0;
  border-radius:10px;
  background:#fff;
  transition:.2s ease;
}
body[data-page="dashboard"] .panel-head a::after{content:"\F138";font-family:"bootstrap-icons";font-size:11px;}
body[data-page="dashboard"] .panel-head a:hover{color:#1d4ed8;border-color:#bfdbfe;background:#eff6ff;}
body[data-page="dashboard"] .cash-flow-item,
body[data-page="dashboard"] .profit-tile,
body[data-page="dashboard"] .stock-summary-box{
  border-color:#e8edf4;
  background:linear-gradient(145deg,#fbfdff,#f7f9fc);
}
body[data-page="dashboard"] .cash-flow-item,
body[data-page="dashboard"] .profit-tile{padding:15px;border-radius:15px;}
body[data-page="dashboard"] .cash-flow-item strong,
body[data-page="dashboard"] .profit-tile strong{font-family:Poppins,sans-serif;font-size:19px;letter-spacing:-.035em;}
body[data-page="dashboard"] .due-total-row{
  padding:15px;
  border-color:#fee2e2;
  background:linear-gradient(135deg,#fff7f7,#fff);
}
body[data-page="dashboard"] .due-person-row,
body[data-page="dashboard"] .recent-activity-row{
  padding:12px 13px;
  border-color:#e7edf4;
  background:#fff;
  transition:.18s ease;
}
body[data-page="dashboard"] .due-person-row:hover,
body[data-page="dashboard"] .recent-activity-row:hover{
  transform:translateX(3px);
  border-color:#cbdcfb;
  background:#fbfdff;
}
body[data-page="dashboard"] .due-person-row em{color:#dc2626;}

/* Stock table */
body[data-page="dashboard"] .dashboard-stock-card{padding:21px;}
body[data-page="dashboard"] .dashboard-stock-grid{grid-template-columns:235px 1fr;gap:20px;}
body[data-page="dashboard"] .stock-summary-box{padding:17px;border-radius:16px;}
body[data-page="dashboard"] .dashboard-stock-card .table-responsive{
  border:1px solid #e5eaf1;
  border-radius:16px;
  overflow:auto;
  background:#fff;
}
body[data-page="dashboard"] .dashboard-mini-table thead th{
  background:#f6f8fb;
  color:#64748b;
  border-bottom:1px solid #e5eaf1;
  padding:12px 13px;
  font-size:9px;
  letter-spacing:.09em;
}
body[data-page="dashboard"] .dashboard-mini-table tbody td{padding:13px;border-bottom:1px solid #eef2f6;}
body[data-page="dashboard"] .dashboard-mini-table tbody tr:hover{background:#f8fbff;}

/* Chart */
body[data-page="dashboard"] .dashboard-chart-card{
  padding:22px;
  background:
    radial-gradient(circle at 95% 5%,rgba(37,99,235,.055),transparent 25%),
    #fff;
}
body[data-page="dashboard"] .dashboard-chart-wrap{
  min-height:320px;
  padding:10px 8px 2px;
  border-radius:17px;
  background:linear-gradient(180deg,#fbfdff,#fff);
}

/* Recent activity */
body[data-page="dashboard"] .dashboard-recent-grid{gap:16px;}
body[data-page="dashboard"] .dashboard-recent-card{
  position:relative;
  padding:18px;
  overflow:hidden;
}
body[data-page="dashboard"] .dashboard-recent-card::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--recent-accent,#2563eb);
}
body[data-page="dashboard"] .dashboard-recent-card.recent-sales{--recent-accent:#10b981;}
body[data-page="dashboard"] .dashboard-recent-card.recent-purchases{--recent-accent:#3b82f6;}
body[data-page="dashboard"] .dashboard-recent-card.recent-expenses{--recent-accent:#f97316;}
body[data-page="dashboard"] .dashboard-recent-card.recent-payments{--recent-accent:#8b5cf6;}
body[data-page="dashboard"] .dashboard-recent-card .panel-head h3 i{
  color:var(--recent-accent);
  background:color-mix(in srgb,var(--recent-accent) 10%,white);
}
body[data-page="dashboard"] .recent-activity-row{display:block;}
body[data-page="dashboard"] .recent-activity-row em{display:block;margin-top:8px;text-align:left;color:#0f172a;font-size:15px;}
body[data-page="dashboard"] .recent-activity-row strong{font-size:12px;}
body[data-page="dashboard"] .recent-activity-row span{display:block;margin-top:3px;font-size:10px;line-height:1.5;}

/* Report shortcuts */
body[data-page="dashboard"] .dashboard-report-grid{gap:11px;}
body[data-page="dashboard"] .dashboard-report-grid a{
  min-height:66px;
  padding:13px;
  border-color:#e5eaf1;
  border-radius:15px;
  background:linear-gradient(145deg,#fff,#f9fbfd);
  box-shadow:0 7px 18px rgba(15,23,42,.035);
}
body[data-page="dashboard"] .dashboard-report-grid a:hover{
  background:#eff6ff;
  border-color:#bfdbfe;
  box-shadow:0 12px 25px rgba(37,99,235,.10);
}
body[data-page="dashboard"] .dashboard-report-grid i{
  width:38px;height:38px;border-radius:12px;
  background:linear-gradient(135deg,#e0ecff,#e7f8ff);
}

/* Loading states */
body[data-page="dashboard"] .empty-state{
  border-color:#d7e1ee;
  background:rgba(248,250,252,.78);
  color:#718096;
}

@media(max-width:1250px){
  body[data-page="dashboard"] .dashboard-status-with-scanner{grid-template-columns:minmax(0,1fr) 290px!important;}
  body[data-page="dashboard"] .dashboard-status-main{display:grid;grid-template-columns:1fr 190px;}
  body[data-page="dashboard"] .dashboard-status-right{grid-template-columns:1fr;}
}
@media(max-width:1050px){
  body[data-page="dashboard"] .dashboard-status-with-scanner{grid-template-columns:1fr!important;}
  body[data-page="dashboard"] .dashboard-status-main{grid-template-columns:1fr;}
  body[data-page="dashboard"] .dashboard-status-right{grid-template-columns:repeat(3,minmax(0,1fr));}
  body[data-page="dashboard"] .dashboard-top-scanner-card{max-width:100%;}
}
@media(max-width:820px){
  body[data-page="dashboard"] .dashboard-topbar-premium{padding:0 18px;}
  body[data-page="dashboard"] .dashboard-live-status{display:none;}
  body[data-page="dashboard"] .dashboard-pro-page{padding:22px 18px 42px;}
  body[data-page="dashboard"] .dashboard-section-heading{align-items:flex-start;flex-direction:column;gap:4px;}
  body[data-page="dashboard"] .dashboard-status-hero{padding:20px;border-radius:24px;}
  body[data-page="dashboard"] .dashboard-status-left{flex-direction:column;}
  body[data-page="dashboard"] .dashboard-status-right{grid-template-columns:1fr;}
  body[data-page="dashboard"] .dashboard-status-hero h2{font-size:25px;}
  body[data-page="dashboard"] .dashboard-stock-grid{grid-template-columns:1fr;}
}
@media(max-width:540px){
  body[data-page="dashboard"] .dashboard-topbar-premium{height:72px;}
  body[data-page="dashboard"] .dashboard-topbar-eyebrow,
  body[data-page="dashboard"] .dashboard-topbar-premium p{display:none;}
  body[data-page="dashboard"] .dashboard-topbar-premium h1{font-size:16px;}
  body[data-page="dashboard"] .dashboard-topbar-premium .user-chip span{display:none;}
  body[data-page="dashboard"] .dashboard-pro-page{padding:16px 12px 34px;gap:18px;}
  body[data-page="dashboard"] .dashboard-status-hero{padding:17px;}
  body[data-page="dashboard"] .dashboard-shop-mark{width:65px;height:65px;}
  body[data-page="dashboard"] .dashboard-shop-mark img{width:49px;height:49px;}
  body[data-page="dashboard"] .dashboard-status-hero h2{font-size:22px;}
  body[data-page="dashboard"] .dashboard-section-heading h2{font-size:19px;}
  body[data-page="dashboard"] .dashboard-action-row .btn{width:100%;}
  body[data-page="dashboard"] .panel-card{border-radius:19px;padding:16px;}
  body[data-page="dashboard"] .panel-head{align-items:flex-start;gap:8px;}
  body[data-page="dashboard"] .panel-head h3{font-size:13px;}
  body[data-page="dashboard"] .panel-head a{font-size:9px;padding:6px 8px;}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="dashboard"] .dashboard-live-status i{animation:none;}
  body[data-page="dashboard"] *{scroll-behavior:auto!important;}
}


/* =========================================================
   Dashboard Enterprise Redesign V2
   Dashboard only. No other sections changed.
   ========================================================= */
body[data-page="dashboard"] .dashboard-enterprise-page{max-width:1600px!important;padding:26px 30px 56px;gap:22px;}
body[data-page="dashboard"] .dashboard-topbar-enterprise{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;}
body[data-page="dashboard"] .dashboard-header-left{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
body[data-page="dashboard"] .dashboard-topbar-datebox{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 8px 24px rgba(15,23,42,.06);font-size:12px;font-weight:800;color:#334155;}
body[data-page="dashboard"] .dashboard-topbar-datebox i{color:#2563eb;}
body[data-page="dashboard"] .dashboard-topbar-actions-enterprise{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
body[data-page="dashboard"] .dashboard-global-search{display:flex;align-items:center;gap:10px;min-width:320px;height:44px;padding:0 14px;border-radius:14px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 22px rgba(15,23,42,.05);}
body[data-page="dashboard"] .dashboard-global-search i{color:#64748b;}
body[data-page="dashboard"] .dashboard-global-search input{border:0;outline:none;width:100%;background:transparent;color:#0f172a;font-weight:700;font-size:13px;}
body[data-page="dashboard"] .dashboard-quickadd-btn{height:42px;border-radius:14px;padding:0 14px;font-weight:900;box-shadow:0 10px 22px rgba(37,99,235,.14);}
body[data-page="dashboard"] .dashboard-quickadd-menu{border-radius:16px;border:1px solid #e2e8f0;padding:8px;box-shadow:0 18px 40px rgba(15,23,42,.12);}
body[data-page="dashboard"] .dashboard-quickadd-menu .dropdown-item{border-radius:10px;padding:9px 10px;font-weight:700;display:flex;align-items:center;gap:9px;}
body[data-page="dashboard"] .dashboard-icon-notify{position:relative;}
body[data-page="dashboard"] .dashboard-count-badge{position:absolute;right:-4px;top:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:900;display:grid;place-items:center;box-shadow:0 6px 14px rgba(239,68,68,.35);}
body[data-page="dashboard"] .dashboard-welcome-compact{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px 22px;background:linear-gradient(135deg,#08162f 0%,#0f2f5d 52%,#124170 100%);border:1px solid rgba(125,211,252,.17);color:#fff;border-radius:28px;box-shadow:0 24px 60px rgba(8,23,52,.18);overflow:hidden;position:relative;}
body[data-page="dashboard"] .dashboard-welcome-compact::before{content:"";position:absolute;right:-70px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.22),transparent 70%);}
body[data-page="dashboard"] .dashboard-welcome-left{display:flex;align-items:center;gap:16px;position:relative;z-index:1;}
body[data-page="dashboard"] .dashboard-welcome-left h2{font-size:29px;color:#fff;margin:8px 0 6px;letter-spacing:-.03em;}
body[data-page="dashboard"] .dashboard-welcome-left p{margin:0;color:#c7d6e9;font-size:13px;font-weight:700;}
body[data-page="dashboard"] .dashboard-welcome-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}
body[data-page="dashboard"] .dashboard-welcome-meta span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.13);font-size:11px;color:#e2e8f0;font-weight:800;}
body[data-page="dashboard"] .dashboard-welcome-actions{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:12px;position:relative;z-index:1;min-width:340px;}
body[data-page="dashboard"] .dashboard-mini-status-card{padding:14px 15px;border-radius:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);}
body[data-page="dashboard"] .dashboard-mini-status-card span{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#93c5fd;font-weight:900;}
body[data-page="dashboard"] .dashboard-mini-status-card strong{display:block;margin-top:6px;font-size:13px;color:#fff;}
body[data-page="dashboard"] .dashboard-welcome-actions .btn{grid-column:1/-1;border-radius:14px;font-weight:900;min-height:44px;}
body[data-page="dashboard"] .dashboard-kpi-grid-6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;}
body[data-page="dashboard"] .dashboard-kpi-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:170px;}
body[data-page="dashboard"] .dashboard-kpi-card .dashboard-kpi-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;}
body[data-page="dashboard"] .dashboard-kpi-card .dashboard-kpi-trend{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;}
body[data-page="dashboard"] .dashboard-kpi-card .dashboard-kpi-trend.up{color:#047857;background:#ecfdf5;border-color:#bbf7d0;}
body[data-page="dashboard"] .dashboard-kpi-card .dashboard-kpi-trend.down{color:#b91c1c;background:#fef2f2;border-color:#fecaca;}
body[data-page="dashboard"] .dashboard-kpi-card small{color:#64748b;font-size:11px;font-weight:800;line-height:1.5;}
body[data-page="dashboard"] .dashboard-secondary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;}
body[data-page="dashboard"] .dashboard-secondary-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:17px;border-radius:20px;background:linear-gradient(145deg,#fff,#fafcff);border:1px solid rgba(148,163,184,.17);box-shadow:0 12px 30px rgba(15,23,42,.06);text-decoration:none;color:#0f172a;transition:.2s ease;}
body[data-page="dashboard"] .dashboard-secondary-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(15,23,42,.10);color:#0f172a;}
body[data-page="dashboard"] .dashboard-secondary-card .icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;font-size:21px;box-shadow:0 12px 24px rgba(15,23,42,.10);}
body[data-page="dashboard"] .dashboard-secondary-card span{display:block;font-size:10px;color:#64748b;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
body[data-page="dashboard"] .dashboard-secondary-card strong{display:block;font-size:20px;font-family:Poppins,sans-serif;letter-spacing:-.03em;margin-top:7px;}
body[data-page="dashboard"] .dashboard-secondary-card p{margin:7px 0 0;font-size:11px;color:#64748b;font-weight:800;line-height:1.5;}
body[data-page="dashboard"] .dashboard-secondary-card.normal .icon{background:#dbeafe;color:#1d4ed8;}
body[data-page="dashboard"] .dashboard-secondary-card.good .icon{background:#dcfce7;color:#15803d;}
body[data-page="dashboard"] .dashboard-secondary-card.warning .icon{background:#ffedd5;color:#c2410c;}
body[data-page="dashboard"] .dashboard-secondary-card.danger .icon{background:#fee2e2;color:#dc2626;}
body[data-page="dashboard"] .dashboard-analytics-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.9fr);gap:20px;align-items:start;}
body[data-page="dashboard"] .dashboard-side-stack{display:grid;gap:18px;}
body[data-page="dashboard"] .dashboard-chart-head-flex{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;}
body[data-page="dashboard"] .dashboard-chart-controls{display:flex;flex-direction:column;gap:10px;align-items:flex-end;}
body[data-page="dashboard"] .dashboard-filter-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
body[data-page="dashboard"] .dashboard-filter-tabs button{border:1px solid #dbeafe;background:#fff;color:#475569;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:900;transition:.2s ease;}
body[data-page="dashboard"] .dashboard-filter-tabs button.active, body[data-page="dashboard"] .dashboard-filter-tabs button:hover{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8;}
body[data-page="dashboard"] .dashboard-custom-range{display:none;align-items:center;gap:8px;flex-wrap:wrap;}
body[data-page="dashboard"] .dashboard-custom-range.show{display:flex;}
body[data-page="dashboard"] .dashboard-custom-range input{height:36px;border:1px solid #dbe3ef;border-radius:10px;padding:0 10px;font-size:12px;font-weight:700;}
body[data-page="dashboard"] .dashboard-chart-wrap-large{min-height:360px;padding:8px 4px 0;}
body[data-page="dashboard"] .dashboard-finance-panel{padding:20px;}
body[data-page="dashboard"] .dashboard-finance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
body[data-page="dashboard"] .dashboard-fin-tile{padding:14px;border-radius:16px;background:linear-gradient(145deg,#fbfdff,#f7fafc);border:1px solid #e6edf5;}
body[data-page="dashboard"] .dashboard-fin-tile span{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:#64748b;}
body[data-page="dashboard"] .dashboard-fin-tile strong{display:block;margin-top:6px;font-size:18px;font-family:Poppins,sans-serif;letter-spacing:-.03em;}
body[data-page="dashboard"] .dashboard-bank-cards-mini{display:grid;gap:10px;margin-top:14px;}
body[data-page="dashboard"] .dashboard-bank-mini-card{padding:14px 15px;border-radius:16px;background:#fff;border:1px solid #e5eaf1;box-shadow:0 8px 20px rgba(15,23,42,.04);}
body[data-page="dashboard"] .dashboard-bank-mini-card .top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;}
body[data-page="dashboard"] .dashboard-bank-mini-card h4{margin:0;font-size:14px;color:#0f172a;}
body[data-page="dashboard"] .dashboard-bank-mini-card p{margin:2px 0 0;font-size:11px;color:#64748b;font-weight:700;}
body[data-page="dashboard"] .dashboard-bank-mini-card .balance{margin-top:10px;font-size:17px;font-family:Poppins,sans-serif;font-weight:900;color:#0f172a;}
body[data-page="dashboard"] .dashboard-compact-scanner-card{padding:18px;}
body[data-page="dashboard"] .dashboard-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
body[data-page="dashboard"] .dashboard-overview-stat{padding:14px;border-radius:16px;background:linear-gradient(145deg,#fbfdff,#f8fafc);border:1px solid #e6edf5;}
body[data-page="dashboard"] .dashboard-overview-stat span{display:block;font-size:10px;font-weight:900;color:#64748b;letter-spacing:.08em;text-transform:uppercase;}
body[data-page="dashboard"] .dashboard-overview-stat strong{display:block;margin-top:6px;font-size:18px;font-family:Poppins,sans-serif;}
body[data-page="dashboard"] .dashboard-due-action-list{display:flex;flex-direction:column;gap:10px;}
body[data-page="dashboard"] .dashboard-due-action-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 13px;border:1px solid #e6edf5;border-radius:15px;background:#fff;}
body[data-page="dashboard"] .dashboard-due-action-item.critical{background:#fff7f7;border-color:#fecaca;}
body[data-page="dashboard"] .dashboard-due-action-item strong{display:block;font-size:13px;color:#0f172a;}
body[data-page="dashboard"] .dashboard-due-action-item small{display:block;font-size:11px;color:#64748b;font-weight:700;line-height:1.5;}
body[data-page="dashboard"] .dashboard-due-action-item em{font-style:normal;font-weight:900;color:#0f172a;}
body[data-page="dashboard"] .dashboard-due-action-item .btn{white-space:nowrap;border-radius:10px;font-size:11px;font-weight:800;padding:.48rem .72rem;}
body[data-page="dashboard"] .dashboard-cheque-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;}
body[data-page="dashboard"] .dashboard-cheque-tile{padding:14px;border-radius:16px;border:1px solid #e5eaf1;background:linear-gradient(145deg,#fbfdff,#fff);}
body[data-page="dashboard"] .dashboard-cheque-tile span{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#64748b;}
body[data-page="dashboard"] .dashboard-cheque-tile strong{display:block;margin-top:6px;font-size:18px;font-family:Poppins,sans-serif;}
body[data-page="dashboard"] .dashboard-cheque-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
body[data-page="dashboard"] .dashboard-cheque-links a{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;text-decoration:none;font-size:11px;font-weight:800;}
body[data-page="dashboard"] .dashboard-cheque-links a:hover{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe;}
body[data-page="dashboard"] .dashboard-notification-list{display:flex;flex-direction:column;gap:10px;}
body[data-page="dashboard"] .dashboard-notice-item{display:flex;gap:12px;align-items:flex-start;padding:12px 13px;border-radius:15px;border:1px solid #e6edf5;background:#fff;text-decoration:none;color:#0f172a;transition:.18s ease;}
body[data-page="dashboard"] .dashboard-notice-item:hover{transform:translateX(3px);background:#fbfdff;border-color:#cbdcfb;color:#0f172a;}
body[data-page="dashboard"] .dashboard-notice-item .icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;font-size:18px;}
body[data-page="dashboard"] .dashboard-notice-item.warning .icon{background:#ffedd5;color:#c2410c;}
body[data-page="dashboard"] .dashboard-notice-item.danger .icon{background:#fee2e2;color:#dc2626;}
body[data-page="dashboard"] .dashboard-notice-item.good .icon{background:#dcfce7;color:#15803d;}
body[data-page="dashboard"] .dashboard-notice-item.normal .icon{background:#dbeafe;color:#1d4ed8;}
body[data-page="dashboard"] .dashboard-notice-item strong{display:block;font-size:13px;}
body[data-page="dashboard"] .dashboard-notice-item small{display:block;font-size:11px;color:#64748b;font-weight:700;line-height:1.5;}
body[data-page="dashboard"] .dashboard-stock-summary-inline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:15px;}
body[data-page="dashboard"] .dashboard-stock-summary-inline .stock-summary-box{padding:15px;}
body[data-page="dashboard"] .dashboard-stock-alert-table tbody tr.critical{background:#fff7f7;}
body[data-page="dashboard"] .dashboard-stock-alert-table .btn{border-radius:10px;font-size:11px;font-weight:800;}
body[data-page="dashboard"] .dashboard-activity-feed{display:flex;flex-direction:column;gap:10px;}
body[data-page="dashboard"] .dashboard-activity-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:13px 14px;border:1px solid #e6edf5;border-radius:16px;background:#fff;}
body[data-page="dashboard"] .dashboard-activity-row .left{display:flex;gap:12px;align-items:flex-start;}
body[data-page="dashboard"] .dashboard-activity-row .badge-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:18px;flex:0 0 auto;background:#e0ecff;color:#1d4ed8;}
body[data-page="dashboard"] .dashboard-activity-row strong{display:block;font-size:13px;line-height:1.5;}
body[data-page="dashboard"] .dashboard-activity-row small{display:block;font-size:11px;color:#64748b;font-weight:700;line-height:1.5;}
body[data-page="dashboard"] .dashboard-activity-row em{font-style:normal;font-weight:900;color:#0f172a;text-align:right;white-space:nowrap;}
body[data-page="dashboard"] .dashboard-quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;}
body[data-page="dashboard"] .dashboard-quick-link{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:15px;border-radius:18px;text-decoration:none;color:#0f172a;background:linear-gradient(145deg,#fff,#f9fbff);border:1px solid #e5eaf1;box-shadow:0 8px 18px rgba(15,23,42,.04);transition:.2s ease;min-height:122px;}
body[data-page="dashboard"] .dashboard-quick-link:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(15,23,42,.08);color:#0f172a;}
body[data-page="dashboard"] .dashboard-quick-link .icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:#eff6ff;color:#1d4ed8;}
body[data-page="dashboard"] .dashboard-quick-link strong{font-size:13px;line-height:1.45;}
body[data-page="dashboard"] .dashboard-quick-link small{font-size:11px;color:#64748b;font-weight:700;line-height:1.5;}
body[data-page="dashboard"] .dashboard-report-grid-v2{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
body[data-page="dashboard"] .dashboard-report-card{display:flex;gap:12px;align-items:flex-start;min-height:84px;padding:14px;border-radius:16px;text-decoration:none;color:#0f172a;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e5eaf1;box-shadow:0 8px 18px rgba(15,23,42,.035);transition:.2s ease;}
body[data-page="dashboard"] .dashboard-report-card:hover{transform:translateY(-2px);background:#eff6ff;border-color:#bfdbfe;color:#0f172a;box-shadow:0 12px 24px rgba(37,99,235,.08);}
body[data-page="dashboard"] .dashboard-report-card .icon{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#e0ecff,#e7f8ff);color:#1d4ed8;display:grid;place-items:center;flex:0 0 auto;font-size:18px;}
body[data-page="dashboard"] .dashboard-report-card strong{display:block;font-size:13px;line-height:1.45;}
body[data-page="dashboard"] .dashboard-report-card small{display:block;margin-top:2px;font-size:11px;color:#64748b;font-weight:700;line-height:1.5;}
body[data-page="dashboard"] .dashboard-section-hidden{display:none!important;}
body[data-page="dashboard"] .dashboard-section-highlight{outline:2px solid rgba(59,130,246,.38);box-shadow:0 0 0 6px rgba(59,130,246,.10)!important;}
body[data-page="dashboard"] .dashboard-fin-empty, body[data-page="dashboard"] .dashboard-empty-inline{padding:14px;border:1px dashed #dbe3ef;border-radius:14px;background:#f8fafc;color:#64748b;font-size:12px;font-weight:700;}
body[data-page="dashboard"] .accent-cyan{--panel-accent:#06b6d4;}
@media(max-width:1400px){body[data-page="dashboard"] .dashboard-kpi-grid-6,body[data-page="dashboard"] .dashboard-secondary-grid{grid-template-columns:repeat(3,minmax(0,1fr));}body[data-page="dashboard"] .dashboard-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));}body[data-page="dashboard"] .dashboard-report-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:1180px){body[data-page="dashboard"] .dashboard-analytics-layout{grid-template-columns:1fr;}body[data-page="dashboard"] .dashboard-side-stack{grid-template-columns:1fr 1fr;}body[data-page="dashboard"] .dashboard-welcome-compact{flex-direction:column;align-items:stretch;}body[data-page="dashboard"] .dashboard-welcome-actions{min-width:0;width:100%;}}
@media(max-width:920px){body[data-page="dashboard"] .dashboard-topbar-enterprise{align-items:flex-start;}body[data-page="dashboard"] .dashboard-global-search{min-width:0;width:100%;}body[data-page="dashboard"] .dashboard-topbar-actions-enterprise{width:100%;}.dashboard-header-left{width:100%;justify-content:space-between;}body[data-page="dashboard"] .dashboard-kpi-grid-6,body[data-page="dashboard"] .dashboard-secondary-grid,body[data-page="dashboard"] .dashboard-quick-grid,body[data-page="dashboard"] .dashboard-report-grid-v2,body[data-page="dashboard"] .dashboard-two-col,body[data-page="dashboard"] .dashboard-stock-summary-inline{grid-template-columns:repeat(2,minmax(0,1fr));}body[data-page="dashboard"] .dashboard-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));}body[data-page="dashboard"] .dashboard-side-stack{grid-template-columns:1fr;}body[data-page="dashboard"] .dashboard-cheque-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){body[data-page="dashboard"] .dashboard-enterprise-page{padding:16px 12px 34px;gap:18px;}body[data-page="dashboard"] .dashboard-topbar-datebox{width:100%;justify-content:center;}body[data-page="dashboard"] .dashboard-topbar-actions-enterprise{gap:10px;}body[data-page="dashboard"] .dashboard-kpi-grid-6,body[data-page="dashboard"] .dashboard-secondary-grid,body[data-page="dashboard"] .dashboard-overview-grid,body[data-page="dashboard"] .dashboard-stock-summary-inline,body[data-page="dashboard"] .dashboard-quick-grid,body[data-page="dashboard"] .dashboard-report-grid-v2,body[data-page="dashboard"] .dashboard-two-col,body[data-page="dashboard"] .dashboard-welcome-actions,body[data-page="dashboard"] .dashboard-cheque-grid{grid-template-columns:1fr;}body[data-page="dashboard"] .dashboard-welcome-left{flex-direction:column;align-items:flex-start;}body[data-page="dashboard"] .dashboard-welcome-left h2{font-size:24px;}body[data-page="dashboard"] .dashboard-chart-head-flex{align-items:flex-start;}body[data-page="dashboard"] .dashboard-chart-controls{align-items:flex-start;width:100%;}body[data-page="dashboard"] .dashboard-filter-tabs{justify-content:flex-start;}body[data-page="dashboard"] .dashboard-activity-row{flex-direction:column;}body[data-page="dashboard"] .dashboard-activity-row em{text-align:left;}body[data-page="dashboard"] .dashboard-due-action-item{align-items:flex-start;flex-direction:column;}}