/* ═══════════════════════════════════════════════════════════

   YourPT — SPORT Edition

   Inspired by: Nike Training · Strava · Freeletics · Peloton

   Theme: Full dark · neon lime · aggressive typography

═══════════════════════════════════════════════════════════ */



@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,700&family=Inter:wght@400;500;600;700&display=swap');



/* ─── Tokens ─────────────────────────────────────────────── */

:root {

  /* Core palette */

  --bg-base:    #0b0c11;

  --bg-raised:  #141520;

  --bg-card:    #1a1c29;

  --bg-subtle:  #1f2133;

  --border:     rgba(255,255,255,.07);

  --border-md:  rgba(255,255,255,.12);



  /* Sidebar */

  --sidebar-bg:       #080910;

  --sidebar-width:    256px;

  --sidebar-text:     #6b7280;



  /* Accent — neon lime (Freeletics / Nike energy) */

  --lime:       #c8ff00;

  --lime-dark:  #9fcc00;

  --lime-glow:  rgba(200,255,0,.22);

  --lime-dim:   rgba(200,255,0,.08);



  /* Secondary accents */

  --orange:     #ff7a00;

  --cyan:       #00d4ff;

  --rose:       #ff3a5c;

  --violet:     #8b5cf6;



  /* Text */

  --text:       #e8eaf0;

  --text-muted: #6b7280;

  --text-dim:   #3f4460;



  /* Functional */

  --success:    #1dde8a;

  --warning:    #ffbb33;

  --danger:     #ff3a5c;

  --info:       #00d4ff;



  /* Radii */

  --r-sm:   8px;

  --r-md:   12px;

  --r-lg:   16px;

  --r-xl:   22px;



  /* Shadows */

  --sh-card:  0 2px 16px rgba(0,0,0,.5);

  --sh-lime:  0 0 24px var(--lime-glow);

  --sh-glow:  0 8px 32px rgba(200,255,0,.3);



  --ease: all .18s cubic-bezier(.4,0,.2,1);

}



/* ─── Reset ──────────────────────────────────────────────── */

*, *::before, *::after { box-sizing: border-box; }

html { font-size: 15px; }



body {

  font-family: 'Inter', system-ui, sans-serif;

  background: var(--bg-base);

  color: var(--text);

  margin: 0;

  line-height: 1.55;

  min-height: 100vh;

}



a { color: var(--lime); text-decoration: none; transition: var(--ease); }

a:hover { color: var(--lime-dark); }



h1,h2,h3,h4,h5,h6 {

  font-family: 'Barlow Condensed', 'Inter', sans-serif;

  font-weight: 800;

  letter-spacing: -.5px;

  color: var(--text);

  margin: 0;

}



/* ═══════════════════════════════════════════════════════════

   SIDEBAR

═══════════════════════════════════════════════════════════ */

.sidebar {

  position: fixed;

  top: 0; bottom: 0; left: 0;

  width: var(--sidebar-width);

  background: var(--sidebar-bg);

  z-index: 100;

  display: flex;

  flex-direction: column;

  transition: var(--ease);

  border-right: 1px solid var(--border);

}



.sidebar.collapsed { margin-left: calc(-1 * var(--sidebar-width)); }



/* — Brand — */

.sidebar-brand {

  padding: 22px 18px 16px;

  border-bottom: 1px solid var(--border);

  display: flex;

  align-items: center;

  gap: 12px;

  flex-shrink: 0;

}



.sidebar-brand-icon {

  width: 40px; height: 40px;

  background: var(--lime);

  border-radius: var(--r-sm);

  display: flex; align-items: center; justify-content: center;

  font-size: 1.1rem;

  color: #000;

  flex-shrink: 0;

  box-shadow: var(--sh-lime);

}



.sidebar-brand-name {

  font-family: 'Barlow Condensed', sans-serif;

  font-size: 1.25rem;

  font-weight: 900;

  color: #fff;

  letter-spacing: 1px;

  text-transform: uppercase;

}



.sidebar-brand-plan {

  font-size: .58rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 1.2px;

  padding: 2px 8px;

  border-radius: 4px;

}



/* — User — */

.sidebar-user {

  padding: 13px 18px;

  border-bottom: 1px solid var(--border);

  flex-shrink: 0;

  display: flex;

  align-items: center;

  gap: 10px;

}



