/* ============================================
   Apple-Style Theme with Glassmorphism Effects
   Version 2.0 - Complete Redesign
   ============================================ */

:root {
  /* Apple Color Palette */
  --apple-primary: #0071e3;
  --apple-primary-hover: #0077ed;
  --apple-primary-light: rgba(0, 113, 227, 0.1);
  --apple-text: #1d1d1f;
  --apple-text-secondary: #6e6e73;
  --apple-text-tertiary: #86868b;
  --apple-bg: #f5f5f7;
  --apple-bg-elevated: #ffffff;
  --apple-white: #ffffff;
  --apple-border: #d2d2d7;
  --apple-border-light: rgba(0, 0, 0, 0.04);
  --apple-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --apple-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --apple-shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12);
  --apple-shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.15);
  --apple-radius-sm: 8px;
  --apple-radius-md: 12px;
  --apple-radius-lg: 16px;
  --apple-radius-xl: 20px;
  --apple-radius-full: 9999px;
  
  /* Glassmorphism Variables */
  --glass-bg: rgba(255, 255, 255, 0.72);
  --glass-bg-heavy: rgba(255, 255, 255, 0.85);
  --glass-border: rgba(255, 255, 255, 0.18);
  --glass-blur: 20px;
  --glass-blur-heavy: 40px;
  
  /* Typography */
  --apple-font: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;
  --apple-font-rounded: -apple-system, BlinkMacSystemFont, 'SF Pro Rounded', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif;
  
  /* Layout */
  --header-height: 52px;
  --sidebar-width: 220px;
  --sidebar-collapsed-width: 68px;
  
  /* Animations */
  --transition-fast: 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
  --transition-normal: 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
  --transition-slow: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  --spring-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* ========== Dark Mode Variables ========== */
[data-theme="dark"] {
  --apple-primary: #0a84ff;
  --apple-primary-hover: #409cff;
  --apple-primary-light: rgba(10, 132, 255, 0.15);
  --apple-text: #f5f5f7;
  --apple-text-secondary: #a1a1a6;
  --apple-text-tertiary: #6e6e73;
  --apple-bg: #000000;
  --apple-bg-elevated: #1c1c1e;
  --apple-white: #1c1c1e;
  --apple-border: #38383a;
  --apple-border-light: rgba(255, 255, 255, 0.06);
  --apple-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
  --apple-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3);
  --apple-shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.4);
  --apple-shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.5);

  /* Dark Glassmorphism */
  --glass-bg: rgba(28, 28, 30, 0.72);
  --glass-bg-heavy: rgba(28, 28, 30, 0.88);
  --glass-border: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] body {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%) !important;
}

[data-theme="dark"] body::before {
  background:
    radial-gradient(ellipse at 20% 50%, rgba(80, 80, 160, 0.2) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 20%, rgba(160, 80, 160, 0.15) 0%, transparent 50%),
    radial-gradient(ellipse at 40% 80%, rgba(40, 60, 140, 0.2) 0%, transparent 50%);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  background-clip: padding-box;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.25);
  background-clip: padding-box;
}

/* Dark mode specific overrides */
[data-theme="dark"] .stat-icon.blue {
  background: linear-gradient(135deg, #0a84ff, #5e5ce6);
  box-shadow: 0 4px 12px rgba(10, 132, 255, 0.25);
}

[data-theme="dark"] .stat-icon.green {
  background: linear-gradient(135deg, #30d158, #34c759);
  box-shadow: 0 4px 12px rgba(48, 209, 88, 0.25);
}

[data-theme="dark"] .stat-icon.orange {
  background: linear-gradient(135deg, #ff9f0a, #ff6b00);
  box-shadow: 0 4px 12px rgba(255, 159, 10, 0.25);
}

[data-theme="dark"] .stat-icon.purple {
  background: linear-gradient(135deg, #bf5af2, #5e5ce6);
  box-shadow: 0 4px 12px rgba(191, 90, 242, 0.25);
}

[data-theme="dark"] .welcome-banner {
  background: linear-gradient(135deg, #1a1a2e 0%, #2d1b69 100%);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .profile-stat-item {
  background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .profile-stat-item:hover {
  background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .nav-tabs {
  background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .nav-tabs > li.active > a,
[data-theme="dark"] .nav-tabs > li.active > a:hover,
[data-theme="dark"] .nav-tabs > li.active > a:focus {
  background: var(--apple-bg-elevated) !important;
}

[data-theme="dark"] .alert-apple.warning {
  background: rgba(255, 159, 10, 0.15);
  border-color: rgba(255, 159, 10, 0.25);
  color: #ff9f0a;
}

[data-theme="dark"] .alert-apple.danger {
  background: rgba(255, 69, 58, 0.15);
  border-color: rgba(255, 69, 58, 0.25);
  color: #ff453a;
}

[data-theme="dark"] .alert-apple.info {
  background: rgba(10, 132, 255, 0.15);
  border-color: rgba(10, 132, 255, 0.25);
  color: #0a84ff;
}

[data-theme="dark"] .alert-apple.success {
  background: rgba(48, 209, 88, 0.15);
  border-color: rgba(48, 209, 88, 0.25);
  color: #30d158;
}

[data-theme="dark"] .quick-action-btn.secondary {
  background: var(--glass-bg) !important;
  color: var(--apple-text) !important;
  border-color: var(--glass-border) !important;
}

[data-theme="dark"] .dropdown-menu > li > a:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}

/* ========== Dark Mode: Header ========== */
[data-theme="dark"] .app-header {
  background: var(--glass-bg-heavy) !important;
  border-bottom-color: var(--glass-border) !important;
}

[data-theme="dark"] .app-header .navbar-header {
  background: transparent !important;
}

[data-theme="dark"] .app-header .navbar-collapse {
  background: transparent !important;
}

[data-theme="dark"] .app-header .navbar-brand {
  color: var(--apple-text) !important;
}

[data-theme="dark"] .app-header .navbar-nav > li > a {
  color: var(--apple-text-secondary) !important;
}

[data-theme="dark"] .app-header .navbar-nav > li > a:hover {
  color: var(--apple-text) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

/* ========== Dark Mode: Sidebar ========== */
[data-theme="dark"] .app-aside {
  background: var(--glass-bg-heavy) !important;
  border-right-color: var(--glass-border) !important;
}

[data-theme="dark"] .app-aside .navi .nav > li.hidden-folded.padder {
  color: var(--apple-text-tertiary) !important;
}

[data-theme="dark"] .app-aside .navi .nav > li > a {
  color: var(--apple-text-secondary) !important;
}

[data-theme="dark"] .app-aside .navi .nav > li > a:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--apple-text) !important;
}

[data-theme="dark"] .app-aside .navi .nav > li.active > a {
  background: linear-gradient(135deg, var(--apple-primary), #5e5ce6) !important;
  color: white !important;
}

[data-theme="dark"] .app-aside .navi .nav > li.active > a:hover {
  background: linear-gradient(135deg, var(--apple-primary-hover), #6a5acd) !important;
}

[data-theme="dark"] .app-aside .navi .nav > li.line.dk {
  background: var(--glass-border) !important;
}

[data-theme="dark"] .app-aside .navi .nav .nav-sub > li > a {
  color: var(--apple-text-secondary) !important;
}

[data-theme="dark"] .app-aside .navi .nav .nav-sub > li > a:hover {
  color: var(--apple-primary) !important;
  background: var(--apple-primary-light) !important;
}

/* ========== Dark Mode: Footer ========== */
[data-theme="dark"] .app-footer .wrapper {
  background: var(--glass-bg) !important;
  border-top-color: var(--glass-border) !important;
  color: var(--apple-text-secondary) !important;
}

[data-theme="dark"] .app-footer a {
  color: var(--apple-primary) !important;
}

/* ========== Dark Mode: Profile Section ========== */
[data-theme="dark"] .profile-section {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
}

[data-theme="dark"] .profile-header {
  border-bottom-color: var(--glass-border) !important;
}

[data-theme="dark"] .profile-info h3 {
  color: var(--apple-text) !important;
}

[data-theme="dark"] .profile-avatar {
  border-color: var(--glass-border) !important;
}

/* ========== Dark Mode: Announcement Card ========== */
[data-theme="dark"] .announcement-card {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
}

[data-theme="dark"] .card-header h3 {
  color: var(--apple-text) !important;
}

[data-theme="dark"] .announcement-item {
  border-bottom-color: var(--glass-border) !important;
}

[data-theme="dark"] .announcement-item:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}

[data-theme="dark"] .announcement-content p {
  color: var(--apple-text) !important;
}

[data-theme="dark"] .announcement-content .time {
  color: var(--apple-text-tertiary) !important;
}

[data-theme="dark"] .announcement-icon {
  background: var(--apple-primary-light) !important;
}

/* ========== Dark Mode: Chart Card ========== */
[data-theme="dark"] .chart-card {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
}

/* ========== Dark Mode: Stat Card ========== */
[data-theme="dark"] .stat-card {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
}

[data-theme="dark"] .stat-info h3 {
  color: var(--apple-text) !important;
}

[data-theme="dark"] .stat-info p {
  color: var(--apple-text-secondary) !important;
}

/* ========== Dark Mode: Table ========== */
[data-theme="dark"] .table {
  background: var(--glass-bg) !important;
}

[data-theme="dark"] .table > thead > tr > th {
  background: rgba(255, 255, 255, 0.04) !important;
  border-bottom-color: var(--glass-border) !important;
  color: var(--apple-text-secondary) !important;
}

[data-theme="dark"] .table > tbody > tr > td {
  border-bottom-color: var(--glass-border) !important;
  color: var(--apple-text) !important;
}

[data-theme="dark"] .table > tbody > tr:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}

/* ========== Dark Mode: Form Control ========== */
[data-theme="dark"] .form-control {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--apple-border) !important;
  color: var(--apple-text) !important;
}

[data-theme="dark"] .form-control:focus {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--apple-primary) !important;
}

[data-theme="dark"] .form-control::placeholder {
  color: var(--apple-text-tertiary) !important;
}

/* ========== Dark Mode: Button ========== */
[data-theme="dark"] .btn-default {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--apple-border) !important;
  color: var(--apple-text) !important;
}

[data-theme="dark"] .btn-default:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}

/* ========== Dark Mode: Pagination ========== */
[data-theme="dark"] .pagination > li > a {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--apple-border) !important;
  color: var(--apple-text) !important;
}

[data-theme="dark"] .pagination > li > a:hover {
  background: var(--apple-primary-light) !important;
  border-color: var(--apple-primary) !important;
  color: var(--apple-primary) !important;
}

/* ========== Dark Mode: Dropdown ========== */
[data-theme="dark"] .dropdown-menu {
  background: var(--glass-bg-heavy) !important;
  border-color: var(--glass-border) !important;
}

[data-theme="dark"] .dropdown-menu > li > a {
  color: var(--apple-text) !important;
}

[data-theme="dark"] .dropdown-menu > li > a:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--apple-primary) !important;
}

