@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');/* style.css — minimal reset, design system owned by App.vue */
body {
  margin: 0;
}

.toast[data-v-57c10c4d] {
  position: fixed;
  top: 88px; /* Safely below the sticky navbar height + padding */
  right: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
  z-index: 9999;
  font-family: 'Inter', sans-serif;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.toast-success[data-v-57c10c4d] {
  border-left: 4px solid #22C55E;
}
.toast-error[data-v-57c10c4d] {
  border-left: 4px solid #EF4444;
}
.toast-warning[data-v-57c10c4d] {
  border-left: 4px solid #EAB308;
}
.toast-info[data-v-57c10c4d] {
  border-left: 4px solid #0EA5E9;
}
.toast-icon[data-v-57c10c4d] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: bold;
  font-size: 14px;
}
.toast-success .toast-icon[data-v-57c10c4d] {
  background: rgba(34, 197, 94, 0.15);
  color: #16A34A;
}
.toast-error .toast-icon[data-v-57c10c4d] {
  background: rgba(239, 68, 68, 0.15);
  color: #DC2626;
}
.toast-warning .toast-icon[data-v-57c10c4d] {
  background: rgba(234, 179, 8, 0.15);
  color: #CA8A04;
}
.toast-info .toast-icon[data-v-57c10c4d] {
  background: rgba(14, 165, 233, 0.15);
  color: #0284C7;
}
.toast-message[data-v-57c10c4d] {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--text-soft);
}
.toast-close[data-v-57c10c4d] {
  background: none;
  border: none;
  font-size: 1.25rem;
  color: var(--text-muted);
  cursor: pointer;
  padding: 0;
  margin-left: 8px;
  line-height: 1;
}
.toast-close[data-v-57c10c4d]:hover {
  color: var(--text-soft);
}

/* Transitions: Fade + Slide */
.toast-enter-active[data-v-57c10c4d],
.toast-leave-active[data-v-57c10c4d] {
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease;
}
.toast-enter-from[data-v-57c10c4d],
.toast-leave-to[data-v-57c10c4d] {
  opacity: 0;
  transform: translateX(50px) scale(0.95);
}



/* =============================================================
   DESIGN SYSTEM — HIREZY  (Enterprise Edition)
   Inspired by: Ashby, Linear, Stripe Dashboard, Notion
   ============================================================= */
:root {
  /* Brand */
  --primary:        #0F172A;
  --primary-dark:   #1E293B;
  --secondary:      #334155;
  --accent:         #0EA5A4;
  --accent-light:   #CCFBF1;
  --indigo:         #4F46E5;
  --purple:         #7C3AED;

  /* Semantic */
  --success:        #16A34A;
  --success-bg:     #F0FDF4;
  --warning:        #D97706;
  --warning-bg:     #FFFBEB;
  --danger:         #DC2626;
  --danger-bg:      #FEF2F2;
  --info:           #0284C7;
  --info-bg:        #EFF6FF;

  /* Neutrals */
  --bg:             #F8FAFC;
  --surface:        #FFFFFF;
  --surface-2:      #F1F5F9;
  --border:         #E2E8F0;
  --border-strong:  #CBD5E1;

  /* Text */
  --text:           #0F172A;
  --text-soft:      #1E293B;
  --text-muted:     #64748B;
  --text-subtle:    #94A3B8;

  /* Shadows — 2-level system */
  --shadow-xs:    0 1px 2px rgba(0,0,0,0.05);
  --shadow-sm:    0 1px 3px rgba(0,0,0,0.08), 0 4px 16px rgba(0,0,0,0.04);
  --shadow-md:    0 4px 6px rgba(0,0,0,0.07), 0 10px 30px rgba(0,0,0,0.06);
  --shadow-lg:    0 8px 16px rgba(0,0,0,0.08), 0 24px 48px rgba(0,0,0,0.07);
  --shadow-soft:  var(--shadow-sm);
  --shadow-strong:var(--shadow-md);

  /* Radii */
  --radius-xs:   6px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   20px;
  --radius-full: 999px;

  /* Compat aliases (glassmorphism → solid) */
  --glass-bg:     var(--surface);
  --glass-border: var(--border);
  --blur-amount:  0px;
  --line:         #E2E8F0;
}
:root.dark {
  /* Brand override */
  --primary:        #F8FAFC;
  --primary-dark:   #F1F5F9;
  --secondary:      #CBD5E1;
  
  /* Neutrals inverted */
  --bg:             #0F172A;
  --surface:        #1E293B;
  --surface-2:      #334155;
  --border:         #334155;
  --border-strong:  #475569;

  /* Text inverted */
  --text:           #F8FAFC;
  --text-soft:      #F1F5F9;
  --text-muted:     #94A3B8;
  --text-subtle:    #64748B;
  
  /* Misc */
  --line:           #334155;
  --glass-bg:       var(--surface);
  --glass-border:   var(--border);
}

/* =============================================================  SCROLLBAR  ============================================================= */
::-webkit-scrollbar          { width: 5px; height: 5px;
}
::-webkit-scrollbar-track    { background: transparent;
}
::-webkit-scrollbar-thumb    { background: #CBD5E1; border-radius: 999px;
}
::-webkit-scrollbar-thumb:hover { background: #94A3B8;
}
*                            { scrollbar-width: thin; scrollbar-color: #CBD5E1 transparent;
}

/* =============================================================  BASE  ============================================================= */
* { box-sizing: border-box;
}
.theme-toggle-btn {
  background: transparent;
  border: none;
  font-size: 1.2rem;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s;
  color: var(--text);
}
.theme-toggle-btn:hover {
  background-color: var(--surface-2);
}
body {
  margin: 0; padding: 0;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 15px; line-height: 1.6;
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
button, input, select, textarea { font: inherit;
}

/* =============================================================  TYPOGRAPHY  ============================================================= */
h1, h2, h3, h4, h5, h6 {
  color: var(--text);
  letter-spacing: -0.025em;
  font-weight: 700;
  margin: 0;
}
h1 { font-size: clamp(1.4rem, 3vw, 1.9rem); line-height: 1.2;
}
h2 { font-size: clamp(1.1rem, 2.5vw, 1.4rem); line-height: 1.3; color: var(--text); font-weight: 700;
}
h3 { font-size: 1rem; font-weight: 700;
}
h4 { font-size: 0.875rem; font-weight: 600;
}
p  { margin: 0;
}

/* Only for hero/highlight use */
.heading-gradient {
  background: linear-gradient(135deg, var(--accent) 0%, var(--indigo) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* =============================================================  APP SHELL  ============================================================= */
#app {
  display: flex; flex-direction: column;
  min-height: 100vh; width: 100%; max-width: 100%;
  margin: 0; text-align: left;
}
.app-container { min-height: 100vh; position: relative;
}

/* =============================================================  NAVBAR  ============================================================= */
.navbar {
  width: 100%;
  background: #FFFFFF;
  border-bottom: 1px solid var(--border);
  position: sticky; top: 0; z-index: 1000;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
.nav-inner {
  width: 100%; max-width: 1280px; margin: 0 auto;
  padding: 0 1.5rem; height: 54px;
  display: flex; align-items: center;
  justify-content: space-between; gap: 1rem;
}
.nav-brand {
  display: inline-flex; align-items: center; gap: 0.6rem;
  text-decoration: none; flex-shrink: 0;
}
.brand-icon { width: 1.85rem; height: 1.85rem; display: block;
}
.brand-text {
  color: var(--primary);
  font-size: 0.95rem; font-weight: 700;
  letter-spacing: -0.03em; white-space: nowrap;
}
.nav-links {
  display: flex; align-items: center;
  justify-content: flex-end; gap: 0.15rem;
  flex: 1;
}
.nav-spacer { flex: 1;
}
.nav-link,
.dropdown-btn {
  position: relative;
  color: var(--text-muted);
  text-decoration: none;
  font-weight: 500; font-size: 0.875rem;
  padding: 0.45rem 0.8rem;
  border-radius: var(--radius-sm);
  transition: background 0.15s ease, color 0.15s ease;
}
.nav-link:hover,
.dropdown-btn:hover,
.dropdown.is-open .dropdown-btn {
  background: var(--surface-2);
  color: var(--primary);
}
.nav-link.is-active,
.dropdown-btn.is-active {
  background: var(--accent-light);
  color: var(--accent);
  font-weight: 600;
}
.nav-link.is-active::after,
.dropdown-btn.is-active::after { display: none;
}
.dropdown { position: relative;
}
.dropdown-btn {
  background: transparent; border: none; cursor: pointer;
  display: inline-flex; align-items: center; gap: 0.3rem;
}

/* Admin accent */
.admin-dropdown-btn { color: var(--danger) !important;
}
.admin-dropdown-btn:hover,
.dropdown.is-open .admin-dropdown-btn {
  background: var(--danger-bg) !important;
  color: #B91C1C !important;
}
.arrow {
  font-size: 0.6rem; color: var(--text-subtle);
  transition: transform 0.18s ease;
}
.dropdown:hover .arrow,
.dropdown.is-open .arrow { transform: rotate(180deg);
}
.dropdown-content {
  display: none;
  position: absolute; top: calc(100% + 5px); left: 0;
  min-width: 200px; padding: 4px;
  border-radius: var(--radius-md);
  background: #FFFFFF;
  border: 1px solid var(--border);
  box-shadow: var(--shadow-lg);
  z-index: 1100;
}
.dropdown:hover .dropdown-content,
.dropdown.is-open .dropdown-content { display: block;
}
.dropdown-content a {
  display: block; padding: 0.5rem 0.8rem;
  color: var(--text-soft);
  text-decoration: none; font-weight: 500;
  font-size: 0.875rem; border-radius: var(--radius-xs);
  transition: background 0.12s ease, color 0.12s ease;
  white-space: nowrap;
}
.dropdown-content a:hover,
.dropdown-content a.is-active,
.dropdown-content a.router-link-active {
  background: var(--surface-2); color: var(--primary); font-weight: 600;
}

/* =============================================================  MENU TOGGLE  ============================================================= */
.menu-toggle {
  display: none;
  width: 2.1rem; height: 2.1rem;
  border: 1px solid var(--border); border-radius: var(--radius-sm);
  background: var(--surface); cursor: pointer;
  align-items: center; justify-content: center;
  flex-direction: column; gap: 0.22rem;
}
.menu-toggle span {
  width: 0.95rem; height: 1.5px; border-radius: 999px;
  background: var(--text-soft);
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.menu-toggle.is-open span:nth-child(1) { transform: translateY(5px) rotate(45deg);
}
.menu-toggle.is-open span:nth-child(2) { opacity: 0;
}
.menu-toggle.is-open span:nth-child(3) { transform: translateY(-5px) rotate(-45deg);
}

/* =============================================================  LAYOUT  ============================================================= */
.main-content {
  flex: 1; padding: 2rem 1.5rem;
  max-width: 1280px; margin: 0 auto; width: 100%;
}
.landing-main {
  padding-left: 0; padding-right: 0; max-width: 100%;
}
.view-container { margin: 0 auto; padding: 2rem; max-width: 1200px;
}

/* =============================================================  CARD SYSTEM  ============================================================= */
.glass-panel {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.glass-panel:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--border-strong);
}

/* =============================================================  FORMS  ============================================================= */
.form-group { margin-bottom: 1.1rem;
}
label {
  display: block;
  font-weight: 600; font-size: 0.8rem;
  color: var(--text-soft); margin-bottom: 0.35rem;
}
.input-field {
  width: 100%; padding: 0.6rem 0.85rem;
  border: 1px solid var(--border); border-radius: var(--radius-sm);
  background: var(--surface); font-size: 0.875rem;
  color: var(--text);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  appearance: none; -webkit-appearance: none;
}
.input-field::placeholder { color: var(--text-subtle);
}
.input-field:hover { border-color: var(--border-strong);
}
.input-field:focus {
  outline: none; border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(14,165,164,0.12);
}
select.input-field {
  padding-right: 2.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 0.75rem center;
  cursor: pointer;
}
.textarea { min-height: 130px; resize: vertical; line-height: 1.6;
}

/* =============================================================  BUTTONS  ============================================================= */
.btn-primary,
.btn-danger {
  display: inline-flex; align-items: center;
  justify-content: center; gap: 0.4rem;
  min-height: 36px; padding: 0.5rem 1rem;
  border: none; border-radius: var(--radius-sm);
  color: #FFFFFF; font-size: 0.875rem; font-weight: 600;
  cursor: pointer; white-space: nowrap;
  transition: filter 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease;
}
.btn-primary {
  background: var(--accent);
  box-shadow: 0 1px 2px rgba(14,165,164,0.2);
}
.btn-danger {
  background: var(--danger);
  box-shadow: 0 1px 2px rgba(220,38,38,0.18);
}
.btn-primary:hover:not(:disabled) {
  filter: brightness(0.9); transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(14,165,164,0.25);
}
.btn-danger:hover:not(:disabled) {
  filter: brightness(0.9); transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(220,38,38,0.22);
}
.btn-primary:active:not(:disabled),
.btn-danger:active:not(:disabled) { transform: translateY(0); filter: brightness(0.86);
}
.btn-primary:disabled,
.btn-danger:disabled { cursor: not-allowed; opacity: 0.38; box-shadow: none; transform: none;
}

/* =============================================================  TABLES  ============================================================= */
.table-container {
  border-radius: var(--radius-md);
  overflow: hidden; border: 1px solid var(--border);
  box-shadow: var(--shadow-xs);
}

/* =============================================================  UTILITY  ============================================================= */
.subtitle {
  color: var(--text-muted); font-size: 0.875rem;
  margin: 0.3rem 0 1.5rem; line-height: 1.6; font-weight: 400;
}
.results { margin-top: 1.5rem;
}
.skills-grid {
  display: grid; gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.skills-card {
  padding: 1.1rem; border-radius: var(--radius-md);
  background: var(--surface); border: 1px solid var(--border);
  box-shadow: var(--shadow-xs);
}
.skills-card h4 { margin: 0 0 0.65rem; font-weight: 700; color: var(--text-soft);
}

/* =============================================================  AUTH NAV  ============================================================= */
.nav-btn-login { color: var(--text-muted) !important; font-weight: 500 !important;
}
.nav-btn-register {
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--primary); color: #FFFFFF !important;
  font-weight: 600; font-size: 0.875rem;
  padding: 0.45rem 0.9rem; border-radius: var(--radius-sm);
  text-decoration: none;
  transition: background 0.15s ease, transform 0.15s ease;
}
.nav-btn-register:hover { background: var(--primary-dark); transform: translateY(-1px);
}

/* =============================================================  USER AVATAR  ============================================================= */
.user-profile-btn {
  display: flex; align-items: center; gap: 0.45rem;
  background: transparent; border: none; cursor: pointer;
  padding: 0.35rem 0.6rem; border-radius: var(--radius-sm);
  transition: background 0.15s;
}
.user-profile-btn:hover { background: var(--surface-2);
}
.nav-avatar {
  width: 1.75rem; height: 1.75rem; border-radius: 50%;
  background: var(--primary); color: #FFFFFF;
  display: flex; justify-content: center; align-items: center;
  font-size: 0.75rem; font-weight: 700; flex-shrink: 0;
}
.nav-username {
  max-width: 110px; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap;
  font-size: 0.875rem; font-weight: 500; color: var(--text-soft);
}
.user-dropdown-content { right: 0; left: auto; min-width: 188px;
}
.user-info-header {
  padding: 0.55rem 0.8rem;
  border-bottom: 1px solid var(--border); margin-bottom: 3px;
}
.header-name { margin: 0; font-weight: 600; font-size: 0.875rem; color: var(--text);
}
.header-role { margin: 0; font-size: 0.72rem; color: var(--text-muted); margin-top: 1px;
}
.dropdown-logout-btn {
  width: 100%; display: flex; align-items: center; gap: 0.45rem;
  background: transparent; border: none;
  padding: 0.5rem 0.8rem; color: var(--danger);
  font-weight: 500; font-size: 0.875rem;
  text-align: left; cursor: pointer; border-radius: var(--radius-xs);
  transition: background 0.12s ease;
}
.dropdown-logout-btn:hover { background: var(--danger-bg);
}

/* =============================================================  MOBILE  ============================================================= */
@media (max-width: 768px) {
.nav-inner { height: auto; padding: 0.65rem 1rem; flex-wrap: wrap;
}
.menu-toggle { display: inline-flex;
}
.nav-links {
    display: none; width: 100%; flex-direction: column;
    align-items: stretch; gap: 0.25rem; padding: 0.5rem 0 0.35rem;
}
.nav-links.is-open { display: flex;
}
.nav-link,
  .dropdown-btn {
    width: 100%; justify-content: flex-start;
    padding: 0.65rem 0.85rem;
    background: var(--surface-2); border-radius: var(--radius-sm);
}
.nav-spacer { display: none;
}
.dropdown { width: 100%;
}
.dropdown-content {
    position: static; width: 100%; min-width: 0;
    margin-top: 2px; padding: 3px;
    box-shadow: none; border-radius: var(--radius-sm);
    background: var(--surface-2); border-color: transparent;
}
.dropdown:hover .dropdown-content { display: none;
}
.dropdown.is-open .dropdown-content { display: block;
}
.dropdown-content a { white-space: normal;
}
.main-content { padding: 1.25rem 1rem 2rem;
}
.view-container { padding: 1.25rem 1rem;
}
.btn-primary,
  .btn-danger { width: 100%; justify-content: center;
}
}
@media (max-width: 420px) {
.brand-text { max-width: 150px; overflow: hidden; text-overflow: ellipsis;
}
}

/* ===========================
   ROOT & GLOBALS
=========================== */
.landing-root[data-v-4b43ca6d] {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 1.5rem 4rem;
  display: flex;
  flex-direction: column;
  gap: 5rem;
}

/* ===========================
   HERO
=========================== */
.hero-section[data-v-4b43ca6d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
  padding-top: 3.5rem;
}
.hero-inner[data-v-4b43ca6d] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.hero-badge[data-v-4b43ca6d] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--accent);
  background: rgba(14, 165, 164, 0.08);
  border: 1px solid rgba(14, 165, 164, 0.2);
  border-radius: 999px;
  padding: 0.3rem 0.75rem;
  width: fit-content;
}
.badge-pulse[data-v-4b43ca6d] {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: #22C55E;
  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.2);
  animation: pulse-4b43ca6d 2s ease infinite;
}
@keyframes pulse-4b43ca6d {
0%, 100% { box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.2);
}
50%       { box-shadow: 0 0 0 8px rgba(34, 197, 94, 0.05);
}
}
.hero-title[data-v-4b43ca6d] {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -0.04em;
  color: var(--text);
  margin: 0;
}
.gradient-text[data-v-4b43ca6d] {
  background: linear-gradient(135deg, var(--accent) 0%, var(--indigo) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.hero-desc[data-v-4b43ca6d] {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--text-muted);
  max-width: 480px;
  margin: 0;
}
.hero-cta[data-v-4b43ca6d] {
  display: flex;
  gap: 0.9rem;
  flex-wrap: wrap;
}
.cta-btn[data-v-4b43ca6d] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-sm);
  font-size: 0.9rem;
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}
.cta-primary[data-v-4b43ca6d] {
  background: var(--accent);
  color: #fff;
  box-shadow: 0 4px 14px rgba(14, 165, 164, 0.3);
}
.cta-primary[data-v-4b43ca6d]:hover {
  transform: translateY(-2px);
  filter: brightness(0.92);
  box-shadow: 0 8px 24px rgba(14, 165, 164, 0.4);
}
.cta-outline[data-v-4b43ca6d] {
  background: transparent;
  color: var(--text-soft);
  border: 1.5px solid var(--border-strong);
}
.cta-outline[data-v-4b43ca6d]:hover {
  transform: translateY(-2px);
  border-color: var(--accent);
  color: var(--accent);
}
.cta-arrow[data-v-4b43ca6d] {
  transition: transform 0.18s ease;
}
.cta-btn:hover .cta-arrow[data-v-4b43ca6d] { transform: translateX(3px);
}
.hero-note[data-v-4b43ca6d] {
  font-size: 0.78rem;
  color: var(--text-subtle);
  margin: 0;
}

/* Floating stat cards on the right */
.hero-visual[data-v-4b43ca6d] {
  position: relative;
  height: 320px;
}
.float-card[data-v-4b43ca6d] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 0.9rem 1.2rem;
  border-radius: var(--radius-md);
  min-width: 190px;
  animation: floatY-4b43ca6d 4s ease-in-out infinite;
}
.fc-top[data-v-4b43ca6d] { top: 0; right: 10%; animation-delay: 0s;
}
.fc-mid[data-v-4b43ca6d] { top: 38%; left: 5%; animation-delay: 1.3s;
}
.fc-bot[data-v-4b43ca6d] { bottom: 0; right: 5%; animation-delay: 0.7s;
}
@keyframes floatY-4b43ca6d {
0%, 100% { transform: translateY(0);
}
50%       { transform: translateY(-10px);
}
}
.fc-icon-sm[data-v-4b43ca6d] {
  font-size: 1.5rem;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(14,165,164,0.12), rgba(79,70,229,0.1));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.fc-label[data-v-4b43ca6d] {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 0;
}
.fc-value[data-v-4b43ca6d] {
  font-size: 1rem;
  font-weight: 800;
  color: var(--text);
  margin: 0;
}

/* ===========================
   SECTION HEADER
=========================== */
.section-header[data-v-4b43ca6d] {
  text-align: center;
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
}
.section-pill[data-v-4b43ca6d] {
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--accent);
  background: rgba(14, 165, 164, 0.08);
  border: 1px solid rgba(14, 165, 164, 0.2);
  border-radius: 999px;
  padding: 0.25rem 0.75rem;
}
.section-pill-amber[data-v-4b43ca6d] {
  color: var(--warning);
  background: rgba(217, 119, 6, 0.08);
  border-color: rgba(217, 119, 6, 0.2);
}
.section-title[data-v-4b43ca6d] {
  font-size: clamp(1.4rem, 2.5vw, 1.9rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--text);
  margin: 0;
}
.section-sub[data-v-4b43ca6d] {
  font-size: 0.95rem;
  color: var(--text-muted);
  max-width: 520px;
  line-height: 1.6;
  margin: 0;
}

/* ===========================
   FEATURE CARDS
=========================== */
.features-grid[data-v-4b43ca6d] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
.features-hr .features-grid[data-v-4b43ca6d] {
  grid-template-columns: repeat(4, 1fr);
}
.feat-card[data-v-4b43ca6d] {
  padding: 1.75rem 1.5rem;
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
  position: relative;
}
.feat-card[data-v-4b43ca6d]:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}
.feat-card h3[data-v-4b43ca6d] {
  font-size: 1rem;
  font-weight: 800;
  color: var(--text);
  margin: 0;
}
.feat-card p[data-v-4b43ca6d] {
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--text-muted);
  margin: 0;
}
.feat-highlight[data-v-4b43ca6d] {
  border-color: rgba(124, 58, 237, 0.25) !important;
}
.feat-highlight[data-v-4b43ca6d]:hover {
  border-color: var(--purple) !important;
}
.feat-badge[data-v-4b43ca6d] {
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--purple);
  background: rgba(124, 58, 237, 0.08);
  border: 1px solid rgba(124, 58, 237, 0.2);
  border-radius: 999px;
  padding: 0.2rem 0.6rem;
  width: fit-content;
}

/* Icon wraps */
.feat-icon-wrap[data-v-4b43ca6d] {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
}
.feat-teal[data-v-4b43ca6d]   { background: rgba(14,165,164,0.1);  border: 1px solid rgba(14,165,164,0.2);
}
.feat-indigo[data-v-4b43ca6d] { background: rgba(79,70,229,0.1);   border: 1px solid rgba(79,70,229,0.2);
}
.feat-purple[data-v-4b43ca6d] { background: rgba(124,58,237,0.1);  border: 1px solid rgba(124,58,237,0.2);
}
.feat-amber[data-v-4b43ca6d]  { background: rgba(217,119,6,0.1);   border: 1px solid rgba(217,119,6,0.2);
}
.feat-green[data-v-4b43ca6d]  { background: rgba(22,163,74,0.1);   border: 1px solid rgba(22,163,74,0.2);
}

/* ===========================
   HOW IT WORKS
=========================== */
.how-section[data-v-4b43ca6d] {
  /* no extra styles needed */
}
.steps-row[data-v-4b43ca6d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.step-card[data-v-4b43ca6d] {
  flex: 1;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 1.75rem 1.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  box-shadow: var(--shadow-xs);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.step-card[data-v-4b43ca6d]:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
}
.step-num[data-v-4b43ca6d] {
  font-size: 2rem;
  font-weight: 900;
  color: var(--accent);
  opacity: 0.25;
  line-height: 1;
}
.step-card h4[data-v-4b43ca6d] {
  font-size: 0.95rem;
  font-weight: 800;
  color: var(--text);
  margin: 0;
}
.step-card p[data-v-4b43ca6d] {
  font-size: 0.84rem;
  line-height: 1.55;
  color: var(--text-muted);
  margin: 0;
}
.step-connector[data-v-4b43ca6d] {
  font-size: 1.5rem;
  color: var(--border-strong);
  flex-shrink: 0;
  padding: 0 0.25rem;
}

/* ===========================
   FINAL CTA
=========================== */
.final-cta[data-v-4b43ca6d] {
  text-align: center;
  padding: 3.5rem 2rem;
  border-radius: var(--radius-xl);
  background: linear-gradient(135deg, rgba(14,165,164,0.05) 0%, rgba(79,70,229,0.05) 100%) !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.cta-title[data-v-4b43ca6d] {
  font-size: clamp(1.3rem, 2.5vw, 1.8rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--text);
  max-width: 560px;
  line-height: 1.3;
  margin: 0;
}
.cta-sub[data-v-4b43ca6d] {
  font-size: 0.95rem;
  color: var(--text-muted);
  margin: 0;
}

/* ===========================
   FOOTER
=========================== */
.landing-footer[data-v-4b43ca6d] {
  text-align: center;
  padding: 1.5rem 0 0;
  border-top: 1px solid var(--border);
  font-size: 0.8rem;
  color: var(--text-subtle);
  margin-top: -3rem;
}

/* ===========================
   RESPONSIVE
=========================== */
@media (max-width: 1024px) {
.features-hr .features-grid[data-v-4b43ca6d] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 900px) {
.hero-section[data-v-4b43ca6d] {
    grid-template-columns: 1fr;
    text-align: center;
    padding-top: 2rem;
    gap: 2rem;
}
.hero-desc[data-v-4b43ca6d] { max-width: 100%;
}
.hero-cta[data-v-4b43ca6d]  { justify-content: center;
}
.hero-note[data-v-4b43ca6d] { text-align: center;
}
.hero-visual[data-v-4b43ca6d] { display: none;
}
.features-grid[data-v-4b43ca6d] {
    grid-template-columns: 1fr;
}
.features-hr .features-grid[data-v-4b43ca6d] {
    grid-template-columns: 1fr;
}
.steps-row[data-v-4b43ca6d] {
    flex-direction: column;
    gap: 1rem;
}
.step-connector[data-v-4b43ca6d] {
    transform: rotate(90deg);
    font-size: 1.2rem;
}
.step-card[data-v-4b43ca6d] { width: 100%;
}
.landing-root[data-v-4b43ca6d] { gap: 3.5rem;
}
}
@media (max-width: 580px) {
.landing-root[data-v-4b43ca6d] { padding: 0 1rem 3rem;
}
.hero-cta[data-v-4b43ca6d] {
    flex-direction: column;
    align-items: stretch;
}
.cta-btn[data-v-4b43ca6d] {
    justify-content: center;
}
.final-cta[data-v-4b43ca6d] { padding: 2.5rem 1.2rem;
}
}

/* ===== Layout ===== */
.js-dashboard[data-v-d0469f6d] {
  max-width: 1160px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* ===== Welcome Banner ===== */
.welcome-banner[data-v-d0469f6d] {
  padding: 2.4rem 2.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
}
.banner-left[data-v-d0469f6d] {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  flex: 1;
}
.user-avatar-lg[data-v-d0469f6d] {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--accent) 0%, var(--indigo) 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: 800;
  flex-shrink: 0;
  box-shadow: 0 4px 16px rgba(14, 165, 164, 0.3);
}
.banner-info[data-v-d0469f6d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.role-pill[data-v-d0469f6d] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--accent);
  background: rgba(14, 165, 164, 0.1);
  border: 1px solid rgba(14, 165, 164, 0.25);
  border-radius: 999px;
  padding: 0.25rem 0.65rem;
  width: fit-content;
}
.pill-dot[data-v-d0469f6d] {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: #22C55E;
  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.18);
}
.welcome-title[data-v-d0469f6d] {
  font-size: clamp(1.2rem, 2.5vw, 1.5rem);
  font-weight: 800;
  color: var(--text);
  margin: 0;
  line-height: 1.25;
}
.name-highlight[data-v-d0469f6d] {
  color: var(--accent);
}
.welcome-sub[data-v-d0469f6d] {
  font-size: 0.9rem;
  color: var(--text-muted);
  margin: 0;
  line-height: 1.5;
}