.sidebar-user-avatar {

  width: 34px; height: 34px;

  border-radius: 50%;

  background: var(--lime);

  color: #000;

  display: flex; align-items: center; justify-content: center;

  font-family: 'Barlow Condensed', sans-serif;

  font-weight: 900;

  font-size: .95rem;

  flex-shrink: 0;

}



.sidebar-user-name {

  font-size: .85rem;

  font-weight: 600;

  color: #d1d5db;

}



.sidebar-user-role {

  font-size: .7rem;

  color: var(--sidebar-text);

  text-transform: uppercase;

  letter-spacing: .5px;

  font-weight: 500;

}



/* — Nav — */

.sidebar-sticky {

  flex: 1;

  overflow-y: auto;

  overflow-x: hidden;

  padding: 10px 0;

  scrollbar-width: none;

}

.sidebar-sticky::-webkit-scrollbar { display: none; }



.sidebar-section-label {

  font-family: 'Barlow Condensed', sans-serif;

  font-size: .65rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 2px;

  color: var(--text-dim);

  padding: 18px 18px 6px;

}



.sidebar .nav-link {

  display: flex;

  align-items: center;

  gap: 10px;

  padding: 9px 12px;

  margin: 1px 10px;

  color: var(--sidebar-text);

  font-size: .855rem;

  font-weight: 500;

  border-radius: var(--r-sm);

  transition: var(--ease);

  white-space: nowrap;

  position: relative;

}



.sidebar .nav-link .nav-icon {

  width: 30px; height: 30px;

  border-radius: 6px;

  display: flex; align-items: center; justify-content: center;

  font-size: .82rem;

  flex-shrink: 0;

  transition: var(--ease);

  background: rgba(255,255,255,.04);

  color: var(--sidebar-text);

}



.sidebar .nav-link:hover {

  background: rgba(255,255,255,.05);

  color: #d1d5db;

}

.sidebar .nav-link:hover .nav-icon {

  background: rgba(255,255,255,.08);

  color: #d1d5db;

}



.sidebar .nav-link.active {

  background: var(--lime-dim);

  color: var(--lime);

}

.sidebar .nav-link.active .nav-icon {

  background: var(--lime);

  color: #000;

  box-shadow: var(--sh-lime);

}

/* neon left bar on active */

.sidebar .nav-link.active::before {

  content: '';

  position: absolute;

  left: -10px; top: 20%; bottom: 20%;

  width: 3px;

  background: var(--lime);

  border-radius: 0 3px 3px 0;

  box-shadow: 0 0 8px var(--lime);

}



.sidebar .nav-link.premium-link {

  color: var(--text-dim);

  pointer-events: none;

}



/* — Footer — */

.sidebar-footer {

  padding: 12px 10px;

  border-top: 1px solid var(--border);

  flex-shrink: 0;

}

.sidebar-footer .nav-link {

  color: var(--text-dim);

  font-size: .82rem;

}



/* ─── Toggle btn ─────────────────────────────────────────── */

.sidebar-toggle {

  position: fixed;

  top: 12px; left: 12px;

  z-index: 101;

  background: var(--bg-raised);

  color: var(--sidebar-text);

  border: 1px solid var(--border-md);

  border-radius: var(--r-sm);

  width: 36px; height: 36px;

  padding: 0;

  cursor: pointer;

  display: flex; align-items: center; justify-content: center;

  transition: var(--ease);

}

.sidebar-toggle:hover {

  background: var(--lime);

  color: #000;

  border-color: var(--lime);

  box-shadow: var(--sh-lime);

}



/* ═══════════════════════════════════════════════════════════

   LAYOUT

═══════════════════════════════════════════════════════════ */

.main-content {

  margin-left: var(--sidebar-width);

  min-height: 100vh;

  transition: var(--ease);

  display: flex;

  flex-direction: column;

}

.main-content.expanded,

.main-content.no-sidebar { margin-left: 0; }



/* ─── Top Navbar ─────────────────────────────────────────── */

.navbar {

  background: var(--bg-raised) !important;

  border-bottom: 1px solid var(--border) !important;

  padding: 10px 24px !important;

  min-height: 58px;

  position: sticky;

  top: 0;

  z-index: 99;

}



/* ─── Page Content ───────────────────────────────────────── */

main.pb-3 {

  padding: 24px !important;

  flex: 1;

}



/* ═══════════════════════════════════════════════════════════

   CARDS

═══════════════════════════════════════════════════════════ */