[data-theme="dark"] .dropdown-menu .divider {
  background: var(--glass-border) !important;
}

/* ========== Dark Mode: Modal ========== */
[data-theme="dark"] .modal-content {
  background: var(--glass-bg-heavy) !important;
  border-color: var(--glass-border) !important;
}

[data-theme="dark"] .modal-header {
  border-bottom-color: var(--glass-border) !important;
}

[data-theme="dark"] .modal-footer {
  border-top-color: var(--glass-border) !important;
}

[data-theme="dark"] .modal-header .close {
  color: var(--apple-text-secondary) !important;
}

/* ========== Dark Mode: Tooltip ========== */
[data-theme="dark"] .tooltip-inner {
  background: var(--apple-bg-elevated) !important;
  color: var(--apple-text) !important;
}

/* ========== Dark Mode: Progress Bar ========== */
[data-theme="dark"] .progress {
  background: rgba(255, 255, 255, 0.08) !important;
}

/* ========== Dark Mode: Label/Badge ========== */
[data-theme="dark"] .label {
  color: white !important;
}

/* ========== Dark Mode: Welcome Text ========== */
[data-theme="dark"] .welcome-text h2 {
  color: white !important;
}

[data-theme="dark"] .welcome-text p {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* ========== Dark Mode: Profile Stat Value ========== */
[data-theme="dark"] .profile-stat-item .value {
  color: var(--apple-text) !important;
}

[data-theme="dark"] .profile-stat-item .label {
  color: var(--apple-text-secondary) !important;
}

/* ========== Dark Mode: Force Override app.css hardcoded colors ========== */
html[data-theme="dark"] body {
  background-color: #000000 !important;
  color: #f5f5f7 !important;
}

html[data-theme="dark"] .app-header,
html[data-theme="dark"] .app-header .navbar-header,
html[data-theme="dark"] .app-header .navbar-collapse {
  background-color: rgba(28, 28, 30, 0.88) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .app-header .navbar-brand {
  color: #f5f5f7 !important;
}

html[data-theme="dark"] .app-header .navbar-nav > li > a {
  color: #a1a1a6 !important;
}

html[data-theme="dark"] .app-aside,
html[data-theme="dark"] .app-aside.bg-white,
html[data-theme="dark"] .app-aside.bg-light {
  background-color: rgba(28, 28, 30, 0.88) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .app-aside .navi .nav > li > a {
  color: #a1a1a6 !important;
}

html[data-theme="dark"] .app-aside .navi .nav > li > a:hover {
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: #f5f5f7 !important;
}

html[data-theme="dark"] .app-aside .navi .nav > li.active > a {
  background: linear-gradient(135deg, #0a84ff, #5e5ce6) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .app-aside .navi .nav > li.hidden-folded.padder span {
  color: #6e6e73 !important;
}

html[data-theme="dark"] .app-aside .navi .nav > li.line.dk {
  background-color: rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .app-aside .navi .nav .nav-sub > li > a {
  color: #a1a1a6 !important;
}

html[data-theme="dark"] .app-aside .navi .nav .nav-sub > li > a:hover {
  color: #0a84ff !important;
  background-color: rgba(10, 132, 255, 0.15) !important;
}

html[data-theme="dark"] .app-footer .wrapper {
  background-color: rgba(28, 28, 30, 0.72) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #a1a1a6 !important;
}

html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-white a,
html[data-theme="dark"] .bg-white .text-muted {
  background-color: transparent !important;
  color: #a1a1a6 !important;
}

html[data-theme="dark"] .user-center-content,
html[data-theme="dark"] .profile-section,
html[data-theme="dark"] .announcement-card,
html[data-theme="dark"] .chart-card,
html[data-theme="dark"] .stat-card {
  background-color: rgba(28, 28, 30, 0.72) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .profile-header {
  border-color: rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .profile-info h3,
html[data-theme="dark"] .card-header h3,
html[data-theme="dark"] .stat-info h3,
html[data-theme="dark"] .profile-stat-item .value {
  color: #f5f5f7 !important;
}

html[data-theme="dark"] .stat-info p,
html[data-theme="dark"] .profile-stat-item .label,
html[data-theme="dark"] .announcement-content .time {
  color: #a1a1a6 !important;
}

html[data-theme="dark"] .announcement-content p {
  color: #f5f5f7 !important;
}

html[data-theme="dark"] .announcement-item {
  border-color: rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .profile-stat-item {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

html[data-theme="dark"] .announcement-icon {
  background-color: rgba(10, 132, 255, 0.15) !important;
}

html[data-theme="dark"] .welcome-banner {
  background: linear-gradient(135deg, #1a1a2e 0%, #2d1b69 100%) !important;
}

html[data-theme="dark"] .welcome-text h2 {
  color: #ffffff !important;
}

html[data-theme="dark"] .welcome-text p {
  color: rgba(255, 255, 255, 0.85) !important;
}

html[data-theme="dark"] .table {
  background-color: rgba(28, 28, 30, 0.72) !important;
}

html[data-theme="dark"] .table > thead > tr > th {
  background-color: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  color: #a1a1a6 !important;
}

html[data-theme="dark"] .table > tbody > tr > td {
  border-color: rgba(255, 255, 255, 0.06) !important;
  color: #f5f5f7 !important;
}

html[data-theme="dark"] .table > tbody > tr:hover {
  background-color: rgba(255, 255, 255, 0.04) !important;
}

html[data-theme="dark"] .quick-action-btn.secondary {
  background-color: rgba(28, 28, 30, 0.72) !important;
  color: #f5f5f7 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .alert-apple.warning {
  background-color: rgba(255, 159, 10, 0.15) !important;
  border-color: rgba(255, 159, 10, 0.25) !important;
  color: #ff9f0a !important;
}

html[data-theme="dark"] .alert-apple.danger {
  background-color: rgba(255, 69, 58, 0.15) !important;
  border-color: rgba(255, 69, 58, 0.25) !important;
  color: #ff453a !important;
}

html[data-theme="dark"] .alert-apple.info {
  background-color: rgba(10, 132, 255, 0.15) !important;
  border-color: rgba(10, 132, 255, 0.25) !important;
  color: #0a84ff !important;
}

html[data-theme="dark"] .nav-tabs {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

html[data-theme="dark"] .nav-tabs > li > a {
  color: #a1a1a6 !important;
}

html[data-theme="dark"] .nav-tabs > li.active > a,
html[data-theme="dark"] .nav-tabs > li.active > a:hover,
html[data-theme="dark"] .nav-tabs > li.active > a:focus {
  background-color: #1c1c1e !important;
  color: #f5f5f7 !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .form-control {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border-color: #38383a !important;
  color: #f5f5f7 !important;
}

html[data-theme="dark"] .form-control:focus {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: #0a84ff !important;
}

html[data-theme="dark"] .dropdown-menu {
  background-color: rgba(28, 28, 30, 0.88) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .dropdown-menu > li > a {
  color: #f5f5f7 !important;
}

html[data-theme="dark"] .dropdown-menu > li > a:hover {
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: #0a84ff !important;
}

html[data-theme="dark"] .dropdown-menu .divider {
  background-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .modal-content {
  background-color: rgba(28, 28, 30, 0.95) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .btn-default {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: #38383a !important;
  color: #f5f5f7 !important;
}

html[data-theme="dark"] .btn-default:hover {
  background-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-theme="dark"] .pagination > li > a {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border-color: #38383a !important;
  color: #f5f5f7 !important;
}

html[data-theme="dark"] .pagination > li > a:hover,
html[data-theme="dark"] .pagination > .active > a {
  background-color: #0a84ff !important;
  border-color: #0a84ff !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .label {
  color: #ffffff !important;
}

html[data-theme="dark"] a {
  color: #0a84ff !important;
}

html[data-theme="dark"] a:hover {
  color: #409cff !important;
}

html[data-theme="dark"] .text-muted {
  color: #6e6e73 !important;
}

/* ========== Dark Mode: Bootstrap Panel Override ========== */
html[data-theme="dark"] .panel,
html[data-theme="dark"] .panel-default {
  background-color: rgba(28, 28, 30, 0.72) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .panel-heading,
html[data-theme="dark"] .panel-default > .panel-heading {
  background-color: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  color: #f5f5f7 !important;
}

html[data-theme="dark"] .panel-title {
  color: #f5f5f7 !important;
}

html[data-theme="dark"] .panel-body {
  color: #f5f5f7 !important;
}

html[data-theme="dark"] .panel-footer {
  background-color: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  color: #a1a1a6 !important;
}

html[data-theme="dark"] .panel-primary {
  border-color: #0a84ff !important;
}

html[data-theme="dark"] .panel-primary > .panel-heading {
  background-color: #0a84ff !important;
  border-color: #0a84ff !important;
  color: #ffffff !important;
}

/* ========== Dark Mode: Search/Table Card Override ========== */
html[data-theme="dark"] .search-card,
html[data-theme="dark"] .table-card {
  background-color: rgba(28, 28, 30, 0.72) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ========== Dark Mode: Panel Default Override ========== */
html[data-theme="dark"] .panel-default > .panel-heading,
html[data-theme="dark"] .panel-default > .panel-footer {
  border-color: rgba(255, 255, 255, 0.06) !important;
}

/* ========== Dark Mode: Background Classes Override ========== */
html[data-theme="dark"] .bg-light,
html[data-theme="dark"] .bg-light.lter,
html[data-theme="dark"] .bg-light .lter,
html[data-theme="dark"] .bg-light.lt,
html[data-theme="dark"] .bg-light .lt,
html[data-theme="dark"] .bg-light.dk,
html[data-theme="dark"] .bg-light .dk,
html[data-theme="dark"] .bg-light.dker,
html[data-theme="dark"] .bg-light .dker,
html[data-theme="dark"] .bg-light.bg,
html[data-theme="dark"] .bg-light .bg {
  background-color: rgba(28, 28, 30, 0.5) !important;
  color: #a1a1a6 !important;
}

html[data-theme="dark"] .bg-dark,
html[data-theme="dark"] .bg-black {
  background-color: #1c1c1e !important;
  color: #f5f5f7 !important;
}

/* ========== Dark Mode: Tab Container Override ========== */
html[data-theme="dark"] .tab-container .tab-content {
  background-color: rgba(28, 28, 30, 0.72) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #f5f5f7 !important;
}

html[data-theme="dark"] .tab-container .tab-pane {
  color: #f5f5f7 !important;
}

/* ========== Dark Mode: Nav Tabs Override ========== */
html[data-theme="dark"] .nav.nav-tabs {
  background-color: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .nav.nav-tabs > li > a {
  color: #a1a1a6 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .nav.nav-tabs > li.active > a,
html[data-theme="dark"] .nav.nav-tabs > li.active > a:hover,
html[data-theme="dark"] .nav.nav-tabs > li.active > a:focus {
  background-color: rgba(28, 28, 30, 0.72) !important;
  color: #f5f5f7 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ========== Dark Mode: Alert Override ========== */
html[data-theme="dark"] .alert,
html[data-theme="dark"] .alert-info,
html[data-theme="dark"] .alert-success,
html[data-theme="dark"] .alert-warning,
html[data-theme="dark"] .alert-danger {
  color: #f5f5f7 !important;
}

html[data-theme="dark"] .alert-info {
  background-color: rgba(10, 132, 255, 0.15) !important;
  border-color: rgba(10, 132, 255, 0.25) !important;
}

html[data-theme="dark"] .alert-success {
  background-color: rgba(48, 209, 88, 0.15) !important;
  border-color: rgba(48, 209, 88, 0.25) !important;
}

html[data-theme="dark"] .alert-warning {
  background-color: rgba(255, 159, 10, 0.15) !important;
  border-color: rgba(255, 159, 10, 0.25) !important;
}

html[data-theme="dark"] .alert-danger {
  background-color: rgba(255, 69, 58, 0.15) !important;
  border-color: rgba(255, 69, 58, 0.25) !important;
}

/* ========== Dark Mode: Form Elements Override ========== */
html[data-theme="dark"] .input-group-addon {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border-color: #38383a !important;
  color: #a1a1a6 !important;
}

html[data-theme="dark"] .control-label {
  color: #a1a1a6 !important;
}

html[data-theme="dark"] .form-horizontal .form-group {
  border-color: rgba(255, 255, 255, 0.06) !important;
}

/* ========== Dark Mode: Table Override ========== */
html[data-theme="dark"] .table-striped > tbody > tr:nth-child(odd) > td,
html[data-theme="dark"] .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: rgba(255, 255, 255, 0.02) !important;
}

html[data-theme="dark"] .table-bordered {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .table-bordered > tbody > tr > td,
html[data-theme="dark"] .table-bordered > thead > tr > th {
  border-color: rgba(255, 255, 255, 0.06) !important;
}

/* ========== Dark Mode: List Group Override ========== */
html[data-theme="dark"] .list-group-item {
  background-color: rgba(28, 28, 30, 0.5) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  color: #f5f5f7 !important;
}

html[data-theme="dark"] a.list-group-item:hover,
html[data-theme="dark"] a.list-group-item:focus {
  background-color: rgba(255, 255, 255, 0.06) !important;
}

/* ========== Dark Mode: Heading Text Override ========== */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
  color: #f5f5f7 !important;
}

html[data-theme="dark"] .font-thin {
  color: #f5f5f7 !important;
}

/* ========== Global Border Radius Unification ========== */
/* Buttons */
.btn,
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-white {
  border-radius: var(--apple-radius-sm) !important;
}

.btn-xs {
  border-radius: 6px !important;
}

.btn-sm {
  border-radius: 7px !important;
}

.btn-lg {
  border-radius: var(--apple-radius-md) !important;
}

.btn-rounded {
  border-radius: var(--apple-radius-full) !important;
}

/* Form Controls */
.form-control,
select.form-control {
  border-radius: var(--apple-radius-sm) !important;
}

.input-group-addon {
  border-radius: var(--apple-radius-sm) !important;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-left-radius: var(--apple-radius-sm) !important;
  border-bottom-left-radius: var(--apple-radius-sm) !important;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-right-radius: var(--apple-radius-sm) !important;
  border-bottom-right-radius: var(--apple-radius-sm) !important;
}

/* Panels */
.panel,
.panel-default,
.panel-primary,
.panel-success,
.panel-info,
.panel-warning,
.panel-danger {
  border-radius: var(--apple-radius-lg) !important;
  overflow: hidden;
}

.panel-heading {
  border-radius: var(--apple-radius-lg) var(--apple-radius-lg) 0 0 !important;
}

.panel-footer {
  border-radius: 0 0 var(--apple-radius-lg) var(--apple-radius-lg) !important;
}

/* Tables */
.table {
  border-radius: var(--apple-radius-lg) !important;
  overflow: hidden;
}

.table-bordered {
  border-radius: var(--apple-radius-lg) !important;
}

/* Alerts */
.alert,
.alert-success,
.alert-info,
.alert-warning,
.alert-danger {
  border-radius: var(--apple-radius-md) !important;
}

/* Labels & Badges */
.label,
.label-default,
.label-primary,
.label-success,
.label-info,
.label-warning,
.label-danger {
  border-radius: var(--apple-radius-full) !important;
}

.badge {
  border-radius: var(--apple-radius-full) !important;
}

/* Dropdown Menus */
.dropdown-menu {
  border-radius: var(--apple-radius-md) !important;
}

.dropdown-menu > li > a {
  border-radius: var(--apple-radius-sm) !important;
}

/* Modals */
.modal-content {
  border-radius: var(--apple-radius-xl) !important;
}

.modal-header {
  border-radius: var(--apple-radius-xl) var(--apple-radius-xl) 0 0 !important;
}

.modal-footer {
  border-radius: 0 0 var(--apple-radius-xl) var(--apple-radius-xl) !important;
}

/* Tabs */
.nav-tabs {
  border-radius: var(--apple-radius-sm) !important;
}

.nav-tabs > li > a {
  border-radius: var(--apple-radius-sm) !important;
}

.tab-content {
  border-radius: 0 0 var(--apple-radius-sm) var(--apple-radius-sm) !important;
}

/* Pagination */
.pagination > li > a {
  border-radius: var(--apple-radius-sm) !important;
}

/* List Group */
.list-group {
  border-radius: var(--apple-radius-lg) !important;
  overflow: hidden;
}

.list-group-item:first-child {
  border-radius: var(--apple-radius-lg) var(--apple-radius-lg) 0 0 !important;
}

.list-group-item:last-child {
  border-radius: 0 0 var(--apple-radius-lg) var(--apple-radius-lg) !important;
}

/* Wells & Pre */
.well,
pre {
  border-radius: var(--apple-radius-md) !important;
}

/* Thumbnails */
.thumbnail {
  border-radius: var(--apple-radius-md) !important;
}

/* Progress Bars */
.progress {
  border-radius: var(--apple-radius-full) !important;
}

.progress-bar {
  border-radius: var(--apple-radius-full) !important;
}

/* Tooltips */
.tooltip-inner {
  border-radius: var(--apple-radius-sm) !important;
}

/* Popovers */
.popover {
  border-radius: var(--apple-radius-md) !important;
}

.popover-title {
  border-radius: var(--apple-radius-md) var(--apple-radius-md) 0 0 !important;
}

/* Carousel */
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  border-radius: var(--apple-radius-lg) !important;
}

/* Avatar */
.avatar,
.thumb img {
  border-radius: 50% !important;
}

/* ========== Bootstrap Table Override ========== */
.bootstrap-table .fixed-table-toolbar {
  background-color: transparent !important;
}

.bootstrap-table .fixed-table-container .table {
  border-radius: var(--apple-radius-lg) !important;
  overflow: hidden;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading {
  background: var(--glass-bg) !important;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-dot,
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::after,
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::before {
  background: var(--apple-text) !important;
}

.bootstrap-table .fixed-table-pagination {
  background-color: transparent !important;
}

.bootstrap-table .fixed-table-pagination .pagination ul.pagination li a {
  border-radius: var(--apple-radius-sm) !important;
}

/* No records found */
.bootstrap-table .fixed-table-container .table tbody tr.no-records-found td {
  background-color: transparent !important;
  color: var(--apple-text-secondary) !important;
}

/* Search input in toolbar */
.bootstrap-table .fixed-table-toolbar .search input {
  border-radius: var(--apple-radius-sm) !important;
  border: 1px solid var(--apple-border) !important;
  padding: 6px 12px !important;
}

/* Card view */
.bootstrap-table .fixed-table-container .table tbody tr .card-view .card-view-title {
  color: var(--apple-text-secondary) !important;
}

.bootstrap-table .fixed-table-container .table tbody tr .card-view .card-view-value {
  color: var(--apple-text) !important;
}

/* Selected row */
.bootstrap-table .fixed-table-container .table tbody tr.selected td {
  background-color: var(--apple-primary-light) !important;
}

/* Detail view */
.bootstrap-table .fixed-table-container .table thead th.detail {
  border-radius: 0 !important;
}

/* Table borders */
.bootstrap-table .fixed-table-container.fixed-height:not(.has-footer) {
  border-color: var(--apple-border) !important;
}

.bootstrap-table .fixed-table-container.fixed-height.has-card-view {
  border-color: var(--apple-border) !important;
}

.bootstrap-table .fixed-table-container.fixed-height .fixed-table-border {
  border-color: var(--apple-border) !important;
}

.bootstrap-table .fixed-table-container.fixed-height .table thead th {
  border-color: var(--apple-border) !important;
}

/* Pagination active */
.bootstrap-table ul.pagination > .active > a,
.bootstrap-table ul.pagination > .active > a:focus,
.bootstrap-table ul.pagination > .active > a:hover {
  background-color: var(--apple-primary) !important;
  border-color: var(--apple-primary) !important;
}

/* Fullscreen mode */
.bootstrap-table.fullscreen {
  background: var(--apple-bg) !important;
}

/* Theme toggle button */
.theme-toggle {
  position: relative;
  width: 44px;
  height: 26px;
  border-radius: 13px;
  background: var(--apple-border);
  cursor: pointer;
  transition: background var(--transition-fast);
  border: none;
  padding: 0;
  flex-shrink: 0;
}

.theme-toggle::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  transition: transform var(--transition-fast);
}

[data-theme="dark"] .theme-toggle {
  background: var(--apple-primary);
}

[data-theme="dark"] .theme-toggle::after {
  transform: translateX(18px);
}

.theme-toggle-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  z-index: 1;
  transition: opacity var(--transition-fast);
}

.theme-toggle-icon.sun {
  left: 6px;
  color: #ff9f0a;
}

.theme-toggle-icon.moon {
  right: 6px;
  color: #f5f5f7;
}

/* ========== Global Reset & Base ========== */
* {
  -webkit-tap-highlight-color: transparent;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--apple-font) !important;
  background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 50%, #f0f2f5 100%) !important;
  background-attachment: fixed !important;
  color: var(--apple-text) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  min-height: 100vh;
}

/* Animated gradient background */
body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:
    radial-gradient(ellipse at 20% 50%, rgba(120, 130, 160, 0.08) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 20%, rgba(160, 170, 190, 0.06) 0%, transparent 50%),
    radial-gradient(ellipse at 40% 80%, rgba(140, 150, 180, 0.08) 0%, transparent 50%);
  z-index: -1;
  animation: gradientShift 20s ease-in-out infinite;
}

@keyframes gradientShift {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.8; }
}

/* ========== Scrollbar Styling ========== */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

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

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.25);
  background-clip: padding-box;
}

/* ========== Layout Structure ========== */
.app {
  position: relative;
  min-height: 100vh;
}

.app-header-fixed {
  padding-top: var(--header-height) !important;
}

/* ========== Header / Navigation Bar ========== */
.app-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1050 !important;
  height: var(--header-height) !important;
  background: var(--glass-bg-heavy) !important;
  backdrop-filter: blur(var(--glass-blur-heavy)) saturate(180%) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur-heavy)) saturate(180%) !important;
  border-bottom: 1px solid var(--glass-border) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

.app-header .navbar-header {
  background: transparent !important;
  height: var(--header-height) !important;
  line-height: var(--header-height) !important;
  border: none !important;
}

.app-header .navbar-brand {
  color: var(--apple-text) !important;
  font-weight: 600;
  font-size: 18px;
  height: var(--header-height) !important;
  line-height: var(--header-height) !important;
  letter-spacing: -0.3px;
}

.app-header .navbar-brand:hover {
  color: var(--apple-primary) !important;
}

.app-header .navbar-collapse {
  background: transparent !important;
  border: none !important;
  position: relative !important;
}

/* Header buttons */
.app-header .navbar-nav > li > a {
  color: var(--apple-text-secondary) !important;
  transition: all var(--transition-fast);
}

.app-header .navbar-nav > li > a:hover {
  color: var(--apple-text) !important;
  background: rgba(0, 0, 0, 0.04) !important;
  border-radius: var(--apple-radius-sm);
}

/* User avatar in header */
.app-header .avatar {
  width: 32px;
  height: 32px;
  border-radius: var(--apple-radius-full) !important;
  border: 2px solid var(--glass-border) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform var(--transition-fast);
}

.app-header .avatar:hover {
  transform: scale(1.05);
}

/* ========== Sidebar / Aside ========== */
.app-aside {
  position: fixed !important;
  top: var(--header-height) !important;
  left: 0 !important;
  bottom: 0 !important;
  width: var(--sidebar-width) !important;
  background: var(--glass-bg-heavy) !important;
  backdrop-filter: blur(var(--glass-blur-heavy)) saturate(180%) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur-heavy)) saturate(180%) !important;
  border-right: 1px solid var(--glass-border) !important;
  z-index: 1000 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  transition: width var(--transition-normal) !important;
}

/* Sidebar navigation */
.app-aside .navi .nav {
  padding: 8px 0;
}

.app-aside .navi .nav > li {
  margin: 2px 8px;
}

.app-aside .navi .nav > li > a {
  color: var(--apple-text-secondary) !important;
  padding: 10px 12px !important;
  border-radius: var(--apple-radius-sm) !important;
  transition: all var(--transition-fast) !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  overflow: hidden;
}

.app-aside .navi .nav > li > a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, var(--apple-primary), #5856d6);
  opacity: 0;
  transition: opacity var(--transition-fast);
  border-radius: var(--apple-radius-sm);
}

.app-aside .navi .nav > li > a:hover {
  background: rgba(0, 0, 0, 0.04) !important;
  color: var(--apple-text) !important;
}

.app-aside .navi .nav > li.active > a {
  background: linear-gradient(135deg, var(--apple-primary), #5856d6) !important;
  color: white !important;
  box-shadow: 0 4px 12px rgba(0, 113, 227, 0.3);
}

.app-aside .navi .nav > li.active > a:hover {
  background: linear-gradient(135deg, var(--apple-primary-hover), #6a5acd) !important;
}

/* Sidebar icons */
.app-aside .navi .nav > li > a .icon,
.app-aside .navi .nav > li > a .glyphicon,
.app-aside .navi .nav > li > a i {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 20px !important;
  height: 20px;
  font-size: 16px !important;
  color: inherit !important;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
}

/* Sidebar section labels */
.app-aside .navi .nav > li.hidden-folded.padder {
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: var(--apple-text-tertiary) !important;
  padding: 16px 12px 8px !important;
}

/* Sidebar line divider */
.app-aside .navi .nav > li.line.dk {
  height: 1px !important;
  background: var(--apple-border-light) !important;
  margin: 8px 12px !important;
}

/* Sub-menu styles */
.app-aside .navi .nav .nav-sub {
  background: transparent !important;
  margin: 4px 0;
  padding-left: 20px;
}

.app-aside .navi .nav .nav-sub > li > a {
  padding: 8px 12px !important;
  font-size: 13px !important;
  color: var(--apple-text-secondary) !important;
  border-radius: var(--apple-radius-sm) !important;
}

.app-aside .navi .nav .nav-sub > li > a:hover {
  color: var(--apple-primary) !important;
  background: var(--apple-primary-light) !important;
}

/* Collapsed sidebar */
.app-aside-folded .app-aside {
  width: var(--sidebar-collapsed-width) !important;
}

.app-aside-folded .app-aside .navi .nav > li > a {
  padding: 12px 0 !important;
  justify-content: center !important;
}

.app-aside-folded .app-aside .navi .nav > li > a span:not(.icon):not(.glyphicon):not(i):not(.badge):not(.label) {
  display: none !important;
}

.app-aside-folded .app-aside .navi .nav > li > a .icon,
.app-aside-folded .app-aside .navi .nav > li > a .glyphicon,
.app-aside-folded .app-aside .navi .nav > li > a i {
  margin: 0 !important;
  font-size: 20px !important;
}

/* Badge in sidebar */
.app-aside .navi .nav > li > a .label,
.app-aside .navi .nav > li > a .badge {
  position: relative;
  z-index: 1;
  padding: 2px 6px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  border-radius: var(--apple-radius-full) !important;
  margin-left: auto;
}

/* ========== Main Content Area ========== */
.app-content {
  margin-left: var(--sidebar-width) !important;
  min-height: calc(100vh - var(--header-height)) !important;
  transition: margin-left var(--transition-normal) !important;
}

.app-aside-folded .app-content {
  margin-left: var(--sidebar-collapsed-width) !important;
}

.app-content-body {
  padding: 24px !important;
  max-width: 1400px;
  margin: 0 auto;
}

/* ========== Glassmorphism Cards ========== */
.glass-card {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(var(--glass-blur)) saturate(180%) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(180%) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--apple-radius-lg) !important;
  box-shadow: var(--apple-shadow-md) !important;
  transition: all var(--transition-normal) !important;
}

.glass-card:hover {
  box-shadow: var(--apple-shadow-lg) !important;
  transform: translateY(-2px);
}

.glass-card-static {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(var(--glass-blur)) saturate(180%) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(180%) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--apple-radius-lg) !important;
  box-shadow: var(--apple-shadow-md) !important;
}

/* ========== Stat Cards (FIXED) ========== */
.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 24px;
}

.stat-card {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(var(--glass-blur)) saturate(180%) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(180%) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--apple-radius-lg) !important;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  box-shadow: var(--apple-shadow-md) !important;
  transition: all var(--transition-normal) !important;
  position: relative;
  overflow: hidden;
}

.stat-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
  pointer-events: none;
}

.stat-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--apple-shadow-lg) !important;
}

.stat-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--apple-radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

.stat-icon.blue {
  background: linear-gradient(135deg, #007AFF, #5856D6);
  color: white;
  box-shadow: 0 4px 12px rgba(0, 122, 255, 0.3);
}

.stat-icon.green {
  background: linear-gradient(135deg, #34C759, #30D158);
  color: white;
  box-shadow: 0 4px 12px rgba(52, 199, 89, 0.3);
}

.stat-icon.orange {
  background: linear-gradient(135deg, #FF9500, #FF6B00);
  color: white;
  box-shadow: 0 4px 12px rgba(255, 149, 0, 0.3);
}

.stat-icon.purple {
  background: linear-gradient(135deg, #AF52DE, #5856D6);
  color: white;
  box-shadow: 0 4px 12px rgba(175, 82, 222, 0.3);
}

.stat-icon.red {
  background: linear-gradient(135deg, #FF3B30, #FF453A);
  color: white;
  box-shadow: 0 4px 12px rgba(255, 59, 48, 0.3);
}

.stat-icon.teal {
  background: linear-gradient(135deg, #5AC8FA, #64D2FF);
  color: white;
  box-shadow: 0 4px 12px rgba(90, 200, 250, 0.3);
}

.stat-info {
  flex: 1;
  position: relative;
  z-index: 1;
}

.stat-info h3 {
  font-size: 24px;
  font-weight: 700;
  color: var(--apple-text);
  margin: 0 0 4px;
  letter-spacing: -0.5px;
  font-family: var(--apple-font-rounded);
}

.stat-info p {
  font-size: 13px;
  color: var(--apple-text-secondary);
  margin: 0;
  font-weight: 500;
}

/* ========== Welcome Banner ========== */
.welcome-banner {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: var(--apple-radius-xl);
  padding: 32px;
  color: white;
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(102, 126, 234, 0.4);
}

.welcome-banner::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 70%);
  border-radius: 50%;
}

.welcome-banner::after {
  content: '';
  position: absolute;
  bottom: -30%;
  left: -10%;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
  border-radius: 50%;
}

.welcome-text {
  position: relative;
  z-index: 1;
}

.welcome-text h2 {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 8px;
  font-family: var(--apple-font-rounded);
}

.welcome-text p {
  margin: 0;
  opacity: 0.9;
  font-size: 15px;
}

.welcome-actions {
  display: flex;
  gap: 12px;
  position: relative;
  z-index: 1;
}

.welcome-actions .btn {
  background: rgba(255, 255, 255, 0.2) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  color: white !important;
  padding: 10px 20px;
  border-radius: var(--apple-radius-full) !important;
  font-weight: 500;
  transition: all var(--transition-fast);
  font-size: 14px;
}

.welcome-actions .btn:hover {
  background: rgba(255, 255, 255, 0.3) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* ========== Content Grid ========== */
.content-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

/* ========== Profile Section ========== */
.profile-section {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(var(--glass-blur)) saturate(180%) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(180%) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--apple-radius-lg) !important;
  padding: 24px;
  box-shadow: var(--apple-shadow-md) !important;
}

.profile-header {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--apple-border-light);
}

.profile-avatar {
  width: 72px;
  height: 72px;
  border-radius: var(--apple-radius-full) !important;
  object-fit: cover;
  border: 3px solid var(--glass-border);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  transition: transform var(--transition-normal);
}

.profile-avatar:hover {
  transform: scale(1.05);
}

.profile-info h3 {
  font-size: 20px;
  font-weight: 600;
  color: var(--apple-text);
  margin: 0 0 8px;
  font-family: var(--apple-font-rounded);
}

/* Profile status badges */
.profile-status {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: var(--apple-radius-full);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3px;
}

.profile-status.active {
  background: rgba(52, 199, 89, 0.15);
  color: #34c759;
}

.profile-status.pending {
  background: rgba(255, 149, 0, 0.15);
  color: #ff9500;
}

.profile-status.disabled {
  background: rgba(255, 59, 48, 0.15);
  color: #ff3b30;
}

/* Profile stats grid */
.profile-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 20px;
}

.profile-stat-item {
  text-align: center;
  padding: 16px;
  background: rgba(0, 0, 0, 0.03);
  border-radius: var(--apple-radius-md);
  transition: all var(--transition-fast);
}

.profile-stat-item:hover {
  background: rgba(0, 0, 0, 0.05);
  transform: translateY(-2px);
}

.profile-stat-item .value {
  font-size: 24px;
  font-weight: 700;
  color: var(--apple-text);
  margin-bottom: 4px;
  font-family: var(--apple-font-rounded);
}

.profile-stat-item .label {
  font-size: 13px;
  color: var(--apple-text-secondary);
  font-weight: 500;
}

/* Quick actions */
.quick-actions {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.quick-action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  background: linear-gradient(135deg, var(--apple-primary), #5856D6) !important;
  color: white !important;
  border: none;
  border-radius: var(--apple-radius-md) !important;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all var(--transition-fast);
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0, 113, 227, 0.3);
}

.quick-action-btn:hover {
  background: linear-gradient(135deg, var(--apple-primary-hover), #6a5acd) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 113, 227, 0.4);
  color: white !important;
}

.quick-action-btn.secondary {
  background: var(--glass-bg) !important;
  color: var(--apple-text) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--apple-shadow-sm) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

.quick-action-btn.secondary:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: var(--apple-primary) !important;
  box-shadow: var(--apple-shadow-md) !important;
}

/* ========== Announcement Card ========== */
.announcement-card {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(var(--glass-blur)) saturate(180%) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(180%) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--apple-radius-lg) !important;
  padding: 24px;
  box-shadow: var(--apple-shadow-md) !important;
}

.card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.card-header h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--apple-text);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--apple-font-rounded);
}