/* Decorative circles */
.banner-deco[data-v-d0469f6d] {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}
.deco-circle[data-v-d0469f6d] {
  position: absolute;
  border-radius: 50%;
  opacity: 0.06;
}
.c1[data-v-d0469f6d] {
  width: 180px; height: 180px;
  background: var(--accent);
  right: -40px; top: -60px;
}
.c2[data-v-d0469f6d] {
  width: 120px; height: 120px;
  background: var(--indigo);
  right: 80px; bottom: -50px;
}

/* ===== Features Section ===== */
.features-heading[data-v-d0469f6d] {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 1.2rem;
}
.features-row[data-v-d0469f6d] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}

/* ===== Feature Card ===== */
.feature-card[data-v-d0469f6d] {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  padding: 1.8rem 1.6rem;
  text-decoration: none;
  color: inherit;
  border-radius: var(--radius-lg);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
  cursor: pointer;
}
.feature-card[data-v-d0469f6d]:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-lg);
}

/* Card accent borders */
.check-resume-card[data-v-d0469f6d]:hover { border-color: var(--accent);
}
.job-scraper-card[data-v-d0469f6d]:hover  { border-color: var(--indigo);
}
.advisor-card[data-v-d0469f6d]            { border-color: rgba(124, 58, 237, 0.18);
}
.advisor-card[data-v-d0469f6d]:hover      { border-color: var(--purple);
}

/* Icon wrap */
.fc-icon-wrap[data-v-d0469f6d] {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  flex-shrink: 0;
}
.fc-teal[data-v-d0469f6d]   { background: rgba(14, 165, 164, 0.1);  border: 1px solid rgba(14, 165, 164, 0.2);
}
.fc-indigo[data-v-d0469f6d] { background: rgba(79, 70, 229, 0.1);   border: 1px solid rgba(79, 70, 229, 0.2);
}
.fc-purple[data-v-d0469f6d] { background: rgba(124, 58, 237, 0.1);  border: 1px solid rgba(124, 58, 237, 0.2);
}
.fc-body[data-v-d0469f6d] {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  flex: 1;
}
.fc-title[data-v-d0469f6d] {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--text);
  margin: 0;
}
.fc-desc[data-v-d0469f6d] {
  font-size: 0.86rem;
  line-height: 1.55;
  color: var(--text-muted);
  margin: 0;
  flex: 1;
}
.fc-cta[data-v-d0469f6d] {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--accent);
  margin-top: 0.5rem;
  transition: gap 0.2s ease;
}
.fc-cta-purple[data-v-d0469f6d] { color: var(--purple);
}
.feature-card:hover .fc-cta[data-v-d0469f6d] { gap: 0.5rem;
}
.cta-arrow[data-v-d0469f6d] {
  transition: transform 0.2s ease;
}
.feature-card:hover .cta-arrow[data-v-d0469f6d] { transform: translateX(3px);
}

/* ===== Responsive ===== */
@media (max-width: 900px) {
.features-row[data-v-d0469f6d] {
    grid-template-columns: 1fr;
}
.welcome-banner[data-v-d0469f6d] {
    padding: 1.8rem 1.6rem;
}
.user-avatar-lg[data-v-d0469f6d] {
    width: 3.5rem;
    height: 3.5rem;
    font-size: 1.5rem;
}
}
@media (max-width: 580px) {
.banner-left[data-v-d0469f6d] {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}
.welcome-title[data-v-d0469f6d] {
    font-size: 1.1rem;
}
.welcome-banner[data-v-d0469f6d] {
    padding: 1.4rem 1.2rem;
}
.feature-card[data-v-d0469f6d] {
    padding: 1.4rem 1.2rem;
}
}

.loader-dashboard[data-v-7375086f] {
  position: relative;
  overflow: hidden;
  padding: 2.5rem;
  border-radius: var(--radius-lg);
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  box-shadow: var(--shadow-strong);
  margin-top: 2rem;
  margin-bottom: 2rem;
  animation: slideDown-7375086f 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes slideDown-7375086f {
from { opacity: 0; transform: translateY(-15px);
}
to { opacity: 1; transform: translateY(0);
}
}

/* Success / Error Overlay Screen Styling */
.success-screen[data-v-7375086f], .error-screen[data-v-7375086f] {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.success-badge-container[data-v-7375086f], .error-card-container[data-v-7375086f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.2rem;
  max-width: 420px;
  padding: 2rem;
  animation: scaleUp-7375086f 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes scaleUp-7375086f {
from { transform: scale(0.8); opacity: 0;
}
to { transform: scale(1); opacity: 1;
}
}
.success-icon-ring[data-v-7375086f], .error-icon-ring[data-v-7375086f] {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.success-icon-ring[data-v-7375086f] {
  background: rgba(34, 197, 94, 0.12);
  border: 2px solid var(--success);
  box-shadow: 0 10px 25px rgba(34, 197, 94, 0.24);
}
.error-icon-ring[data-v-7375086f] {
  background: rgba(239, 68, 68, 0.12);
  border: 2px solid var(--danger);
  box-shadow: 0 10px 25px rgba(239, 68, 68, 0.24);
}
.success-checkmark[data-v-7375086f], .error-cross[data-v-7375086f] {
  font-size: 2.6rem;
  font-weight: bold;
}
.success-checkmark[data-v-7375086f] {
  color: var(--success);
}
.error-cross[data-v-7375086f] {
  color: var(--danger);
}
.success-title[data-v-7375086f] {
  margin: 0;
  font-size: 1.85rem;
  font-weight: 850;
  color: var(--text);
}
.error-title[data-v-7375086f] {
  margin: 0;
  font-size: 1.85rem;
  font-weight: 850;
  color: var(--text);
}
.success-duration[data-v-7375086f] {
  margin: 0;
  font-size: 1.05rem;
  color: var(--text-muted);
  font-weight: 700;
}
.error-message-text[data-v-7375086f] {
  margin: 0;
  font-size: 0.95rem;
  color: var(--text-muted);
  font-weight: 600;
  line-height: 1.6;
}
.close-error-btn[data-v-7375086f] {
  margin-top: 0.5rem;
  min-width: 160px;
}

/* Header Section styling */
.loader-header[data-v-7375086f] {
  display: flex;
  align-items: center;
  gap: 1.4rem;
  border-bottom: 1px solid var(--line);
  padding-bottom: 1.5rem;
  margin-bottom: 1.8rem;
}
.header-icon-container[data-v-7375086f] {
  width: 50px;
  height: 50px;
  border-radius: 16px;
  background: rgba(14, 165, 233, 0.1);
  border: 1px solid rgba(14, 165, 233, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.02);
}
.pulse-icon[data-v-7375086f] {
  display: inline-block;
  animation: pulseRotate-7375086f 2s infinite ease-in-out;
}
@keyframes pulseRotate-7375086f {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.15) rotate(10deg);
}
}
.loader-title[data-v-7375086f] {
  margin: 0;
  font-size: 1.45rem;
  font-weight: 850;
  color: var(--text);
}
.loader-message[data-v-7375086f] {
  margin: 0.35rem 0 0;
  font-size: 0.95rem;
  color: var(--text-muted);
  font-weight: 600;
  min-height: 1.3rem;
}

/* Progress bar and numeric percentage */
.progress-section[data-v-7375086f] {
  background: rgba(255, 255, 255, 0.38);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 20px;
  padding: 1.5rem;
  margin-bottom: 2rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.progress-meta[data-v-7375086f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.85rem;
}
.progress-label[data-v-7375086f] {
  font-size: 0.88rem;
  font-weight: 800;
  color: var(--text-soft);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.progress-percentage[data-v-7375086f] {
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--primary-dark);
}
.progress-bar-track[data-v-7375086f] {
  width: 100%;
  height: 12px;
  background: rgba(14, 116, 144, 0.08);
  border-radius: 999px;
  overflow: hidden;
  position: relative;
  margin-bottom: 0.95rem;
}
.progress-bar-fill[data-v-7375086f] {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--secondary) 0%, var(--indigo) 100%);
  transition: width 0.2s ease-out;
  box-shadow: 0 0 10px rgba(99, 102, 241, 0.3);
}
.progress-blocks-visual[data-v-7375086f] {
  font-family: var(--mono);
  font-size: 1.05rem;
  letter-spacing: 2px;
  display: flex;
  justify-content: center;
  color: var(--primary);
  background: rgba(14, 165, 233, 0.04);
  padding: 0.45rem 1rem;
  border-radius: 8px;
  border: 1px dashed rgba(14, 165, 233, 0.12);
  user-select: none;
}
.blocks-text[data-v-7375086f] {
  text-shadow: 0 0 2px rgba(14, 165, 233, 0.1);
}

/* Dashboard Body columns (Timeline & Timer) */
.dashboard-body[data-v-7375086f] {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 2rem;
}
.timeline-column[data-v-7375086f] {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}
.column-title[data-v-7375086f] {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--text-soft);
  text-transform: uppercase;
  letter-spacing: 0.6px;
  border-left: 3px solid var(--secondary);
  padding-left: 0.6rem;
}
.timeline-steps[data-v-7375086f] {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding-left: 0.2rem;
}
.timeline-step[data-v-7375086f] {
  display: flex;
  align-items: center;
  gap: 1.1rem;
  padding: 0.85rem 1.1rem;
  border-radius: 16px;
  transition: all 0.25s ease;
  border: 1px solid transparent;
}
.timeline-step.step-completed[data-v-7375086f] {
  background: rgba(34, 197, 94, 0.05);
  border-color: rgba(34, 197, 94, 0.12);
}
.timeline-step.step-processing[data-v-7375086f] {
  background: rgba(14, 165, 233, 0.06);
  border-color: rgba(14, 165, 233, 0.2);
  box-shadow: var(--shadow-soft);
  transform: translateX(4px);
}
.timeline-step.step-pending[data-v-7375086f] {
  background: rgba(255, 255, 255, 0.15);
  opacity: 0.6;
}
.step-status-marker[data-v-7375086f] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95rem;
  font-weight: bold;
}
.step-completed .step-status-marker[data-v-7375086f] {
  background: rgba(34, 197, 94, 0.15);
  color: var(--success);
}
.step-processing .step-status-marker[data-v-7375086f] {
  background: rgba(14, 165, 233, 0.15);
  color: var(--primary);
  animation: spinnerRotate-7375086f 2.5s infinite linear;
}
@keyframes spinnerRotate-7375086f {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}
.step-pending .step-status-marker[data-v-7375086f] {
  color: var(--text-muted);
  border: 1.5px dashed rgba(148, 163, 184, 0.4);
}
.step-info[data-v-7375086f] {
  display: flex;
  flex-direction: column;
}
.step-name[data-v-7375086f] {
  font-size: 0.94rem;
  font-weight: 750;
  color: var(--text);
}
.step-completed .step-name[data-v-7375086f] {
  color: #15803D;
  text-decoration: line-through;
  opacity: 0.85;
}
.step-processing .step-name[data-v-7375086f] {
  color: var(--primary-dark);
}
.step-status-label[data-v-7375086f] {
  font-size: 0.76rem;
  font-weight: 600;
  color: var(--text-muted);
}
.step-completed .step-status-label[data-v-7375086f] {
  color: #16A34A;
}
.step-processing .step-status-label[data-v-7375086f] {
  color: var(--secondary);
}

/* Right Column (Timer card) */
.timer-column[data-v-7375086f] {
  display: flex;
  align-items: flex-start;
}
.timer-card[data-v-7375086f] {
  width: 100%;
  background: rgba(255, 255, 255, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: var(--radius-lg);
  padding: 2.2rem 1.8rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.65rem;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.015);
  transition: all 0.3s ease;
}
.timer-card[data-v-7375086f]:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.55);
  box-shadow: 0 14px 38px rgba(15, 23, 42, 0.03);
}
.timer-label[data-v-7375086f] {
  font-size: 0.82rem;
  font-weight: 800;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.8px;
}
.timer-value[data-v-7375086f] {
  font-family: var(--mono);
  font-size: 3.25rem;
  font-weight: 900;
  line-height: 1;
  color: var(--text);
  margin: 0.4rem 0;
}
.timer-value.timer-completed[data-v-7375086f] {
  color: var(--text);
}
.timer-sub[data-v-7375086f] {
  font-size: 0.85rem;
  color: var(--text-muted);
  font-weight: 600;
}

/* Transitions */
.fade-enter-active[data-v-7375086f],
.fade-leave-active[data-v-7375086f] {
  transition: opacity 0.4s ease;
}
.fade-enter-from[data-v-7375086f],
.fade-leave-to[data-v-7375086f] {
  opacity: 0;
}

/* Responsive configurations */
@media (max-width: 768px) {
.loader-dashboard[data-v-7375086f] {
    padding: 1.8rem 1.4rem;
}
.dashboard-body[data-v-7375086f] {
    grid-template-columns: 1fr;
    gap: 1.8rem;
}
.timer-card[data-v-7375086f] {
    padding: 1.5rem;
}
.timer-value[data-v-7375086f] {
    font-size: 2.6rem;
}
.timeline-step.step-processing[data-v-7375086f] {
    transform: none;
}
}

.error-state-card[data-v-c8659acf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2.5rem 2rem;
  border-radius: var(--radius-lg);
  background: var(--glass-bg);
  backdrop-filter: blur(var(--blur-amount));
  -webkit-backdrop-filter: blur(var(--blur-amount));
  border: 1px solid var(--glass-border);
  box-shadow: var(--shadow-soft);
  max-width: 600px;
  width: 100%;
  margin: 2rem auto;
  gap: 1.1rem;
  animation: fadeIn-c8659acf 0.4s ease-out;
}
@keyframes fadeIn-c8659acf {
from { opacity: 0; transform: translateY(10px);
}
to { opacity: 1; transform: translateY(0);
}
}
.error-icon-ring[data-v-c8659acf] {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.85rem;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
  margin-bottom: 0.25rem;
}
.type-network[data-v-c8659acf] {
  background: rgba(239, 68, 68, 0.12);
  border: 2px solid var(--danger);
  color: var(--danger);
}
.type-backend[data-v-c8659acf] {
  background: rgba(245, 158, 11, 0.12);
  border: 2px solid var(--warning);
  color: var(--warning);
}
.type-validation[data-v-c8659acf] {
  background: rgba(14, 165, 233, 0.12);
  border: 2px solid var(--secondary);
  color: var(--secondary);
}
.type-timeout[data-v-c8659acf] {
  background: rgba(99, 102, 241, 0.12);
  border: 2px solid var(--indigo);
  color: var(--indigo);
}
.type-empty[data-v-c8659acf] {
  background: rgba(100, 116, 139, 0.12);
  border: 2px solid var(--text-muted);
  color: var(--text-muted);
}
.error-title[data-v-c8659acf] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 850;
  color: var(--text-soft);
}
.error-message[data-v-c8659acf] {
  margin: 0;
  font-size: 0.94rem;
  color: var(--text-muted);
  line-height: 1.55;
  max-width: 440px;
}
.retry-btn[data-v-c8659acf] {
  margin-top: 0.5rem;
  min-width: 150px;
  min-height: 40px;
}

.floating-banner[data-v-df1ee419] {
  position: fixed;
  top: 84px; /* navbar height + spacing */
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 40px);
  max-width: 800px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.95rem 1.4rem;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(239, 68, 68, 0.25);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
  z-index: 999;
}
.banner-content[data-v-df1ee419] {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  text-align: left;
}
.banner-icon[data-v-df1ee419] {
  font-size: 1.35rem;
}
.banner-text[data-v-df1ee419] {
  display: flex;
  flex-direction: column;
}
.banner-title[data-v-df1ee419] {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 800;
  color: #7F1D1D;
}
.banner-message[data-v-df1ee419] {
  margin: 0.15rem 0 0;
  font-size: 0.82rem;
  font-weight: 600;
  color: #991B1B;
}
.banner-actions[data-v-df1ee419] {
  display: flex;
  align-items: center;
  gap: 0.95rem;
}
.banner-btn[data-v-df1ee419] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.45rem 0.9rem;
  font-size: 0.8rem;
  font-weight: 800;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
}
.retry-btn[data-v-df1ee419] {
  background: #FEF2F2;
  border: 1px solid rgba(239, 68, 68, 0.3);
  color: #991B1B;
}
.retry-btn[data-v-df1ee419]:hover {
  background: #FEE2E2;
  transform: translateY(-1px);
}
.banner-close-btn[data-v-df1ee419] {
  background: none;
  border: none;
  font-size: 1.45rem;
  color: #991B1B;
  cursor: pointer;
  line-height: 1;
  padding: 0;
  opacity: 0.75;
  transition: opacity 0.2s ease;
}
.banner-close-btn[data-v-df1ee419]:hover {
  opacity: 1;
}

/* Transitions */
.slide-down-enter-active[data-v-df1ee419],
.slide-down-leave-active[data-v-df1ee419] {
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease;
}
.slide-down-enter-from[data-v-df1ee419],
.slide-down-leave-to[data-v-df1ee419] {
  transform: translate(-50%, -20px);
  opacity: 0;
}
@media (max-width: 768px) {
.floating-banner[data-v-df1ee419] {
    top: 76px;
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
    padding: 0.8rem 1.1rem;
}
.banner-actions[data-v-df1ee419] {
    justify-content: flex-end;
}
}

.inline-error[data-v-46700908] {
  color: #EF4444;
  font-size: 0.8rem;
  font-weight: 600;
  margin-top: 0.35rem;
  display: block;
  text-align: left;
}

/* 1. Input Controls section styling */
.form-group-container[data-v-46700908] {
  padding: 2.2rem;
  border-radius: var(--radius-lg);
  margin-bottom: 2rem;
  background: rgba(255, 255, 255, 0.42);
}
.sub-glass-card[data-v-46700908] {
  border: 1px solid var(--glass-border);
  box-shadow: 0 8px 32px rgba(15, 23, 42, 0.02);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.controls-grid[data-v-46700908] {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 1.5rem;
  margin-bottom: 1.8rem;
}
.input-wrapper[data-v-46700908] {
  position: relative;
  width: 100%;
}
.input-icon[data-v-46700908] {
  position: absolute;
  left: 1.1rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.1rem;
  pointer-events: none;
}
.input-field.with-icon[data-v-46700908] {
  padding-left: 2.8rem;
}
.actions[data-v-46700908] {
  display: flex;
  gap: 1.2rem;
}
.find-btn[data-v-46700908] {
  font-size: 0.98rem;
  min-width: 220px;
}
.btn-danger-outline[data-v-46700908] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 48px;
  padding: 0.88rem 1.35rem;
  border: 1.5px solid rgba(239, 68, 68, 0.35);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.45);
  color: var(--danger);
  font-size: 0.98rem;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.2s ease;
}
.btn-danger-outline[data-v-46700908]:hover:not(:disabled) {
  background: rgba(239, 68, 68, 0.08);
  border-color: var(--danger);
  transform: translateY(-1px);
}
.btn-danger-outline[data-v-46700908]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

/* 2. Results Area styling */
.results-area[data-v-46700908] {
  animation: fadeInUp-46700908 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes fadeInUp-46700908 {
from { opacity: 0; transform: translateY(15px);
}
to { opacity: 1; transform: translateY(0);
}
}
.stats-cards-row[data-v-46700908] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-bottom: 2.2rem;
}
.mini-stat-card[data-v-46700908] {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  padding: 1.2rem 1.6rem;
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.45);
  border: 1px solid var(--glass-border);
  box-shadow: 0 8px 32px rgba(15, 23, 42, 0.02);
}
.stat-icon-wrapper[data-v-46700908] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
}
.primary-bg[data-v-46700908] {
  background-color: rgba(14, 165, 233, 0.12);
  border: 1px solid rgba(14, 165, 233, 0.22);
}
.success-bg[data-v-46700908] {
  background-color: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.22);
}
.info-bg[data-v-46700908] {
  background-color: rgba(99, 102, 241, 0.12);
  border: 1px solid rgba(99, 102, 241, 0.22);
}
.text-primary[data-v-46700908] { color: var(--primary-dark);
}
.text-success[data-v-46700908] { color: #16A34A;
}
.text-info[data-v-46700908] { color: var(--indigo);
}
.stat-content[data-v-46700908] {
  display: flex;
  flex-direction: column;
}
.stat-label[data-v-46700908] {
  font-size: 0.78rem;
  font-weight: 800;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.stat-number[data-v-46700908] {
  font-size: 1.45rem;
  font-weight: 900;
  line-height: 1.2;
}

/* Layout Grid */
.dashboard-grid[data-v-46700908] {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 2rem;
  margin-bottom: 3rem;
}
.section-title[data-v-46700908] {
  margin: 0 0 1.1rem;
  font-size: 1.25rem;
  font-weight: 850;
  color: var(--text-soft);
}

/* 3. Top Recommendation Styling */
.top-job-card[data-v-46700908] {
  padding: 2.2rem;
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, rgba(254, 243, 199, 0.55), rgba(255, 255, 255, 0.78));
  border: 1px solid rgba(245, 158, 11, 0.5);
  box-shadow: 0 16px 40px rgba(217, 119, 6, 0.08), 0 0 15px rgba(245, 158, 11, 0.15);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  transition: all 0.3s ease;
}
.top-job-card[data-v-46700908]:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 48px rgba(217, 119, 6, 0.14), 0 0 20px rgba(245, 158, 11, 0.25);
  border-color: rgba(245, 158, 11, 0.8);
}
.top-job-badge[data-v-46700908] {
  align-self: flex-start;
  font-size: 0.78rem;
  font-weight: 800;
  color: #B45309;
  background: #FEF3C7;
  border: 1px solid rgba(217, 119, 6, 0.3);
  padding: 0.3rem 0.8rem;
  border-radius: 999px;
  letter-spacing: 0.6px;
}
.top-job-title[data-v-46700908] {
  margin: 0.2rem 0 0;
  font-size: 1.55rem;
  font-weight: 850;
  color: #78350F;
  line-height: 1.35;
}
.top-job-company[data-v-46700908] {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: #B45309;
}
.top-job-location[data-v-46700908] {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text-muted);
}
.top-job-recommendation[data-v-46700908] {
  font-size: 0.92rem;
  line-height: 1.6;
  color: #78350F;
  padding: 0.9rem;
  background: rgba(254, 243, 199, 0.45);
  border-radius: 16px;
  border-left: 3px solid #D97706;
}
.top-job-link[data-v-46700908] {
  margin-top: 0.6rem;
  text-decoration: none;
  font-size: 0.98rem;
}

/* 4. Recommendation Jobs List */
.jobs-list[data-v-46700908] {
  display: flex;
  flex-direction: column;
  gap: 1.35rem;
}
.job-result-card[data-v-46700908] {
  padding: 1.6rem;
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.62);
  border: 1px solid var(--glass-border);
  box-shadow: var(--shadow-soft);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: all 0.3s ease;
}
.job-result-card[data-v-46700908]:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-strong);
  background: rgba(255, 255, 255, 0.8);
}
.job-card-header[data-v-46700908] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.match-badge[data-v-46700908] {
  font-size: 0.78rem;
  font-weight: 800;
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
}
.badge-high[data-v-46700908] {
  background: hsla(142, 76%, 36%, 0.1);
  color: hsl(142, 76%, 36%);
  border: 1px solid hsla(142, 76%, 36%, 0.3);
  box-shadow: 0 0 12px hsla(142, 76%, 36%, 0.15);
}
.badge-moderate[data-v-46700908] {
  background: hsla(199, 89%, 48%, 0.1);
  color: hsl(199, 89%, 48%);
  border: 1px solid hsla(199, 89%, 48%, 0.3);
  box-shadow: 0 0 12px hsla(199, 89%, 48%, 0.15);
}
.badge-low[data-v-46700908] {
  background: hsla(38, 92%, 50%, 0.1);
  color: hsl(38, 92%, 50%);
  border: 1px solid hsla(38, 92%, 50%, 0.3);
  box-shadow: 0 0 12px hsla(38, 92%, 50%, 0.15);
}
.job-card-score[data-v-46700908] {
  font-size: 0.94rem;
  font-weight: 800;
  color: var(--text-soft);
}
.job-card-title[data-v-46700908] {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--text-soft);
  line-height: 1.4;
}
.job-card-meta[data-v-46700908] {
  display: flex;
  gap: 1.2rem;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--text-muted);
}
.job-card-recommendation[data-v-46700908] {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--text-muted);
}
.view-job-btn[data-v-46700908] {
  align-self: flex-start;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0.5rem 1.1rem;
  font-size: 0.88rem;
  font-weight: 800;
  border-radius: 999px;
  border: 1.5px solid rgba(14, 165, 233, 0.35);
  color: var(--primary-dark);
  background: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  transition: all 0.2s ease;
}
.view-job-btn[data-v-46700908]:hover {
  background: rgba(14, 165, 233, 0.08);
  border-color: var(--primary-dark);
  transform: translateY(-1px);
}

