@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{
 --bg:#0b0d2b; --panel:#111438; --panel2:#171a46; --line:#292e5d;
 --text:#eef1ff; --muted:#8e95c0; --cyan:#13e6ff; --purple:#9b4dff; --pink:#ff21a8;
 --green:#30e0a5; --yellow:#ffc928; --red:#ff5a70;
}
*{box-sizing:border-box} body{margin:0;background:#080a21;color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px}
a{text-decoration:none}.app-shell{min-height:100vh;display:flex}
.sidebar{width:250px;background:linear-gradient(180deg,#0d1034,#080a21);border-right:1px solid var(--line);padding:22px 16px;position:fixed;left:0;top:0;bottom:0;z-index:10}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:.5px}.brand-mark{width:34px;height:34px;border-radius:10px;background:#151943;display:grid;place-items:center;color:#ffd21a}.brand-sub{font-size:9px;color:#6f77a7;letter-spacing:2px;margin:3px 0 25px 45px}
.nav-link{color:#a9afd5;border-radius:11px;padding:11px 12px;margin:3px 0;display:flex;align-items:center;gap:12px}.nav-link:hover,.nav-link.active{background:linear-gradient(90deg,#1b2051,#151942);color:#fff}.nav-link.active{box-shadow:inset 3px 0 0 var(--cyan)}.nav-link i{width:20px;text-align:center}
.sidebar-bottom{position:absolute;left:16px;right:16px;bottom:20px}.user-mini{margin-top:5px;font-weight:600}.user-mini i{color:var(--cyan);margin-right:6px}
.main{margin-left:250px;width:calc(100% - 250px);padding:24px 28px 40px}.topbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.page-kicker{font-size:10px;letter-spacing:2px;color:#6f77a7;font-weight:700}.page-title{font-size:25px;margin:4px 0 0;font-weight:800}.date-pill{background:#111438;border:1px solid var(--line);padding:8px 12px;border-radius:10px;color:#b9bfdc}
.cardx{background:linear-gradient(145deg,#111438,#0e1130);border:1px solid var(--line);border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.18)}.cardx .card-body{padding:18px}
.stat-card{position:relative;overflow:hidden;min-height:125px}.stat-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-50px;bottom:-65px;background:radial-gradient(circle,rgba(19,230,255,.28),transparent 65%)}.stat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#1b2050;color:var(--cyan);font-size:18px}.stat-label{color:var(--muted);font-size:12px;margin-top:12px}.stat-value{font-size:25px;font-weight:800;margin-top:2px}.accent-purple .stat-icon{color:#bd79ff}.accent-green .stat-icon{color:var(--green)}.accent-yellow .stat-icon{color:var(--yellow)}.accent-pink .stat-icon{color:var(--pink)}
.panel-title{font-weight:700;font-size:14px}.panel-sub{font-size:11px;color:var(--muted)}
.chart-wrap{height:270px}.chart-wrap.sm{height:220px}
.table{--bs-table-bg:transparent;--bs-table-color:#e8eaff;--bs-table-border-color:#2a2f59}.table thead th{color:#9299c4;font-size:11px;text-transform:uppercase;letter-spacing:.5px;background:#0f1232}.table td{vertical-align:middle;font-size:12px}.table tbody tr:hover{background:#15183e}
.form-control,.form-select{background:#0b0e2b;border:1px solid #30365f;color:#eef1ff;border-radius:9px}.form-control:focus,.form-select:focus{background:#0b0e2b;color:#fff;border-color:var(--cyan);box-shadow:0 0 0 .2rem rgba(19,230,255,.12)}.form-label{font-size:11px;color:#9da4ca;font-weight:600}.btn-primary{background:linear-gradient(90deg,#0bc8e1,#6f58ff);border:0}.btn-primary:hover{filter:brightness(1.08)}.btn-outline-light{border-color:#3c426d;color:#dfe3ff}.btn-outline-light:hover{background:#1a1e48;border-color:#5c64a1;color:#fff}
.badge-soft{padding:5px 8px;border-radius:8px;font-size:10px;font-weight:700}.b-green{background:rgba(48,224,165,.12);color:var(--green)}.b-yellow{background:rgba(255,201,40,.12);color:var(--yellow)}.b-red{background:rgba(255,90,112,.12);color:var(--red)}.b-cyan{background:rgba(19,230,255,.12);color:var(--cyan)}.b-purple{background:rgba(155,77,255,.12);color:#c78dff}
.quick-actions{display:flex;gap:8px;flex-wrap:wrap}.quick-actions .btn{font-size:12px}
.progress{background:#252a50;height:7px}.progress-bar{background:linear-gradient(90deg,var(--cyan),var(--purple))}
.filter-bar{background:#101332;border:1px solid var(--line);border-radius:13px;padding:12px}
.kpi-line{display:flex;justify-content:space-between;color:#aeb4d3;font-size:11px;margin-bottom:7px}.kpi-line strong{color:#fff}
.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#171b4a,#080a21 55%)}.login-box{width:420px;max-width:92vw}.login-logo{text-align:center;margin-bottom:20px}.login-logo .brand-mark{display:inline-grid}
.alert{border-radius:11px}
@media(max-width:1000px){.sidebar{width:75px;padding:15px 10px}.brand span:not(.brand-mark),.brand-sub,.nav-link:not(.active) span,.nav-link{font-size:0}.nav-link i{font-size:16px;width:100%}.sidebar-bottom{display:none}.main{margin-left:75px;width:calc(100% - 75px);padding:18px}.nav-link.active{font-size:0}}
@media(max-width:700px){.topbar{align-items:flex-start}.date-pill{display:none}.main{padding:14px}.stat-value{font-size:20px}}

/* Project Gantt */
.gantt-scroll{overflow-x:auto}
.gantt-head,.gantt-row{display:grid;grid-template-columns:minmax(260px,30%) 1fr;gap:12px;align-items:center}
.gantt-head{padding:0 0 8px;border-bottom:1px solid #292e5d}
.gantt-label{min-width:0}
.gantt-timeline{display:flex;justify-content:space-between;color:#8f98bd;font-size:.78rem}
.gantt-project{margin-top:10px;padding:8px 10px;background:#10143a;border-left:3px solid #7c83ff;border-radius:6px;color:#dfe4ff}
.gantt-row{min-height:52px;border-bottom:1px solid rgba(255,255,255,.05)}
.gantt-track{position:relative;height:28px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0,rgba(255,255,255,.045) 1px,transparent 1px,transparent 10%);border-radius:7px}
.gantt-bar{position:absolute;top:3px;height:22px;min-width:12px;background:#303762;border:1px solid #6870b6;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.gantt-progress{height:100%;background:linear-gradient(90deg,#5b5ff0,#21c7a8)}
.gantt-bar span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;text-shadow:0 1px 2px #000}
@media(max-width:768px){.gantt-head,.gantt-row{grid-template-columns:220px 700px}.gantt-scroll{padding-bottom:8px}}
.report-menu{min-width:250px;max-height:70vh;overflow:auto;background:#111438;border:1px solid #30365f}.report-menu .dropdown-item{color:#dfe3ff;padding:10px 14px}.report-menu .dropdown-item:hover,.report-menu .dropdown-item.active{background:#1b2051;color:#fff}.empty-state{text-align:center;padding:45px 20px;color:#8e95c0;border:1px dashed #30365f;border-radius:12px;background:#0d1030}.modal-content .form-control{background:#0b0e2b}

.dashboard-spacer-panel{min-height:270px}.dashboard-spacer-panel .card-body{min-height:270px}
@media(max-width:1199px){.dashboard-spacer-panel{min-height:0}.dashboard-spacer-panel .card-body{min-height:0}}


/* ==========================================================
   MMEC DARK / LIGHT BACKGROUND THEMES
   User selection is stored in localStorage by assets/js/app.js
   ========================================================== */
:root,
:root[data-theme="dark"]{
 --bg:#080a21; --bg-soft:#0d1034; --panel:#111438; --panel2:#171a46; --line:#292e5d;
 --text:#eef1ff; --muted:#8e95c0; --field:#0b0e2b; --table-head:#0f1232; --hover:#15183e;
 --theme-glow:rgba(19,230,255,.16); --theme-glow-2:rgba(155,77,255,.12);
}
:root[data-theme="light"]{
 --bg:#f2f5fb; --bg-soft:#e8edf7; --panel:#ffffff; --panel2:#f6f8fc; --line:#d6ddeb;
 --text:#17213b; --muted:#65708b; --field:#ffffff; --table-head:#edf1f7; --hover:#f0f5ff;
 --cyan:#0789b7; --purple:#6d42d8; --pink:#d81b78; --green:#15966d; --yellow:#b77a00; --red:#d9364f;
 --theme-glow:rgba(19,144,190,.13); --theme-glow-2:rgba(109,66,216,.10);
}
html,body{background:var(--bg)!important;color:var(--text);transition:background-color .22s ease,color .22s ease}
body{background:
 radial-gradient(circle at 8% 10%,var(--theme-glow),transparent 25%),
 radial-gradient(circle at 92% 18%,var(--theme-glow-2),transparent 27%),
 linear-gradient(135deg,var(--bg),var(--bg-soft))!important;
 background-attachment:fixed!important;}
.sidebar{background:linear-gradient(180deg,var(--bg-soft),var(--bg))!important;border-color:var(--line)!important}
.cardx,.filter-bar{background:linear-gradient(145deg,var(--panel),var(--panel2))!important;border-color:var(--line)!important}
.date-pill,.theme-toggle{background:var(--panel)!important;border-color:var(--line)!important;color:var(--text)!important}
.nav-link{color:var(--muted)!important}.nav-link:hover,.nav-link.active{background:linear-gradient(90deg,var(--panel2),var(--panel))!important;color:var(--text)!important}
.table{--bs-table-color:var(--text);--bs-table-border-color:var(--line)}
.table thead th{background:var(--table-head)!important;color:var(--muted)!important}.table tbody tr:hover{background:var(--hover)!important}
.form-control,.form-select{background:var(--field)!important;border-color:var(--line)!important;color:var(--text)!important}
.form-control:focus,.form-select:focus{background:var(--field)!important;color:var(--text)!important;border-color:var(--cyan)!important}
.gantt-project{background:var(--panel2)!important;color:var(--text)!important}.empty-state{background:var(--panel2)!important;color:var(--muted);border-color:var(--line)}
.report-menu{background:var(--panel)!important;border-color:var(--line)!important}.report-menu .dropdown-item{color:var(--text)!important}.report-menu .dropdown-item:hover,.report-menu .dropdown-item.active{background:var(--hover)!important}
.page-kicker,.brand-sub{color:var(--muted)!important}.panel-sub,.stat-label,.form-label{color:var(--muted)!important}
.login-page{background:radial-gradient(circle at 20% 20%,var(--bg-soft),var(--bg) 55%)!important}

.theme-picker{position:relative;z-index:50}.theme-toggle{border:1px solid var(--line);border-radius:10px;padding:8px 11px;display:inline-flex;align-items:center;gap:7px;font-size:12px;cursor:pointer;box-shadow:none}.theme-toggle:hover{filter:brightness(1.08)}
.theme-menu{display:none;position:absolute;right:0;top:calc(100% + 7px);width:150px;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 35px rgba(0,0,0,.28)}
.theme-picker.open .theme-menu{display:block}.theme-menu button{width:100%;border:0;background:transparent;color:var(--text);text-align:left;padding:8px 9px;border-radius:8px;font-size:12px;display:flex;align-items:center;gap:9px;cursor:pointer}.theme-menu button:hover,.theme-menu button.active{background:var(--hover)}
.theme-dot{width:13px;height:13px;border-radius:50%;display:inline-block;border:1px solid rgba(255,255,255,.35)}.theme-dot-dark{background:linear-gradient(135deg,#080a21,#6f58ff)}.theme-dot-light{background:linear-gradient(135deg,#fff,#d6ddeb)}

/* Light mode: improve contrast for legacy hard-coded elements */
:root[data-theme="light"] .text-secondary{color:#667085!important}:root[data-theme="light"] .text-white{color:var(--text)!important}
:root[data-theme="light"] .btn-outline-light{border-color:#aeb8cc;color:#25304a}:root[data-theme="light"] .btn-outline-light:hover{background:#e9eef7;border-color:#7e8aa5;color:#17213b}
:root[data-theme="light"] .progress{background:#dce3ef}

/* v72 dashboard UI refinements */
.dashboard-kpi-col{
  flex:1 1 0;
  min-width:0;
}
.dashboard-kpi-col .stat-card{height:100%}
.accent-orange .stat-icon{color:#ff9f1c}
.dashboard-dues-table th{font-size:12px}
.dashboard-dues-table td{font-size:13px}
.dashboard-dues-table td:first-child{font-weight:600}
.dashboard-dues-table .badge-soft{font-size:12px}
.project-rollup-panel{overflow:hidden}
.project-rollup-main{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:18px;
  align-items:end;
  background:#081b35;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  padding:18px;
}
.project-rollup-kicker{
  font-size:10px;
  letter-spacing:1.3px;
  color:#ffb52e;
  font-weight:700;
  text-transform:uppercase;
}
.project-rollup-title{
  margin-top:4px;
  font-size:21px;
  line-height:1.2;
  font-weight:800;
  color:#fff;
}
.project-rollup-meta{
  margin-top:5px;
  font-size:12px;
  color:#aeb9d5;
}
.project-rollup-percent{
  font-size:34px;
  line-height:1;
  font-weight:800;
  color:#fff;
}
.project-rollup-open{
  font-size:10px;
  letter-spacing:1px;
  color:#aeb9d5;
  white-space:nowrap;
}
.project-rollup-track{
  height:6px;
  margin:0 18px;
  background:#16324e;
  border-radius:99px;
  overflow:hidden;
}
.project-rollup-track span{
  display:block;
  height:100%;
  background:#ffb52e;
  border-radius:99px;
}
.project-rollup-label{
  margin:18px 2px 9px;
  font-size:10px;
  letter-spacing:1.4px;
  color:#7f8eac;
  font-weight:700;
}
.project-rollup-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.project-package-card{
  border:1px solid #d8deea;
  border-radius:8px;
  background:rgba(255,255,255,.78);
  padding:14px;
  color:#07152a;
  min-height:190px;
}
.project-package-no{
  font-size:9px;
  letter-spacing:1.2px;
  color:#77839c;
  font-weight:700;
}
.project-package-name{
  font-size:17px;
  font-weight:800;
  margin-top:4px;
}
.project-package-sub{
  font-size:10px;
  color:#68758e;
  margin:2px 0 13px;
}
.project-package-line,.project-package-stats{
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-size:9px;
  letter-spacing:.8px;
  color:#75819a;
}
.project-package-line strong,.project-package-stats strong{
  color:#081b35;
  font-size:11px;
}
.project-package-track{
  height:5px;
  background:#e8edf4;
  border-radius:99px;
  margin:7px 0 13px;
  overflow:hidden;
}
.project-package-track span{
  display:block;
  height:100%;
  background:#169b74;
  border-radius:99px;
}
.project-package-stats{
  padding-top:9px;
  border-top:1px solid #edf0f5;
}
.project-package-badge{
  display:inline-block;
  margin-top:12px;
  padding:4px 14px;
  border-radius:3px;
  background:#e7f5ef;
  color:#198b68;
  font-size:9px;
  font-weight:700;
  text-transform:uppercase;
}
.project-rollup-empty{
  padding:18px;
  border:1px dashed #aeb8ca;
  border-radius:8px;
  color:#68758e;
  font-size:12px;
}
.project-rollup-empty strong{color:#081b35}
@media (min-width:1200px){
  .dashboard-kpi-col{flex:1 1 0}
}
@media (max-width:900px){
  .dashboard-kpi-col{flex:0 0 50%;max-width:50%}
  .project-rollup-main{grid-template-columns:1fr auto}
  .project-rollup-open{grid-column:1/-1}
  .project-rollup-grid{grid-template-columns:1fr}
}
@media (max-width:700px){
  .dashboard-kpi-col{flex:0 0 100%;max-width:100%}
  .project-rollup-title{font-size:18px}
  .project-rollup-percent{font-size:28px}
}

/* v72: slightly larger desktop navigation typography */
@media (min-width:1001px){
  .sidebar .nav-link{font-size:13px}
  .sidebar .brand>span:not(.brand-mark){font-size:18px}
  .sidebar .brand-sub{font-size:9px}
}


/* V73 FIX: KPI cards side-by-side on desktop */
.dashboard-kpi-row{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  gap:16px !important;
  margin-left:0 !important;
  margin-right:0 !important;
  align-items:stretch !important;
}
.dashboard-kpi-row > .dashboard-kpi-col{
  box-sizing:border-box !important;
  flex:1 1 0 !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.dashboard-kpi-row .dashboard-kpi-col > a{
  display:block !important;
  height:100% !important;
}
.dashboard-kpi-row .stat-card{
  width:100% !important;
  min-width:0 !important;
  height:100% !important;
}
@media (max-width:1200px){
  .dashboard-kpi-row{
    flex-wrap:wrap !important;
  }
  .dashboard-kpi-row > .dashboard-kpi-col{
    flex:0 0 calc(25% - 12px) !important;
    width:calc(25% - 12px) !important;
  }
}
@media (max-width:768px){
  .dashboard-kpi-row{
    gap:10px !important;
  }
  .dashboard-kpi-row > .dashboard-kpi-col{
    flex:0 0 calc(50% - 5px) !important;
    width:calc(50% - 5px) !important;
  }
}
@media (max-width:480px){
  .dashboard-kpi-row > .dashboard-kpi-col{
    flex:0 0 100% !important;
    width:100% !important;
  }
}


/* V74 FIX: slightly larger selected sidebar menu font */
.sidebar .nav-link.active{
  font-size:15px !important;
  font-weight:700 !important;
}


/* V75 FIX: slightly smaller KPI card value font */
.kpi-card .kpi-value,
.stat-card .stat-value,
.dashboard-kpi .value,
.kpi-value{
  font-size:23px !important;
  line-height:1.15 !important;
}

/* V76 FIX: reduce selected dashboard KPI value text further */
.dashboard-kpi-row .stat-card .stat-value,
.dashboard-kpi-row .kpi-value,
.dashboard-kpi-row .dashboard-kpi .value{
  font-size:23px !important;
  line-height:1.15 !important;
}
.nav-section-label{font-size:.66rem;font-weight:700;letter-spacing:.11em;color:#7b8aa8;padding:18px 12px 6px;text-transform:uppercase}

/* Sidebar grouped dropdown navigation */
.sidebar-nav{gap:2px}
.nav-group{margin:2px 0}
.nav-group-toggle{width:100%;border:0;background:transparent;color:var(--muted);border-radius:11px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:.18s ease}
.nav-group-toggle>span{display:flex;align-items:center;gap:12px;min-width:0}
.nav-group-toggle>span>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-group-toggle>span>i{width:20px;text-align:center;flex:0 0 20px}
.nav-group-toggle:hover,.nav-group.is-active>.nav-group-toggle{background:linear-gradient(90deg,var(--panel2),var(--panel));color:var(--text)}
.nav-chevron{font-size:10px;transition:transform .18s ease;flex:0 0 auto}
.nav-group.is-open>.nav-group-toggle .nav-chevron{transform:rotate(180deg)}
.nav-group-items{display:none;padding:2px 0 3px 9px;border-left:1px solid var(--line)}
.nav-group.is-open>.nav-group-items{display:block}
.nav-group-items .nav-link{padding:8px 10px;margin:2px 0;font-size:12.5px}
.nav-group-items .nav-link i{font-size:11px}
.liabilities-group{margin-top:6px;padding-top:5px;border-top:1px solid var(--line)}
@media(max-width:1000px){
  .nav-group-toggle{font-size:0;padding:11px 12px;justify-content:center}
  .nav-group-toggle>span{justify-content:center}
  .nav-group-toggle>span>span{display:none}
  .nav-group-toggle .nav-chevron{display:none}
  .nav-group-items{padding-left:4px}
  .nav-group-items .nav-link{font-size:0;justify-content:center;padding:10px 8px}
  .nav-group-items .nav-link span{display:none}
  .nav-group-items .nav-link i{font-size:15px;width:100%}
}


/* Dashboard HR document-expiry notifications */
.expiry-notice-card{transition:transform .16s ease,box-shadow .16s ease;min-height:122px}
.expiry-notice-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(24,45,85,.12)}
.expiry-notice-card .stat-icon{margin:0}
.expiry-danger{border-left:4px solid #dc3545}
.expiry-warning{border-left:4px solid #f0ad00}
.expiry-count{font-size:28px;font-weight:800;line-height:1.05;margin-top:10px}
.expiry-note{font-size:11px;color:var(--muted);margin-top:3px}
/* Liability Reports submenu: keep Installment Reports visibly nested beneath it. */
.liability-reports-menu{margin:2px 0 3px;padding-left:9px;border-left:1px solid var(--line)}
.liability-reports-menu .nav-link{padding:8px 10px;margin:2px 0;font-size:12.5px}
.liability-reports-menu .nav-sub-link{margin-left:9px;padding-left:13px;border-left:2px solid var(--line)}
.liability-reports-menu .nav-link i{font-size:11px}
@media(max-width:1000px){
  .liability-reports-menu{padding-left:4px}
  .liability-reports-menu .nav-link{font-size:0;justify-content:center;padding:10px 8px}
  .liability-reports-menu .nav-link span{display:none}
  .liability-reports-menu .nav-link i{font-size:15px;width:100%}
}

/* Theme-aware Bootstrap cards and utility backgrounds (including Liability Register) */
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .card-body,
:root[data-theme="dark"] .card-header,
:root[data-theme="dark"] .card-footer {
  background-color: var(--panel) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}
:root[data-theme="dark"] .card .bg-light,
:root[data-theme="dark"] .bg-light {
  background-color: var(--panel2) !important;
  color: var(--text) !important;
}
:root[data-theme="dark"] .card .text-dark,
:root[data-theme="dark"] .card .text-body {
  color: var(--text) !important;
}
:root[data-theme="dark"] .table,
:root[data-theme="dark"] .table tbody,
:root[data-theme="dark"] .table tbody tr,
:root[data-theme="dark"] .table tbody td {
  --bs-table-bg: var(--panel) !important;
  --bs-table-color: var(--text) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}
:root[data-theme="dark"] .table tbody tr:nth-of-type(odd) > * {
  --bs-table-bg-type: var(--panel2);
  color: var(--text) !important;
}
:root[data-theme="dark"] .table tbody tr:hover > * {
  --bs-table-bg-state: var(--hover);
  color: var(--text) !important;
}
:root[data-theme="light"] .card,
:root[data-theme="light"] .card-body,
:root[data-theme="light"] .card-header,
:root[data-theme="light"] .card-footer {
  background-color: var(--panel) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}
:root[data-theme="light"] .card .bg-light,
:root[data-theme="light"] .bg-light {
  background-color: var(--panel2) !important;
  color: var(--text) !important;
}
:root[data-theme="light"] .table,
:root[data-theme="light"] .table tbody,
:root[data-theme="light"] .table tbody tr,
:root[data-theme="light"] .table tbody td {
  --bs-table-bg: var(--panel) !important;
  --bs-table-color: var(--text) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}
:root[data-theme="light"] .table tbody tr:nth-of-type(odd) > * {
  --bs-table-bg-type: var(--panel2);
  color: var(--text) !important;
}
:root[data-theme="light"] .table tbody tr:hover > * {
  --bs-table-bg-state: var(--hover);
  color: var(--text) !important;
}