.skyprov-wrap,
.skyprov-admin-wrap {
  --spv-navy: #18193B;
  --spv-indigo: #2F347D;
  --spv-cyan: #41A5E2;
  --spv-soft-cyan: #E5F7FB;
  --spv-lime: #B6EF5D;
  --spv-yellow: #F2D74E;
  --spv-orange: #F79A45;
  --spv-coral: #FF5A5F;
  --spv-purple: #B95AD9;
  --spv-mint: #12D67E;
  --spv-silver: #D7D7D7;
  --spv-glass: rgba(255,255,255,0.72);
  --spv-glass-strong: rgba(255,255,255,0.92);
  --spv-border: rgba(24, 25, 59, 0.12);
  --spv-text: #17172F;
  --spv-muted: #667085;
  color: var(--spv-text);
  font-family: inherit;
}

.skyprov-admin-wrap {
  margin: 22px 22px 0 0;
}

.skyprov-hero,
.skyprov-admin-hero {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 34px 38px;
  border-radius: 26px;
  color: #fff;
  background:
    radial-gradient(circle at 15% 80%, rgba(182,239,93,.22), transparent 10%),
    radial-gradient(circle at 82% 18%, rgba(65,165,226,.45), transparent 25%),
    radial-gradient(circle at 72% 85%, rgba(185,90,217,.22), transparent 18%),
    linear-gradient(135deg, #18193B 0%, #24275B 58%, #41A5E2 145%);
  box-shadow: 0 24px 55px rgba(24,25,59,.24);
  margin: 0 0 24px;
}

.skyprov-admin-hero h1,
.skyprov-hero h2,
.skyprov-page-head h2 {
  margin: 0 0 8px;
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.05;
  color: inherit;
  font-weight: 800;
}

.skyprov-admin-hero p,
.skyprov-hero p,
.skyprov-page-head p {
  margin: 0;
  color: rgba(255,255,255,.84);
  max-width: 820px;
  font-size: 15px;
}

.skyprov-admin-hero__icon {
  width: 94px;
  height: 94px;
  border-radius: 26px;
  display: grid;
  place-items: center;
  font-size: 44px;
  background: rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.20);
  box-shadow: inset 0 1px rgba(255,255,255,.32);
  backdrop-filter: blur(18px);
}

.skyprov-dot {
  position: absolute;
  border-radius: 999px;
  opacity: .86;
  filter: blur(.1px);
}
.skyprov-dot--lime { width: 16px; height: 16px; right: 22%; bottom: 22px; background: var(--spv-lime); }
.skyprov-dot--yellow { width: 12px; height: 12px; left: 58%; top: 28px; background: var(--spv-yellow); }
.skyprov-dot--coral { width: 10px; height: 10px; left: 31%; bottom: 42px; background: var(--spv-coral); }
.skyprov-dot--purple { width: 14px; height: 14px; right: 12%; top: 30%; background: var(--spv-purple); }

.skyprov-page-head {
  color: var(--spv-text);
  background: rgba(255,255,255,.84);
  border: 1px solid var(--spv-border);
  border-radius: 24px;
  padding: 24px;
  margin-bottom: 18px;
  box-shadow: 0 10px 30px rgba(18,24,40,.06);
  backdrop-filter: blur(12px);
}
.skyprov-page-head p { color: var(--spv-muted); }

.skyprov-eyebrow {
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 8px !important;
}

.skyprov-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }

.skyprov-btn,
.skyprov-btn:visited,
.skyprov-admin-btn,
.skyprov-admin-btn:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 18px;
  border-radius: 999px;
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  line-height: 1;
  border: 0;
  box-shadow: inset 0 1px rgba(255,255,255,.26), 0 10px 24px rgba(24,25,59,.18);
}
.skyprov-btn,
.skyprov-admin-btn--accent { background: linear-gradient(135deg, #41A5E2, #3897B6); }
.skyprov-btn--ghost,
.skyprov-btn--ghost:visited { background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.28); backdrop-filter: blur(10px); }
.skyprov-admin-btn--dark { background: var(--spv-navy); }
.skyprov-admin-btn--accent { color: #fff; }

.skyprov-stats,
.skyprov-admin-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 14px;
  margin-bottom: 22px;
}
.skyprov-stats { grid-template-columns: repeat(5, minmax(120px, 1fr)); }

.skyprov-stat,
.skyprov-admin-kpi,
.skyprov-card,
.skyprov-panel,
.skyprov-table-wrap,
.skyprov-admin-card,
.skyprov-admin-panel {
  background: var(--spv-glass-strong);
  border: 1px solid var(--spv-border);
  border-radius: 22px;
  box-shadow: 0 16px 38px rgba(18,24,40,.075);
  backdrop-filter: blur(14px);
}

.skyprov-stat,
.skyprov-admin-kpi { padding: 18px; }
.skyprov-stat span,
.skyprov-admin-kpi strong { display: block; font-size: 34px; line-height: 1; font-weight: 900; color: var(--spv-navy); }
.skyprov-stat label,
.skyprov-admin-kpi span { display: block; margin-top: 8px; color: var(--spv-muted); font-size: 13px; font-weight: 700; }

.skyprov-section-head,
.skyprov-admin-section-head { display: flex; justify-content: space-between; align-items: center; margin: 24px 0 12px; }
.skyprov-section-head h3,
.skyprov-admin-section-head h2 { margin: 0; color: var(--spv-navy); font-weight: 900; }

.skyprov-module-grid,
.skyprov-admin-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(210px, 1fr));
  gap: 18px;
  margin: 0 0 26px;
}
.skyprov-admin-grid { grid-template-columns: repeat(4, minmax(230px, 1fr)); }