.card-header h3 i {
  color: var(--apple-primary);
  font-size: 20px;
}

.announcement-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px solid var(--apple-border-light);
  transition: all var(--transition-fast);
}

.announcement-item:last-child {
  border-bottom: none;
}

.announcement-item:hover {
  background: rgba(0, 0, 0, 0.02);
  margin: 0 -8px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: var(--apple-radius-sm);
}

.announcement-icon {
  width: 36px;
  height: 36px;
  background: var(--apple-primary-light);
  border-radius: var(--apple-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--apple-primary);
  flex-shrink: 0;
}

.announcement-content {
  flex: 1;
}

.announcement-content p {
  margin: 0 0 4px;
  color: var(--apple-text);
  font-size: 14px;
  line-height: 1.5;
}

.announcement-content .time {
  font-size: 12px;
  color: var(--apple-text-tertiary);
}

/* ========== Chart Card ========== */
.chart-card {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(var(--glass-blur)) saturate(180%) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(180%) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--apple-radius-lg) !important;
  padding: 24px;
  box-shadow: var(--apple-shadow-md) !important;
  margin-top: 24px;
}

/* Tab styling */
.nav-tabs {
  border: none !important;
  background: rgba(0, 0, 0, 0.03);
  border-radius: var(--apple-radius-sm);
  padding: 4px;
}