.card {

  background: var(--bg-card);

  border: 1px solid var(--border);

  border-radius: var(--r-md);

  box-shadow: var(--sh-card);

  transition: var(--ease);

  overflow: hidden;

}

.card:hover {

  border-color: var(--border-md);

  transform: translateY(-2px);

  box-shadow: 0 8px 32px rgba(0,0,0,.4);

}



.card-header {

  background: var(--bg-subtle);

  border-bottom: 1px solid var(--border);

  font-family: 'Barlow Condensed', sans-serif;

  font-weight: 700;

  font-size: 1rem;

  letter-spacing: .3px;

  text-transform: uppercase;

  color: var(--text);

  padding: 14px 20px;

}



.card-body { padding: 20px; }



/* ─── Stat Cards ─────────────────────────────────────────── */

.stat-card {

  background: var(--bg-card);

  border: 1px solid var(--border);

  border-radius: var(--r-md);

  padding: 22px 20px;

  display: flex;

  align-items: center;

  gap: 16px;

  box-shadow: var(--sh-card);

  transition: var(--ease);

  position: relative;

  overflow: hidden;

}

.stat-card:hover {

  transform: translateY(-3px);

  box-shadow: 0 12px 40px rgba(0,0,0,.5);

}



/* Subtle angled stripe */

.stat-card::after {

  content: '';

  position: absolute;

  right: -20px; top: -20px;

  width: 90px; height: 90px;

  border-radius: 50%;

  opacity: .08;

}



.stat-card .stat-icon {

  width: 52px; height: 52px;

  border-radius: var(--r-sm);

  display: flex; align-items: center; justify-content: center;

  font-size: 1.3rem;

  flex-shrink: 0;

}



.stat-card .stat-value {

  font-family: 'Barlow Condensed', sans-serif;

  font-size: 2.4rem;

  font-weight: 900;

  line-height: 1;

  letter-spacing: -1px;

}



.stat-card .stat-label {

  font-size: .73rem;

  text-transform: uppercase;

  letter-spacing: 1px;

  font-weight: 600;

  color: var(--text-muted);

  margin-top: 3px;

}



/* Lime — primary */

.stat-primary { border-color: rgba(200,255,0,.2) !important; }