.skyprov-card,
.skyprov-card:visited,
.skyprov-admin-card {
  position: relative;
  display: block;
  padding: 22px;
  color: var(--spv-text);
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.skyprov-card:hover,
.skyprov-admin-card:hover { transform: translateY(-3px); box-shadow: 0 22px 50px rgba(18,24,40,.13); }
.skyprov-card:before,
.skyprov-admin-card:before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  border-radius: 22px 0 0 22px;
  background: var(--spv-cyan);
  opacity: .85;
}
.skyprov-accent-lime:before { background: var(--spv-lime); }
.skyprov-accent-orange:before { background: var(--spv-orange); }
.skyprov-accent-purple:before { background: var(--spv-purple); }
.skyprov-accent-coral:before { background: var(--spv-coral); }
.skyprov-accent-blue:before,
.skyprov-accent-cyan:before { background: var(--spv-cyan); }

.skyprov-card-icon,
.skyprov-admin-card__icon {
  display: inline-flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: rgba(65,165,226,.12);
  color: var(--spv-cyan);
  font-size: 22px;
  margin-bottom: 14px;
}
.skyprov-accent-lime .skyprov-card-icon,
.skyprov-accent-lime .skyprov-admin-card__icon { background: rgba(182,239,93,.18); color: #5c8720; }
.skyprov-accent-orange .skyprov-card-icon,
.skyprov-accent-orange .skyprov-admin-card__icon { background: rgba(247,154,69,.15); color: #B65D13; }
.skyprov-accent-purple .skyprov-card-icon,
.skyprov-accent-purple .skyprov-admin-card__icon { background: rgba(185,90,217,.15); color: #7E33A0; }

.skyprov-admin-card__top { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.skyprov-admin-card__count { text-transform: uppercase; letter-spacing: .06em; font-size: 11px; font-weight: 900; padding: 7px 10px; background: #F3F6FA; color: #667085; border-radius: 999px; }
.skyprov-card strong,
.skyprov-admin-card h3 { display: block; font-size: 20px; color: var(--spv-navy); margin: 0 0 8px; font-weight: 900; }
.skyprov-card p,
.skyprov-admin-card p { margin: 0; color: var(--spv-muted); line-height: 1.5; font-size: 14px; }
.skyprov-admin-card__actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 26px; }

.skyprov-panel,
.skyprov-admin-panel { padding: 24px; margin-bottom: 22px; }
.skyprov-panel h3,
.skyprov-admin-panel h2 { margin-top: 0; color: var(--spv-navy); }

.skyprov-table-wrap { overflow-x: auto; }
.skyprov-table { width: 100%; border-collapse: collapse; min-width: 980px; }
.skyprov-table th,
.skyprov-table td { padding: 14px 16px; text-align: left; border-bottom: 1px solid var(--spv-border); vertical-align: top; }
.skyprov-table th { color: var(--spv-navy); background: #F8FAFD; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.skyprov-table tr:last-child td { border-bottom: 0; }
.skyprov-table a { font-weight: 800; color: #19789B; text-decoration: none; }

.skyprov-badge,
.skyprov-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 800;
  background: #EEF2F7;
  color: #445066;
  white-space: nowrap;
  margin: 2px 4px 2px 0;
}
.skyprov-badge--released,
.skyprov-badge--confirmed,
.skyprov-badge--approved,
.skyprov-badge--scheduled,
.skyprov-badge--open,
.skyprov-badge--economy,
.skyprov-badge--business,
.skyprov-badge--premium,
.skyprov-badge--economy-business,
.skyprov-badge--economy-premium,
.skyprov-badge--mixed { background: rgba(65,165,226,.12); color: #1F718A; }
.skyprov-badge--loaded,
.skyprov-badge--closed,
.skyprov-badge--active,
.skyprov-badge--1,
.skyprov-badge--yes { background: rgba(18,214,126,.13); color: #0C7A49; }
.skyprov-badge--issue-flagged,
.skyprov-badge--rejected,
.skyprov-badge--high,
.skyprov-badge--0,
.skyprov-badge--no { background: rgba(255,90,95,.14); color: #A92323; }
.skyprov-badge--draft,
.skyprov-badge--pending-review,
.skyprov-badge--medium { background: rgba(247,154,69,.15); color: #9B6105; }

.skyprov-chip { background: rgba(65,165,226,.10); color: var(--spv-navy); }
.skyprov-chip--muted { background: rgba(215,215,215,.32); color: #475467; }
.skyprov-service-line { margin: 2px 0; line-height: 1.35; }
.skyprov-service-line small { color: #667085; font-weight: 700; }

.skyprov-alert { border: 1px solid rgba(255,90,95,.22); background: rgba(255,90,95,.08); color: #8F1F1F; border-radius: 16px; padding: 16px; }

@media (max-width: 1200px) { .skyprov-module-grid, .skyprov-admin-grid { grid-template-columns: repeat(3, minmax(200px, 1fr)); } }
@media (max-width: 980px) {
  .skyprov-hero, .skyprov-admin-hero { flex-direction: column; align-items: flex-start; }
  .skyprov-stats, .skyprov-admin-kpis, .skyprov-module-grid, .skyprov-admin-grid { grid-template-columns: repeat(2, minmax(140px, 1fr)); }
}
@media (max-width: 640px) { .skyprov-stats, .skyprov-admin-kpis, .skyprov-module-grid, .skyprov-admin-grid { grid-template-columns: 1fr; } }