.nav-tabs > li > a {
  border: none !important;
  padding: 8px 16px;
  border-radius: 6px !important;
  color: var(--apple-text-secondary) !important;
  font-weight: 500;
  font-size: 14px;
  transition: all var(--transition-fast);
}

.nav-tabs > li > a:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: var(--apple-text) !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background: white !important;
  color: var(--apple-text) !important;
  box-shadow: var(--apple-shadow-sm);
}

/* ========== Alert Styles ========== */
.alert-apple {
  border-radius: var(--apple-radius-md);
  padding: 16px 20px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.alert-apple.warning {
  background: rgba(255, 149, 0, 0.12);
  border: 1px solid rgba(255, 149, 0, 0.2);
  color: #ff9500;
}

.alert-apple.danger {
  background: rgba(255, 59, 48, 0.12);
  border: 1px solid rgba(255, 59, 48, 0.2);
  color: #ff3b30;
}

.alert-apple.info {
  background: rgba(0, 113, 227, 0.12);
  border: 1px solid rgba(0, 113, 227, 0.2);
  color: #0071e3;
}

.alert-apple.success {
  background: rgba(52, 199, 89, 0.12);
  border: 1px solid rgba(52, 199, 89, 0.2);
  color: #34c759;
}

.alert-apple .btn {
  margin-left: auto;
  padding: 6px 16px;
  font-size: 13px;
  border-radius: var(--apple-radius-full) !important;
  background: rgba(255, 255, 255, 0.3) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  color: inherit !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all var(--transition-fast);
}

.alert-apple .btn:hover {
  background: rgba(255, 255, 255, 0.5) !important;
  transform: translateY(-1px);
}

/* ========== Buttons ========== */
.btn {
  border-radius: var(--apple-radius-sm) !important;
  font-weight: 500 !important;
  transition: all var(--transition-fast) !important;
  font-size: 14px;
}

.btn-primary {
  background: linear-gradient(135deg, var(--apple-primary), #5856D6) !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(0, 113, 227, 0.3);
}

.btn-primary:hover {
  background: linear-gradient(135deg, var(--apple-primary-hover), #6a5acd) !important;
  box-shadow: 0 4px 12px rgba(0, 113, 227, 0.4);
  transform: translateY(-1px);
}

.btn-default {
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  color: var(--apple-text) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.btn-default:hover {
  background: rgba(0, 0, 0, 0.05) !important;
}

/* ========== Form Controls ========== */
input.form-control,
select.form-control,
textarea.form-control {
  border-radius: var(--apple-radius-sm) !important;
  border: 1px solid var(--apple-border) !important;
  padding: 10px 14px !important;
  transition: all var(--transition-fast) !important;
  background: var(--glass-bg) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus {
  border-color: var(--apple-primary) !important;
  box-shadow: 0 0 0 3px rgba(0, 113, 227, 0.15) !important;
  background: white !important;
}

/* ========== Tables ========== */
.table {
  background: var(--glass-bg) !important;
  border-radius: var(--apple-radius-lg) !important;
  overflow: hidden !important;
  backdrop-filter: blur(var(--glass-blur)) saturate(180%);
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(180%);
}

.table > thead > tr > th {
  background: rgba(0, 0, 0, 0.03) !important;
  border-bottom: 2px solid var(--apple-border-light) !important;
  font-weight: 600 !important;
  color: var(--apple-text-secondary) !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 12px 16px !important;
}

.table > tbody > tr > td {
  border-bottom: 1px solid var(--apple-border-light) !important;
  vertical-align: middle !important;
  padding: 12px 16px !important;
}

.table > tbody > tr:hover {
  background: rgba(0, 113, 227, 0.03) !important;
}

.table > tbody > tr:last-child > td {
  border-bottom: none !important;
}

/* ========== Labels & Badges ========== */
.label {
  border-radius: var(--apple-radius-full) !important;
  font-weight: 600 !important;
  padding: 4px 12px !important;
  font-size: 12px !important;
  letter-spacing: 0.3px;
}

.label-success {
  background: rgba(52, 199, 89, 0.15) !important;
  color: #34c759 !important;
}

.label-warning {
  background: rgba(255, 149, 0, 0.15) !important;
  color: #ff9500 !important;
}

.label-danger {
  background: rgba(255, 59, 48, 0.15) !important;
  color: #ff3b30 !important;
}

.label-info {
  background: rgba(0, 113, 227, 0.15) !important;
  color: #0071e3 !important;
}

.badge {
  background: var(--apple-primary) !important;
  border-radius: var(--apple-radius-full) !important;
  padding: 4px 8px !important;
  font-size: 11px !important;
  font-weight: 600;
}

/* ========== Alerts ========== */
.alert {
  border-radius: var(--apple-radius-md) !important;
  border: none !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.alert-success {
  background: rgba(52, 199, 89, 0.12) !important;
  color: #34c759 !important;
}

.alert-warning {
  background: rgba(255, 149, 0, 0.12) !important;
  color: #ff9500 !important;
}

.alert-danger {
  background: rgba(255, 59, 48, 0.12) !important;
  color: #ff3b30 !important;
}

.alert-info {
  background: rgba(0, 113, 227, 0.12) !important;
  color: #0071e3 !important;
}

/* ========== Pagination ========== */
.pagination > li > a {
  border-radius: var(--apple-radius-sm) !important;
  margin: 0 2px !important;
  border: 1px solid var(--apple-border) !important;
  color: var(--apple-text) !important;
  background: var(--glass-bg);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all var(--transition-fast);
}

.pagination > li > a:hover {
  background: var(--apple-primary-light) !important;
  color: var(--apple-primary) !important;
  border-color: var(--apple-primary) !important;
}

.pagination > .active > a {
  background: var(--apple-primary) !important;
  border-color: var(--apple-primary) !important;
  color: white !important;
  box-shadow: 0 2px 8px rgba(0, 113, 227, 0.3);
}

/* ========== Dropdown Menus ========== */
.dropdown-menu {
  border-radius: var(--apple-radius-md) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--apple-shadow-lg) !important;
  padding: 8px !important;
  background: var(--glass-bg-heavy) !important;
  backdrop-filter: blur(var(--glass-blur-heavy)) saturate(180%) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur-heavy)) saturate(180%) !important;
  animation: dropdownFadeIn 0.2s ease;
}

@keyframes dropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.dropdown-menu > li > a {
  border-radius: var(--apple-radius-sm) !important;
  padding: 8px 14px !important;
  color: var(--apple-text) !important;
  transition: all var(--transition-fast);
  font-size: 14px;
}

.dropdown-menu > li > a:hover {
  background: var(--apple-primary-light) !important;
  color: var(--apple-primary) !important;
}

/* ========== Modal ========== */
.modal-content {
  border-radius: var(--apple-radius-xl) !important;
  border: none !important;
  box-shadow: var(--apple-shadow-xl) !important;
  background: var(--glass-bg-heavy) !important;
  backdrop-filter: blur(var(--glass-blur-heavy)) saturate(180%) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur-heavy)) saturate(180%) !important;
  overflow: hidden;
}

.modal-header {
  border-bottom: 1px solid var(--apple-border-light) !important;
  padding: 20px 24px !important;
}

.modal-body {
  padding: 24px !important;
}

.modal-footer {
  border-top: 1px solid var(--apple-border-light) !important;
  padding: 16px 24px !important;
}

.modal-backdrop {
  background: rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* ========== Tooltips ========== */
.tooltip-inner {
  background: var(--apple-text) !important;
  border-radius: var(--apple-radius-sm) !important;
  padding: 8px 14px !important;
  font-size: 13px !important;
  box-shadow: var(--apple-shadow-md);
}

/* ========== Footer ========== */
.app-footer {
  margin-left: var(--sidebar-width) !important;
  transition: margin-left var(--transition-normal) !important;
}

.app-aside-folded .app-footer {
  margin-left: var(--sidebar-collapsed-width) !important;
}

.app-footer .wrapper {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(var(--glass-blur)) saturate(180%) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(180%) !important;
  border-top: 1px solid var(--glass-border) !important;
  color: var(--apple-text-secondary) !important;
  font-size: 13px;
}

.app-footer a {
  color: var(--apple-primary) !important;
}

/* ========== Loading Animation ========== */
@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.loading-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* ========== Responsive Design ========== */
@media (max-width: 1200px) {
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 1024px) {
  .content-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  :root {
    --sidebar-width: 0px;
  }
  
  .app-aside {
    transform: translateX(-100%);
    transition: transform var(--transition-normal);
  }
  
  .app-aside.show {
    transform: translateX(0);
    width: 280px !important;
  }
  
  .app-content,
  .app-footer {
    margin-left: 0 !important;
  }
  
  .stats-grid {
    grid-template-columns: 1fr;
  }
  
  .welcome-banner {
    flex-direction: column;
    text-align: center;
    gap: 20px;
    padding: 24px;
  }
  
  .welcome-actions {
    justify-content: center;
    flex-wrap: wrap;
  }
  
  .profile-header {
    flex-direction: column;
    text-align: center;
  }
  
  .profile-stats {
    grid-template-columns: 1fr;
  }
  
  .quick-actions {
    grid-template-columns: 1fr;
  }
  
  .app-content-body {
    padding: 16px !important;
  }
}

@media (max-width: 480px) {
  .stat-card {
    padding: 16px;
  }
  
  .stat-icon {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
  
  .stat-info h3 {
    font-size: 20px;
  }
}

/* ========== User Center Content ========== */
.user-center-content {
  padding: 24px;
  max-width: 1400px;
  margin: 0 auto;
}

/* ========== Utility Classes ========== */
.glass-effect {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(var(--glass-blur)) saturate(180%) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(180%) !important;
  border: 1px solid var(--glass-border) !important;
}

.glass-effect-heavy {
  background: var(--glass-bg-heavy) !important;
  backdrop-filter: blur(var(--glass-blur-heavy)) saturate(180%) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur-heavy)) saturate(180%) !important;
  border: 1px solid var(--glass-border) !important;
}

.text-gradient {
  background: linear-gradient(135deg, var(--apple-primary), #5856D6, #AF52DE);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.shadow-glass {
  box-shadow: 
    0 4px 16px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* ========== Empty State ========== */
.empty-state {
  text-align: center;
  padding: 40px 20px;
  color: var(--apple-text-tertiary);
}

.empty-state i {
  font-size: 48px;
  margin-bottom: 16px;
  opacity: 0.3;
}

.empty-state p {
  font-size: 15px;
  margin: 0;
}

/* ========== Progress Bar Enhancement ========== */
.progress {
  background: rgba(0, 0, 0, 0.05) !important;
  border-radius: var(--apple-radius-full) !important;
  overflow: hidden;
}

.progress-bar {
  border-radius: var(--apple-radius-full) !important;
  transition: width 0.6s ease;
}

.progress-bar-info {
  background: linear-gradient(90deg, #5AC8FA, #007AFF) !important;
}

.progress-bar-primary {
  background: linear-gradient(90deg, #AF52DE, #5856D6) !important;
}

/* ========== Print Styles ========== */
@media print {
  body {
    background: white !important;
  }
  
  .app-header,
  .app-aside,
  .app-footer {
    display: none !important;
  }
  
  .app-content {
    margin-left: 0 !important;
  }
  
  .glass-card,
  .stat-card,
  .profile-section,
  .announcement-card,
  .chart-card {
    background: white !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    border: 1px solid #ddd !important;
  }
}