#particles-js {
       /* z-index: -1; */
       position: absolute;
       width: 100%;
       height: 100%;
       /* background-color: #10051b; */
       /* background-image: url(../images/bg-awesome.png); */
       /* background-image: linear-gradient(147deg, #000000 0%, #000000 74%); */
       /* background-color: #6625a0;
        background-image: linear-gradient(147deg, #241eb3 0%, #000000 74%); */
       /* background-color: #166d3b;
        background-image: linear-gradient(147deg, #166d3b 0%, #000000 74%); */
       /* background-color: #63d471;
        background-image: linear-gradient(315deg, #63d471 0%, #233329 74%); */
       /* background-color: #330033; */
       /* background-color: #b61924; */
       /* background-image: url(""); */
       background-repeat: no-repeat;
       background-size: cover;
       background-position: 50% 50%;
   }

   /* #particles-js {
       position: absolute;
       width: 100%;
       height: 100%;
       background-color: #b61924;
       background-image: url("");
       background-repeat: no-repeat;
       background-size: cover;
       background-position: 50% 50%;
   } */
   /* ---- stats.js ---- */


   :root {
       --dash-bg: #f8fafc;
       --dash-card: #ffffff;
       --dash-border: #e2e8f0;
       --dash-primary: #3b82f6;
       --dash-secondary: #8b5cf6;
       --dash-success: #10b981;
       --dash-warning: #f59e0b;
       --dash-danger: #ef4444;
       --dash-info: #06b6d4;
       --dash-text: #1e293b;
       --dash-text-light: #64748b;
       --dash-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
   }

   body {
       background-color: var(--dash-bg);
       color: var(--dash-text);
       font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
   }

   .dash-card {
       background-color: var(--dash-card);
       border: 1px solid var(--dash-border);
       border-radius: 12px;
       box-shadow: var(--dash-shadow);
       transition: all 0.3s ease;
       overflow: hidden;
       margin-bottom: 24px;
   }

   .dash-card:hover {
       transform: translateY(-4px);
       box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   }

   .dash-card-header {
       background-color: var(--dash-card);
       border-bottom: 1px solid var(--dash-border);
       padding: 16px 24px;
   }

   .dash-card-title {
       font-weight: 600;
       color: var(--dash-text);
       margin: 0;
       font-size: 1.125rem;
   }

   .dash-card-body {
       padding: 24px;
   }

   /* Stat Cards */
   .dash-stat-card {
       position: relative;
       overflow: hidden;
       border-left: 4px solid transparent;
   }

   .dash-stat-card.primary {
       border-left-color: var(--dash-primary);
   }

   .dash-stat-card.secondary {
       border-left-color: var(--dash-secondary);
   }

   .dash-stat-card.success {
       border-left-color: var(--dash-success);
   }

   .dash-stat-card.warning {
       border-left-color: var(--dash-warning);
   }

   .dash-stat-card.danger {
       border-left-color: var(--dash-danger);
   }

   .dash-stat-card.info {
       border-left-color: var(--dash-info);
   }

   .dash-stat-title {
       color: var(--dash-text-light);
       font-size: 0.875rem;
       font-weight: 500;
       text-transform: uppercase;
       letter-spacing: 0.5px;
       margin-bottom: 8px;
   }

   .dash-stat-value {
       font-weight: 700;
       font-size: 1.75rem;
       margin-bottom: 12px;
       color: var(--dash-text);
   }

   .dash-stat-icon {
       position: absolute;
       top: 24px;
       right: 24px;
       font-size: 2.5rem;
       /* opacity: 0.15; */
       opacity: 1;
   }

   .dash-stat-meta {
       font-size: 0.875rem;
       color: var(--dash-text-light);
   }

   .dash-stat-meta .highlight {
       font-weight: 600;
   }

   /* Progress bar */
   .dash-progress {
       height: 6px;
       background-color: #e2e8f0;
       border-radius: 3px;
       margin-bottom: 12px;
       overflow: hidden;
   }

   .dash-progress-bar {
       height: 100%;
   }

   .dash-progress-bar.primary {
       background-color: var(--dash-primary);
   }

   .dash-progress-bar.secondary {
       background-color: var(--dash-secondary);
   }

   .dash-progress-bar.success {
       background-color: var(--dash-success);
   }

   .dash-progress-bar.warning {
       background-color: var(--dash-warning);
   }

   .dash-progress-bar.danger {
       background-color: var(--dash-danger);
   }

   .dash-progress-bar.info {
       background-color: var(--dash-info);
   }

   /* Countdown */
   .dash-countdown {
       display: flex;
       justify-content: center;
       gap: 16px;
       text-align: center;
   }

   .dash-countdown-item {
       flex: 1;
       max-width: 120px;
   }

   .dash-countdown-circle {
       width: 100%;
       height: 0;
       padding-bottom: 50%;
       border-radius: 50%;
       /*background-color: var(--dash-card);*/
       /*border: 8px solid var(--dash-border);*/
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       margin: 0 auto 8px;
       position: relative;
   }

   .dash-countdown-value {
       position: absolute;
       top: 10px;
       font-size: 1.5rem;
       font-weight: 700;
       color: var(--dash-text);
   }

   .dash-countdown-label {
       font-size: 0.75rem;
       color: var(--dash-text-light);
       text-transform: uppercase;
       letter-spacing: 0.5px;
       margin-top: 20px;
   }

   /* Mini cards */
   .dash-mini-card {
       text-align: center;
       height: 100%;
       transition: all 0.2s ease;
   }

   .dash-mini-card:hover {
       transform: translateY(-2px);
   }

   .dash-mini-icon {
       font-size: 1.75rem;
       margin-bottom: 12px;
       display: inline-block;
   }

   .dash-mini-title {
       font-size: 1rem;
       font-weight: 500;
       color: var(--dash-text);
       margin-bottom: 8px;
   }

   .dash-mini-value {
       font-size: 1.5rem;
       font-weight: 700;
       margin-bottom: 0;
       color: #000
   }

   /* Tables */
   .dash-table-container {
       border-radius: 12px;
       overflow: hidden;
       border: 1px solid var(--dash-border);
   }

   .dash-table {
       width: 100%;
       margin-bottom: 0;
   }

   .dash-table thead th {
       background-color: #f1f5f9;
       color: var(--dash-text);
       font-weight: 600;
       padding: 12px 16px;
       border-bottom: 1px solid var(--dash-border);
   }

   .dash-table tbody td {
       padding: 12px 16px;
       border-bottom: 1px solid var(--dash-border);
       vertical-align: middle;
   }

   .dash-table tbody tr:last-child td {
       border-bottom: none;
   }

   /* Buttons */
   .dash-btn {
       border-radius: 8px;
       font-weight: 500;
       padding: 8px 16px;
       border: none;
       transition: all 0.2s ease;
   }

   .dash-btn-primary {
       background-color: var(--dash-primary);
       color: white;
   }

   .dash-btn-secondary {
       background-color: #e2e8f0;
       color: var(--dash-text);
   }

   .dash-btn-success {
       background-color: var(--dash-success);
       color: white;
   }

   .dash-btn-danger {
       background-color: var(--dash-danger);
       color: white;
   }

   .dash-btn-sm {
       font-size: 0.875rem;
       padding: 6px 12px;
   }

   /* Badges */
   .dash-badge {
       padding: 4px 8px;
       border-radius: 4px;
       font-size: 0.75rem;
       font-weight: 500;
   }

   .dash-badge-primary {
       background-color: #dbeafe;
       color: var(--dash-primary);
   }

   .dash-badge-success {
       background-color: #d1fae5;
       color: var(--dash-success);
   }

   .dash-badge-warning {
       background-color: #fef3c7;
       color: var(--dash-warning);
   }

   .dash-badge-danger {
       background-color: #fee2e2;
       color: var(--dash-danger);
   }

   /* Empty state */
   .dash-empty-state {
       text-align: center;
       padding: 40px 20px;
   }

   .dash-empty-icon {
       font-size: 3rem;
       color: var(--dash-text-light);
       margin-bottom: 16px;
       opacity: 0.5;
   }

   .dash-empty-text {
       color: var(--dash-text-light);
       font-size: 1rem;
   }

   /* Utility classes */
   .dash-text-primary {
       color: var(--dash-primary) !important;
   }

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

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

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

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

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