/* 5. Archive Section styling */
.database-archive[data-v-46700908] {
  margin-top: 3.5rem;
  border-top: 1px solid var(--line);
  padding-top: 2.5rem;
}
.archive-title[data-v-46700908] {
  margin: 0 0 1.2rem;
  font-size: 1.25rem;
  font-weight: 850;
  color: var(--text-soft);
}
.table-wrapper[data-v-46700908] {
  overflow: hidden;
  border-radius: 20px;
}

/* 6. Empty State Dashboard */
.empty-state-panel[data-v-46700908] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5rem 2rem;
  margin-top: 2rem;
  text-align: center;
  gap: 1.1rem;
  border-radius: var(--radius-lg);
}
.empty-icon[data-v-46700908] {
  font-size: 3.6rem;
  filter: drop-shadow(0 10px 20px rgba(3, 105, 161, 0.15));
}
.empty-text[data-v-46700908] {
  font-size: 1.15rem;
  font-weight: 750;
  color: var(--text-muted);
  max-width: 480px;
  line-height: 1.6;
  margin: 0;
}

/* 7. Skeleton Loader definitions */
.skeleton-dashboard[data-v-46700908] {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.skeleton-summary-row[data-v-46700908] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
.stat-card-skeleton[data-v-46700908] {
  height: 90px;
  border-radius: var(--radius-lg);
  background: rgba(226, 232, 240, 0.3);
}
.skeleton-grid[data-v-46700908] {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 2rem;
}
.skeleton-left-col[data-v-46700908] {
  display: flex;
  flex-direction: column;
}
.best-card-skeleton[data-v-46700908] {
  height: 280px;
  border-radius: var(--radius-lg);
  background: rgba(226, 232, 240, 0.3);
}
.skeleton-right-col[data-v-46700908] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.ranking-card-skeleton[data-v-46700908] {
  height: 180px;
  border-radius: var(--radius-lg);
  background: rgba(226, 232, 240, 0.3);
}
.skeleton-table-container[data-v-46700908] {
  height: 240px;
  border-radius: 20px;
  background: rgba(226, 232, 240, 0.3);
  margin-top: 1.5rem;
}
.pulse[data-v-46700908] {
  background: linear-gradient(90deg, rgba(226, 232, 240, 0.3) 25%, rgba(203, 213, 225, 0.4) 50%, rgba(226, 232, 240, 0.3) 75%);
  background-size: 200% 100%;
  animation: skeleton-glow-46700908 1.5s infinite;
}
@keyframes skeleton-glow-46700908 {
0% { background-position: 200% 0;
}
100% { background-position: -200% 0;
}
}

/* Override vue3-easy-data-table styles to match theme */
[data-v-46700908] .easy-data-table__header {
  background-color: rgba(14, 165, 233, 0.08);
  color: var(--primary-dark);
  font-weight: 800;
}
[data-v-46700908] .easy-data-table__rows-hover {
  background-color: rgba(255, 255, 255, 0.4);
}
[data-v-46700908] .easy-data-table__rows-hover:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

/* 8. Responsivity & mobile scaling adjustments */
@media (max-width: 992px) {
.controls-grid[data-v-46700908] {
    grid-template-columns: 1fr;
    gap: 1.1rem;
}
.dashboard-grid[data-v-46700908], .skeleton-grid[data-v-46700908] {
    grid-template-columns: 1fr;
    gap: 2rem;
}
}
@media (max-width: 768px) {
.stats-cards-row[data-v-46700908], .skeleton-summary-row[data-v-46700908] {
    grid-template-columns: 1fr;
    gap: 1rem;
}
}
@media (max-width: 480px) {
.form-group-container[data-v-46700908] {
    padding: 1.5rem;
}
.actions[data-v-46700908] {
    flex-direction: column;
    gap: 0.8rem;
}
.find-btn[data-v-46700908], .btn-danger-outline[data-v-46700908] {
    width: 100%;
}
}

.explain-card[data-v-b196960d] {
  width: 100%;
  margin-top: 2rem;
  padding: 2.2rem;
  text-align: left;
  border-radius: var(--radius-lg);
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  box-shadow: var(--shadow-soft);
  animation: fadeIn-b196960d 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}
@keyframes fadeIn-b196960d {
from { opacity: 0; transform: translateY(20px);
}
to { opacity: 1; transform: translateY(0);
}
}
.explain-card-header[data-v-b196960d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(14, 116, 144, 0.08);
  padding-bottom: 1.2rem;
  margin-bottom: 1.8rem;
  flex-wrap: wrap;
  gap: 1rem;
}
.dashboard-title[data-v-b196960d] {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 850;
  color: var(--text);
}

/* 8. Domain Badge Enhancement */
.domain-badge-container[data-v-b196960d] {
  display: flex;
  align-items: center;
}
.premium-domain-badge[data-v-b196960d] {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.45rem 1rem;
  border-radius: 999px;
  background: rgba(14, 116, 144, 0.08);
  border: 1px solid rgba(14, 116, 144, 0.22);
  color: #0e7490;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 1px;
  box-shadow: 0 0 12px rgba(14, 116, 144, 0.05);
}
.pulse-dot[data-v-b196960d] {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #0ea5e9;
  box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7);
  animation: pulse-b196960d 1.6s infinite;
}
@keyframes pulse-b196960d {
0% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.6);
}
70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(14, 165, 233, 0);
}
100% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0);
}
}
.sub-glass-card[data-v-b196960d] {
  background: rgba(255, 255, 255, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: var(--radius-lg);
  padding: 1.6rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 8px 32px rgba(15, 23, 42, 0.015);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.sub-glass-card[data-v-b196960d]:hover {
  transform: translateY(-2.5px);
  box-shadow: 0 12px 36px rgba(15, 23, 42, 0.035);
  background: rgba(255, 255, 255, 0.55);
}
.section-title[data-v-b196960d] {
  margin: 0 0 1.2rem;
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--text-soft);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-bottom: 1px dashed rgba(14, 116, 144, 0.1);
  padding-bottom: 0.55rem;
}

/* 1. Executive Summary Card Layout */
.executive-grid[data-v-b196960d] {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 1.8rem;
}
@media (max-width: 900px) {
.executive-grid[data-v-b196960d] {
    grid-template-columns: 1fr;
    gap: 1.5rem;
}
}

/* 2. Recommendation Hero Score Card */
.hero-score-card[data-v-b196960d] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2.2rem 1.6rem;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  text-align: center;
  border: 1px solid;
  transition: all 0.4s ease;
}
.hero-glow[data-v-b196960d] {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 70%);
  pointer-events: none;
  mix-blend-mode: overlay;
}
.hero-label[data-v-b196960d] {
  font-size: 0.88rem;
  font-weight: 850;
  letter-spacing: 1.2px;
  margin-bottom: 0.8rem;
  z-index: 2;
}
.hero-score[data-v-b196960d] {
  font-size: 3rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -1px;
  margin-bottom: 0.8rem;
  z-index: 2;
  text-shadow: 0 2px 10px rgba(255, 255, 255, 0.35);
}
.hero-subtext[data-v-b196960d] {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--text-muted);
  z-index: 2;
  opacity: 0.85;
}

/* Executive Details Table Styling */
.executive-details[data-v-b196960d] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.details-title[data-v-b196960d] {
  margin: 0 0 1rem;
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--primary-dark);
}
.details-table[data-v-b196960d] {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}
.details-row[data-v-b196960d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid rgba(14, 116, 144, 0.08);
}
.details-row[data-v-b196960d]:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.details-label[data-v-b196960d] {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--text-muted);
}
.details-value[data-v-b196960d] {
  font-size: 0.95rem;
  text-align: right;
}
.font-bold[data-v-b196960d] {
  font-weight: 800;
}

/* 3. Statistics Cards Row */
.stats-cards-row[data-v-b196960d] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
.stats-cards-row[data-v-b196960d] {
    grid-template-columns: 1fr;
    gap: 1rem;
}
}
.mini-stat-card[data-v-b196960d] {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  padding: 1.1rem 1.4rem;
  margin-bottom: 0; /* Override margin from sub-glass-card */
}
.stat-icon-wrapper[data-v-b196960d] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 850;
  font-size: 1.25rem;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.03);
}
.success-bg[data-v-b196960d] {
  background-color: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.25);
}
.danger-bg[data-v-b196960d] {
  background-color: rgba(239, 68, 68, 0.12);
  border: 1px solid rgba(239, 68, 68, 0.25);
}
.primary-bg[data-v-b196960d] {
  background-color: rgba(14, 165, 233, 0.12);
  border: 1px solid rgba(14, 165, 233, 0.25);
}
.stat-content[data-v-b196960d] {
  display: flex;
  flex-direction: column;
}
.stat-label[data-v-b196960d] {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.stat-number[data-v-b196960d] {
  font-size: 1.45rem;
  font-weight: 900;
  line-height: 1.2;
}

/* 6. Progress Bar Enhancement */
.progress-bar-container[data-v-b196960d] {
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.85);
  padding: 1.1rem 1.4rem;
  border-radius: 18px;
  margin-bottom: 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}
.progress-label[data-v-b196960d] {
  font-size: 0.88rem;
  font-weight: 800;
  color: var(--text-soft);
}
.modern-progress-track[data-v-b196960d] {
  width: 100%;
  height: 22px; /* Taller track to fit label inside */
  background: rgba(148, 163, 184, 0.12);
  border-radius: 999px;
  position: relative;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
}
.modern-progress-fill[data-v-b196960d] {
  height: 100%;
  border-radius: 999px;
  width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 0.8rem;
  transition: width 1.4s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.3);
}
.progress-percentage-label[data-v-b196960d] {
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.5px;
  text-shadow: 0 1px 3px rgba(0,0,0,0.25);
  animation: fadeInLabel-b196960d 0.4s ease forwards;
  animation-delay: 1.2s;
  opacity: 0;
}
.progress-percentage-label-outside[data-v-b196960d] {
  position: absolute;
  left: calc(var(--v19fdca36) * 1% + 10px);
  font-size: 0.78rem;
  font-weight: 850;
  color: var(--text-soft);
}
@keyframes fadeInLabel-b196960d {
to { opacity: 1;
}
}

/* 4. Skills Analysis 2-Column Layout */
.skills-split-grid[data-v-b196960d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.8rem;
}
@media (max-width: 900px) {
.skills-split-grid[data-v-b196960d] {
    grid-template-columns: 1fr;
    gap: 1.4rem;
}
}
.skills-column[data-v-b196960d] {
  padding: 0.5rem 0;
}
.column-subtitle[data-v-b196960d] {
  margin: 0 0 1rem;
  font-size: 0.95rem;
  font-weight: 850;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.column-subtitle.text-success[data-v-b196960d] { color: #16a34a;
}
.column-subtitle.text-danger[data-v-b196960d] { color: #dc2626;
}
.icon[data-v-b196960d] {
  width: 15px;
  height: 15px;
}
.pills-container[data-v-b196960d] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

/* 5. Better Skill Pills */
.pill[data-v-b196960d] {
  display: inline-block;
  padding: 0.45rem 1rem;
  border-radius: 999px;
  font-weight: 650;
  font-size: 0.82rem;
  border: 1px solid;
  transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
  cursor: default;
  box-shadow: 0 2px 4px rgba(15, 23, 42, 0.02);
}
.pill-success[data-v-b196960d] {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.05), rgba(74, 222, 128, 0.08));
  border-color: rgba(34, 197, 94, 0.3);
  color: #16a34a;
}
.pill-success[data-v-b196960d]:hover {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.12), rgba(74, 222, 128, 0.15));
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(34, 197, 94, 0.18);
}
.pill-danger[data-v-b196960d] {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.05), rgba(248, 113, 113, 0.08));
  border-color: rgba(239, 68, 68, 0.3);
  color: #dc2626;
}
.pill-danger[data-v-b196960d]:hover {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.12), rgba(248, 113, 113, 0.15));
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(239, 68, 68, 0.18);
}
.empty-text[data-v-b196960d] {
  font-size: 0.85rem;
  color: var(--text-muted);
  font-style: italic;
}
.text-success-light[data-v-b196960d] {
  color: #16a34a !important;
  font-weight: 650;
}

/* 7. AI Reasoning Cards Layout */
.reasoning-section[data-v-b196960d] {
  margin-top: 1rem;
}
.reasoning-cards-grid[data-v-b196960d] {
  display: flex;
  flex-direction: column;
  gap: 0.95rem;
}
.reasoning-card-item[data-v-b196960d] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.2rem 1.6rem;
  margin-bottom: 0; /* Override margin from sub-glass-card */
  border-radius: 18px;
  animation: slideIn-b196960d 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  opacity: 0;
}
.reasoning-card-item[data-v-b196960d]:nth-child(1) { animation-delay: 0.15s;
}
.reasoning-card-item[data-v-b196960d]:nth-child(2) { animation-delay: 0.25s;
}
.reasoning-card-item[data-v-b196960d]:nth-child(3) { animation-delay: 0.35s;
}
@keyframes slideIn-b196960d {
from { opacity: 0; transform: translateX(-15px);
}
to { opacity: 1; transform: translateX(0);
}
}
.reasoning-card-item[data-v-b196960d]:hover {
  transform: translateX(4px) translateY(-1px);
  background: rgba(255, 255, 255, 0.6);
  border-color: rgba(14, 116, 144, 0.18);
}
.reasoning-icon[data-v-b196960d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(14, 165, 233, 0.08);
  border: 1px solid rgba(14, 165, 233, 0.2);
  color: var(--secondary);
  flex-shrink: 0;
  margin-top: 0.1rem;
}
.check-icon[data-v-b196960d] {
  width: 14px;
  height: 14px;
  color: var(--secondary);
}
.reasoning-text[data-v-b196960d] {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.55;
  color: var(--text);
}
.reasoning-card-item.empty[data-v-b196960d] {
  color: var(--text-muted);
  animation: none;
  opacity: 1;
}
.italic[data-v-b196960d] {
  font-style: italic;
}

/* 9. Score-Based Themes Styling (Colors & Glows) */
.theme-strong[data-v-b196960d] {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.12), rgba(74, 222, 128, 0.18)) !important;
  border-color: rgba(34, 197, 94, 0.4) !important;
  color: #16a34a !important;
  box-shadow: 0 12px 32px rgba(34, 197, 94, 0.12), inset 0 2px 4px rgba(255,255,255,0.6) !important;
}
.theme-good[data-v-b196960d] {
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.12), rgba(56, 189, 248, 0.18)) !important;
  border-color: rgba(14, 165, 233, 0.4) !important;
  color: var(--accent) !important;
  box-shadow: 0 12px 32px rgba(14, 165, 233, 0.12), inset 0 2px 4px rgba(255,255,255,0.6) !important;
}
.theme-moderate[data-v-b196960d] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.12), rgba(251, 191, 36, 0.18)) !important;
  border-color: rgba(245, 158, 11, 0.4) !important;
  color: #d97706 !important;
  box-shadow: 0 12px 32px rgba(245, 158, 11, 0.08), inset 0 2px 4px rgba(255,255,255,0.6) !important;
}
.theme-low[data-v-b196960d] {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.12), rgba(248, 113, 113, 0.18)) !important;
  border-color: rgba(239, 68, 68, 0.4) !important;
  color: #dc2626 !important;
  box-shadow: 0 12px 32px rgba(239, 68, 68, 0.08), inset 0 2px 4px rgba(255,255,255,0.6) !important;
}

/* Score Texts */
.score-text.theme-strong[data-v-b196960d] {
  background: linear-gradient(135deg, #16a34a, #22c55e);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}
.score-text.theme-good[data-v-b196960d] {
  background: linear-gradient(135deg, var(--accent), #0ea5e9);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}
.score-text.theme-moderate[data-v-b196960d] {
  background: linear-gradient(135deg, #d97706, #f59e0b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}
.score-text.theme-low[data-v-b196960d] {
  background: linear-gradient(135deg, #dc2626, #ef4444);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

/* Progress Fills */
.progress-fill-strong[data-v-b196960d] { background: linear-gradient(90deg, #22c55e, #4ade80);
}
.progress-fill-good[data-v-b196960d] { background: linear-gradient(90deg, #0ea5e9, #38bdf8);
}
.progress-fill-moderate[data-v-b196960d] { background: linear-gradient(90deg, #f59e0b, #fbbf24);
}
.progress-fill-low[data-v-b196960d] { background: linear-gradient(90deg, #ef4444, #f87171);
}

.inline-error[data-v-743a8705] {
  color: #EF4444;
  font-size: 0.8rem;
  font-weight: 600;
  margin-top: 0.35rem;
  display: block;
  text-align: left;
}
.skill-tag[data-v-743a8705] {
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  font-weight: 500;
  font-size: 0.9rem;
  border: 2px solid;
  transition: all 0.3s ease;
  cursor: default;
}
.skill-tag-success[data-v-743a8705] {
  background-color: rgba(34, 197, 94, 0.1);
  border-color: #22C55E;
  color: #16A34A;
}
.skill-tag-success[data-v-743a8705]:hover {
  background-color: rgba(34, 197, 94, 0.2);
  border-color: #16A34A;
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);
}
.skill-tag-danger[data-v-743a8705] {
  background-color: rgba(239, 68, 68, 0.1);
  border-color: #EF4444;
  color: #DC2626;
}
.skill-tag-danger[data-v-743a8705]:hover {
  background-color: rgba(239, 68, 68, 0.2);
  border-color: #DC2626;
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}
.tags[data-v-743a8705] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1rem;
}
.empty-state[data-v-743a8705] {
  color: #999;
  font-style: italic;
}
.score-card[data-v-743a8705] {
  max-width: 220px;
  margin: 0 auto 2rem;
  padding: 1.2rem;
  text-align: center;
  border-radius: 20px;
  box-shadow: var(--shadow-strong);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.score-card[data-v-743a8705]:hover {
  transform: translateY(-2px);
  box-shadow: 0 28px 80px rgba(15, 23, 42, 0.22);
}
.score-card h3[data-v-743a8705] {
  margin: 0 0 0.4rem;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: 700;
  opacity: 0.9;
}
.score-value[data-v-743a8705] {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
}
.score-danger[data-v-743a8705] {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.15) 0%, rgba(220, 38, 38, 0.1) 100%);
  border: 2px solid var(--danger);
}
.score-danger h3[data-v-743a8705] {
  color: #DC2626;
}
.score-danger .score-value[data-v-743a8705] {
  color: var(--text);
}
.score-warning[data-v-743a8705] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15) 0%, rgba(234, 179, 8, 0.1) 100%);
  border: 2px solid var(--warning);
}
.score-warning h3[data-v-743a8705] {
  color: #D97706;
}
.score-warning .score-value[data-v-743a8705] {
  color: var(--text);
}
.score-success[data-v-743a8705] {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.15) 0%, rgba(22, 163, 74, 0.1) 100%);
  border: 2px solid var(--success);
}
.score-success h3[data-v-743a8705] {
  color: #16A34A;
}
.score-success .score-value[data-v-743a8705] {
  color: var(--text);
}
.empty-state-panel[data-v-743a8705] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3.5rem 2rem;
  margin-top: 2rem;
  text-align: center;
  gap: 1rem;
}
.empty-icon[data-v-743a8705] {
  font-size: 2.8rem;
  filter: drop-shadow(0 8px 16px rgba(15, 23, 42, 0.08));
}
.empty-state-panel p[data-v-743a8705] {
  color: var(--text-muted);
  font-size: 0.98rem;
  max-width: 460px;
  line-height: 1.6;
  margin: 0;
}

/* Resume Advisor CTA */
.advisor-cta-panel[data-v-743a8705] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 1.5rem 2rem;
  margin-top: 2rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.08) 0%, rgba(99, 102, 241, 0.06) 100%);
  border: 1px solid rgba(139, 92, 246, 0.2);
}
.advisor-cta-icon[data-v-743a8705] {
  font-size: 2.2rem;
  flex-shrink: 0;
  filter: drop-shadow(0 4px 10px rgba(139, 92, 246, 0.3));
}
.advisor-cta-text h4[data-v-743a8705] {
  margin: 0 0 0.3rem;
  font-size: 1rem;
  font-weight: 800;
  color: var(--text-soft);
}
.advisor-cta-text p[data-v-743a8705] {
  margin: 0;
  font-size: 0.88rem;
  color: var(--text-muted);
  line-height: 1.5;
}
.btn-advisor-cta[data-v-743a8705] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: linear-gradient(135deg, #7C3AED, #6366F1);
  color: white;
  padding: 0.7rem 1.4rem;
  border-radius: 10px;
  font-size: 0.88rem;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(124, 58, 237, 0.3);
  margin-left: auto;
}
.btn-advisor-cta[data-v-743a8705]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(124, 58, 237, 0.4);
}
@media (max-width: 640px) {
.advisor-cta-panel[data-v-743a8705] {
    flex-direction: column;
    text-align: center;
}
.btn-advisor-cta[data-v-743a8705] {
    margin-left: 0;
}
}

/* Candidate Name Header */
.candidate-name-header[data-v-743a8705] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.5rem;
  margin-bottom: 1.5rem;
  border-left: 4px solid var(--primary);
}
.candidate-icon[data-v-743a8705] {
  font-size: 2rem;
}
.candidate-info[data-v-743a8705] {
  display: flex;
  flex-direction: column;
}
.candidate-label[data-v-743a8705] {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.6;
  color: var(--text-secondary, #94a3b8);
}
.candidate-name-value[data-v-743a8705] {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--text-primary, #f1f5f9);
  margin: 0;
}


.status-badge[data-v-0b4dcff4] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.25rem 0.65rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: 1px solid transparent;
  width: fit-content;
}
.badge-dot[data-v-0b4dcff4] {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
}

/* Status variants */
.status-screening[data-v-0b4dcff4] {
  background: rgba(14, 165, 233, 0.1);
  color: var(--accent);
  border-color: rgba(14, 165, 233, 0.2);
}
.status-screening .badge-dot[data-v-0b4dcff4] {
  background: var(--accent);
}
.status-talent_pool[data-v-0b4dcff4] {
  background: rgba(99, 102, 241, 0.1);
  color: #4f46e5;
  border-color: rgba(99, 102, 241, 0.2);
}
.status-talent_pool .badge-dot[data-v-0b4dcff4] {
  background: #4f46e5;
}
.status-interview[data-v-0b4dcff4] {
  background: rgba(245, 158, 11, 0.1);
  color: #d97706;
  border-color: rgba(245, 158, 11, 0.2);
}
.status-interview .badge-dot[data-v-0b4dcff4] {
  background: #d97706;
}
.status-hired[data-v-0b4dcff4] {
  background: rgba(16, 185, 129, 0.1);
  color: #059669;
  border-color: rgba(16, 185, 129, 0.2);
}
.status-hired .badge-dot[data-v-0b4dcff4] {
  background: #10b981;
}
.status-rejected[data-v-0b4dcff4] {
  background: rgba(239, 68, 68, 0.1);
  color: #dc2626;
  border-color: rgba(239, 68, 68, 0.2);
}
.status-rejected .badge-dot[data-v-0b4dcff4] {
  background: #ef4444;
}