.stat-primary .stat-icon { background: var(--lime); color: #000; box-shadow: var(--sh-lime); }

.stat-primary .stat-value { color: var(--lime); }

.stat-primary::after { background: var(--lime); }



/* Green — success */

.stat-success { border-color: rgba(29,222,138,.15) !important; }

.stat-success .stat-icon { background: var(--success); color: #000; box-shadow: 0 0 16px rgba(29,222,138,.3); }

.stat-success .stat-value { color: var(--success); }

.stat-success::after { background: var(--success); }



/* Orange — warning */

.stat-warning { border-color: rgba(255,122,0,.15) !important; }

.stat-warning .stat-icon { background: var(--orange); color: #fff; box-shadow: 0 0 16px rgba(255,122,0,.3); }

.stat-warning .stat-value { color: var(--orange); }

.stat-warning::after { background: var(--orange); }



/* Rose — danger */

.stat-danger { border-color: rgba(255,58,92,.15) !important; }

.stat-danger .stat-icon { background: var(--danger); color: #fff; box-shadow: 0 0 16px rgba(255,58,92,.3); }

.stat-danger .stat-value { color: var(--danger); }

.stat-danger::after { background: var(--danger); }



/* Cyan — info */

.stat-info { border-color: rgba(0,212,255,.15) !important; }

.stat-info .stat-icon { background: var(--cyan); color: #000; box-shadow: 0 0 16px rgba(0,212,255,.3); }

.stat-info .stat-value { color: var(--cyan); }

.stat-info::after { background: var(--cyan); }



/* ═══════════════════════════════════════════════════════════

   TABLES

═══════════════════════════════════════════════════════════ */

.table {

  font-size: .875rem;

  color: var(--text);

  --bs-table-bg: transparent;

}

.table thead th {

  background: var(--bg-subtle);

  border-bottom: 1px solid var(--border-md) !important;

  font-family: 'Barlow Condensed', sans-serif;

  font-weight: 700;

  font-size: .72rem;

  text-transform: uppercase;

  letter-spacing: 1.2px;

  color: var(--lime);

  padding: 12px 16px;

  border-top: none !important;

}

.table tbody td {

  padding: 12px 16px;

  vertical-align: middle;

  border-bottom: 1px solid var(--border) !important;

  color: var(--text);

}

.table tbody tr { transition: var(--ease); }

.table-hover tbody tr:hover {

  background: rgba(200,255,0,.03) !important;

  --bs-table-accent-bg: transparent;

}



/* ═══════════════════════════════════════════════════════════

   BUTTONS

═══════════════════════════════════════════════════════════ */

.btn {

  font-weight: 700;

  font-size: .875rem;

  border-radius: var(--r-sm);

  transition: var(--ease);

  letter-spacing: .3px;

  text-transform: uppercase;

  font-family: 'Barlow Condensed', sans-serif;

  font-size: .95rem;

  letter-spacing: .8px;

}



.btn-primary {

  background: var(--lime);

  border: none;

  color: #000 !important;

  font-weight: 900;

  box-shadow: 0 4px 16px rgba(200,255,0,.25);

}

.btn-primary:hover {

  background: var(--lime-dark);

  transform: translateY(-2px);

  box-shadow: var(--sh-glow);

  color: #000 !important;

}



.btn-success {

  background: var(--success);

  border: none;

  color: #000 !important;

  box-shadow: 0 4px 16px rgba(29,222,138,.2);

}

.btn-success:hover { background: #16c97a; transform: translateY(-2px); color: #000 !important; }



.btn-danger {

  background: var(--danger);

  border: none;

  color: #fff !important;

  box-shadow: 0 4px 16px rgba(255,58,92,.2);

}

.btn-danger:hover { background: #e6003a; transform: translateY(-2px); color: #fff !important; }



.btn-warning {

  background: var(--warning);

  border: none;

  color: #000 !important;

  box-shadow: 0 4px 16px rgba(255,187,51,.2);

}

.btn-warning:hover { background: #e6a800; transform: translateY(-2px); color: #000 !important; }



.btn-info {

  background: var(--cyan);

  border: none;

  color: #000 !important;

  box-shadow: 0 4px 16px rgba(0,212,255,.2);

}

.btn-info:hover { background: #00b8de; transform: translateY(-2px); color: #000 !important; }



.btn-secondary {

  background: var(--bg-subtle);

  border: 1px solid var(--border-md);

  color: var(--text) !important;

}

.btn-secondary:hover {

  background: var(--bg-raised);

  border-color: var(--lime);

  color: var(--lime) !important;

  transform: translateY(-1px);

}



.btn-outline-primary {

  background: transparent;

  border: 1.5px solid var(--lime);

  color: var(--lime) !important;

}

.btn-outline-primary:hover {

  background: var(--lime);

  color: #000 !important;

  box-shadow: var(--sh-glow);

  transform: translateY(-1px);

}



.btn-outline-success {

  background: transparent;

  border: 1.5px solid var(--success);

  color: var(--success) !important;

}

.btn-outline-success:hover {

  background: var(--success);

  color: #000 !important;

  transform: translateY(-1px);

}



.btn-outline-danger {

  background: transparent;

  border: 1.5px solid var(--danger);

  color: var(--danger) !important;

}

.btn-outline-danger:hover {

  background: var(--danger);

  color: #fff !important;

  transform: translateY(-1px);

}



.btn-outline-warning {

  background: transparent;

  border: 1.5px solid var(--warning);

  color: var(--warning) !important;

}

.btn-outline-warning:hover {

  background: var(--warning);

  color: #000 !important;

  transform: translateY(-1px);

}



.btn-outline-info {

  background: transparent;

  border: 1.5px solid var(--cyan);

  color: var(--cyan) !important;

}

.btn-outline-info:hover {

  background: var(--cyan);

  color: #000 !important;

  transform: translateY(-1px);

}



.btn:focus, .btn:active:focus {

  box-shadow: 0 0 0 3px rgba(200,255,0,.2) !important;

}



/* ═══════════════════════════════════════════════════════════

   FORMS

═══════════════════════════════════════════════════════════ */

.form-control, .form-select {

  background: var(--bg-subtle);

  border: 1.5px solid var(--border-md);

  color: var(--text);

  border-radius: var(--r-sm);

  font-size: .875rem;

  padding: 9px 13px;

  transition: var(--ease);

}

.form-control:focus, .form-select:focus {

  background: var(--bg-subtle);

  border-color: var(--lime);

  box-shadow: 0 0 0 3px var(--lime-glow);

  outline: none;

  color: var(--text);

}

.form-control::placeholder { color: var(--text-muted); }



.form-select option {

  background: var(--bg-card);

  color: var(--text);

}



.form-label {

  font-family: 'Barlow Condensed', sans-serif;

  font-weight: 700;

  font-size: .9rem;

  letter-spacing: .5px;

  text-transform: uppercase;

  color: var(--text-muted);

  margin-bottom: 5px;

}



.input-group-text {

  background: var(--bg-subtle);

  border: 1.5px solid var(--border-md);

  color: var(--lime);

}



/* Check/Radio */

.form-check-input {

  background-color: var(--bg-subtle);

  border-color: var(--border-md);

}

.form-check-input:checked {

  background-color: var(--lime);

  border-color: var(--lime);

}

.form-check-label { color: var(--text); }



/* ═══════════════════════════════════════════════════════════

   BADGES

═══════════════════════════════════════════════════════════ */

.badge {

  font-family: 'Barlow Condensed', sans-serif;

  font-weight: 700;

  font-size: .75rem;

  letter-spacing: .8px;

  text-transform: uppercase;

  border-radius: 4px;

  padding: 4px 8px;

}



.badge.bg-primary   { background: var(--lime) !important; color: #000 !important; }

.badge.bg-success   { background: var(--success) !important; color: #000 !important; }

.badge.bg-danger    { background: var(--danger) !important; color: #fff !important; }

.badge.bg-warning   { background: var(--warning) !important; color: #000 !important; }

.badge.bg-info      { background: var(--cyan) !important; color: #000 !important; }

.badge.bg-secondary { background: var(--bg-subtle) !important; color: var(--text-muted) !important; border: 1px solid var(--border-md) !important; }



/* ═══════════════════════════════════════════════════════════

   PAGE HEADER

═══════════════════════════════════════════════════════════ */

.page-header { margin-bottom: 24px; }

.page-header h4, .page-header h3, .page-header h2 {

  font-family: 'Barlow Condensed', sans-serif;

  font-weight: 900;

  text-transform: uppercase;

  letter-spacing: .5px;

  color: #fff;

}

.page-header .text-muted {

  font-size: .8rem;

  margin-top: 2px;

  color: var(--text-muted) !important;

}



/* ═══════════════════════════════════════════════════════════

   MODALS

═══════════════════════════════════════════════════════════ */

.modal-content {

  background: var(--bg-card) !important;

  border: 1px solid var(--border-md) !important;

  border-radius: var(--r-lg) !important;

  color: var(--text);

}

.modal-header {

  background: var(--bg-subtle);

  border-bottom: 1px solid var(--border);

  padding: 18px 24px;

}

.modal-title {

  font-family: 'Barlow Condensed', sans-serif;

  font-weight: 900;

  text-transform: uppercase;

  letter-spacing: .5px;

  color: #fff;

}

.modal-body { padding: 24px; }

.modal-footer {

  background: var(--bg-subtle);

  border-top: 1px solid var(--border);

  padding: 14px 24px;

}

.btn-close {

  filter: invert(1);

  opacity: .5;

}

.btn-close:hover { opacity: 1; }



/* ═══════════════════════════════════════════════════════════

   ALERTS

═══════════════════════════════════════════════════════════ */

.alert {

  border: none;

  border-radius: var(--r-sm);

  font-size: .875rem;

  border-left: 3px solid currentColor;

}

.alert-success { background: rgba(29,222,138,.08); color: var(--success); border-color: var(--success); }

.alert-danger  { background: rgba(255,58,92,.08);  color: var(--danger);  border-color: var(--danger); }

.alert-warning { background: rgba(255,187,51,.08); color: var(--warning); border-color: var(--warning); }

.alert-info    { background: rgba(0,212,255,.08);  color: var(--cyan);    border-color: var(--cyan); }

.alert-primary { background: var(--lime-dim);       color: var(--lime);    border-color: var(--lime); }



/* ═══════════════════════════════════════════════════════════

   PROGRESS

═══════════════════════════════════════════════════════════ */

.progress {

  background: var(--bg-subtle);

  border-radius: 100px;

  height: 6px;

}

.progress-bar {

  background: var(--lime);

  border-radius: 100px;

  box-shadow: 0 0 8px var(--lime-glow);

}



/* ═══════════════════════════════════════════════════════════

   FOOTER

═══════════════════════════════════════════════════════════ */

.footer {

  background: var(--sidebar-bg);

  border-top: 1px solid var(--border);

  padding: 14px 24px;

  font-size: .78rem;

  color: var(--text-muted);

}



/* ═══════════════════════════════════════════════════════════

   TOASTR

═══════════════════════════════════════════════════════════ */

.toast-top-right { top: 68px !important; }



#toast-container > div {

  border-radius: var(--r-sm) !important;

  box-shadow: 0 8px 32px rgba(0,0,0,.5) !important;

  opacity: 1 !important;

  border: 1px solid rgba(255,255,255,.08) !important;

  font-family: 'Barlow Condensed', sans-serif;

  font-weight: 700;

  font-size: 1rem;

  letter-spacing: .5px;

  text-transform: uppercase;

}



#toast-container .toast-success {

  background: #0a1a10 !important;

  border-color: var(--success) !important;

  color: var(--success) !important;

}

#toast-container .toast-error {

  background: #1a0810 !important;

  border-color: var(--danger) !important;

  color: var(--danger) !important;

}

#toast-container .toast-warning {

  background: #1a1208 !important;

  border-color: var(--warning) !important;

  color: var(--warning) !important;

}

#toast-container .toast-info {

  background: #081618 !important;

  border-color: var(--cyan) !important;

  color: var(--cyan) !important;

}



/* ═══════════════════════════════════════════════════════════

   AVATAR

═══════════════════════════════════════════════════════════ */

.avatar {

  width: 40px; height: 40px;

  border-radius: 50%;

  display: flex; align-items: center; justify-content: center;

  font-family: 'Barlow Condensed', sans-serif;

  font-weight: 900;

  font-size: 1rem;

  flex-shrink: 0;

}



/* ═══════════════════════════════════════════════════════════

   SCROLLBAR

═══════════════════════════════════════════════════════════ */

::-webkit-scrollbar { width: 5px; height: 5px; }

::-webkit-scrollbar-track { background: transparent; }

::-webkit-scrollbar-thumb { background: rgba(200,255,0,.2); border-radius: 10px; }

::-webkit-scrollbar-thumb:hover { background: var(--lime); }



/* ═══════════════════════════════════════════════════════════

   ANIMATIONS

═══════════════════════════════════════════════════════════ */

@keyframes fadeInUp {

  from { opacity: 0; transform: translateY(16px); }

  to   { opacity: 1; transform: translateY(0); }

}

@keyframes fadeIn {

  from { opacity: 0; }

  to   { opacity: 1; }

}

@keyframes neonPulse {

  0%, 100% { box-shadow: 0 0 8px var(--lime-glow); }

  50%       { box-shadow: 0 0 24px rgba(200,255,0,.5); }

}



.fade-in-up { animation: fadeInUp .4s ease forwards; }

.fade-in    { animation: fadeIn .3s ease forwards; }



/* ═══════════════════════════════════════════════════════════

   SPORT UTILITIES

═══════════════════════════════════════════════════════════ */

.text-lime    { color: var(--lime) !important; }

.text-orange  { color: var(--orange) !important; }

.text-cyan    { color: var(--cyan) !important; }

.text-rose    { color: var(--rose) !important; }



.divider-neon {

  height: 1px;

  background: linear-gradient(90deg, var(--lime), transparent);

  opacity: .4;

  border: none;

  margin: 16px 0;

}



/* Bootstrap dark overrides */

.text-muted  { color: var(--text-muted) !important; }

.text-danger { color: var(--danger) !important; }

.text-success{ color: var(--success) !important; }

.text-warning{ color: var(--warning) !important; }

.text-info   { color: var(--cyan) !important; }

.text-primary{ color: var(--lime) !important; }



.border      { border-color: var(--border) !important; }



/* ═══════════════════════════════════════════════════════════

   PRINT

═══════════════════════════════════════════════════════════ */

@media print {

  .sidebar, .navbar, .footer, .sidebar-toggle, .no-print { display: none !important; }

  .main-content { margin-left: 0 !important; }

  body { background: white !important; color: black !important; }

  .card { background: white !important; border: 1px solid #ddd !important; }

}



/* ═══════════════════════════════════════════════════════════

   RESPONSIVE

═══════════════════════════════════════════════════════════ */

@media (max-width: 768px) {

  .sidebar { margin-left: calc(-1 * var(--sidebar-width)); }

  .sidebar.mobile-open { margin-left: 0; }

  .main-content { margin-left: 0 !important; }

  main.pb-3 { padding: 14px !important; }

  .stat-card .stat-value { font-size: 2rem; }

}