.elementor-42 .elementor-element.elementor-element-5493ec6{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-42 .elementor-element.elementor-element-dd7c826{--display:flex;}.elementor-42 .elementor-element.elementor-element-119d5c3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:-28px -28px -28px -28px;}.elementor-42 .elementor-element.elementor-element-08270fd > .elementor-widget-container{margin:0% 0% 0% 11%;}.elementor-42 .elementor-element.elementor-element-530522c{--display:flex;--min-height:239px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-42 .elementor-element.elementor-element-0e0d4e9{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-42 .elementor-element.elementor-element-0e0d4e9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-42 .elementor-element.elementor-element-52c857a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-42 .elementor-element.elementor-element-52c857a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-42 .elementor-element.elementor-element-39075bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-42 .elementor-element.elementor-element-39075bb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-42 .elementor-element.elementor-element-5d2c75d{width:var( --container-widget-width, 128.138% );max-width:128.138%;--container-widget-width:128.138%;--container-widget-flex-grow:0;}.elementor-42 .elementor-element.elementor-element-5d2c75d.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-42 .elementor-element.elementor-element-ff873ee{--display:flex;--min-height:536px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}@media(min-width:768px){.elementor-42 .elementor-element.elementor-element-5493ec6{--content-width:100%;}.elementor-42 .elementor-element.elementor-element-0e0d4e9{--width:26%;}.elementor-42 .elementor-element.elementor-element-39075bb{--width:29%;}}/* Start custom CSS for shortcode, class: .elementor-element-52c857a *//* === Stat Card === */
.crew-stat-card {
  background: #fff;
  border-radius: 0.75rem;
  padding: 1.5rem;
  margin: 1rem 0;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.crew-stat-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}
.crew-stat-card h3 {
  margin: 0;
  font-size: 1rem;
  color: #4a5568;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.crew-stat-card i { color: #667eea; }
.crew-stat-card h2 {
  margin: 0.75rem 0 0;
  font-size: 2rem;
  font-weight: 600;
  color: #2d3748;
}

/* Trend colors */
.trend-up { color: #38a169; font-weight: 500; font-size: 0.9rem; }
.trend-down { color: #e53e3e; font-weight: 500; font-size: 0.9rem; }

/* === Table === */
.crew-stat-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  font-size: 0.95rem;
}
.crew-stat-table th,
.crew-stat-table td {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #e2e8f0;
  text-align: left;
}
.crew-stat-table th {
  background: #f7fafc;
  font-weight: 600;
  font-size: 0.9rem;
  color: #2d3748;
  cursor: pointer;
}
.crew-stat-table tr:nth-child(even) { background: #fafafa; }
.crew-stat-table tr:hover { background: #f1f5f9; }

/* Status colors */
.crew-stat-table td.status-deployed { color: #3182ce; font-weight: 500; }
.crew-stat-table td.status-available { color: #38a169; font-weight: 500; }
.crew-stat-table td.status-training { color: #d69e2e; font-weight: 500; }

/* Progress bar */
.progress-bar {
  width: 100%;
  background: #edf2f7;
  border-radius: 6px;
  height: 0.75rem;
  overflow: hidden;
}
.progress {
  height: 100%;
  background: linear-gradient(90deg, #667eea, #764ba2);
  border-radius: 6px;
  transition: width 0.4s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-39075bb *//* Container Card */
.modern-stat-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  font-family: "Segoe UI", Arial, sans-serif;
  color: #2c3e50;
}

.modern-stat-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}

/* Header with Icon + Trend */
.stat-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

/* Circle Icon */
.stat-card-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  font-size: 20px;
  color: #fff;
  background: linear-gradient(135deg, #4a90e2, #357abd);
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.stat-card-icon.total-crew {
  background: linear-gradient(135deg, #1abc9c, #16a085);
}

.stat-card-icon.deploying {
  background: linear-gradient(135deg, #e67e22, #d35400);
}

/* Trend Indicator */
.stat-card-trend {
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
}

.stat-card-trend.up {
  color: #27ae60;
}

.stat-card-trend.down {
  color: #c0392b;
}

/* Title */
.stat-card-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 6px;
}

/* Main Value */
.stat-card-value {
  font-size: 28px;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 6px;
}

/* Subtitle */
.stat-card-subtitle {
  font-size: 13px;
  color: #7f8c8d;
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}

/* Progress Bar */
.month-progress-container {
  margin-top: 10px;
  height: 6px;
  background: #ecf0f1;
  border-radius: 3px;
  overflow: hidden;
}

.month-progress-bar {
  height: 100%;
  background: linear-gradient(135deg, #3498db, #2980b9);
  transition: width 1.5s ease-out;
}

/* Progress Labels */
.month-progress-container + div {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  margin-top: 4px;
  color: #95a5a6;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e120a4 *//* modern-dashboard-styles.css */

/* Core container */
.modern-dashboard-container {
  position: relative;
  width: 100%;
  min-height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  box-sizing: border-box;
  font-family: "Inter", "Segoe UI", Roboto, sans-serif;
  color: #1a202c;
  overflow: hidden;
}

/* Welcome section card */
.modern-welcome-container {
  position: relative;
  z-index: 2;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(12px);
  border-radius: 1rem;
  padding: 2rem;
  max-width: 900px;
  width: 100%;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.modern-welcome-container:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.12);
}

/* Header flex row */
.modern-welcome-header {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
}

/* Avatar initials circle */
.welcome-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea, #764ba2);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 1.5rem;
  box-shadow: 0 4px 10px rgba(102, 126, 234, 0.4);
  flex-shrink: 0;
}

/* Welcome text */
.welcome-text h2 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #2d3748;
}

.welcome-subtitle {
  margin: 0.25rem 0 0;
  font-size: 0.95rem;
  color: #718096;
}

/* Date display */
.modern-date-display {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}

.date-text {
  display: flex;
  align-items: center;
  font-size: 0.95rem;
  color: #4a5568;
}

.date-icon {
  margin-right: 0.5rem;
  color: #667eea;
}

/* Mini stats row */
.welcome-stats-mini {
  display: flex;
  justify-content: flex-start;
  gap: 1.5rem;
  border-top: 1px solid #edf2f7;
  padding-top: 1rem;
}

.mini-stat {
  display: flex;
  align-items: center;
  font-size: 0.9rem;
  color: #2d3748;
  gap: 0.5rem;
  transition: color 0.25s ease;
}

.mini-stat i {
  color: #667eea;
  font-size: 1rem;
}

.mini-stat:hover {
  color: #667eea;
  cursor: default;
}

/* Responsive */
@media (max-width: 768px) {
  .modern-welcome-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .welcome-avatar {
    margin-bottom: 0.75rem;
  }
}/* End custom CSS */