.best-candidate-card[data-v-b80a5f1e] {
  padding: 2.2rem;
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.72);
  border: 2.5px solid rgba(234, 179, 8, 0.45);
  box-shadow: 0 20px 50px rgba(234, 179, 8, 0.18), var(--shadow-soft);
  position: relative;
  overflow: visible;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.best-candidate-card[data-v-b80a5f1e]:hover {
  transform: translateY(-4px);
  box-shadow: 0 28px 60px rgba(234, 179, 8, 0.26), var(--shadow-strong);
  border-color: rgba(234, 179, 8, 0.65);
}
.best-candidate-badge[data-v-b80a5f1e] {
  position: absolute;
  top: -14px;
  left: 28px;
  background: linear-gradient(135deg, #EAB308 0%, #D97706 100%);
  color: white;
  padding: 0.45rem 1.2rem;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 850;
  letter-spacing: 0.6px;
  box-shadow: 0 8px 22px rgba(234, 179, 8, 0.45);
  z-index: 2;
  text-transform: uppercase;
}
.card-content[data-v-b80a5f1e] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 0.5rem;
}
.header-section[data-v-b80a5f1e] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
.candidate-name[data-v-b80a5f1e] {
  margin: 0;
  font-size: 1.55rem;
  font-weight: 850;
  color: var(--text-soft);
}
.file-name[data-v-b80a5f1e] {
  display: inline-block;
  font-size: 0.82rem;
  color: var(--text-muted);
  margin-top: 0.35rem;
  font-weight: 500;
}
.score-badge[data-v-b80a5f1e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(234, 179, 8, 0.08);
  border: 1.5px solid rgba(234, 179, 8, 0.3);
  padding: 0.55rem 1rem;
  border-radius: 18px;
  color: #D97706;
  min-width: 95px;
}
.score-num[data-v-b80a5f1e] {
  font-size: 1.35rem;
  font-weight: 900;
  line-height: 1.1;
}
.score-label[data-v-b80a5f1e] {
  font-size: 0.58rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  opacity: 0.9;
}
.progress-section[data-v-b80a5f1e] {
  width: 100%;
}
.progress-track[data-v-b80a5f1e] {
  width: 100%;
  height: 12px;
  background: rgba(148, 163, 184, 0.12);
  border-radius: 999px;
  overflow: hidden;
  border: 1.5px solid rgba(255, 255, 255, 0.65);
}
.progress-fill[data-v-b80a5f1e] {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #FDE047 0%, #EAB308 50%, #D97706 100%);
  box-shadow: 0 0 12px rgba(234, 179, 8, 0.5);
  transition: width 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.metrics-grid[data-v-b80a5f1e] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.85rem;
}
.metric-box[data-v-b80a5f1e] {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(14, 116, 144, 0.08);
  padding: 0.75rem 0.5rem;
  border-radius: 16px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.metric-val[data-v-b80a5f1e] {
  font-size: 1.1rem;
  font-weight: 850;
  color: var(--text-soft);
}
.metric-lbl[data-v-b80a5f1e] {
  font-size: 0.64rem;
  font-weight: 700;
  color: var(--text-muted);
  text-transform: uppercase;
  margin-top: 0.2rem;
  letter-spacing: 0.2px;
}
.text-danger[data-v-b80a5f1e] {
  color: var(--danger);
}
.skills-breakdown[data-v-b80a5f1e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  border-top: 1px dashed rgba(14, 116, 144, 0.12);
  padding-top: 1.2rem;
}
.skills-col[data-v-b80a5f1e] {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}
.col-title[data-v-b80a5f1e] {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.text-success[data-v-b80a5f1e] {
  color: #16A34A;
}
.skills-pills[data-v-b80a5f1e] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.skill-pill[data-v-b80a5f1e] {
  font-size: 0.74rem;
  font-weight: 700;
  padding: 0.3rem 0.65rem;
  border-radius: 8px;
  cursor: default;
}
.matched-pill[data-v-b80a5f1e] {
  background: rgba(34, 197, 94, 0.08);
  border: 1px solid rgba(34, 197, 94, 0.2);
  color: #16A34A;
}
.missing-pill[data-v-b80a5f1e] {
  background: rgba(239, 68, 68, 0.08);
  border: 1px solid rgba(239, 68, 68, 0.2);
  color: #DC2626;
}
.more-count[data-v-b80a5f1e] {
  font-size: 0.72rem;
  color: var(--text-muted);
  font-weight: 700;
  align-self: center;
}

/* Card Actions styling */
.card-actions[data-v-b80a5f1e] {
  display: flex;
  gap: 0.75rem;
  margin-top: 0.5rem;
  border-top: 1px solid rgba(14, 116, 144, 0.06);
  padding-top: 1.2rem;
}
.btn-action[data-v-b80a5f1e] {
  flex: 1;
  padding: 0.7rem 0.8rem;
  border-radius: 12px;
  font-size: 0.85rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
}
.btn-pool[data-v-b80a5f1e] {
  background: rgba(99, 102, 241, 0.12);
  color: #4F46E5;
  border-color: rgba(99, 102, 241, 0.22);
}
.btn-pool[data-v-b80a5f1e]:hover {
  background: #4F46E5;
  color: white;
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.25);
}
.btn-interview[data-v-b80a5f1e] {
  background: rgba(34, 197, 94, 0.12);
  color: #16A34A;
  border-color: rgba(34, 197, 94, 0.22);
}
.btn-interview[data-v-b80a5f1e]:hover {
  background: #16A34A;
  color: white;
  box-shadow: 0 4px 12px rgba(34, 197, 94, 0.25);
}

/* Status display styling */
.status-display[data-v-b80a5f1e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(14, 116, 144, 0.06);
  padding-top: 1.2rem;
  font-size: 0.85rem;
  font-weight: 700;
}
.status-label-text[data-v-b80a5f1e] {
  color: var(--text-muted);
}
@media (max-width: 600px) {
.metrics-grid[data-v-b80a5f1e] {
    grid-template-columns: repeat(2, 1fr);
}
.skills-breakdown[data-v-b80a5f1e] {
    grid-template-columns: 1fr;
    gap: 1rem;
}
}

.leaderboard-card[data-v-1014cb34] {
  padding: 1.8rem;
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid var(--glass-border);
  box-shadow: var(--shadow-soft);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.card-header[data-v-1014cb34] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-bottom: 1px solid rgba(14, 116, 144, 0.08);
  padding-bottom: 1rem;
}
.header-icon[data-v-1014cb34] {
  font-size: 1.4rem;
}
.card-title[data-v-1014cb34] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 850;
  color: var(--text-soft);
}
.leaderboard-list[data-v-1014cb34] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.leaderboard-item[data-v-1014cb34] {
  display: flex;
  align-items: center;
  padding: 0.95rem 1.2rem;
  border-radius: 18px;
  transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
  border: 1px solid transparent;
}
.leaderboard-item[data-v-1014cb34]:hover {
  transform: translateX(4px);
}

/* Rank 1: Gold Style */
.rank-1-gold[data-v-1014cb34] {
  background: linear-gradient(135deg, rgba(254, 243, 199, 0.45) 0%, rgba(251, 191, 36, 0.12) 100%);
  border: 1.5px solid rgba(251, 191, 36, 0.45);
  box-shadow: 0 8px 20px rgba(251, 191, 36, 0.08);
}
.rank-1-gold[data-v-1014cb34]:hover {
  box-shadow: 0 12px 28px rgba(251, 191, 36, 0.16);
  border-color: rgba(251, 191, 36, 0.65);
}
.rank-1-gold .candidate-name[data-v-1014cb34] {
  color: #B45309;
  font-weight: 850;
}
.rank-1-gold .score-percentage[data-v-1014cb34] {
  color: #B45309;
  font-weight: 900;
}

/* Rank 2: Silver Style */
.rank-2-silver[data-v-1014cb34] {
  background: linear-gradient(135deg, rgba(241, 245, 249, 0.55) 0%, rgba(148, 163, 184, 0.12) 100%);
  border: 1.5px solid rgba(148, 163, 184, 0.4);
  box-shadow: 0 8px 20px rgba(148, 163, 184, 0.05);
}
.rank-2-silver[data-v-1014cb34]:hover {
  box-shadow: 0 12px 28px rgba(148, 163, 184, 0.12);
  border-color: rgba(148, 163, 184, 0.6);
}
.rank-2-silver .candidate-name[data-v-1014cb34] {
  color: #475569;
  font-weight: 800;
}
.rank-2-silver .score-percentage[data-v-1014cb34] {
  color: #475569;
  font-weight: 850;
}

/* Rank 3: Bronze Style */
.rank-3-bronze[data-v-1014cb34] {
  background: linear-gradient(135deg, rgba(255, 237, 213, 0.45) 0%, rgba(249, 115, 22, 0.08) 100%);
  border: 1.5px solid rgba(249, 115, 22, 0.35);
  box-shadow: 0 8px 20px rgba(249, 115, 22, 0.05);
}
.rank-3-bronze[data-v-1014cb34]:hover {
  box-shadow: 0 12px 28px rgba(249, 115, 22, 0.12);
  border-color: rgba(249, 115, 22, 0.5);
}
.rank-3-bronze .candidate-name[data-v-1014cb34] {
  color: #C2410C;
  font-weight: 800;
}
.rank-3-bronze .score-percentage[data-v-1014cb34] {
  color: #C2410C;
  font-weight: 850;
}

/* Standard Rank Style */
.rank-standard[data-v-1014cb34] {
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(148, 163, 184, 0.08);
}
.rank-standard[data-v-1014cb34]:hover {
  background: rgba(255, 255, 255, 0.65);
  border-color: rgba(14, 165, 233, 0.2);
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.03);
}
.rank-standard .candidate-name[data-v-1014cb34] {
  color: var(--text-soft);
  font-weight: 700;
}
.rank-standard .score-percentage[data-v-1014cb34] {
  color: var(--text-soft);
  font-weight: 800;
}

/* Sub components */
.rank-badge-col[data-v-1014cb34] {
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.emoji-badge[data-v-1014cb34] {
  font-size: 1.5rem;
  line-height: 1;
}
.gold-glow[data-v-1014cb34] {
  filter: drop-shadow(0 0 4px rgba(251, 191, 36, 0.6));
}
.silver-glow[data-v-1014cb34] {
  filter: drop-shadow(0 0 4px rgba(148, 163, 184, 0.5));
}
.bronze-glow[data-v-1014cb34] {
  filter: drop-shadow(0 0 4px rgba(249, 115, 22, 0.5));
}
.rank-number[data-v-1014cb34] {
  font-size: 0.88rem;
  font-weight: 800;
  color: var(--text-muted);
  background: rgba(148, 163, 184, 0.08);
  padding: 0.2rem 0.5rem;
  border-radius: 8px;
}
.candidate-info[data-v-1014cb34] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 0.2rem;
}
.name-row-wrapper[data-v-1014cb34] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.candidate-name[data-v-1014cb34] {
  font-size: 1.05rem;
}
.mini-status[data-v-1014cb34] {
  transform: scale(0.8);
  transform-origin: left center;
}
.candidate-file[data-v-1014cb34] {
  font-size: 0.72rem;
  color: var(--text-muted);
  font-weight: 500;
}
.score-col[data-v-1014cb34] {
  flex-shrink: 0;
  font-size: 1.15rem;
  text-align: right;
}
.empty-list[data-v-1014cb34] {
  text-align: center;
  color: var(--text-muted);
  font-style: italic;
  padding: 1rem 0;
}

.ranking-card[data-v-6e4e6a1b] {
  padding: 1.5rem;
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.62);
  border: 1.5px solid var(--glass-border);
  box-shadow: var(--shadow-soft);
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
  transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.ranking-card[data-v-6e4e6a1b]:hover {
  transform: translateY(-2.5px);
  box-shadow: var(--shadow-strong);
}

/* Border Styles */
.border-green[data-v-6e4e6a1b]:hover {
  border-color: rgba(34, 197, 94, 0.5);
}
.border-blue[data-v-6e4e6a1b]:hover {
  border-color: rgba(14, 165, 233, 0.5);
}
.border-amber[data-v-6e4e6a1b]:hover {
  border-color: rgba(245, 158, 11, 0.5);
}
.border-red[data-v-6e4e6a1b]:hover {
  border-color: rgba(239, 68, 68, 0.5);
}
.card-header[data-v-6e4e6a1b] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.85rem;
}
.rank-info[data-v-6e4e6a1b] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.rank-badge[data-v-6e4e6a1b] {
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
  color: var(--primary-dark);
  background: rgba(14, 165, 233, 0.08);
  border: 1px solid rgba(14, 165, 233, 0.15);
  padding: 0.2rem 0.55rem;
  border-radius: 8px;
  align-self: flex-start;
  letter-spacing: 0.5px;
}
.candidate-name[data-v-6e4e6a1b] {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--text-soft);
}

/* Score Badges */
.score-badge[data-v-6e4e6a1b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.45rem 0.75rem;
  border-radius: 14px;
  border: 1px solid;
  min-width: 65px;
}
.score-pct[data-v-6e4e6a1b] {
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
}
.score-lbl[data-v-6e4e6a1b] {
  font-size: 0.55rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  opacity: 0.85;
}
.score-green[data-v-6e4e6a1b] {
  background: rgba(34, 197, 94, 0.08);
  border-color: rgba(34, 197, 94, 0.25);
  color: #16A34A;
}
.score-blue[data-v-6e4e6a1b] {
  background: rgba(14, 165, 233, 0.08);
  border-color: rgba(14, 165, 233, 0.25);
  color: #0284C7;
}
.score-amber[data-v-6e4e6a1b] {
  background: rgba(245, 158, 11, 0.08);
  border-color: rgba(245, 158, 11, 0.25);
  color: #D97706;
}
.score-red[data-v-6e4e6a1b] {
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.25);
  color: #DC2626;
}

/* Progress bar styling */
.progress-container[data-v-6e4e6a1b] {
  width: 100%;
}
.progress-track[data-v-6e4e6a1b] {
  width: 100%;
  height: 8px;
  background: rgba(148, 163, 184, 0.1);
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.progress-fill[data-v-6e4e6a1b] {
  height: 100%;
  border-radius: 999px;
  width: 0;
  transition: width 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.fill-green[data-v-6e4e6a1b] {
  background: linear-gradient(90deg, #4ADE80 0%, #22C55E 100%);
  box-shadow: 0 0 6px rgba(34, 197, 94, 0.25);
}
.fill-blue[data-v-6e4e6a1b] {
  background: linear-gradient(90deg, #38BDF8 0%, #0284C7 100%);
  box-shadow: 0 0 6px rgba(14, 165, 233, 0.25);
}
.fill-amber[data-v-6e4e6a1b] {
  background: linear-gradient(90deg, #FDE047 0%, #EAB308 100%);
  box-shadow: 0 0 6px rgba(234, 179, 8, 0.25);
}
.fill-red[data-v-6e4e6a1b] {
  background: linear-gradient(90deg, #F87171 0%, #EF4444 100%);
  box-shadow: 0 0 6px rgba(239, 68, 68, 0.25);
}

/* Details list styling */
.card-details[data-v-6e4e6a1b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border-top: 1px solid rgba(14, 116, 144, 0.06);
  padding-top: 0.85rem;
}
.detail-row[data-v-6e4e6a1b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.78rem;
  font-weight: 700;
}
.detail-label[data-v-6e4e6a1b] {
  color: var(--text-muted);
}
.detail-val[data-v-6e4e6a1b] {
  color: var(--text-soft);
  text-align: right;
}
.text-success[data-v-6e4e6a1b] {
  color: #16A34A;
}
.text-danger[data-v-6e4e6a1b] {
  color: #DC2626;
}
.text-muted[data-v-6e4e6a1b] {
  color: var(--text-muted);
  font-weight: 500;
}
.file-row[data-v-6e4e6a1b] {
  font-size: 0.72rem;
  border-top: 1px dashed rgba(14, 116, 144, 0.05);
  padding-top: 0.4rem;
}
.filename[data-v-6e4e6a1b] {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--mono);
}

/* Card Actions styling */
.card-actions[data-v-6e4e6a1b] {
  display: flex;
  gap: 0.65rem;
  margin-top: 0.5rem;
  border-top: 1px solid rgba(14, 116, 144, 0.06);
  padding-top: 0.85rem;
}
.btn-action[data-v-6e4e6a1b] {
  flex: 1;
  padding: 0.55rem 0.65rem;
  border-radius: 10px;
  font-size: 0.76rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
}
.btn-pool[data-v-6e4e6a1b] {
  background: rgba(99, 102, 241, 0.12);
  color: #4F46E5;
  border-color: rgba(99, 102, 241, 0.22);
}
.btn-pool[data-v-6e4e6a1b]:hover {
  background: #4F46E5;
  color: white;
  box-shadow: 0 4px 10px rgba(99, 102, 241, 0.2);
}
.btn-interview[data-v-6e4e6a1b] {
  background: rgba(34, 197, 94, 0.12);
  color: #16A34A;
  border-color: rgba(34, 197, 94, 0.22);
}
.btn-interview[data-v-6e4e6a1b]:hover {
  background: #16A34A;
  color: white;
  box-shadow: 0 4px 10px rgba(34, 197, 94, 0.2);
}

/* Status display styling */
.status-display[data-v-6e4e6a1b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(14, 116, 144, 0.06);
  padding-top: 0.85rem;
  font-size: 0.78rem;
  font-weight: 700;
}
.status-label-text[data-v-6e4e6a1b] {
  color: var(--text-muted);
}

.inline-error[data-v-9c95ca6b] {
  color: #EF4444;
  font-size: 0.8rem;
  font-weight: 600;
  margin-top: 0.35rem;
  display: block;
  text-align: left;
}
.form-group-container[data-v-9c95ca6b] {
  padding: 2.2rem;
  border-radius: var(--radius-lg);
  margin-bottom: 2rem;
  background: rgba(255, 255, 255, 0.42);
}
.sub-glass-card[data-v-9c95ca6b] {
  border: 1px solid var(--glass-border);
  box-shadow: 0 8px 32px rgba(15, 23, 42, 0.02);
}
.file-tags-container[data-v-9c95ca6b] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 0.95rem;
  padding: 0.8rem;
  background: rgba(255, 255, 255, 0.35);
  border: 1px solid rgba(14, 165, 233, 0.12);
  border-radius: 16px;
  min-height: 48px;
}
.file-tag[data-v-9c95ca6b] {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  background: rgba(14, 165, 233, 0.08);
  border: 1px solid rgba(14, 165, 233, 0.2);
  color: var(--primary-dark);
  padding: 0.35rem 0.85rem;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 700;
  max-width: 250px;
  box-shadow: 0 4px 10px rgba(14, 165, 233, 0.03);
}
.file-name[data-v-9c95ca6b] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.remove-tag-btn[data-v-9c95ca6b] {
  background: none;
  border: none;
  color: var(--text-muted);
  font-size: 1.25rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  height: 100%;
  transition: color 0.18s ease;
}
.remove-tag-btn[data-v-9c95ca6b]:hover {
  color: var(--danger);
}
.rank-btn[data-v-9c95ca6b] {
  font-size: 1rem;
  min-width: 200px;
}

/* Empty State Styling */
.empty-state-panel[data-v-9c95ca6b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4.5rem 2rem;
  margin-top: 2rem;
  text-align: center;
  gap: 1rem;
}
.empty-icon[data-v-9c95ca6b] {
  font-size: 3.5rem;
  filter: drop-shadow(0 10px 20px rgba(3, 105, 161, 0.15));
}
.empty-text[data-v-9c95ca6b] {
  font-size: 1.25rem;
  font-weight: 850;
  color: var(--text-soft);
  margin: 0;
}
.empty-subtext[data-v-9c95ca6b] {
  font-size: 0.95rem;
  color: var(--text-muted);
  max-width: 450px;
  line-height: 1.6;
  margin: 0;
}

/* Summary Cards Area */
.summary-cards-row[data-v-9c95ca6b] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-bottom: 2.2rem;
}
.mini-stat-card[data-v-9c95ca6b] {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  padding: 1.2rem 1.6rem;
  border-radius: var(--radius-lg);
}
.stat-icon-wrapper[data-v-9c95ca6b] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.03);
}
.primary-bg[data-v-9c95ca6b] {
  background-color: rgba(14, 165, 233, 0.12);
  border: 1px solid rgba(14, 165, 233, 0.22);
}
.success-bg[data-v-9c95ca6b] {
  background-color: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.22);
}
.info-bg[data-v-9c95ca6b] {
  background-color: rgba(99, 102, 241, 0.12);
  border: 1px solid rgba(99, 102, 241, 0.22);
}
.text-primary[data-v-9c95ca6b] {
  color: var(--primary-dark);
}
.text-success[data-v-9c95ca6b] {
  color: #16A34A;
}
.text-info[data-v-9c95ca6b] {
  color: var(--indigo);
}
.stat-content[data-v-9c95ca6b] {
  display: flex;
  flex-direction: column;
}
.stat-label[data-v-9c95ca6b] {
  font-size: 0.78rem;
  font-weight: 800;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.stat-number[data-v-9c95ca6b] {
  font-size: 1.55rem;
  font-weight: 900;
  line-height: 1.2;
}
.filename-text[data-v-9c95ca6b],
.skill-count-text[data-v-9c95ca6b] {
  display: block;
  margin-top: 0.25rem;
  color: #64748B;
  font-size: 0.6rem;
  font-weight: 500;
}


/* Dashboard Grid Properties */
.dashboard-grid[data-v-9c95ca6b] {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 2rem;
  margin-top: 1rem;
}
.left-column[data-v-9c95ca6b],
.right-column[data-v-9c95ca6b] {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.section-container[data-v-9c95ca6b] {
  display: flex;
  flex-direction: column;
  gap: 0.95rem;
}
.section-title[data-v-9c95ca6b] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 850;
  color: var(--text-soft);
}
.chart-card[data-v-9c95ca6b] {
  padding: 2rem;
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.chart-title[data-v-9c95ca6b] {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 850;
  color: var(--text-soft);
}
.chart-wrapper[data-v-9c95ca6b] {
  position: relative;
  width: 100%;
  height: 280px;
}
.ranking-cards-list[data-v-9c95ca6b] {
  display: flex;
  flex-direction: column;
  gap: 1.35rem;
}

/* Responsive design properties */
@media (max-width: 992px) {
.dashboard-grid[data-v-9c95ca6b] {
    grid-template-columns: 1fr;
    gap: 1.5rem;
}
}
@media (max-width: 768px) {
.summary-cards-row[data-v-9c95ca6b] {
    grid-template-columns: 1fr;
    gap: 1rem;
}
}

/* Modal Styles */
.clickable-row[data-v-9c95ca6b] {
  cursor: pointer;
}
.clickable-row[data-v-9c95ca6b]:hover {
  background-color: rgba(14, 165, 233, 0.05) !important;
}
.modal-overlay[data-v-9c95ca6b] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(15, 23, 42, 0.6);
  backdrop-filter: blur(4px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  animation: fadeIn-9c95ca6b 0.3s ease;
}
.modal-content[data-v-9c95ca6b] {
  width: 90%;
  max-width: 800px;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
  padding: 2rem;
  border-radius: 16px;
  animation: slideUp-9c95ca6b 0.3s ease;
}
.close-btn[data-v-9c95ca6b] {
  position: absolute;
  top: 1rem;
  right: 1.5rem;
  font-size: 2rem;
  background: none;
  border: none;
  color: #64748B;
  cursor: pointer;
  transition: color 0.2s ease;
}
.close-btn[data-v-9c95ca6b]:hover {
  color: #EF4444;
}
.modal-title[data-v-9c95ca6b] {
  margin-top: 0;
  color: #0369A1;
  border-bottom: 2px solid rgba(3, 105, 161, 0.1);
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}
.modal-body[data-v-9c95ca6b] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
@media (max-width: 768px) {
.modal-body[data-v-9c95ca6b] {
    grid-template-columns: 1fr;
}
}
.chart-container[data-v-9c95ca6b], .questions-container[data-v-9c95ca6b] {
  background: rgba(255, 255, 255, 0.5);
  padding: 1.5rem;
  border-radius: 12px;
  border: 1px solid rgba(14, 165, 233, 0.2);
}
.radar-wrapper[data-v-9c95ca6b] {
  position: relative;
  height: 300px;
  width: 100%;
}
.questions-container h4[data-v-9c95ca6b] {
  margin-top: 0;
  margin-bottom: 0.5rem;
  color: #0369A1;
}
.questions-list[data-v-9c95ca6b] {
  margin-top: 1.5rem;
  padding-left: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.question-item[data-v-9c95ca6b] {
  background: white;
  padding: 1rem;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  font-size: 0.95rem;
  color: #334155;
  border-left: 4px solid #0EA5E9;
}
@keyframes fadeIn-9c95ca6b {
from { opacity: 0;
}
to { opacity: 1;
}
}
@keyframes slideUp-9c95ca6b {
from { transform: translateY(20px); opacity: 0;
}
to { transform: translateY(0); opacity: 1;
}
}
.empty-chart-fallback[data-v-9c95ca6b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 300px;
  padding: 1.5rem;
}
.fallback-icon[data-v-9c95ca6b] {
  font-size: 3rem;
  margin-bottom: 1rem;
  filter: drop-shadow(0 8px 16px rgba(14, 165, 233, 0.15));
}
.fallback-title[data-v-9c95ca6b] {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--text-soft);
  margin: 0 0 0.5rem;
}
.fallback-text[data-v-9c95ca6b] {
  font-size: 0.85rem;
  color: var(--text-muted);
  line-height: 1.5;
  margin: 0;
  max-width: 280px;
}

.search-card[data-v-19f5f67c] {
  padding: 2.2rem;
  border-radius: var(--radius-lg);
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  box-shadow: var(--shadow-soft);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  margin-bottom: 2rem;
}
.search-card[data-v-19f5f67c]:hover {
  box-shadow: var(--shadow-strong);
  border-color: rgba(255, 255, 255, 0.9);
}
.search-header[data-v-19f5f67c] {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-bottom: 1.8rem;
  border-bottom: 1px solid rgba(14, 116, 144, 0.08);
  padding-bottom: 1.2rem;
}
.search-icon-wrapper[data-v-19f5f67c] {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: rgba(14, 165, 233, 0.1);
  border: 1px solid rgba(14, 165, 233, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.03);
}
.search-title[data-v-19f5f67c] {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 850;
  color: var(--text);
}
.search-subtitle[data-v-19f5f67c] {
  margin: 0.25rem 0 0;
  font-size: 0.88rem;
  color: var(--text-muted);
  font-weight: 500;
}
.search-form[data-v-19f5f67c] {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.query-input[data-v-19f5f67c] {
  padding-left: 1.2rem;
  font-size: 1.02rem;
}
.search-btn[data-v-19f5f67c] {
  align-self: flex-start;
  min-width: 180px;
}
.btn-spinner[data-v-19f5f67c] {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-left-color: white;
  border-radius: 50%;
  animation: spin-19f5f67c 0.8s linear infinite;
  display: inline-block;
  margin-right: 0.5rem;
}
.inline-error[data-v-19f5f67c] {
  color: #EF4444;
  font-size: 0.8rem;
  font-weight: 600;
  margin-top: 0.35rem;
  display: block;
  text-align: left;
}
@keyframes spin-19f5f67c {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
@media (max-width: 480px) {
.search-btn[data-v-19f5f67c] {
    width: 100%;
}
}

.candidate-card[data-v-6be649e5] {
  padding: 1.8rem;
  border-radius: var(--radius-lg);
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  box-shadow: var(--shadow-soft);
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.candidate-card[data-v-6be649e5]:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-strong);
  border-color: rgba(255, 255, 255, 0.85);
}

/* 1. Best Match Card Highlight (#1) */
.best-match-card[data-v-6be649e5] {
  border: 1px solid rgba(34, 197, 94, 0.4);
  box-shadow: 0 16px 48px rgba(34, 197, 94, 0.14), var(--shadow-soft);
}
.best-match-card[data-v-6be649e5]::before {
  content: '';
  position: absolute;
  inset: -1.5px;
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.5), rgba(74, 222, 128, 0.2), rgba(14, 165, 233, 0.3));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}
.best-match-card[data-v-6be649e5]:hover {
  box-shadow: 0 24px 60px rgba(34, 197, 94, 0.22), var(--shadow-strong);
  border-color: rgba(34, 197, 94, 0.6);
}
.best-match-badge[data-v-6be649e5] {
  position: absolute;
  top: -12px;
  left: 24px;
  background: linear-gradient(135deg, #22C55E 0%, #10B981 100%);
  color: white;
  padding: 0.35rem 0.95rem;
  border-radius: 999px;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.5px;
  box-shadow: 0 8px 20px rgba(34, 197, 94, 0.3);
  z-index: 2;
  text-transform: uppercase;
}

/* Card Header */
.card-header[data-v-6be649e5] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.candidate-info[data-v-6be649e5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.rank-number[data-v-6be649e5] {
  font-size: 1.15rem;
  font-weight: 850;
  color: var(--primary-dark);
  background: rgba(14, 165, 233, 0.08);
  padding: 0.25rem 0.65rem;
  border-radius: 10px;
  border: 1px solid rgba(14, 165, 233, 0.12);
}
.candidate-name[data-v-6be649e5] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--text-soft);
}

/* Score Badges */
.score-badge[data-v-6be649e5] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.45rem 0.85rem;
  border-radius: 16px;
  border: 1px solid;
  min-width: 68px;
}
.score-percentage[data-v-6be649e5] {
  font-size: 1.05rem;
  font-weight: 900;
  line-height: 1.1;
}
.score-label[data-v-6be649e5] {
  font-size: 0.6rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  opacity: 0.8;
}
.score-green[data-v-6be649e5] {
  background: rgba(34, 197, 94, 0.12);
  border-color: rgba(34, 197, 94, 0.3);
  color: #16A34A;
}
.score-blue[data-v-6be649e5] {
  background: rgba(14, 165, 233, 0.12);
  border-color: rgba(14, 165, 233, 0.3);
  color: #0284C7;
}
.score-amber[data-v-6be649e5] {
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.3);
  color: #D97706;
}
.score-red[data-v-6be649e5] {
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.3);
  color: #DC2626;
}

/* Candidate Meta Info styling */
.candidate-meta[data-v-6be649e5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.6rem 0;
  border-top: 1px solid rgba(14, 116, 144, 0.08);
  border-bottom: 1px solid rgba(14, 116, 144, 0.08);
}
.meta-row[data-v-6be649e5] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 0.88rem;
  color: var(--text-soft);
}
.meta-icon[data-v-6be649e5] {
  font-size: 1rem;
}
.meta-text[data-v-6be649e5] {
  font-weight: 500;
}

/* Progress bar section */
.progress-section[data-v-6be649e5] {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}
.progress-header[data-v-6be649e5] {
  display: flex;
  justify-content: space-between;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--text-muted);
}
.progress-track-glass[data-v-6be649e5] {
  width: 100%;
  height: 10px;
  background: rgba(148, 163, 184, 0.12);
  border-radius: 999px;
  overflow: hidden;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
  border: 1.5px solid rgba(255, 255, 255, 0.5);
}
.progress-fill-gradient[data-v-6be649e5] {
  height: 100%;
  border-radius: 999px;
  width: 0;
  transition: width 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.bg-green[data-v-6be649e5] {
  background: linear-gradient(90deg, #4ADE80 0%, #22C55E 100%);
  box-shadow: 0 0 8px rgba(34, 197, 94, 0.3);
}
.bg-blue[data-v-6be649e5] {
  background: linear-gradient(90deg, #38BDF8 0%, #0284C7 100%);
  box-shadow: 0 0 8px rgba(14, 165, 233, 0.3);
}
.bg-amber[data-v-6be649e5] {
  background: linear-gradient(90deg, #FDE047 0%, #EAB308 100%);
  box-shadow: 0 0 8px rgba(234, 179, 8, 0.3);
}
.bg-red[data-v-6be649e5] {
  background: linear-gradient(90deg, #F87171 0%, #EF4444 100%);
  box-shadow: 0 0 8px rgba(239, 68, 68, 0.3);
}

/* Skills Section */
.skills-section[data-v-6be649e5] {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
.skills-title[data-v-6be649e5] {
  margin: 0;
  font-size: 0.82rem;
  font-weight: 800;
  color: var(--text-soft);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  opacity: 0.85;
}
.skills-pills[data-v-6be649e5] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}
.skill-pill[data-v-6be649e5] {
  display: inline-block;
  padding: 0.35rem 0.8rem;
  border-radius: 999px;
  font-weight: 650;
  font-size: 0.78rem;
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.05), rgba(99, 102, 241, 0.08));
  border: 1px solid rgba(14, 165, 233, 0.22);
  color: var(--primary-dark);
  transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
  cursor: default;
}
.skill-pill[data-v-6be649e5]:hover {
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.12), rgba(99, 102, 241, 0.15));
  transform: translateY(-1.5px);
  box-shadow: 0 4px 10px rgba(14, 165, 233, 0.15);
}

/* Card Actions styling */
.card-actions[data-v-6be649e5] {
  display: flex;
  gap: 0.75rem;
  margin-top: 0.5rem;
}
.btn-action[data-v-6be649e5] {
  flex: 1;
  padding: 0.65rem 0.8rem;
  border-radius: 12px;
  font-size: 0.82rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.25s ease;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
}
.btn-interview[data-v-6be649e5] {
  background: rgba(34, 197, 94, 0.12);
  color: #16A34A;
  border-color: rgba(34, 197, 94, 0.22);
}
.btn-interview[data-v-6be649e5]:hover {
  background: #16A34A;
  color: white;
  box-shadow: 0 4px 12px rgba(34, 197, 94, 0.25);
}
.btn-reject[data-v-6be649e5] {
  background: rgba(239, 68, 68, 0.12);
  color: #DC2626;
  border-color: rgba(239, 68, 68, 0.22);
}
.btn-reject[data-v-6be649e5]:hover {
  background: #DC2626;
  color: white;
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.25);
}

.view-wrapper[data-v-5da7f277] {
  max-width: 1200px;
  margin: 0 auto;
}
.view-title[data-v-5da7f277] {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 800;
  font-size: clamp(1.65rem, 3vw, 2.25rem);
  color: var(--text);
}
.subtitle[data-v-5da7f277] {
  color: var(--text-muted);
  font-size: 1.03rem;
  margin: 0 0 2.4rem;
  line-height: 1.7;
}
.results-area[data-v-5da7f277] {
  animation: fadeIn-5da7f277 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes fadeIn-5da7f277 {
from { opacity: 0; transform: translateY(15px);
}
to { opacity: 1; transform: translateY(0);
}
}

/* 2. Stats Row Layout */
.stats-cards-row[data-v-5da7f277] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-bottom: 2rem;
}
.mini-stat-card[data-v-5da7f277] {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  padding: 1.1rem 1.4rem;
  background: rgba(255, 255, 255, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: var(--radius-lg);
  box-shadow: 0 8px 32px rgba(15, 23, 42, 0.015);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.mini-stat-card[data-v-5da7f277]:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 36px rgba(15, 23, 42, 0.035);
  background: rgba(255, 255, 255, 0.55);
}
.stat-icon-wrapper[data-v-5da7f277] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.03);
}
.primary-bg[data-v-5da7f277] {
  background-color: rgba(14, 165, 233, 0.12);
  border: 1px solid rgba(14, 165, 233, 0.25);
}
.success-bg[data-v-5da7f277] {
  background-color: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.25);
}
.info-bg[data-v-5da7f277] {
  background-color: rgba(99, 102, 241, 0.12);
  border: 1px solid rgba(99, 102, 241, 0.25);
}
.text-info[data-v-5da7f277] {
  color: var(--indigo);
}
.stat-content[data-v-5da7f277] {
  display: flex;
  flex-direction: column;
}
.stat-label[data-v-5da7f277] {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.stat-number[data-v-5da7f277] {
  font-size: 1.45rem;
  font-weight: 900;
  line-height: 1.2;
}

/* Candidate Results Grid */
.candidate-results-section[data-v-5da7f277] {
  margin-top: 2.2rem;
}
.results-title[data-v-5da7f277] {
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--text-soft);
  margin-bottom: 1.2rem;
}
.candidates-grid[data-v-5da7f277] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}

/* Empty State Styling */
.empty-state-panel[data-v-5da7f277] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4.5rem 2rem;
  margin-top: 2rem;
  text-align: center;
  gap: 1.2rem;
  border-radius: var(--radius-lg);
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  box-shadow: var(--shadow-soft);
}
.empty-icon[data-v-5da7f277] {
  font-size: 3.2rem;
  filter: drop-shadow(0 8px 16px rgba(15, 23, 42, 0.08));
}
.empty-text[data-v-5da7f277] {
  color: var(--text-muted);
  font-size: 1.05rem;
  font-weight: 600;
  max-width: 480px;
  line-height: 1.6;
  margin: 0;
}
@media (max-width: 768px) {
.stats-cards-row[data-v-5da7f277] {
    grid-template-columns: 1fr;
    gap: 1rem;
}
.candidates-grid[data-v-5da7f277] {
    grid-template-columns: 1fr;
    gap: 1.2rem;
}
}

.view-container[data-v-3adad79b] {
  max-width: 1240px;
  margin: 0 auto;
  padding: 2.2rem 2.8rem;
}
.view-title[data-v-3adad79b] {
  margin: 0 0 0.5rem 0;
  font-size: 1.85rem;
  font-weight: 850;
  color: var(--primary-dark);
}
.subtitle[data-v-3adad79b] {
  color: var(--text-muted);
  font-size: 1rem;
  margin: 0 0 2.2rem 0;
}
.controls-panel[data-v-3adad79b] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 1.25rem 2rem;
  border-radius: var(--radius-lg);
  margin-bottom: 2.2rem;
  flex-wrap: wrap;
}
.search-box[data-v-3adad79b] {
  flex-grow: 1;
  min-width: 280px;
  position: relative;
  display: flex;
  align-items: center;
}
.search-icon[data-v-3adad79b] {
  position: absolute;
  left: 1.1rem;
  font-size: 1rem;
  color: var(--text-muted);
  pointer-events: none;
}
.search-input[data-v-3adad79b] {
  width: 100%;
  padding-left: 2.8rem !important;
}
.filter-group[data-v-3adad79b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
}
.filter-group label[data-v-3adad79b] {
  font-size: 0.88rem;
  font-weight: 800;
  color: var(--text-soft);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.select-input[data-v-3adad79b] {
  min-width: 180px;
}
.input-field[data-v-3adad79b] {
  padding: 0.65rem 1rem;
  border-radius: 14px;
  border: 1px solid rgba(14, 165, 233, 0.22);
  background: rgba(255, 255, 255, 0.65);
  color: var(--text-soft);
  font-weight: 600;
  transition: all 0.2s ease;
  box-sizing: border-box;
}
.input-field[data-v-3adad79b]:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15);
  background: white;
}

/* Candidates layout */
.candidates-grid[data-v-3adad79b] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 1.6rem;
}

/* Skeleton Loading Styling */
.skeleton-grid[data-v-3adad79b] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 1.6rem;
}
.skeleton-card[data-v-3adad79b] {
  padding: 1.8rem;
  border-radius: var(--radius-lg);
  height: 290px;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  position: relative;
  overflow: hidden;
}
.skeleton-header[data-v-3adad79b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.skeleton-left[data-v-3adad79b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-grow: 1;
}
.skeleton-rank[data-v-3adad79b] {
  width: 38px;
  height: 28px;
  border-radius: 8px;
  background: rgba(148, 163, 184, 0.15);
}
.skeleton-name[data-v-3adad79b] {
  width: 50%;
  height: 20px;
  border-radius: 6px;
  background: rgba(148, 163, 184, 0.15);
}
.skeleton-badge[data-v-3adad79b] {
  width: 65px;
  height: 48px;
  border-radius: 16px;
  background: rgba(148, 163, 184, 0.15);
}
.skeleton-meta[data-v-3adad79b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.6rem 0;
  border-top: 1px solid rgba(14, 116, 144, 0.05);
  border-bottom: 1px solid rgba(14, 116, 144, 0.05);
}
.skeleton-meta-line[data-v-3adad79b] {
  width: 70%;
  height: 14px;
  border-radius: 4px;
  background: rgba(148, 163, 184, 0.12);
}
.skeleton-bar-container[data-v-3adad79b] {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}
.skeleton-bar-header[data-v-3adad79b] {
  width: 40%;
  height: 12px;
  border-radius: 3px;
  background: rgba(148, 163, 184, 0.12);
}
.skeleton-bar[data-v-3adad79b] {
  width: 100%;
  height: 10px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.12);
}
.skeleton-actions[data-v-3adad79b] {
  display: flex;
  gap: 0.75rem;
  margin-top: auto;
}
.skeleton-btn[data-v-3adad79b] {
  flex: 1;
  height: 36px;
  border-radius: 12px;
  background: rgba(148, 163, 184, 0.15);
}
.loading-shimmer[data-v-3adad79b]::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.35) 20%,
    rgba(255, 255, 255, 0.5) 60%,
    rgba(255, 255, 255, 0) 100%
  );
  animation: shimmer-3adad79b 2s infinite;
}
@keyframes shimmer-3adad79b {
100% {
    transform: translateX(100%);
}
}

/* Empty State Styling */
.empty-state-panel[data-v-3adad79b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5rem 2rem;
  text-align: center;
  gap: 1rem;
}
.empty-icon[data-v-3adad79b] {
  font-size: 3.8rem;
  filter: drop-shadow(0 10px 20px rgba(14, 165, 233, 0.15));
}
.empty-text[data-v-3adad79b] {
  font-size: 1.35rem;
  font-weight: 850;
  color: var(--text-soft);
  margin: 0;
}
.empty-subtext[data-v-3adad79b] {
  font-size: 0.95rem;
  color: var(--text-muted);
  max-width: 480px;
  line-height: 1.6;
  margin: 0;
}

/* Modal overlay & Confirm Modal styles */
.modal-overlay[data-v-3adad79b] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(15, 23, 42, 0.65);
  backdrop-filter: blur(4px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  animation: fadeIn-3adad79b 0.2s ease;
}
.modal-content[data-v-3adad79b] {
  width: 90%;
  max-width: 480px;
  position: relative;
  padding: 2.2rem;
  border-radius: var(--radius-lg);
  animation: slideUp-3adad79b 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.confirm-modal[data-v-3adad79b] {
  border: 1.5px solid rgba(239, 68, 68, 0.35);
  box-shadow: 0 24px 60px rgba(239, 68, 68, 0.15), var(--shadow-soft);
}
.close-btn[data-v-3adad79b] {
  position: absolute;
  top: 1rem;
  right: 1.5rem;
  font-size: 2rem;
  background: none;
  border: none;
  color: #64748B;
  cursor: pointer;
}
.close-btn[data-v-3adad79b]:hover {
  color: #EF4444;
}
.modal-title[data-v-3adad79b] {
  margin: 0 0 1.25rem 0;
  font-size: 1.25rem;
  font-weight: 850;
}
.text-danger[data-v-3adad79b] {
  color: #DC2626;
}
.modal-body-confirm[data-v-3adad79b] {
  font-size: 0.98rem;
  line-height: 1.6;
  color: var(--text-soft);
  margin-bottom: 1.8rem;
}
.warning-subtext[data-v-3adad79b] {
  color: var(--text-muted);
  font-size: 0.88rem;
  margin-top: 0.5rem;
}
.modal-footer[data-v-3adad79b] {
  display: flex;
  justify-content: flex-end;
  gap: 0.85rem;
}
.btn-cancel[data-v-3adad79b] {
  padding: 0.65rem 1.25rem;
  border-radius: 12px;
  font-size: 0.88rem;
  font-weight: 700;
  background: rgba(148, 163, 184, 0.12);
  color: var(--text-soft);
  border: 1px solid rgba(148, 163, 184, 0.22);
  cursor: pointer;
  transition: all 0.2s ease;
}
.btn-cancel[data-v-3adad79b]:hover {
  background: rgba(148, 163, 184, 0.22);
}
.btn-confirm-reject[data-v-3adad79b] {
  padding: 0.65rem 1.25rem;
  border-radius: 12px;
  font-size: 0.88rem;
  font-weight: 700;
  background: #DC2626;
  color: white;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease;
}
.btn-confirm-reject[data-v-3adad79b]:hover {
  background: #B91C1C;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.25);
}
@keyframes fadeIn-3adad79b {
from { opacity: 0;
}
to { opacity: 1;
}
}
@keyframes slideUp-3adad79b {
from { transform: translateY(15px); opacity: 0;
}
to { transform: translateY(0); opacity: 1;
}
}
@media (max-width: 768px) {
.controls-panel[data-v-3adad79b] {
    flex-direction: column;
    align-items: stretch;
}
.filter-group[data-v-3adad79b] {
    justify-content: space-between;
}
.select-input[data-v-3adad79b] {
    flex-grow: 1;
}
.view-container[data-v-3adad79b] {
    padding: 1.5rem 1.2rem;
}
}

.view-container[data-v-68c55051] {
  max-width: 1240px;
  margin: 0 auto;
  padding: 2.2rem 2.8rem;
}
.view-title[data-v-68c55051] {
  margin: 0 0 0.5rem 0;
  font-size: 1.85rem;
  font-weight: 850;
  color: var(--primary-dark);
}
.subtitle[data-v-68c55051] {
  color: var(--text-muted);
  font-size: 1rem;
  margin: 0 0 2.2rem 0;
}

/* Stats cards layout */
.stats-row[data-v-68c55051] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-bottom: 2rem;
}
.mini-stat-card[data-v-68c55051] {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  padding: 1.2rem 1.6rem;
  border-radius: var(--radius-lg);
}
.stat-icon-wrapper[data-v-68c55051] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.03);
}
.primary-bg[data-v-68c55051] {
  background-color: rgba(14, 165, 233, 0.12);
  border: 1px solid rgba(14, 165, 233, 0.22);
}
.success-bg[data-v-68c55051] {
  background-color: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.22);
}
.info-bg[data-v-68c55051] {
  background-color: rgba(99, 102, 241, 0.12);
  border: 1px solid rgba(99, 102, 241, 0.22);
}
.text-primary[data-v-68c55051] { color: var(--primary-dark);
}
.text-success[data-v-68c55051] { color: #16A34A;
}
.text-info[data-v-68c55051] { color: var(--indigo);
}
.stat-content[data-v-68c55051] {
  display: flex;
  flex-direction: column;
}
.stat-label[data-v-68c55051] {
  font-size: 0.78rem;
  font-weight: 800;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.stat-number[data-v-68c55051] {
  font-size: 1.55rem;
  font-weight: 900;
  line-height: 1.2;
}

/* Controls layout */
.controls-panel[data-v-68c55051] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 1.25rem 2rem;
  border-radius: var(--radius-lg);
  margin-bottom: 2.2rem;
  flex-wrap: wrap;
}
.search-box[data-v-68c55051] {
  flex-grow: 1;
  min-width: 280px;
  position: relative;
  display: flex;
  align-items: center;
}
.search-icon[data-v-68c55051] {
  position: absolute;
  left: 1.1rem;
  font-size: 1rem;
  color: var(--text-muted);
  pointer-events: none;
}
.search-input[data-v-68c55051] {
  width: 100%;
  padding-left: 2.8rem !important;
}
.filter-group[data-v-68c55051] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
}
.filter-group label[data-v-68c55051] {
  font-size: 0.88rem;
  font-weight: 800;
  color: var(--text-soft);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.select-input[data-v-68c55051] {
  min-width: 180px;
}
.input-field[data-v-68c55051] {
  padding: 0.65rem 1rem;
  border-radius: 14px;
  border: 1px solid rgba(14, 165, 233, 0.22);
  background: rgba(255, 255, 255, 0.65);
  color: var(--text-soft);
  font-weight: 600;
  transition: all 0.2s ease;
  box-sizing: border-box;
}
.input-field[data-v-68c55051]:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15);
  background: white;
}

/* Interviews Queue layout */
.interviews-grid[data-v-68c55051] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 1.6rem;
}
.interview-card[data-v-68c55051] {
  padding: 1.8rem;
  border-radius: var(--radius-lg);
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  box-shadow: var(--shadow-soft);
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  transition: all 0.3s ease;
  position: relative;
}
.interview-card[data-v-68c55051]:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-strong);
  border-color: rgba(255, 255, 255, 0.85);
}
.border-scheduled[data-v-68c55051] {
  border-color: rgba(34, 197, 94, 0.3);
  box-shadow: 0 10px 30px rgba(34, 197, 94, 0.05), var(--shadow-soft);
}
.card-top-row[data-v-68c55051] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
.candidate-header[data-v-68c55051] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.candidate-name[data-v-68c55051] {
  margin: 0;
  font-size: 1.3rem;
  font-weight: 850;
  color: var(--text-soft);
}
.job-title[data-v-68c55051] {
  font-size: 0.82rem;
  color: var(--text-muted);
  font-weight: 600;
}
.status-badge-container[data-v-68c55051] {
  flex-shrink: 0;
}
.status-pill[data-v-68c55051] {
  display: inline-block;
  padding: 0.25rem 0.65rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: 1px solid;
}
.status-pill.pending[data-v-68c55051] {
  background: rgba(245, 158, 11, 0.1);
  color: #D97706;
  border-color: rgba(245, 158, 11, 0.2);
}
.status-pill.scheduled[data-v-68c55051] {
  background: rgba(16, 185, 129, 0.1);
  color: #059669;
  border-color: rgba(16, 185, 129, 0.2);
}

/* Schedule detail row */
.schedule-details[data-v-68c55051] {
  padding: 0.95rem;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.schedule-row[data-v-68c55051] {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  font-size: 0.85rem;
  color: var(--text-soft);
}
.meeting-link-row[data-v-68c55051] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.meeting-link[data-v-68c55051] {
  color: var(--primary);
  text-decoration: none;
  font-weight: 700;
  word-break: break-all;
}
.meeting-link[data-v-68c55051]:hover {
  text-decoration: underline;
}
.no-schedule[data-v-68c55051] {
  background: rgba(148, 163, 184, 0.08);
  font-size: 0.85rem;
  color: var(--text-muted);
  font-style: italic;
  justify-content: center;
}
.score-row[data-v-68c55051] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(14, 116, 144, 0.06);
  padding-top: 0.75rem;
  font-size: 0.85rem;
}
.score-label[data-v-68c55051] {
  color: var(--text-muted);
  font-weight: 600;
}
.score-number[data-v-68c55051] {
  font-weight: 850;
  color: var(--primary-dark);
}

/* Actions footer */
.card-footer[data-v-68c55051] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.55rem;
  margin-top: auto;
}
.btn-footer[data-v-68c55051] {
  padding: 0.55rem 0.45rem;
  border-radius: 10px;
  font-size: 0.76rem;
  font-weight: 800;
  cursor: pointer;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  transition: all 0.2s ease;
}
.btn-schedule[data-v-68c55051] {
  background: rgba(14, 165, 233, 0.1);
  color: #0284C7;
  border-color: rgba(14, 165, 233, 0.2);
}
.btn-schedule[data-v-68c55051]:hover {
  background: #0284C7;
  color: white;
}
.btn-ai-q[data-v-68c55051] {
  background: rgba(139, 92, 246, 0.1);
  color: #7C3AED;
  border-color: rgba(139, 92, 246, 0.2);
}
.btn-ai-q[data-v-68c55051]:hover {
  background: #7C3AED;
  color: white;
}
.btn-hire[data-v-68c55051] {
  background: rgba(16, 185, 129, 0.1);
  color: #059669;
  border-color: rgba(16, 185, 129, 0.2);
}
.btn-hire[data-v-68c55051]:hover {
  background: #059669;
  color: white;
}
.btn-reject[data-v-68c55051] {
  background: rgba(239, 68, 68, 0.1);
  color: #DC2626;
  border-color: rgba(239, 68, 68, 0.2);
}
.btn-reject[data-v-68c55051]:hover {
  background: #DC2626;
  color: white;
}

/* Modals layout */
.modal-overlay[data-v-68c55051] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(15, 23, 42, 0.65);
  backdrop-filter: blur(4px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  animation: fadeIn-68c55051 0.2s ease;
}
.modal-content[data-v-68c55051] {
  width: 90%;
  max-width: 500px;
  position: relative;
  padding: 2rem;
  border-radius: var(--radius-lg);
  animation: slideUp-68c55051 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.form-modal[data-v-68c55051], .questions-modal[data-v-68c55051] {
  border: 1px solid var(--glass-border);
  box-shadow: var(--shadow-strong);
}
.close-btn[data-v-68c55051] {
  position: absolute;
  top: 1rem;
  right: 1.5rem;
  font-size: 2rem;
  background: none;
  border: none;
  color: #64748B;
  cursor: pointer;
}
.close-btn[data-v-68c55051]:hover {
  color: #EF4444;
}
.modal-title[data-v-68c55051] {
  margin: 0 0 0.5rem 0;
  font-size: 1.3rem;
  font-weight: 850;
  color: var(--primary-dark);
}
.modal-subtitle[data-v-68c55051] {
  font-size: 0.88rem;
  color: var(--text-muted);
  margin: 0 0 1.5rem 0;
}
.modal-form[data-v-68c55051] {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}
.form-group[data-v-68c55051] {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}
.form-group label[data-v-68c55051] {
  font-size: 0.82rem;
  font-weight: 800;
  color: var(--text-soft);
  text-transform: uppercase;
}
.modal-footer-btns[data-v-68c55051] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 1.25rem;
}
.btn-cancel[data-v-68c55051] {
  padding: 0.6rem 1.2rem;
  border-radius: 12px;
  font-size: 0.88rem;
  font-weight: 700;
  background: rgba(148, 163, 184, 0.12);
  color: var(--text-soft);
  border: 1px solid rgba(148, 163, 184, 0.22);
  cursor: pointer;
}
.btn-cancel[data-v-68c55051]:hover { background: rgba(148, 163, 184, 0.22);
}
.btn-primary[data-v-68c55051] {
  padding: 0.6rem 1.2rem;
  border-radius: 12px;
  font-size: 0.88rem;
  font-weight: 700;
  background: var(--primary);
  color: white;
  border: 1px solid transparent;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(2, 132, 199, 0.2);
}
.btn-primary[data-v-68c55051]:hover {
  background: var(--primary-dark);
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.35);
}

/* AI Questions list design */
.loading-questions-state[data-v-68c55051] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 200px;
  gap: 1rem;
  color: var(--text-muted);
  font-weight: 600;
}
.spinner[data-v-68c55051] {
  width: 38px;
  height: 38px;
  border: 4px solid rgba(2, 132, 199, 0.15);
  border-left-color: var(--primary);
  border-radius: 50%;
  animation: spin-68c55051 1s infinite linear;
}
@keyframes spin-68c55051 {
100% { transform: rotate(360deg);
}
}
.questions-list-container[data-v-68c55051] {
  max-height: 300px;
  overflow-y: auto;
  margin-bottom: 1.5rem;
  padding-right: 0.5rem;
}
.questions-list[data-v-68c55051] {
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.question-item[data-v-68c55051] {
  background: rgba(255, 255, 255, 0.6);
  padding: 1rem;
  border-radius: 12px;
  border: 1px solid rgba(14, 165, 233, 0.12);
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
}
.q-number[data-v-68c55051] {
  background: var(--primary-soft);
  color: var(--primary-dark);
  font-weight: 850;
  font-size: 0.72rem;
  padding: 0.2rem 0.45rem;
  border-radius: 6px;
  flex-shrink: 0;
}
.q-text[data-v-68c55051] {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.5;
  color: var(--text-soft);
}

/* Decision theme colors */
.decision-modal.hired-theme[data-v-68c55051] {
  border: 1.5px solid rgba(16, 185, 129, 0.35);
  box-shadow: 0 24px 60px rgba(16, 185, 129, 0.15), var(--shadow-strong);
}
.decision-modal.rejected-theme[data-v-68c55051] {
  border: 1.5px solid rgba(239, 68, 68, 0.35);
  box-shadow: 0 24px 60px rgba(239, 68, 68, 0.15), var(--shadow-strong);
}
.modal-body-confirm[data-v-68c55051] {
  font-size: 0.98rem;
  line-height: 1.6;
  color: var(--text-soft);
  margin-bottom: 1.8rem;
}
.warning-subtext[data-v-68c55051] {
  color: var(--text-muted);
  font-size: 0.88rem;
  margin-top: 0.5rem;
}
.btn-decision[data-v-68c55051] {
  padding: 0.65rem 1.25rem;
  border-radius: 12px;
  font-size: 0.88rem;
  font-weight: 700;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease;
}
.btn-confirm-hired[data-v-68c55051] {
  background: #10B981;
  color: white;
}
.btn-confirm-hired[data-v-68c55051]:hover {
  background: #059669;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25);
}
.btn-confirm-reject[data-v-68c55051] {
  background: #DC2626;
  color: white;
}
.btn-confirm-reject[data-v-68c55051]:hover {
  background: #B91C1C;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.25);
}

/* Skeleton loader layout */
.skeleton-grid[data-v-68c55051] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 1.6rem;
}
.skeleton-card[data-v-68c55051] {
  padding: 1.8rem;
  border-radius: var(--radius-lg);
  height: 250px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
  overflow: hidden;
}
.skeleton-title[data-v-68c55051] {
  width: 60%;
  height: 20px;
  border-radius: 4px;
  background: rgba(148, 163, 184, 0.15);
}
.skeleton-body-line[data-v-68c55051] {
  width: 90%;
  height: 14px;
  border-radius: 3px;
  background: rgba(148, 163, 184, 0.12);
}
.skeleton-body-line.short[data-v-68c55051] {
  width: 50%;
}
.loading-shimmer[data-v-68c55051]::after {
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.3) 20%,
    rgba(255,255,255,0.5) 60%,
    rgba(255,255,255,0) 100%
  );
  animation: shimmer-68c55051 2s infinite;
}
@keyframes shimmer-68c55051 {
100% { transform: translateX(100%);
}
}

/* Empty State layout */
.empty-state-panel[data-v-68c55051] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5rem 2rem;
  text-align: center;
  gap: 1rem;
}
.empty-icon[data-v-68c55051] {
  font-size: 3.8rem;
  filter: drop-shadow(0 10px 20px rgba(99, 102, 241, 0.15));
}
.empty-text[data-v-68c55051] {
  font-size: 1.35rem;
  font-weight: 850;
  color: var(--text-soft);
  margin: 0;
}
.empty-subtext[data-v-68c55051] {
  font-size: 0.95rem;
  color: var(--text-muted);
  max-width: 480px;
  line-height: 1.6;
  margin: 0;
}
@keyframes fadeIn-68c55051 {
from { opacity: 0;
}
to { opacity: 1;
}
}
@keyframes slideUp-68c55051 {
from { transform: translateY(15px); opacity: 0;
}
to { transform: translateY(0); opacity: 1;
}
}
@media (max-width: 768px) {
.stats-row[data-v-68c55051] {
    grid-template-columns: 1fr;
    gap: 1rem;
}
.controls-panel[data-v-68c55051] {
    flex-direction: column;
    align-items: stretch;
}
.filter-group[data-v-68c55051] {
    justify-content: space-between;
}
.select-input[data-v-68c55051] {
    flex-grow: 1;
}
.view-container[data-v-68c55051] {
    padding: 1.5rem 1.2rem;
}
}

.analytics-card[data-v-3954a312] {
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
  padding: 1.5rem 1.65rem;
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid var(--glass-border);
  box-shadow: var(--shadow-soft);
  transition: all 0.25s ease;
  text-align: left;
}
.analytics-card[data-v-3954a312]:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-strong);
}
.card-top[data-v-3954a312] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card-icon-bg[data-v-3954a312] {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

/* Icon backgrounds HSL */
.blue-bg[data-v-3954a312] {
  background-color: rgba(14, 165, 233, 0.12);
  border: 1px solid rgba(14, 165, 233, 0.2);
}
.cyan-bg[data-v-3954a312] {
  background-color: rgba(34, 211, 238, 0.12);
  border: 1px solid rgba(34, 211, 238, 0.2);
}
.purple-bg[data-v-3954a312] {
  background-color: rgba(139, 92, 246, 0.12);
  border: 1px solid rgba(139, 92, 246, 0.2);
}
.amber-bg[data-v-3954a312] {
  background-color: rgba(245, 158, 11, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.2);
}
.green-bg[data-v-3954a312] {
  background-color: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.2);
}
.red-bg[data-v-3954a312] {
  background-color: rgba(239, 68, 68, 0.12);
  border: 1px solid rgba(239, 68, 68, 0.2);
}

/* Border Glows */
.border-blue[data-v-3954a312]:hover { border-color: rgba(14, 165, 233, 0.45);
}
.border-cyan[data-v-3954a312]:hover { border-color: rgba(34, 211, 238, 0.45);
}
.border-purple[data-v-3954a312]:hover { border-color: rgba(139, 92, 246, 0.45);
}
.border-amber[data-v-3954a312]:hover { border-color: rgba(245, 158, 11, 0.45);
}
.border-green[data-v-3954a312]:hover { border-color: rgba(34, 197, 94, 0.45);
}
.border-red[data-v-3954a312]:hover { border-color: rgba(239, 68, 68, 0.45);
}

/* Trend Badges */
.trend-badge[data-v-3954a312] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.55rem;
  border-radius: 8px;
  font-size: 0.74rem;
  font-weight: 800;
  border: 1px solid transparent;
}
.trend-up[data-v-3954a312] {
  background-color: rgba(34, 197, 94, 0.1);
  color: #16A34A;
  border-color: rgba(34, 197, 94, 0.2);
}
.trend-down[data-v-3954a312] {
  background-color: rgba(239, 68, 68, 0.1);
  color: #DC2626;
  border-color: rgba(239, 68, 68, 0.2);
}
.trend-neutral[data-v-3954a312] {
  background-color: rgba(148, 163, 184, 0.1);
  color: #64748B;
  border-color: rgba(148, 163, 184, 0.2);
}
.trend-new[data-v-3954a312] {
  background-color: rgba(14, 165, 164, 0.08);
  color: var(--accent);
  border-color: rgba(14, 165, 164, 0.2);
}

/* Details */
.card-details[data-v-3954a312] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.card-val[data-v-3954a312] {
  font-size: 1.85rem;
  font-weight: 900;
  color: var(--text-soft);
  line-height: 1.15;
}
.card-lbl[data-v-3954a312] {
  font-size: 0.76rem;
  font-weight: 800;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.6px;
}

.chart-container-inner[data-v-33b11731] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
}
.chart-header-row[data-v-33b11731] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.chart-inner-title[data-v-33b11731] {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 850;
  color: var(--text-soft);
}
.funnel-metric[data-v-33b11731] {
  font-size: 0.8rem;
  color: var(--text-muted);
}
.funnel-metric strong[data-v-33b11731] {
  color: #16A34A;
  font-weight: 850;
}
.chart-wrapper[data-v-33b11731] {
  flex-grow: 1;
  position: relative;
  min-height: 240px;
}

.chart-container-inner[data-v-a0b137ce] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
}
.chart-inner-title[data-v-a0b137ce] {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 850;
  color: var(--text-soft);
}
.chart-wrapper[data-v-a0b137ce] {
  flex-grow: 1;
  position: relative;
  min-height: 240px;
}

.chart-container-inner[data-v-c14f4952] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
}
.chart-inner-title[data-v-c14f4952] {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 850;
  color: var(--text-soft);
}
.chart-wrapper[data-v-c14f4952] {
  flex-grow: 1;
  position: relative;
  min-height: 240px;
}

.chart-container-inner[data-v-af4336fa] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
}
.chart-inner-title[data-v-af4336fa] {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 850;
  color: var(--text-soft);
}
.chart-wrapper[data-v-af4336fa] {
  flex-grow: 1;
  position: relative;
  min-height: 240px;
}

.dashboard-analytics-container[data-v-2a09f7cf] {
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.dashboard-header[data-v-2a09f7cf] {
  padding: 2.2rem 2.8rem;
  position: relative;
  overflow: hidden;
}
.dashboard-header[data-v-2a09f7cf]::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 12% 18%, rgba(56, 189, 248, 0.08), transparent 26%);
  pointer-events: none;
}
.role-badge[data-v-2a09f7cf] {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  border: 1px solid rgba(14, 165, 233, 0.25);
  background: rgba(14, 165, 233, 0.12);
  color: var(--primary-dark);
  font-size: 0.78rem;
  font-weight: 800;
  padding: 0.35rem 0.68rem;
  margin-bottom: 0.75rem;
}
.badge-dot[data-v-2a09f7cf] {
  width: 0.44rem;
  height: 0.44rem;
  margin-right: 0.4rem;
  border-radius: 999px;
  background: #22C55E;
  box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.15);
}
.subtitle[data-v-2a09f7cf] {
  color: var(--text-muted);
  margin: 0;
  font-size: 1rem;
}

/* Filters Panel */
.filters-panel[data-v-2a09f7cf] {
  padding: 1.25rem 2rem;
  border-radius: 20px;
}
.filter-row[data-v-2a09f7cf] {
  display: flex;
  align-items: flex-end;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.filter-group[data-v-2a09f7cf] {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  flex-grow: 1;
  min-width: 180px;
}
.filter-group label[data-v-2a09f7cf] {
  font-size: 0.78rem;
  font-weight: 800;
  color: var(--text-soft);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.input-field[data-v-2a09f7cf] {
  padding: 0.65rem 1rem;
  border-radius: 12px;
  border: 1px solid rgba(14, 165, 233, 0.22);
  background: rgba(255, 255, 255, 0.75);
  color: var(--text-soft);
  font-weight: 650;
  font-size: 0.9rem;
  transition: all 0.2s ease;
  box-sizing: border-box;
}
.input-field[data-v-2a09f7cf]:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15);
  background: white;
}
.btn-reset[data-v-2a09f7cf] {
  min-height: 40px;
  padding: 0 1.25rem;
  border-radius: 12px;
  background: rgba(148, 163, 184, 0.12);
  color: var(--text-soft);
  border: 1px solid rgba(148, 163, 184, 0.22);
  font-weight: 700;
  font-size: 0.88rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  transition: all 0.2s ease;
}
.btn-reset[data-v-2a09f7cf]:hover {
  background: rgba(148, 163, 184, 0.22);
}
.analytics-content[data-v-2a09f7cf] {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

/* KPI Cards Layout */
.kpis-grid[data-v-2a09f7cf] {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1.5rem;
}
@media (max-width: 1120px) {
.kpis-grid[data-v-2a09f7cf] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 680px) {
.kpis-grid[data-v-2a09f7cf] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.kpis-grid[data-v-2a09f7cf] {
    grid-template-columns: 1fr;
}
}

/* Scores & Status distribution row */
.score-distribution-row[data-v-2a09f7cf] {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 2rem;
}
.scores-summary-column[data-v-2a09f7cf] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.score-summary-card[data-v-2a09f7cf] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 1.5rem 2rem;
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid var(--glass-border);
  box-shadow: var(--shadow-soft);
  transition: all 0.25s ease;
}
.score-summary-card[data-v-2a09f7cf]:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-strong);
}
.score-details[data-v-2a09f7cf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
}
.score-val[data-v-2a09f7cf] {
  font-size: 1.45rem;
  font-weight: 950;
  color: var(--text-soft);
  line-height: 1.2;
}
.score-lbl[data-v-2a09f7cf] {
  font-size: 0.72rem;
  font-weight: 800;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.border-blue[data-v-2a09f7cf]:hover { border-color: rgba(14, 165, 233, 0.45);
}
.border-green[data-v-2a09f7cf]:hover { border-color: rgba(34, 197, 94, 0.45);
}
.border-red[data-v-2a09f7cf]:hover { border-color: rgba(239, 68, 68, 0.45);
}
.distribution-chart-card[data-v-2a09f7cf] {
  padding: 1.75rem;
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
  min-height: 280px;
}
.chart-inner-title[data-v-2a09f7cf] {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 850;
  color: var(--text-soft);
}
.pie-chart-wrapper[data-v-2a09f7cf] {
  flex-grow: 1;
  position: relative;
  height: 100%;
  min-height: 220px;
}

/* Charts grid layout */
.charts-grid-layout[data-v-2a09f7cf] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.chart-box[data-v-2a09f7cf] {
  padding: 2.25rem;
  border-radius: var(--radius-lg);
  min-height: 380px;
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid var(--glass-border);
  box-shadow: var(--shadow-soft);
}
.full-width-chart[data-v-2a09f7cf] {
  grid-column: span 2;
}
@media (max-width: 960px) {
.score-distribution-row[data-v-2a09f7cf],
  .charts-grid-layout[data-v-2a09f7cf] {
    grid-template-columns: 1fr;
}
.full-width-chart[data-v-2a09f7cf] {
    grid-column: span 1;
}
}

/* Error wrapper */
.error-wrapper[data-v-2a09f7cf],
.empty-wrapper[data-v-2a09f7cf] {
  padding: 4rem 2rem;
  text-align: center;
  border-radius: var(--radius-lg);
}
.error-state[data-v-2a09f7cf],
.empty-state[data-v-2a09f7cf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
}
.error-icon[data-v-2a09f7cf],
.empty-icon[data-v-2a09f7cf] {
  font-size: 3.5rem;
}
.error-msg[data-v-2a09f7cf] {
  font-size: 1.1rem;
  color: var(--text-soft);
  font-weight: 600;
  max-width: 500px;
  line-height: 1.6;
}
.empty-state h3[data-v-2a09f7cf] {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 850;
  color: var(--text-soft);
}
.empty-state p[data-v-2a09f7cf] {
  margin: 0;
  font-size: 0.95rem;
  color: var(--text-muted);
  max-width: 520px;
  line-height: 1.6;
}
.btn-link-rank[data-v-2a09f7cf] {
  text-decoration: none;
  font-size: 0.9rem;
}

/* Skeleton Loaders */
.skeleton-kpis-grid[data-v-2a09f7cf] {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1.25rem;
  margin-bottom: 2rem;
}
.skeleton-card[data-v-2a09f7cf] {
  height: 130px;
  border-radius: var(--radius-lg);
  position: relative;
  overflow: hidden;
}
.skeleton-scores-grid[data-v-2a09f7cf] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
  margin-bottom: 2rem;
}
.skeleton-score-card[data-v-2a09f7cf] {
  height: 80px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.skeleton-charts-grid[data-v-2a09f7cf] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
.skeleton-chart-box[data-v-2a09f7cf] {
  height: 320px;
  border-radius: var(--radius-lg);
  position: relative;
  overflow: hidden;
}
.loading-shimmer[data-v-2a09f7cf]::after {
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.3) 20%,
    rgba(255,255,255,0.5) 60%,
    rgba(255,255,255,0) 100%
  );
  animation: shimmer-2a09f7cf 2.2s infinite;
}
@keyframes shimmer-2a09f7cf {
100% { transform: translateX(100%);
}
}
@media (max-width: 1024px) {
.skeleton-kpis-grid[data-v-2a09f7cf] {
    grid-template-columns: repeat(3, 1fr);
}
.skeleton-scores-grid[data-v-2a09f7cf],
  .skeleton-charts-grid[data-v-2a09f7cf] {
    grid-template-columns: 1fr;
}
}

.advisor-container[data-v-b7594e50] {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}

/* Header */
.advisor-header[data-v-b7594e50] {
  padding: 2.2rem 2.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  position: relative;
  overflow: hidden;
}
.advisor-header[data-v-b7594e50]::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 8% 20%, rgba(139, 92, 246, 0.1), transparent 30%),
              radial-gradient(circle at 90% 80%, rgba(14, 165, 233, 0.08), transparent 25%);
  pointer-events: none;
}
.header-content[data-v-b7594e50] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.advisor-badge[data-v-b7594e50] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  border-radius: 999px;
  border: 1px solid rgba(139, 92, 246, 0.3);
  background: rgba(139, 92, 246, 0.1);
  color: #7C3AED;
  font-size: 0.78rem;
  font-weight: 800;
  padding: 0.35rem 0.8rem;
}
.badge-dot[data-v-b7594e50] {
  width: 0.44rem;
  height: 0.44rem;
  border-radius: 999px;
  background: #8B5CF6;
  box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.2);
}
.advisor-subtitle[data-v-b7594e50] {
  color: var(--text-muted);
  margin: 0;
  font-size: 0.95rem;
}
.header-score-pill[data-v-b7594e50] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  flex-shrink: 0;
}
.score-label[data-v-b7594e50] {
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--text-muted);
  letter-spacing: 0.05em;
}
.score-number[data-v-b7594e50] {
  font-size: 2.2rem;
  font-weight: 900;
  line-height: 1;
}
.score-number.ring-success[data-v-b7594e50] { color: #16A34A;
}
.score-number.ring-moderate[data-v-b7594e50] { color: #0EA5E9;
}
.score-number.ring-warning[data-v-b7594e50] { color: #D97706;
}
.score-number.ring-danger[data-v-b7594e50] { color: #DC2626;
}

/* Empty State */
.empty-advisor[data-v-b7594e50] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  padding: 4rem 2rem;
  text-align: center;
}
.empty-advisor-icon[data-v-b7594e50] {
  font-size: 3.5rem;
  filter: drop-shadow(0 8px 20px rgba(139, 92, 246, 0.25));
  animation: float-b7594e50 3s ease-in-out infinite;
}
@keyframes float-b7594e50 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}
.empty-advisor h3[data-v-b7594e50] {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 800;
  color: var(--text-soft);
}
.empty-advisor p[data-v-b7594e50] {
  color: var(--text-muted);
  max-width: 420px;
  line-height: 1.6;
  margin: 0;
}

/* Generate CTA */
.generate-cta[data-v-b7594e50] {
  display: flex;
  align-items: center;
  gap: 1.75rem;
  padding: 2rem 2.5rem;
}
.cta-icon-wrap[data-v-b7594e50] {
  font-size: 2.5rem;
  filter: drop-shadow(0 4px 12px rgba(139, 92, 246, 0.3));
  flex-shrink: 0;
  animation: float-b7594e50 3s ease-in-out infinite;
}
.cta-text h3[data-v-b7594e50] {
  margin: 0 0 0.3rem;
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--text-soft);
}
.cta-text p[data-v-b7594e50] {
  margin: 0;
  font-size: 0.9rem;
  color: var(--text-muted);
}

/* Loading */
.advisor-loading[data-v-b7594e50] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 3rem;
  text-align: center;
}
.spinner-ring[data-v-b7594e50] {
  width: 52px;
  height: 52px;
  border: 4px solid rgba(139, 92, 246, 0.15);
  border-top-color: #8B5CF6;
  border-radius: 50%;
  animation: spin-b7594e50 0.9s linear infinite;
}
@keyframes spin-b7594e50 {
to { transform: rotate(360deg);
}
}
.loading-sub[data-v-b7594e50] {
  font-size: 0.85rem;
  color: var(--text-muted);
  margin: 0;
}

/* Error Banner */
.error-banner[data-v-b7594e50] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.75rem;
  background: rgba(239, 68, 68, 0.08);
  border: 1px solid rgba(239, 68, 68, 0.25);
  border-radius: 16px;
  color: #DC2626;
  font-weight: 600;
}
.btn-retry[data-v-b7594e50] {
  background: #EF4444;
  color: white;
  border: none;
  padding: 0.4rem 1rem;
  border-radius: 8px;
  font-weight: 700;
  cursor: pointer;
  margin-left: auto;
  transition: background 0.2s;
}
.btn-retry[data-v-b7594e50]:hover { background: #DC2626;
}

/* Results Grid */
.results-grid[data-v-b7594e50] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
.full-width-card[data-v-b7594e50] {
  grid-column: 1 / -1;
}
.result-card[data-v-b7594e50] {
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

/* Card Header */
.card-header[data-v-b7594e50] {
  display: flex;
  align-items: center;
  gap: 0.85rem;
}
.card-header h3[data-v-b7594e50] {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--text-soft);
}
.card-icon-wrap[data-v-b7594e50] {
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  flex-shrink: 0;
}
.teal-icon[data-v-b7594e50]   { background: rgba(20, 184, 166, 0.12); border: 1px solid rgba(20, 184, 166, 0.2);
}
.red-icon[data-v-b7594e50]    { background: rgba(239, 68, 68, 0.1);   border: 1px solid rgba(239, 68, 68, 0.18);
}
.purple-icon[data-v-b7594e50] { background: rgba(139, 92, 246, 0.12); border: 1px solid rgba(139, 92, 246, 0.2);
}
.amber-icon[data-v-b7594e50]  { background: rgba(245, 158, 11, 0.12); border: 1px solid rgba(245, 158, 11, 0.2);
}
.blue-icon[data-v-b7594e50]   { background: rgba(14, 165, 233, 0.12); border: 1px solid rgba(14, 165, 233, 0.2);
}
.indigo-icon[data-v-b7594e50] { background: rgba(99, 102, 241, 0.12); border: 1px solid rgba(99, 102, 241, 0.2);
}

/* Score Comparison */
.score-comparison[data-v-b7594e50] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.score-item[data-v-b7594e50] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.7rem;
}
.score-item-label[data-v-b7594e50] {
  font-size: 0.75rem;
  font-weight: 800;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.score-ring[data-v-b7594e50] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 900;
  border: 3px solid;
}
.score-ring.ring-success[data-v-b7594e50] { border-color: #22C55E; color: #16A34A; background: rgba(34, 197, 94, 0.1);
}
.score-ring.ring-moderate[data-v-b7594e50] { border-color: #0EA5E9; color: #0369A1; background: rgba(14, 165, 233, 0.1);
}
.score-ring.ring-warning[data-v-b7594e50] { border-color: #F59E0B; color: #D97706; background: rgba(245, 158, 11, 0.1);
}
.score-ring.ring-danger[data-v-b7594e50] { border-color: #EF4444; color: #DC2626; background: rgba(239, 68, 68, 0.1);
}
.score-ring-green[data-v-b7594e50] { border-color: #22C55E; color: #16A34A; background: rgba(34, 197, 94, 0.12);
}
.score-arrow[data-v-b7594e50] {
  font-size: 1.5rem;
  color: var(--text-muted);
}
.score-delta-note[data-v-b7594e50] {
  text-align: center;
  font-size: 0.85rem;
  color: #16A34A;
  font-weight: 700;
  margin: 0;
}

/* Skills */
.skills-summary-text[data-v-b7594e50] {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--text-soft);
}
.skills-section[data-v-b7594e50] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.section-mini-title[data-v-b7594e50] {
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.matched-title[data-v-b7594e50] { color: #16A34A;
}
.missing-title[data-v-b7594e50] { color: #DC2626;
}
.skill-tags[data-v-b7594e50] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.skill-chip[data-v-b7594e50] {
  display: inline-block;
  padding: 0.3rem 0.75rem;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 700;
  border: 1px solid;
  transition: transform 0.18s ease;
}
.skill-chip[data-v-b7594e50]:hover { transform: scale(1.05);
}
.chip-green[data-v-b7594e50]  { background: rgba(34, 197, 94, 0.1);  border-color: rgba(34, 197, 94, 0.3);  color: #15803D;
}
.chip-red[data-v-b7594e50]    { background: rgba(239, 68, 68, 0.1);   border-color: rgba(239, 68, 68, 0.3);   color: #B91C1C;
}
.chip-indigo[data-v-b7594e50] { background: rgba(99, 102, 241, 0.1);  border-color: rgba(99, 102, 241, 0.3);  color: #4338CA;
}
.chip-teal[data-v-b7594e50]   { background: rgba(20, 184, 166, 0.1);  border-color: rgba(20, 184, 166, 0.3);  color: #0F766E;
}

/* Timeline */
.timeline[data-v-b7594e50] {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.timeline-item[data-v-b7594e50] {
  display: flex;
  gap: 1.25rem;
  padding-bottom: 1.5rem;
  position: relative;
}
.timeline-item[data-v-b7594e50]:not(.is-last)::before {
  content: '';
  position: absolute;
  left: 8px;
  top: 20px;
  bottom: 0;
  width: 2px;
  background: linear-gradient(to bottom, rgba(139, 92, 246, 0.4), rgba(139, 92, 246, 0.05));
}
.timeline-dot[data-v-b7594e50] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: linear-gradient(135deg, #8B5CF6, #6366F1);
  box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.15);
  flex-shrink: 0;
  margin-top: 2px;
}
.timeline-body[data-v-b7594e50] {
  flex: 1;
}
.timeline-duration[data-v-b7594e50] {
  display: inline-block;
  font-size: 0.82rem;
  font-weight: 800;
  color: #7C3AED;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.2);
  padding: 0.2rem 0.65rem;
  border-radius: 999px;
  margin-bottom: 0.6rem;
}
.timeline-tasks[data-v-b7594e50] {
  margin: 0;
  padding-left: 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.timeline-tasks li[data-v-b7594e50] {
  font-size: 0.92rem;
  color: var(--text-soft);
  line-height: 1.5;
}

/* Tips List */
.tips-list[data-v-b7594e50] {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
.tip-item[data-v-b7594e50] {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  font-size: 0.93rem;
  color: var(--text-soft);
  line-height: 1.5;
}
.tip-bullet[data-v-b7594e50] {
  flex-shrink: 0;
  font-weight: 900;
  color: #16A34A;
  margin-top: 1px;
}
.tip-bullet-blue[data-v-b7594e50] { color: #0EA5E9;
}

/* Career Card */
.career-suitability[data-v-b7594e50] {
  margin: 0;
  font-size: 0.95rem;
  color: var(--text-soft);
  line-height: 1.6;
  font-style: italic;
  border-left: 3px solid rgba(99, 102, 241, 0.4);
  padding-left: 1rem;
}
.career-chips-row[data-v-b7594e50] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
.career-chip-group[data-v-b7594e50] {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}
.career-chip-label[data-v-b7594e50] {
  font-size: 0.78rem;
  font-weight: 800;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Actions Row */
.actions-row[data-v-b7594e50] {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.btn-export[data-v-b7594e50] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: linear-gradient(135deg, #7C3AED, #6366F1);
  color: white;
  border: none;
  padding: 0.85rem 1.6rem;
  border-radius: 12px;
  font-size: 0.95rem;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 4px 14px rgba(124, 58, 237, 0.35);
}
.btn-export[data-v-b7594e50]:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(124, 58, 237, 0.45);
}
.btn-export[data-v-b7594e50]:disabled { opacity: 0.65; cursor: not-allowed;
}
.btn-secondary[data-v-b7594e50] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: rgba(255, 255, 255, 0.6);
  color: var(--text-soft);
  border: 1px solid var(--glass-border);
  padding: 0.8rem 1.4rem;
  border-radius: 12px;
  font-size: 0.9rem;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.2s ease;
}
.btn-secondary[data-v-b7594e50]:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.85);
  transform: translateY(-1px);
}
.btn-secondary[data-v-b7594e50]:disabled { opacity: 0.5; cursor: not-allowed;
}

/* Score Improvement Card special layout */
.score-improvement-card[data-v-b7594e50] {
  text-align: center;
}
@media (max-width: 860px) {
.results-grid[data-v-b7594e50] {
    grid-template-columns: 1fr;
}
.full-width-card[data-v-b7594e50] {
    grid-column: auto;
}
.career-chips-row[data-v-b7594e50] {
    grid-template-columns: 1fr;
}
.advisor-header[data-v-b7594e50] {
    flex-direction: column;
    align-items: flex-start;
}
.generate-cta[data-v-b7594e50] {
    flex-direction: column;
    text-align: center;
}
}

.pstats-card[data-v-8cee17ac] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  border-radius: 20px;
  transition: all 0.25s ease;
  cursor: default;
}
.pstats-card[data-v-8cee17ac]:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-strong);
}
.pstats-icon-bg[data-v-8cee17ac] {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  flex-shrink: 0;
}
.pstats-details[data-v-8cee17ac] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.pstats-value[data-v-8cee17ac] {
  font-size: 1.6rem;
  font-weight: 900;
  color: var(--text-soft);
  line-height: 1.1;
}
.pstats-label[data-v-8cee17ac] {
  font-size: 0.72rem;
  font-weight: 800;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.pstats-sub[data-v-8cee17ac] {
  font-size: 0.78rem;
  color: var(--text-muted);
  font-style: italic;
}

/* Color system */
.border-blue[data-v-8cee17ac]   { border-left: 3px solid rgba(14,165,233,0.5);
}
.border-green[data-v-8cee17ac]  { border-left: 3px solid rgba(34,197,94,0.5);
}
.border-purple[data-v-8cee17ac] { border-left: 3px solid rgba(139,92,246,0.5);
}
.border-amber[data-v-8cee17ac]  { border-left: 3px solid rgba(245,158,11,0.5);
}
.border-red[data-v-8cee17ac]    { border-left: 3px solid rgba(239,68,68,0.5);
}
.border-cyan[data-v-8cee17ac]   { border-left: 3px solid rgba(34,211,238,0.5);
}
.border-indigo[data-v-8cee17ac] { border-left: 3px solid rgba(99,102,241,0.5);
}
.border-teal[data-v-8cee17ac]   { border-left: 3px solid rgba(20,184,166,0.5);
}
.icon-blue[data-v-8cee17ac]   { background:rgba(14,165,233,0.12);  border:1px solid rgba(14,165,233,0.2);
}
.icon-green[data-v-8cee17ac]  { background:rgba(34,197,94,0.12);   border:1px solid rgba(34,197,94,0.2);
}
.icon-purple[data-v-8cee17ac] { background:rgba(139,92,246,0.12);  border:1px solid rgba(139,92,246,0.2);
}
.icon-amber[data-v-8cee17ac]  { background:rgba(245,158,11,0.12);  border:1px solid rgba(245,158,11,0.2);
}
.icon-red[data-v-8cee17ac]    { background:rgba(239,68,68,0.12);   border:1px solid rgba(239,68,68,0.2);
}
.icon-cyan[data-v-8cee17ac]   { background:rgba(34,211,238,0.12);  border:1px solid rgba(34,211,238,0.2);
}
.icon-indigo[data-v-8cee17ac] { background:rgba(99,102,241,0.12);  border:1px solid rgba(99,102,241,0.2);
}
.icon-teal[data-v-8cee17ac]   { background:rgba(20,184,166,0.12);  border:1px solid rgba(20,184,166,0.2);
}

.health-card[data-v-9cb7e0e7] {
  padding: 1.25rem 1.5rem;
  border-radius: 18px;
  position: relative;
  overflow: hidden;
  transition: all 0.25s ease;
}
.health-card[data-v-9cb7e0e7]:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-strong);
}
.health-header[data-v-9cb7e0e7] {
  display: flex;
  align-items: center;
  gap: 0.85rem;
}
.health-icon-wrap[data-v-9cb7e0e7] {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  flex-shrink: 0;
}
.icon-healthy[data-v-9cb7e0e7] { background: rgba(34,197,94,0.12);  border: 1px solid rgba(34,197,94,0.2);
}
.icon-warning[data-v-9cb7e0e7] { background: rgba(245,158,11,0.12); border: 1px solid rgba(245,158,11,0.2);
}
.icon-error[data-v-9cb7e0e7]   { background: rgba(239,68,68,0.12);  border: 1px solid rgba(239,68,68,0.2);
}
.icon-unknown[data-v-9cb7e0e7] { background: rgba(100,116,139,0.12);border: 1px solid rgba(100,116,139,0.2);
}
.health-info[data-v-9cb7e0e7] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.health-name[data-v-9cb7e0e7] {
  font-size: 0.95rem;
  font-weight: 800;
  color: var(--text-soft);
}
.health-time[data-v-9cb7e0e7] {
  font-size: 0.72rem;
  color: var(--text-muted);
  font-weight: 600;
}
.health-badge[data-v-9cb7e0e7] {
  font-size: 0.72rem;
  font-weight: 800;
  padding: 0.25rem 0.6rem;
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.badge-healthy[data-v-9cb7e0e7] { background:rgba(34,197,94,0.12);  color:#15803D; border:1px solid rgba(34,197,94,0.25);
}
.badge-warning[data-v-9cb7e0e7] { background:rgba(245,158,11,0.12); color:#B45309; border:1px solid rgba(245,158,11,0.25);
}
.badge-error[data-v-9cb7e0e7]   { background:rgba(239,68,68,0.12);  color:#DC2626; border:1px solid rgba(239,68,68,0.25);
}
.badge-unknown[data-v-9cb7e0e7] { background:rgba(100,116,139,0.1); color:#64748b; border:1px solid rgba(100,116,139,0.2);
}
.health-detail[data-v-9cb7e0e7] {
  font-size: 0.8rem;
  color: var(--text-muted);
  margin: 0.5rem 0 0;
  padding-left: 0.25rem;
  font-style: italic;
}

/* Bottom indicator strip */
.health-indicator[data-v-9cb7e0e7] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
}
.ind-healthy[data-v-9cb7e0e7] { background: linear-gradient(90deg, #22C55E, #16A34A);
}
.ind-warning[data-v-9cb7e0e7] { background: linear-gradient(90deg, #F59E0B, #D97706);
}
.ind-error[data-v-9cb7e0e7]   { background: linear-gradient(90deg, #EF4444, #DC2626);
}
.ind-unknown[data-v-9cb7e0e7] { background: linear-gradient(90deg, #94A3B8, #64748B);
}

.audit-table-wrap[data-v-59fb30aa] {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.audit-toolbar[data-v-59fb30aa] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.audit-search[data-v-59fb30aa] {
  flex: 1;
  max-width: 480px;
  padding: 0.65rem 1rem;
  font-size: 0.9rem;
}
.audit-count[data-v-59fb30aa] {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--text-muted);
  white-space: nowrap;
}
.audit-loading[data-v-59fb30aa], .audit-empty[data-v-59fb30aa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 2rem;
  color: var(--text-muted);
  font-size: 0.9rem;
}
.spinner-sm[data-v-59fb30aa] {
  width: 22px;
  height: 22px;
  border: 3px solid rgba(14,165,233,0.15);
  border-top-color: #0EA5E9;
  border-radius: 50%;
  animation: spin-59fb30aa 0.9s linear infinite;
}
@keyframes spin-59fb30aa {
to { transform: rotate(360deg);
}
}
.audit-scroll[data-v-59fb30aa] {
  overflow-x: auto;
}
.audit-table[data-v-59fb30aa] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.audit-table thead th[data-v-59fb30aa] {
  text-align: left;
  padding: 0.6rem 0.8rem;
  font-size: 0.72rem;
  font-weight: 800;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid rgba(14,116,144,0.1);
  white-space: nowrap;
}
.audit-row td[data-v-59fb30aa] {
  padding: 0.65rem 0.8rem;
  border-bottom: 1px solid rgba(14,116,144,0.06);
  color: var(--text-soft);
  vertical-align: middle;
}
.audit-row:hover td[data-v-59fb30aa] { background: rgba(14,165,233,0.04);
}
.audit-row:last-child td[data-v-59fb30aa] { border-bottom: none;
}
.col-time[data-v-59fb30aa]   { white-space: nowrap; color: var(--text-muted); font-size: 0.8rem;
}
.col-email[data-v-59fb30aa]  { font-weight: 700;
}
.col-target[data-v-59fb30aa] { font-family: monospace; font-size: 0.78rem; color: var(--text-muted);
}
.col-details[data-v-59fb30aa]{ max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.action-badge[data-v-59fb30aa] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  border: 1px solid;
}
.action-red[data-v-59fb30aa]   { background:rgba(239,68,68,0.1);  border-color:rgba(239,68,68,0.3);  color:#DC2626;
}
.action-amber[data-v-59fb30aa] { background:rgba(245,158,11,0.1); border-color:rgba(245,158,11,0.3); color:#B45309;
}
.action-blue[data-v-59fb30aa]  { background:rgba(14,165,233,0.1); border-color:rgba(14,165,233,0.3); color:#0369A1;
}
.action-gray[data-v-59fb30aa]  { background:rgba(100,116,139,0.1);border-color:rgba(100,116,139,0.2);color:#475569;
}
.audit-pagination[data-v-59fb30aa] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
}
.btn-page[data-v-59fb30aa] {
  background: rgba(255,255,255,0.6);
  border: 1px solid var(--glass-border);
  padding: 0.4rem 0.9rem;
  border-radius: 8px;
  font-weight: 700;
  font-size: 0.82rem;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-page[data-v-59fb30aa]:hover:not(:disabled) { background: rgba(255,255,255,0.9);
}
.btn-page[data-v-59fb30aa]:disabled { opacity: 0.4; cursor: not-allowed;
}
.page-info[data-v-59fb30aa] { font-size: 0.82rem; color: var(--text-muted); font-weight: 700;
}

.admin-container[data-v-50ace0d9] {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Header */
.admin-header[data-v-50ace0d9] {
  padding: 2rem 2.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  position: relative;
  overflow: hidden;
}
.admin-header[data-v-50ace0d9]::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 10% 20%, rgba(239,68,68,0.07), transparent 30%),
              radial-gradient(circle at 90% 80%, rgba(14,165,233,0.06), transparent 25%);
  pointer-events: none;
}
.admin-badge[data-v-50ace0d9] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.78rem;
  font-weight: 800;
  padding: 0.3rem 0.75rem;
  border-radius: 999px;
  background: rgba(239,68,68,0.1);
  border: 1px solid rgba(239,68,68,0.25);
  color: #B91C1C;
  margin-bottom: 0.5rem;
}
.badge-dot[data-v-50ace0d9] {
  width: 0.44rem;
  height: 0.44rem;
  border-radius: 50%;
  background: #EF4444;
  box-shadow: 0 0 0 4px rgba(239,68,68,0.2);
}
.header-sub[data-v-50ace0d9] {
  color: var(--text-muted);
  margin: 0;
  font-size: 0.92rem;
}
.admin-time[data-v-50ace0d9] {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--text-muted);
  white-space: nowrap;
}

/* Tabs */
.admin-tabs[data-v-50ace0d9] {
  display: flex;
  gap: 0.25rem;
  padding: 0.5rem;
  border-radius: 16px;
}
.tab-btn[data-v-50ace0d9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.65rem 1.2rem;
  border-radius: 10px;
  border: none;
  background: transparent;
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--text-muted);
  cursor: pointer;
  transition: all 0.2s ease;
}
.tab-btn[data-v-50ace0d9]:hover { background: rgba(255,255,255,0.5); color: var(--text-soft);
}
.tab-btn.is-active[data-v-50ace0d9] { background: rgba(255,255,255,0.85); color: var(--primary-dark); box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.tab-icon[data-v-50ace0d9] { font-size: 1rem;
}

/* Tab content */
.tab-content[data-v-50ace0d9] { display: flex; flex-direction: column; gap: 1.5rem;
}

/* KPI grid */
.kpi-grid[data-v-50ace0d9] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.2rem;
}
@media (max-width: 1024px) {
.kpi-grid[data-v-50ace0d9] { grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 580px)  {
.kpi-grid[data-v-50ace0d9] { grid-template-columns: 1fr;
}
}

/* Overview charts */
.overview-grid[data-v-50ace0d9] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
@media (max-width: 860px) {
.overview-grid[data-v-50ace0d9] { grid-template-columns: 1fr;
}
}
.chart-card[data-v-50ace0d9] {
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.card-header[data-v-50ace0d9] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.card-header h3[data-v-50ace0d9] { margin: 0; font-size: 1rem; font-weight: 800; color: var(--text-soft);
}
.card-icon[data-v-50ace0d9] {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  flex-shrink: 0;
}
.amber-icon[data-v-50ace0d9]  { background:rgba(245,158,11,0.12); border:1px solid rgba(245,158,11,0.2);
}
.purple-icon[data-v-50ace0d9] { background:rgba(139,92,246,0.12); border:1px solid rgba(139,92,246,0.2);
}
.chart-loading[data-v-50ace0d9] { color: var(--text-muted); font-size: 0.9rem; text-align: center; padding: 1rem;
}

/* Recruitment stats */
.recruit-stats-row[data-v-50ace0d9] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
.recruit-stat[data-v-50ace0d9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
.rs-val[data-v-50ace0d9] {
  font-size: 1.6rem;
  font-weight: 900;
  color: var(--text-soft);
  line-height: 1;
}
.rs-lbl[data-v-50ace0d9] {
  font-size: 0.7rem;
  font-weight: 800;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.text-green .rs-val[data-v-50ace0d9] { color: #16A34A;
}

/* Mini bar chart */
.mini-bars[data-v-50ace0d9] {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  height: 90px;
  padding-bottom: 1.5rem;
  position: relative;
}
.mini-bar-group[data-v-50ace0d9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  flex: 1;
}
.mini-bar-wrap[data-v-50ace0d9] {
  display: flex;
  align-items: flex-end;
  gap: 2px;
  height: 80px;
}
.mini-bar[data-v-50ace0d9] {
  width: 12px;
  border-radius: 4px 4px 0 0;
  transition: height 0.4s ease;
  min-height: 2px;
}
.bar-blue[data-v-50ace0d9]  { background: rgba(14,165,233,0.7);
}
.bar-green[data-v-50ace0d9] { background: rgba(34,197,94,0.7);
}
.mini-bar-label[data-v-50ace0d9] { font-size: 0.68rem; color: var(--text-muted); font-weight: 700;
}
.chart-legend[data-v-50ace0d9] {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 0.78rem;
  color: var(--text-muted);
  font-weight: 600;
}
.legend-dot[data-v-50ace0d9] { width: 10px; height: 10px; border-radius: 3px; display: inline-block;
}
.blue-dot[data-v-50ace0d9]  { background: rgba(14,165,233,0.7);
}
.green-dot[data-v-50ace0d9] { background: rgba(34,197,94,0.7);
}

/* AI Usage */
.ai-usage-list[data-v-50ace0d9] { display: flex; flex-direction: column; gap: 0.75rem;
}
.ai-usage-row[data-v-50ace0d9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  border-radius: 10px;
  background: rgba(255,255,255,0.4);
  border: 1px solid rgba(14,116,144,0.06);
}
.highlight-row[data-v-50ace0d9] { background: rgba(34,197,94,0.05); border-color: rgba(34,197,94,0.15);
}
.ai-lbl[data-v-50ace0d9] { font-size: 0.88rem; color: var(--text-soft); font-weight: 600;
}
.ai-val[data-v-50ace0d9] { font-size: 1.1rem; font-weight: 900; color: var(--text-soft);
}
.blue-val[data-v-50ace0d9]   { color: #0369A1;
}
.purple-val[data-v-50ace0d9] { color: #7C3AED;
}
.cyan-val[data-v-50ace0d9]   { color: #0891B2;
}
.amber-val[data-v-50ace0d9]  { color: #D97706;
}
.green-val[data-v-50ace0d9]  { color: #16A34A;
}

/* Section header */
.section-header[data-v-50ace0d9] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.section-header h3[data-v-50ace0d9] { margin: 0; font-size: 1.15rem; font-weight: 800; color: var(--text-soft);
}
.section-sub[data-v-50ace0d9] { margin: 0; font-size: 0.88rem; color: var(--text-muted);
}
.btn-refresh[data-v-50ace0d9] {
  background: rgba(255,255,255,0.7);
  border: 1px solid var(--glass-border);
  padding: 0.5rem 1rem;
  border-radius: 10px;
  font-weight: 700;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.2s;
  margin-left: auto;
}
.btn-refresh[data-v-50ace0d9]:hover:not(:disabled) { background: rgba(255,255,255,0.95);
}
.btn-refresh[data-v-50ace0d9]:disabled { opacity: 0.5; cursor: not-allowed;
}

/* Overall health banner */
.overall-health[data-v-50ace0d9] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.75rem;
  border-radius: 16px;
  font-size: 0.95rem;
  font-weight: 700;
}
.overall-healthy[data-v-50ace0d9] { background:rgba(34,197,94,0.08);  border:1px solid rgba(34,197,94,0.25);  color:#15803D;
}
.overall-warning[data-v-50ace0d9] { background:rgba(245,158,11,0.08); border:1px solid rgba(245,158,11,0.25); color:#B45309;
}
.overall-error[data-v-50ace0d9]   { background:rgba(239,68,68,0.08);  border:1px solid rgba(239,68,68,0.25);  color:#DC2626;
}
.overall-icon[data-v-50ace0d9] { font-size: 1.5rem;
}
.overall-time[data-v-50ace0d9] { font-weight: 500; opacity: 0.75;
}

/* Health grid */
.health-grid[data-v-50ace0d9] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
}
@media (max-width: 860px) {
.health-grid[data-v-50ace0d9] { grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 580px) {
.health-grid[data-v-50ace0d9] { grid-template-columns: 1fr;
}
}

/* Monitoring links */
.monitor-links-grid[data-v-50ace0d9] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
}
@media (max-width: 860px) {
.monitor-links-grid[data-v-50ace0d9] { grid-template-columns: 1fr;
}
}
.monitor-link[data-v-50ace0d9] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  text-decoration: none;
  color: inherit;
  border-radius: 16px;
  transition: all 0.2s;
  font-size: 1.5rem;
}
.monitor-link[data-v-50ace0d9]:hover { transform: translateY(-3px); box-shadow: var(--shadow-strong);
}
.monitor-link strong[data-v-50ace0d9] { display: block; font-weight: 800; color: var(--text-soft); font-size: 0.95rem;
}
.monitor-link p[data-v-50ace0d9] { margin: 0; font-size: 0.78rem; color: var(--text-muted);
}
.monitor-link div[data-v-50ace0d9] { flex: 1;
}
.ext-link[data-v-50ace0d9] { font-size: 1rem; color: var(--text-muted);
}

/* Notifications */
.notif-list[data-v-50ace0d9] { display: flex; flex-direction: column; gap: 1rem;
}
.notif-item[data-v-50ace0d9] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  border-radius: 16px;
}
.notif-error[data-v-50ace0d9] { background:rgba(239,68,68,0.07);  border:1px solid rgba(239,68,68,0.2);
}
.notif-warn[data-v-50ace0d9]  { background:rgba(245,158,11,0.07); border:1px solid rgba(245,158,11,0.2);
}
.notif-icon[data-v-50ace0d9] { font-size: 1.4rem; flex-shrink: 0;
}
.notif-item strong[data-v-50ace0d9] { display: block; font-size: 0.95rem; color: var(--text-soft);
}
.notif-item p[data-v-50ace0d9] { margin: 0.2rem 0 0; font-size: 0.82rem; color: var(--text-muted);
}
.notif-time[data-v-50ace0d9] { margin-left: auto; font-size: 0.75rem; color: var(--text-muted); white-space: nowrap;
}
.notif-empty[data-v-50ace0d9] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 2rem 1.5rem;
  border-radius: 16px;
  font-size: 0.95rem;
  color: var(--text-muted);
  background: rgba(34,197,94,0.05);
  border: 1px solid rgba(34,197,94,0.15);
}

/* Shared loading shimmer */
.loading-shimmer[data-v-50ace0d9] {
  padding: 1.5rem;
  text-align: center;
  border-radius: 16px;
  color: var(--text-muted);
  font-weight: 600;
}

.um-container[data-v-90197806] {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Header */
.um-header[data-v-90197806] {
  padding: 2rem 2.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.um-badge[data-v-90197806] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.78rem;
  font-weight: 800;
  padding: 0.3rem 0.75rem;
  border-radius: 999px;
  background: rgba(239,68,68,0.1);
  border: 1px solid rgba(239,68,68,0.25);
  color: #B91C1C;
  margin-bottom: 0.5rem;
}
.badge-dot[data-v-90197806] {
  width: 0.44rem; height: 0.44rem;
  border-radius: 50%;
  background: #EF4444;
  box-shadow: 0 0 0 4px rgba(239,68,68,0.2);
}
.um-sub[data-v-90197806] { margin: 0; color: var(--text-muted); font-size: 0.9rem;
}
.btn-back[data-v-90197806] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: rgba(255,255,255,0.7);
  border: 1px solid var(--glass-border);
  padding: 0.65rem 1.2rem;
  border-radius: 10px;
  font-size: 0.88rem;
  font-weight: 700;
  text-decoration: none;
  color: var(--text-soft);
  flex-shrink: 0;
  transition: all 0.2s;
}
.btn-back[data-v-90197806]:hover { background: rgba(255,255,255,0.95);
}

/* Filters */
.um-filters[data-v-90197806] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  flex-wrap: wrap;
}
.filter-search[data-v-90197806] { flex: 1; min-width: 220px; padding: 0.65rem 1rem;
}
.filter-select[data-v-90197806] { padding: 0.65rem 0.9rem; min-width: 140px;
}
.um-total[data-v-90197806] { font-size: 0.82rem; font-weight: 700; color: var(--text-muted); white-space: nowrap; margin-left: auto;
}

/* Table wrap */
.um-table-wrap[data-v-90197806] {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.um-loading[data-v-90197806], .um-empty[data-v-90197806] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 2.5rem;
  color: var(--text-muted);
}
.spinner-sm[data-v-90197806] {
  width: 22px; height: 22px;
  border: 3px solid rgba(14,165,233,0.15);
  border-top-color: #0EA5E9;
  border-radius: 50%;
  animation: spin-90197806 0.9s linear infinite;
}
@keyframes spin-90197806 {
to { transform: rotate(360deg);
}
}
.um-scroll[data-v-90197806] { overflow-x: auto;
}
.um-table[data-v-90197806] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.86rem;
  min-width: 860px;
}
.um-table thead th[data-v-90197806] {
  text-align: left;
  padding: 0.65rem 0.85rem;
  font-size: 0.72rem;
  font-weight: 800;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid rgba(14,116,144,0.1);
  white-space: nowrap;
}
.um-row td[data-v-90197806] {
  padding: 0.7rem 0.85rem;
  border-bottom: 1px solid rgba(14,116,144,0.06);
  color: var(--text-soft);
  vertical-align: middle;
}
.um-row:hover td[data-v-90197806] { background: rgba(14,165,233,0.03);
}
.um-row:last-child td[data-v-90197806] { border-bottom: none;
}
.col-name[data-v-90197806]   { font-weight: 700;
}
.col-email[data-v-90197806]  { color: var(--text-muted); font-size: 0.83rem;
}
.col-time[data-v-90197806]   { white-space: nowrap; color: var(--text-muted); font-size: 0.8rem;
}
.col-provider[data-v-90197806] { text-transform: capitalize; color: var(--text-muted); font-size: 0.82rem;
}

/* Role badge */
.role-badge[data-v-90197806] {
  display: inline-block;
  padding: 0.2rem 0.65rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  border: 1px solid;
}
.role-hr[data-v-90197806]        { background:rgba(14,165,233,0.1);  border-color:rgba(14,165,233,0.3);  color:#0369A1;
}
.role-jobseeker[data-v-90197806] { background:rgba(139,92,246,0.1);  border-color:rgba(139,92,246,0.3);  color:#6D28D9;
}
.role-admin[data-v-90197806]     { background:rgba(239,68,68,0.1);   border-color:rgba(239,68,68,0.3);   color:#DC2626;
}

/* Status dot */
.status-dot[data-v-90197806] {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.75rem;
  font-weight: 800;
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  border: 1px solid;
}
.dot-active[data-v-90197806]   { background:rgba(34,197,94,0.1);  border-color:rgba(34,197,94,0.25);  color:#15803D;
}
.dot-disabled[data-v-90197806] { background:rgba(100,116,139,0.1);border-color:rgba(100,116,139,0.2);color:#475569;
}

/* Action buttons */
.action-btns[data-v-90197806] { display: flex; align-items: center; gap: 0.4rem;
}
.btn-act[data-v-90197806] {
  width: 32px; height: 32px;
  border: 1px solid var(--glass-border);
  background: rgba(255,255,255,0.5);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.9rem;
  display: flex; align-items: center; justify-content: center;
  transition: all 0.18s;
}
.btn-act[data-v-90197806]:hover { transform: scale(1.1);
}
.btn-delete[data-v-90197806]:hover { background: rgba(239,68,68,0.1); border-color: rgba(239,68,68,0.3);
}

/* Pagination */
.um-pagination[data-v-90197806] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
}
.btn-page[data-v-90197806] {
  background: rgba(255,255,255,0.6);
  border: 1px solid var(--glass-border);
  padding: 0.4rem 0.9rem;
  border-radius: 8px;
  font-weight: 700;
  font-size: 0.82rem;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-page[data-v-90197806]:hover:not(:disabled) { background: rgba(255,255,255,0.9);
}
.btn-page[data-v-90197806]:disabled { opacity: 0.4; cursor: not-allowed;
}
.page-info[data-v-90197806] { font-size: 0.82rem; color: var(--text-muted); font-weight: 700;
}

/* Modal */
.modal-overlay[data-v-90197806] {
  position: fixed;
  inset: 0;
  background: rgba(15,23,42,0.55);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 1rem;
}
.modal-box[data-v-90197806] {
  width: 100%;
  max-width: 420px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  border-radius: 20px;
}
.modal-box h3[data-v-90197806] { margin: 0; font-size: 1.1rem; font-weight: 800; color: var(--text-soft);
}
.modal-email[data-v-90197806]  { margin: 0; font-size: 0.9rem; color: var(--text-muted); word-break: break-all;
}
.modal-warn[data-v-90197806]   { margin: 0; font-size: 0.88rem; color: #DC2626; font-weight: 700;
}
.form-group[data-v-90197806] { display: flex; flex-direction: column; gap: 0.5rem;
}
.form-group label[data-v-90197806] { font-size: 0.8rem; font-weight: 800; color: var(--text-muted); text-transform: uppercase;
}
.modal-actions[data-v-90197806] { display: flex; gap: 0.75rem;
}
.btn-cancel[data-v-90197806] {
  background: rgba(255,255,255,0.5);
  border: 1px solid var(--glass-border);
  padding: 0.65rem 1.2rem;
  border-radius: 10px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-cancel[data-v-90197806]:hover { background: rgba(255,255,255,0.85);
}
.btn-danger[data-v-90197806] {
  background: linear-gradient(135deg, #EF4444, #DC2626);
  color: white;
  border: none;
  padding: 0.7rem 1.4rem;
  border-radius: 10px;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 4px 12px rgba(239,68,68,0.3);
}
.btn-danger[data-v-90197806]:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(239,68,68,0.4);
}
.btn-danger[data-v-90197806]:disabled { opacity: 0.5; cursor: not-allowed;
}

.auth-container[data-v-abe87a53] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 120px);
  padding: 1.5rem;
}
.auth-card[data-v-abe87a53] {
  width: 100%;
  max-width: 440px;
  padding: 2.5rem;
  box-sizing: border-box;
}
.auth-header[data-v-abe87a53] {
  text-align: center;
  margin-bottom: 2rem;
}
.auth-logo[data-v-abe87a53] {
  width: 3.5rem;
  height: 3.5rem;
  margin-bottom: 1rem;
  filter: drop-shadow(0 8px 16px rgba(3, 105, 161, 0.2));
}
.auth-header h2[data-v-abe87a53] {
  font-size: 1.8rem;
  font-weight: 800;
  margin: 0 0 0.5rem;
}
.subtitle[data-v-abe87a53] {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.95rem;
}
.auth-form[data-v-abe87a53] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.auth-submit-btn[data-v-abe87a53] {
  width: 100%;
  margin-top: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.divider[data-v-abe87a53] {
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--text-muted);
  margin: 1.5rem 0;
  font-size: 0.88rem;
}
.divider[data-v-abe87a53]::before,
.divider[data-v-abe87a53]::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid rgba(14, 116, 144, 0.14);
}
.divider[data-v-abe87a53]:not(:empty)::before {
  margin-right: .75em;
}
.divider[data-v-abe87a53]:not(:empty)::after {
  margin-left: .75em;
}
.google-auth-wrapper[data-v-abe87a53] {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem;
}
.google-btn-container[data-v-abe87a53] {
  width: 100%;
  display: flex;
  justify-content: center;
}
.auth-footer[data-v-abe87a53] {
  text-align: center;
  font-size: 0.9rem;
  color: var(--text-muted);
}
.auth-footer a[data-v-abe87a53] {
  color: var(--primary);
  text-decoration: none;
  font-weight: 700;
}
.auth-footer a[data-v-abe87a53]:hover {
  text-decoration: underline;
}

/* Alert Styles */
.alert[data-v-abe87a53] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.9rem 1.1rem;
  border-radius: 14px;
  font-size: 0.88rem;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
.alert.error[data-v-abe87a53] {
  background: rgba(239, 68, 68, 0.08);
  border: 1px solid rgba(239, 68, 68, 0.22);
  color: #DC2626;
}
.alert-icon[data-v-abe87a53] {
  font-size: 1.1rem;
}

/* Spinner */
.spinner[data-v-abe87a53] {
  width: 1.2rem;
  height: 1.2rem;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: #FFFFFF;
  animation: spin-abe87a53 0.8s linear infinite;
}
@keyframes spin-abe87a53 {
to { transform: rotate(360deg);
}
}

/* ============================
   Role Selection Styles
   ============================ */
.role-selection-card[data-v-abe87a53] {
  max-width: 560px;
}
.role-cards[data-v-abe87a53] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.role-card[data-v-abe87a53] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.6rem;
  padding: 1.75rem 1.25rem;
  cursor: pointer;
  border: 2px solid var(--border);
  background: var(--surface);
  border-radius: var(--radius-lg);
  transition: all 0.2s ease;
}
.role-card[data-v-abe87a53]:hover:not(:disabled) {
  border-color: var(--border-strong);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
.role-card.is-selected[data-v-abe87a53] {
  border-color: var(--accent);
  background: rgba(14, 165, 164, 0.04);
  box-shadow: 0 0 0 3px rgba(14, 165, 164, 0.12);
}
.role-card-icon[data-v-abe87a53] {
  font-size: 2.2rem;
}
.role-card h3[data-v-abe87a53] {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--text);
}
.role-card p[data-v-abe87a53] {
  margin: 0;
  font-size: 0.82rem;
  color: var(--text-muted);
  line-height: 1.4;
}
@media (max-width: 480px) {
.role-cards[data-v-abe87a53] {
    grid-template-columns: 1fr;
}
}

.auth-container[data-v-e41c63c1] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 120px);
  padding: 1.5rem;
}
.auth-card[data-v-e41c63c1] {
  width: 100%;
  max-width: 480px;
  padding: 2.5rem;
  box-sizing: border-box;
}
.auth-header[data-v-e41c63c1] {
  text-align: center;
  margin-bottom: 2rem;
}
.auth-logo[data-v-e41c63c1] {
  width: 3.5rem;
  height: 3.5rem;
  margin-bottom: 1rem;
  filter: drop-shadow(0 8px 16px rgba(3, 105, 161, 0.2));
}
.auth-header h2[data-v-e41c63c1] {
  font-size: 1.8rem;
  font-weight: 800;
  margin: 0 0 0.5rem;
}
.subtitle[data-v-e41c63c1] {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.95rem;
}
.auth-form[data-v-e41c63c1] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.role-selector[data-v-e41c63c1] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-top: 0.25rem;
}
.role-card[data-v-e41c63c1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 1rem;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.52);
  border: 1px solid rgba(14, 116, 144, 0.14);
  cursor: pointer;
  transition: all 0.2s ease;
}
.role-card[data-v-e41c63c1]:hover {
  background: rgba(255, 255, 255, 0.82);
  border-color: rgba(14, 165, 233, 0.36);
  transform: translateY(-2px);
}
.role-card.selected[data-v-e41c63c1] {
  background: rgba(14, 165, 233, 0.08);
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.16);
}
.role-icon[data-v-e41c63c1] {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
.role-meta[data-v-e41c63c1] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.role-title[data-v-e41c63c1] {
  font-weight: 850;
  font-size: 0.9rem;
  color: var(--text-soft);
}
.role-desc[data-v-e41c63c1] {
  font-size: 0.72rem;
  color: var(--text-muted);
  line-height: 1.2;
}
.auth-submit-btn[data-v-e41c63c1] {
  width: 100%;
  margin-top: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.auth-footer[data-v-e41c63c1] {
  text-align: center;
  font-size: 0.9rem;
  color: var(--text-muted);
  margin-top: 1.5rem;
}
.auth-footer a[data-v-e41c63c1] {
  color: var(--primary);
  text-decoration: none;
  font-weight: 700;
}
.auth-footer a[data-v-e41c63c1]:hover {
  text-decoration: underline;
}

/* Alert Styles */
.alert[data-v-e41c63c1] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.9rem 1.1rem;
  border-radius: 14px;
  font-size: 0.88rem;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
.alert.error[data-v-e41c63c1] {
  background: rgba(239, 68, 68, 0.08);
  border: 1px solid rgba(239, 68, 68, 0.22);
  color: #DC2626;
}
.alert-icon[data-v-e41c63c1] {
  font-size: 1.1rem;
}

/* Spinner */
.spinner[data-v-e41c63c1] {
  width: 1.2rem;
  height: 1.2rem;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: #FFFFFF;
  animation: spin-e41c63c1 0.8s linear infinite;
}
@keyframes spin-e41c63c1 {
to { transform: rotate(360deg);
}
}
@media (max-width: 420px) {
.role-selector[data-v-e41c63c1] {
    grid-template-columns: 1fr;
}
}
.easy-checkbox[data-v-e0a0b7f0]{position:relative;width:1.3em;height:1.3em;font-size:var(--easy-table-body-row-font-size);margin:0 auto}.easy-checkbox label[data-v-e0a0b7f0]{cursor:pointer;display:inline;line-height:1.3em;vertical-align:top;clear:both}.easy-checkbox label[data-v-e0a0b7f0]:before,.easy-checkbox label[data-v-e0a0b7f0]:after{content:"";position:absolute;left:0;top:0}.easy-checkbox label[data-v-e0a0b7f0]:before{width:1.3em;height:1.3em;background:#fff;border:1px solid rgba(0,0,0,.54);border-radius:.125em;cursor:pointer;transition:background .3s}.easy-checkbox input[type=checkbox][data-v-e0a0b7f0]{outline:0;visibility:hidden;width:1.3em;margin:0;display:block;float:left;font-size:inherit}.easy-checkbox input[type=checkbox]:checked+label[data-v-e0a0b7f0]:before{border:none}.easy-checkbox input[type=checkbox]:checked+label[data-v-e0a0b7f0]:after{transform:translate(.2em,.3038461538em) rotate(-45deg);width:.9em;height:.45em;border:.13em solid #fff;border-top-style:none;border-right-style:none}.easy-checkbox input[type=checkbox].allSelected+label[data-v-e0a0b7f0]:before{border:none}.easy-checkbox input[type=checkbox].allSelected+label[data-v-e0a0b7f0]:after{transform:translate(.2em,.3038461538em) rotate(-45deg);width:.9em;height:.45em;border:.13em solid #fff;border-top-style:none;border-right-style:none}.easy-checkbox input[type=checkbox].partSelected+label[data-v-e0a0b7f0]:before{border:none}.easy-checkbox input[type=checkbox].partSelected+label[data-v-e0a0b7f0]:after{transform:translate(.2em,.5875em);width:.9em;height:.45em;border:.125em solid #fff;border-bottom-style:none;border-right-style:none;border-left-style:none}*[data-v-e0a0b7f0],*[data-v-e0a0b7f0]:before,*[data-v-e0a0b7f0]:after{box-sizing:border-box}.easy-checkbox input[type=checkbox].allSelected+label[data-v-e0a0b7f0]:before,.easy-checkbox input[type=checkbox].partSelected+label[data-v-e0a0b7f0]:before{background:var(--51ab8a49)}.easy-checkbox[data-v-7e69a276]{position:relative;width:1.3em;height:1.3em;font-size:var(--easy-table-body-row-font-size);margin:0 auto}.easy-checkbox label[data-v-7e69a276]{cursor:pointer;display:inline;line-height:1.3em;vertical-align:top;clear:both}.easy-checkbox label[data-v-7e69a276]:before,.easy-checkbox label[data-v-7e69a276]:after{content:"";position:absolute;left:0;top:0}.easy-checkbox label[data-v-7e69a276]:before{width:1.3em;height:1.3em;background:#fff;border:1px solid rgba(0,0,0,.54);border-radius:.125em;cursor:pointer;transition:background .3s}.easy-checkbox input[type=checkbox][data-v-7e69a276]{outline:0;visibility:hidden;width:1.3em;margin:0;display:block;float:left;font-size:inherit}.easy-checkbox input[type=checkbox]:checked+label[data-v-7e69a276]:before{border:none}.easy-checkbox input[type=checkbox]:checked+label[data-v-7e69a276]:after{transform:translate(.2em,.3038461538em) rotate(-45deg);width:.9em;height:.45em;border:.13em solid #fff;border-top-style:none;border-right-style:none}.easy-checkbox input[type=checkbox].allSelected+label[data-v-7e69a276]:before{border:none}.easy-checkbox input[type=checkbox].allSelected+label[data-v-7e69a276]:after{transform:translate(.2em,.3038461538em) rotate(-45deg);width:.9em;height:.45em;border:.13em solid #fff;border-top-style:none;border-right-style:none}.easy-checkbox input[type=checkbox].partSelected+label[data-v-7e69a276]:before{border:none}.easy-checkbox input[type=checkbox].partSelected+label[data-v-7e69a276]:after{transform:translate(.2em,.5875em);width:.9em;height:.45em;border:.125em solid #fff;border-bottom-style:none;border-right-style:none;border-left-style:none}*[data-v-7e69a276],*[data-v-7e69a276]:before,*[data-v-7e69a276]:after{box-sizing:border-box}.easy-checkbox input[type=checkbox]:checked+label[data-v-7e69a276]:before{background:var(--fdaf7e9e)}.easy-data-table__rows-selector[data-v-4ca5de3a]{display:inline-block;min-width:45px;position:relative;margin:0 10px;width:var(--easy-table-rows-per-page-selector-width)}.easy-data-table__rows-selector .rows-input__wrapper[data-v-4ca5de3a]{height:20px;border-bottom:1px solid var(--easy-table-footer-font-color);display:flex;align-items:center;justify-content:space-between;padding:0 5px;cursor:pointer}.easy-data-table__rows-selector .rows-input__wrapper .triangle[data-v-4ca5de3a]{display:inline-block;vertical-align:middle;width:0px;height:0px;border-top:solid 6px var(--easy-table-footer-font-color);border-left:solid 6px transparent;border-right:solid 6px transparent}.easy-data-table__rows-selector ul.select-items[data-v-4ca5de3a]{position:absolute;top:20px;left:0px;width:100%;display:none;margin:0;padding:0;text-align:left;list-style-type:none;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;z-index:var(--easy-table-rows-per-page-selector-z-index)}.easy-data-table__rows-selector ul.select-items.show[data-v-4ca5de3a]{display:block}.easy-data-table__rows-selector ul.select-items.inside[data-v-4ca5de3a]{bottom:0px;top:auto}.easy-data-table__rows-selector ul.select-items li[data-v-4ca5de3a]{cursor:pointer;padding:var(--easy-table-rows-per-page-selector-option-padding);background-color:var(--easy-table-footer-background-color)}.easy-data-table__rows-selector ul.select-items li.selected[data-v-4ca5de3a]{color:#fff;background-color:var(--1b889342)}.lds-ring[data-v-1fa3a520]{display:inline-block;position:relative;width:60px;height:60px}.lds-ring div[data-v-1fa3a520]{box-sizing:border-box;display:block;position:absolute;width:80%;height:80%;margin:8px;border:8px solid #fff;border-radius:50%;animation:lds-ring-1fa3a520 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--26774109) transparent transparent transparent}.lds-ring div[data-v-1fa3a520]:nth-child(1){animation-delay:-.45s}.lds-ring div[data-v-1fa3a520]:nth-child(2){animation-delay:-.3s}.lds-ring div[data-v-1fa3a520]:nth-child(3){animation-delay:-.15s}@keyframes lds-ring-1fa3a520{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-line[data-v-7d281cac]{width:100%;height:3px;position:relative;overflow:hidden;background-color:#ddd;margin:0x auto}.loader-line[data-v-7d281cac]:before{content:"";position:absolute;left:-50%;height:3px;width:40%;background-color:var(--0d327f57);-webkit-animation:lineAnim-7d281cac 1s linear infinite;-moz-animation:lineAnim-7d281cac 1s linear infinite;animation:lineAnim-7d281cac 1s linear infinite}@keyframes lineAnim-7d281cac{0%{left:-40%}50%{left:20%;width:80%}to{left:100%;width:100%}}.buttons-pagination[data-v-4c681fa2]{box-sizing:border-box;display:flex;padding:0;border-radius:4px}.buttons-pagination .item[data-v-4c681fa2]{box-sizing:border-box;cursor:pointer;min-width:calc(var(--easy-table-footer-font-size) * 1.8);line-height:calc(var(--easy-table-footer-font-size) * 1.8);border-top:var(--easy-table-buttons-pagination-border);border-bottom:var(--easy-table-buttons-pagination-border);border-right:var(--easy-table-buttons-pagination-border);text-align:center}.buttons-pagination .item[data-v-4c681fa2]:first-of-type{border-left:var(--easy-table-buttons-pagination-border);border-top-left-radius:4px;border-bottom-left-radius:4px}.buttons-pagination .item[data-v-4c681fa2]:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}.buttons-pagination .item.button.active[data-v-4c681fa2]{background-color:var(--40dd4f07);border-left:var(--easy-table-buttons-pagination-border);border-color:var(--40dd4f07)!important;color:#fff}.buttons-pagination .item.button.active-prev[data-v-4c681fa2]{border-right:none}.previous-page__click-button[data-v-c9da5286],.next-page__click-button[data-v-c9da5286]{margin:0 5px;cursor:pointer}.previous-page__click-button .arrow[data-v-c9da5286],.next-page__click-button .arrow[data-v-c9da5286]{display:inline-block;width:8px;height:8px;border-top:2px solid #000;border-left:2px solid #000}.previous-page__click-button .arrow.arrow-left[data-v-c9da5286],.next-page__click-button .arrow.arrow-left[data-v-c9da5286]{transform:rotate(135deg)}.previous-page__click-button .arrow.arrow-right[data-v-c9da5286],.next-page__click-button .arrow.arrow-right[data-v-c9da5286]{transform:rotate(-45deg)}.previous-page__click-button.first-page[data-v-c9da5286],.next-page__click-button.last-page[data-v-c9da5286]{cursor:not-allowed}.previous-page__click-button.first-page .arrow[data-v-c9da5286],.next-page__click-button.last-page .arrow[data-v-c9da5286]{border-color:#e0e0e0}:root{--easy-table-border: 1px solid #e0e0e0;--easy-table-row-border: 1px solid #e0e0e0;--easy-table-header-font-size: 12px;--easy-table-header-height: 36px;--easy-table-header-font-color: #373737;--easy-table-header-background-color: #fff;--easy-table-header-item-padding: 0px 10px;--easy-table-body-row-height: 36px;--easy-table-body-row-font-size: 12px;--easy-table-body-row-font-color: #212121;--easy-table-body-row-background-color: #fff;--easy-table-body-row-hover-font-color: #212121;--easy-table-body-row-hover-background-color: #eee;--easy-table-body-even-row-font-color: #212121;--easy-table-body-even-row-background-color: #fafafa;--easy-table-body-item-padding: 0px 10px;--easy-table-footer-background-color: #fff;--easy-table-footer-font-color: #212121;--easy-table-footer-font-size: 12px;--easy-table-footer-padding: 0px 5px;--easy-table-footer-height: 36px;--easy-table-rows-per-page-selector-width: auto;--easy-table-rows-per-page-selector-option-padding: 5px;--easy-table-rows-per-page-selector-z-index: auto;--easy-table-message-font-color: #212121;--easy-table-message-font-size: 12px;--easy-table-message-padding: 20px;--easy-table-loading-mask-background-color: #fff;--easy-table-loading-mask-opacity: .5;--easy-table-scrollbar-track-color: #fff;--easy-table-scrollbar-color: #fff;--easy-table-scrollbar-thumb-color: #c1c1c1;--easy-table-scrollbar-corner-color: #fff;--easy-table-buttons-pagination-border: 1px solid #e0e0e0}.vue3-easy-data-table[data-v-32683533]{border:var(--easy-table-border);position:relative;box-sizing:border-box}.vue3-easy-data-table__main[data-v-32683533]{border:none;width:100%;overflow:auto;background-color:var(--easy-table-body-row-background-color)}.vue3-easy-data-table__main[data-v-32683533]::-webkit-scrollbar-track{border-radius:10px;background-color:var(--easy-table-scrollbar-track-color)}.vue3-easy-data-table__main[data-v-32683533]::-webkit-scrollbar{width:7px;height:7px;background-color:var(--easy-table-scrollbar-color)}.vue3-easy-data-table__main[data-v-32683533]::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--easy-table-scrollbar-thumb-color)}.vue3-easy-data-table__main[data-v-32683533]::-webkit-scrollbar-corner{background-color:var(--easy-table-scrollbar-corner-color)}.vue3-easy-data-table__main.table-fixed table[data-v-32683533]{table-layout:fixed}.vue3-easy-data-table__main.show-shadow th.shadow[data-v-32683533]:after,.vue3-easy-data-table__main.show-shadow td.shadow[data-v-32683533]:after{box-shadow:inset 6px 0 5px -3px #0003}.vue3-easy-data-table__main.fixed-header th[data-v-32683533]{position:sticky;top:0;z-index:2}.vue3-easy-data-table__main.hoverable tr:hover td[data-v-32683533]{background-color:var(--easy-table-body-row-hover-background-color);color:var(--easy-table-body-row-hover-font-color)}.vue3-easy-data-table__main.hoverable .vue3-easy-data-table__body.row-alternation .even-row:hover td[data-v-32683533]{color:var(--easy-table-body-row-hover-font-color);background-color:var(--easy-table-body-row-hover-background-color)}.vue3-easy-data-table__main.border-cell .vue3-easy-data-table__header th[data-v-32683533]{border-right:var(--easy-table-row-border)}.vue3-easy-data-table__main.border-cell .vue3-easy-data-table__header th[data-v-32683533]:last-of-type{border-right:none}.vue3-easy-data-table__main.border-cell .vue3-easy-data-table__body td[data-v-32683533]{border-right:var(--easy-table-row-border)}.vue3-easy-data-table__main.border-cell .vue3-easy-data-table__body td[data-v-32683533]:last-of-type{border-right:none}.vue3-easy-data-table__body.row-alternation tr.even-row td[data-v-32683533]{color:var(--easy-table-body-even-row-font-color);background-color:var(--easy-table-body-even-row-background-color)}table[data-v-32683533]{border-collapse:initial;display:table;width:100%;border-spacing:0;margin:0}.vue3-easy-data-table__header[data-v-32683533],vue3-easy-data-table__body[data-v-32683533]{position:relative}.vue3-easy-data-table__header tr[data-v-32683533]{font-size:var(--easy-table-header-font-size);border:none;height:var(--easy-table-header-height)}.vue3-easy-data-table__header th[data-v-32683533]{background-color:var(--easy-table-header-background-color);color:var(--easy-table-header-font-color);border:none;border-bottom:var(--easy-table-row-border);padding:var(--easy-table-header-item-padding);position:relative}.vue3-easy-data-table__header th .header[data-v-32683533]{display:flex;align-items:center}.vue3-easy-data-table__header th .header.direction-left[data-v-32683533]{justify-content:flex-start}.vue3-easy-data-table__header th .header.direction-center[data-v-32683533]{justify-content:center}.vue3-easy-data-table__header th .header.direction-right[data-v-32683533]{justify-content:flex-end}.vue3-easy-data-table__header th.sortable[data-v-32683533]{cursor:pointer}.vue3-easy-data-table__header th.sortable .sortType-icon[data-v-32683533]{border:5px solid transparent;margin-top:-3px;margin-left:4px;display:inline-block;height:0;width:0;position:relative;border-bottom-color:var(--easy-table-header-font-color)}.vue3-easy-data-table__header th.sortable .multi-sort__number[data-v-32683533]{border-radius:50%;height:1.5em;width:1.5em;line-height:1.5em;margin-left:4px;background-color:var(--easy-table-header-font-color);color:var(--easy-table-header-background-color)}.vue3-easy-data-table__header th.sortable.none:hover .sortType-icon[data-v-32683533]{opacity:1}.vue3-easy-data-table__header th.sortable.none .sortType-icon[data-v-32683533]{opacity:0;transition:.5s ease}.vue3-easy-data-table__header th.sortable.desc .sortType-icon[data-v-32683533]{margin-top:5px;transform:rotate(180deg)}.vue3-easy-data-table__header th.shadow[data-v-32683533]:after,.vue3-easy-data-table__body td.shadow[data-v-32683533]:after{pointer-events:none;content:"";width:36px;display:inline-block;height:100%;position:absolute;top:0px;right:-36px;box-shadow:none}.vue3-easy-data-table__body tr[data-v-32683533]{height:var(--easy-table-body-row-height);color:var(--easy-table-body-row-font-color);font-size:var(--easy-table-body-row-font-size)}.vue3-easy-data-table__body tr:last-child td[data-v-32683533]{border-bottom:none}.vue3-easy-data-table__body tr:first-child td[data-v-32683533]{border-bottom:var(--easy-table-row-border)}.vue3-easy-data-table__body td[data-v-32683533]{padding:var(--easy-table-body-item-padding);background-color:var(--easy-table-body-row-background-color);border:none;border-bottom:var(--easy-table-row-border);position:relative}.vue3-easy-data-table__body td.direction-left[data-v-32683533]{text-align:left}.vue3-easy-data-table__body td.direction-center[data-v-32683533]{text-align:center}.vue3-easy-data-table__body td.direction-right[data-v-32683533]{text-align:right}.vue3-easy-data-table__body td .expand-icon[data-v-32683533]{border:solid;border-color:var(easy-table-body-row-font-color);border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(-45deg);transition:.2s}.vue3-easy-data-table__body td .expand-icon.expanding[data-v-32683533]{transform:rotate(45deg)}.vue3-easy-data-table__body td.expand[data-v-32683533]{position:relative}.vue3-easy-data-table__body td.expand .expand-loading[data-v-32683533]{position:absolute;top:0px;left:0px}.vue3-easy-data-table__body td.can-expand[data-v-32683533]{cursor:pointer}.vue3-easy-data-table__footer[data-v-32683533]{background-color:var(--easy-table-footer-background-color);color:var(--easy-table-footer-font-color);border-top:var(--easy-table-row-border);font-size:var(--easy-table-footer-font-size);height:var(--easy-table-footer-height);padding:var(--easy-table-footer-padding);box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:flex-end}.vue3-easy-data-table__footer .pagination__rows-per-page[data-v-32683533]{display:flex;align-items:center}.vue3-easy-data-table__footer .pagination__items-index[data-v-32683533]{margin:0 20px 0 10px}.vue3-easy-data-table__message[data-v-32683533]{color:var(--easy-table-message-font-color);font-size:var(--easy-table-message-font-size);padding:var(--easy-table-message-padding);text-align:center}.vue3-easy-data-table__loading[data-v-32683533]{z-index:3;overflow:hidden;position:absolute;width:100%;height:100%;top:0px;left:0px;display:flex;align-items:center;justify-content:center}.vue3-easy-data-table__loading .loading-entity[data-v-32683533]{z-index:1}.vue3-easy-data-table__loading-mask[data-v-32683533]{background-color:var(--easy-table-loading-mask-background-color);opacity:var(--easy-table-loading-mask-opacity);position:absolute;width:100%;height:100%;top:0px;left:0px;z-index:1}.vue3-easy-data-table__main[data-v-32683533]{min-height:var(--da0d4328)}.vue3-easy-data-table__main.fixed-height[data-v-32683533]{height:var(--3037e504)}