.toasts-container[data-v-3fd614a1] {
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 999999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: min(400px, calc(100vw - 32px));
  pointer-events: none;
}

/* ═══ Toast Card ═══ */
.toast[data-v-3fd614a1] {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 16px 16px 18px;
  border-radius: 16px;
  overflow: hidden;
  pointer-events: auto;
  cursor: default;

  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(20px) saturate(1.8);
  -webkit-backdrop-filter: blur(20px) saturate(1.8);
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.08),
    0 2px 8px rgba(0, 0, 0, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

/* ═══ Progress Bar ═══ */
.toast-progress[data-v-3fd614a1] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.toast-progress-bar[data-v-3fd614a1] {
  height: 100%;
  width: 100%;
  transform-origin: left;
  animation: progress-shrink-3fd614a1 linear forwards;
  border-radius: 0 3px 3px 0;
}
.toast-progress-bar.paused[data-v-3fd614a1] {
  animation-play-state: paused;
}
@keyframes progress-shrink-3fd614a1 {
from { transform: scaleX(1);
}
to   { transform: scaleX(0);
}
}

/* ═══ Icon ═══ */
.toast-icon[data-v-3fd614a1] {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
}

/* ═══ Content ═══ */
.toast-body[data-v-3fd614a1] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-top: 2px;
}
.toast-title[data-v-3fd614a1] {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  color: #141619;
}
.toast-message[data-v-3fd614a1] {
  font-size: 0.8125rem;
  line-height: 1.4;
  color: #6b7378;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ═══ Toast Actions Container ═══ */
.toast-actions[data-v-3fd614a1] {
  display: flex;
  gap: 8px;
  margin-top: 10px;
  flex-wrap: wrap;
}

/* ═══ Primary Action Button ═══ */
.toast-action-primary[data-v-3fd614a1] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: none;
  background: none;
  font-size: 0.8125rem;
  font-weight: 700;
  cursor: pointer;
  transition: gap 200ms ease;
  width: fit-content;
}
.toast-action-primary[data-v-3fd614a1]:hover {
  gap: 10px;
}
.toast-action-arrow[data-v-3fd614a1] {
  font-size: 0.6875rem;
  transition: transform 200ms ease;
}
.toast-action-primary:hover .toast-action-arrow[data-v-3fd614a1] {
  transform: translateX(2px);
}

/* ═══ Secondary Action Button (Ablehnen) ═══ */
.toast-action-secondary[data-v-3fd614a1] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.02);
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms ease;
  color: #6b7378;
}
.toast-action-secondary[data-v-3fd614a1]:hover {
  background: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.15);
}

/* ═══ Close ═══ */
.toast-close[data-v-3fd614a1] {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.04);
  color: #9ca3af;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  transition: all 150ms ease;
}
.toast-close[data-v-3fd614a1]:hover {
  background: rgba(0, 0, 0, 0.08);
  color: #6b7378;
}

/* ═══════════════════════════════════════════
   Level Variants
   ═══════════════════════════════════════════ */

/* ── Info ── */
.toast--info .toast-icon[data-v-3fd614a1] {
  background: rgba(88, 152, 154, 0.12);
  color: #58989a;
}
.toast--info .toast-action-primary[data-v-3fd614a1] { color: #58989a;
}
.toast--info .toast-progress-bar[data-v-3fd614a1] { background: #58989a;
}

/* ── Success ── */
.toast--success .toast-icon[data-v-3fd614a1] {
  background: rgba(34, 197, 94, 0.12);
  color: #16a34a;
}
.toast--success .toast-action-primary[data-v-3fd614a1] { color: #16a34a;
}
.toast--success .toast-progress-bar[data-v-3fd614a1] { background: #22c55e;
}

/* ── Warning ── */
.toast--warning .toast-icon[data-v-3fd614a1] {
  background: rgba(245, 158, 11, 0.12);
  color: #d97706;
}
.toast--warning .toast-action-primary[data-v-3fd614a1] { color: #d97706;
}
.toast--warning .toast-progress-bar[data-v-3fd614a1] { background: #f59e0b;
}

/* ── Error ── */
.toast--error .toast-icon[data-v-3fd614a1] {
  background: rgba(239, 68, 68, 0.12);
  color: #dc2626;
}
.toast--error .toast-action-primary[data-v-3fd614a1] { color: #dc2626;
}
.toast--error .toast-progress-bar[data-v-3fd614a1] { background: #ef4444;
}

/* ═══════════════════════════════════════════
   Transitions
   ═══════════════════════════════════════════ */
.toast-enter-active[data-v-3fd614a1] {
  transition: all 350ms cubic-bezier(0.16, 1, 0.3, 1);
}
.toast-leave-active[data-v-3fd614a1] {
  transition: all 250ms cubic-bezier(0.4, 0, 1, 1);
  position: absolute;
  width: 100%;
}
.toast-enter-from[data-v-3fd614a1] {
  opacity: 0;
  transform: translateX(40px) scale(0.96);
}
.toast-leave-to[data-v-3fd614a1] {
  opacity: 0;
  transform: translateX(60px) scale(0.94);
}
.toast-move[data-v-3fd614a1] {
  transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1);
}

/* ═══════════════════════════════════════════
   Dark Mode
   ═══════════════════════════════════════════ */
:root[data-theme="dark"] .toast[data-v-3fd614a1] {
  background: rgba(26, 31, 34, 0.92);
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.3),
    0 2px 8px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
:root[data-theme="dark"] .toast-title[data-v-3fd614a1] { color: #e8edef;
}
:root[data-theme="dark"] .toast-message[data-v-3fd614a1] { color: #a7b1b6;
}
:root[data-theme="dark"] .toast-progress[data-v-3fd614a1] { background: rgba(255, 255, 255, 0.04);
}
:root[data-theme="dark"] .toast-close[data-v-3fd614a1] {
  background: rgba(255, 255, 255, 0.06);
  color: #6b7378;
}
:root[data-theme="dark"] .toast-close[data-v-3fd614a1]:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #a7b1b6;
}
:root[data-theme="dark"] .toast-action-secondary[data-v-3fd614a1] {
  background: rgba(255, 255, 255, 0.06);
  color: #a7b1b6;
  border-color: rgba(255, 255, 255, 0.1);
}
:root[data-theme="dark"] .toast-action-secondary[data-v-3fd614a1]:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.15);
}
:root[data-theme="dark"] .toast--info .toast-icon[data-v-3fd614a1] {
  background: rgba(88, 152, 154, 0.15);
  color: #6fb3b5;
}
:root[data-theme="dark"] .toast--success .toast-icon[data-v-3fd614a1] {
  background: rgba(34, 197, 94, 0.15);
  color: #4ade80;
}
:root[data-theme="dark"] .toast--warning .toast-icon[data-v-3fd614a1] {
  background: rgba(245, 158, 11, 0.15);
  color: #fbbf24;
}
:root[data-theme="dark"] .toast--error .toast-icon[data-v-3fd614a1] {
  background: rgba(239, 68, 68, 0.15);
  color: #f87171;
}
:root[data-theme="dark"] .toast--info .toast-action-primary[data-v-3fd614a1] { color: #6fb3b5;
}
:root[data-theme="dark"] .toast--success .toast-action-primary[data-v-3fd614a1] { color: #4ade80;
}
:root[data-theme="dark"] .toast--warning .toast-action-primary[data-v-3fd614a1] { color: #fbbf24;
}
:root[data-theme="dark"] .toast--error .toast-action-primary[data-v-3fd614a1] { color: #f87171;
}

/* ═══ Responsive ═══ */
@media (max-width: 480px) {
.toasts-container[data-v-3fd614a1] {
    right: 10px;
    left: 10px;
    width: auto;
    top: 10px;
}
.toast[data-v-3fd614a1] {
    padding: 14px 14px 14px 16px;
}
.toast-actions[data-v-3fd614a1] {
    flex-direction: column;
}
.toast-action-primary[data-v-3fd614a1],
  .toast-action-secondary[data-v-3fd614a1] {
    width: 100%;
    justify-content: center;
}
}

/* ===== Tokens ===== */
:root {
  --brand-1: #58989a;
  --brand-2: #40626a;
  --on-brand: #f2fbfb;
  --bg: color-mix(in srgb, var(--brand-1) 6%, #f6f7f8);
  --fg: #141619;
  --muted: #6b7378;
  --surface: #ffffff;
  --outline: rgba(0, 0, 0, 0.08);
  --rail-w: 75px;
  --chrome-bg: #40626a;
  --appbar-h: 55px;
  --radius: 14px;
}
.theme-dark {
  --bg: #0f1213;
  --fg: #e8edef;
  --muted: #a7b1b6;
  --surface: #121719;
  --outline: rgba(255, 255, 255, 0.08);
  --chrome-bg: linear-gradient(160deg, #2b444a 0%, #36585f 100%);
}

/* ===== Layout ===== */
.app-shell {
  height: 100dvh; width: 100%; max-width: 100%; min-height: 0; overflow: hidden;
  background: var(--bg); color: var(--fg);
  display: grid;
  grid-template-columns: var(--rail-w) 1fr;
  grid-template-rows: var(--appbar-h) 1fr;
  grid-template-areas: 'appbar appbar' 'sidebar page';
}
.appbar { grid-area: appbar;
}
.sidebar { grid-area: sidebar;
}
.page { min-height: 0; min-width: 0; height: 100%; overflow: hidden; display: flex;
}
.page-inner { width: 100%; max-width: 1200px; margin: 0 auto; padding: 24px; box-sizing: border-box;
}
.page-inner.is-fluid { max-width: none; margin: 0; padding: 0;
}

/* ===== Appbar ===== */
.appbar {
  height: var(--appbar-h); background: var(--chrome-bg); color: var(--on-brand);
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 0 16px; position: relative; z-index: 10;
}
.brand-full { display: inline-flex; align-items: center; gap: 10px; font-weight: 900;
}
.appbar-actions { display: flex; align-items: center; gap: 10px;
}

/* ===== User Menu ===== */
.user-menu { position: relative;
}
.user-trigger {
  display: flex; align-items: center; gap: 10px;
  padding: 6px 12px 6px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: var(--on-brand);
  cursor: pointer;
  transition: all 180ms ease;
}
.user-trigger:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.2);
}
.user-avatar {
  position: relative;
  width: 34px; height: 34px;
  flex-shrink: 0;
}
.user-avatar .avatar-img,
.user-avatar .avatar-initials {
  border-radius: 50%;
  overflow: hidden;
}
.avatar-img { width: 100%; height: 100%; object-fit: cover;
}
.avatar-initials {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #58989a 0%, #3d7a7d 100%);
  color: #fff; font-size: 0.8125rem; font-weight: 700;
  border-radius: 50%;
}

/* ===== Status Dot ===== */
.status-dot {
  position: absolute; bottom: -1px; right: -1px;
  width: 12px; height: 12px;
  border-radius: 50%;
  background: #9ca3af;
  border: 2.5px solid var(--chrome-bg, #40626a);
  z-index: 2;
}
.status-dot.online { background: #22c55e;
}
.status-dot.away { background: #f59e0b;
}
.status-dot.busy { background: #ef4444;
}
.status-dot.offline { background: #9ca3af;
}
.status-dot.inline {
  position: static;
  width: 8px; height: 8px;
  border: none;
  flex-shrink: 0;
}
.user-name {
  font-size: 0.8125rem; font-weight: 600;
  max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.user-chevron {
  font-size: 0.625rem; opacity: 0.6;
  transition: transform 200ms ease;
}
.user-chevron.flipped { transform: rotate(180deg);
}

/* ===== Dropdown ===== */
.user-dropdown {
  position: absolute; top: calc(100% + 8px); right: 0;
  min-width: 260px;
  background: var(--surface, #fff);
  border: 1px solid var(--outline, rgba(0, 0, 0, 0.08));
  border-radius: 14px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.14), 0 4px 12px rgba(0, 0, 0, 0.06);
  padding: 6px;
  z-index: 100;
}
.dropdown-header {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 10px;
}
.dropdown-avatar {
  width: 42px; height: 42px;
  border-radius: 50%; overflow: hidden; flex-shrink: 0;
}
.avatar-initials-lg {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #58989a 0%, #3d7a7d 100%);
  color: #fff; font-size: 1rem; font-weight: 700; border-radius: 50%;
}
.dropdown-user-info {
  display: flex; flex-direction: column; gap: 2px;
  min-width: 0;
}
.dropdown-name {
  font-size: 0.875rem; font-weight: 650; color: var(--fg);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.dropdown-email {
  font-size: 0.75rem; color: var(--muted);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.dropdown-status {
  display: flex; align-items: center; gap: 6px;
  font-size: 0.75rem; color: var(--muted); margin-top: 2px;
}
.dropdown-divider {
  height: 1px; background: var(--outline); margin: 4px 6px;
}
.dropdown-item {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  border: none; background: transparent;
  color: var(--fg); font-size: 0.8125rem; font-weight: 500;
  cursor: pointer; width: 100%; text-align: left;
  text-decoration: none;
  transition: background 140ms ease;
}
.dropdown-item i { width: 18px; text-align: center; font-size: 0.8125rem; opacity: 0.65;
}
.dropdown-item:hover { background: var(--outline);
}
.dropdown-item.logout { color: #ef4444;
}
.dropdown-item.logout i { opacity: 0.8;
}
.dropdown-item.logout:hover { background: rgba(239, 68, 68, 0.08);
}

/* Dropdown animation */
.dropdown-enter-active { transition: all 180ms cubic-bezier(0.16, 1, 0.3, 1);
}
.dropdown-leave-active { transition: all 120ms ease-in;
}
.dropdown-enter-from, .dropdown-leave-to { opacity: 0; transform: translateY(-6px) scale(0.97);
}

/* ===== Sidebar ===== */
.sidebar {
  width: var(--rail-w); background: var(--chrome-bg); color: var(--on-brand);
  display: flex; flex-direction: column; align-items: stretch;
  padding: 10px 0; gap: 10px; border-right: 0; overflow: hidden;
}
.sidebar-head { height: 6px; width: 100%;
}
.nav {
  width: 100%; display: flex; flex-direction: column;
  gap: 12px; padding: 6px 0; align-items: center;
}
.nav-link {
  width: 100%; text-decoration: none; color: var(--on-brand);
  display: grid; grid-template-rows: 38px auto; justify-items: center; align-items: center; gap: 6px;
  padding: 0 6px; border-radius: 14px; border: 0; background: transparent;
  transition: transform 80ms ease;
}
.nav-link:hover { transform: translateY(-1px);
}
.nav-ico-wrap {
  width: 38px; height: 38px; border-radius: 14px;
  display: grid; place-items: center;
  background: transparent; border: 1px solid transparent;
  transition: background-color 140ms ease, border-color 140ms ease;
}
.nav-link:hover .nav-ico-wrap {
  background: color-mix(in srgb, #fff 10%, transparent);
  border-color: color-mix(in srgb, #fff 18%, transparent);
}
.nav-link.router-link-active .nav-ico-wrap {
  background: color-mix(in srgb, #fff 16%, transparent);
  border-color: color-mix(in srgb, #fff 22%, transparent);
}
.nav-ico { width: 22px; height: 22px; display: block;
}
.nav-label {
  font-size: 12px; font-weight: 750; line-height: 1; letter-spacing: 0.2px;
  opacity: 0.95; text-align: center; white-space: nowrap;
}
.sidebar-foot {
  margin-top: auto; width: 100%;
  display: grid; gap: 12px; align-items: center;
  padding: 0 6px 8px;
}

/* ===== Auth-only ===== */
.auth-only {
  height: 100dvh;
  display: block;
  overflow: hidden;
  background: var(--bg, #f6f7f8);
}


/* ===== Dark mode overrides ===== */
:root[data-theme="dark"] .user-dropdown { background: #1a1f22; border-color: rgba(255, 255, 255, 0.08);
}
:root[data-theme="dark"] .dropdown-name { color: #e8edef;
}
:root[data-theme="dark"] .dropdown-item { color: #e8edef;
}
:root[data-theme="dark"] .dropdown-item:hover { background: rgba(255, 255, 255, 0.06);
}
:root[data-theme="dark"] .dropdown-item.logout { color: #f87171;
}
:root[data-theme="dark"] .dropdown-item.logout:hover { background: rgba(248, 113, 113, 0.1);
}

/* ===== Responsive ===== */
@media (max-width: 860px) {
.app-shell {
    grid-template-columns: 1fr;
    grid-template-rows: var(--appbar-h) 1fr;
    grid-template-areas: 'appbar' 'page';
}
.sidebar { position: fixed; left: 0; top: var(--appbar-h); z-index: 4;
}
.user-name { display: none;
}
.user-trigger { padding: 4px; border-radius: 50%;
}
.user-chevron { display: none;
}
}

.auth-layout[data-v-0ff84a25] {
  --brand: #528b8f;
  --brand-light: #64a3a7;
  --brand-lighter: #7bb8bc;
  --brand-dark: #457577;
  --brand-darker: #3a6264;

  --ink: rgba(15, 23, 42, 0.92);
  --ink-secondary: rgba(15, 23, 42, 0.65);
  --ink-muted: rgba(15, 23, 42, 0.45);

  --surface: #ffffff;
  --surface-raised: rgba(255, 255, 255, 0.95);

  --border: rgba(15, 23, 42, 0.08);
  --border-strong: rgba(15, 23, 42, 0.12);

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.15);
  --shadow-glow: 0 0 60px rgba(82, 139, 143, 0.25);

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);

  position: relative;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ========== Scroll wrapper ========== */
.auth-scroll[data-v-0ff84a25] {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  justify-content: center;
  /* Vertical centering only when content fits */
  align-items: safe center;
  padding: 24px;
}

/* ========== Animated Background ========== */
.auth-bg[data-v-0ff84a25] {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
.bg-gradient[data-v-0ff84a25] {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    #f0f7f7 0%,
    #e8f4f5 25%,
    #dff0f1 50%,
    #d5ecee 75%,
    #cce8ea 100%
  );
}
.bg-orb[data-v-0ff84a25] {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.6;
  animation: float-0ff84a25 25s ease-in-out infinite;
}
.bg-orb-1[data-v-0ff84a25] {
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(82, 139, 143, 0.3) 0%, transparent 70%);
  top: -200px;
  right: -100px;
  animation-delay: 0s;
}
.bg-orb-2[data-v-0ff84a25] {
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(100, 163, 167, 0.25) 0%, transparent 70%);
  bottom: -150px;
  left: -100px;
  animation-delay: -8s;
}
.bg-orb-3[data-v-0ff84a25] {
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(123, 184, 188, 0.2) 0%, transparent 70%);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation-delay: -16s;
}
@keyframes float-0ff84a25 {
0%, 100% { transform: translate(0, 0) scale(1);
}
25% { transform: translate(30px, -30px) scale(1.05);
}
50% { transform: translate(-20px, 20px) scale(0.95);
}
75% { transform: translate(20px, 10px) scale(1.02);
}
}
.bg-grid[data-v-0ff84a25] {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(82, 139, 143, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(82, 139, 143, 0.03) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 40%, transparent 100%);
}
.bg-noise[data-v-0ff84a25] {
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  opacity: 0.03;
  mix-blend-mode: overlay;
}

/* ========== Content ========== */
.auth-content[data-v-0ff84a25] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
  max-width: 440px;
  flex-shrink: 0;
}

/* ========== Brand Header ========== */
.auth-brand[data-v-0ff84a25] {
  display: flex;
  align-items: center;
  gap: 14px;
  animation: fadeInDown-0ff84a25 600ms ease-out;
}
@keyframes fadeInDown-0ff84a25 {
from {
    opacity: 0;
    transform: translateY(-20px);
}
}
.brand-mark[data-v-0ff84a25] {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.brand-mark img[data-v-0ff84a25] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.brand-text h1[data-v-0ff84a25] {
  margin: 0;
  font-size: 1.375rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--ink);
}
.brand-text p[data-v-0ff84a25] {
  margin: 2px 0 0;
  font-size: 0.8125rem;
  color: var(--ink-secondary);
}

/* ========== Card ========== */
.auth-card-wrapper[data-v-0ff84a25] {
  width: 100%;
  animation: fadeInUp-0ff84a25 600ms ease-out 150ms both;
}
@keyframes fadeInUp-0ff84a25 {
from {
    opacity: 0;
    transform: translateY(20px);
}
}
.auth-card[data-v-0ff84a25] {
  background: var(--surface-raised);
  border-radius: var(--radius-xl);
  border: 1px solid rgba(255, 255, 255, 0.8);
  box-shadow:
    var(--shadow-lg),
    var(--shadow-glow),
    0 0 0 1px var(--border);
  overflow: hidden;
  backdrop-filter: blur(20px);
}

/* ========== Tabs ========== */
.auth-tabs[data-v-0ff84a25] {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 6px;
  background: rgba(0, 0, 0, 0.02);
  border-bottom: 1px solid var(--border);
}
.auth-tab[data-v-0ff84a25] {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 20px;
  border-radius: var(--radius-lg);
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--ink-muted);
  text-decoration: none;
  transition: all var(--transition);
}
.auth-tab i[data-v-0ff84a25] {
  font-size: 0.875rem;
  transition: transform var(--transition);
}
.auth-tab[data-v-0ff84a25]:hover:not(.active) {
  color: var(--ink-secondary);
}
.auth-tab:hover:not(.active) i[data-v-0ff84a25] {
  transform: scale(1.1);
}
.auth-tab.active[data-v-0ff84a25] {
  color: var(--brand);
}
.tab-indicator[data-v-0ff84a25] {
  position: absolute;
  top: 6px;
  left: 6px;
  width: calc(50% - 6px);
  height: calc(100% - 12px);
  background: var(--surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  transition: transform var(--transition-slow);
}
.tab-indicator.right[data-v-0ff84a25] {
  transform: translateX(100%);
}

/* ========== Form Container ========== */
.auth-form-container[data-v-0ff84a25] {
  padding: 28px;
}

/* ========== Footer ========== */
.auth-footer[data-v-0ff84a25] {
  margin-top: 24px;
  padding-bottom: 8px;
  text-align: center;
  animation: fadeIn-0ff84a25 600ms ease-out 300ms both;
}
@keyframes fadeIn-0ff84a25 {
from { opacity: 0;
}
}
.auth-footer p[data-v-0ff84a25] {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--ink-muted);
}
.footer-links[data-v-0ff84a25] {
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.footer-links a[data-v-0ff84a25] {
  font-size: 0.8125rem;
  color: var(--ink-secondary);
  text-decoration: none;
  transition: color var(--transition-fast);
}
.footer-links a[data-v-0ff84a25]:hover {
  color: var(--brand);
}
.footer-links .divider[data-v-0ff84a25] {
  color: var(--ink-muted);
  font-size: 0.625rem;
}

/* ========== Slide Transitions ========== */
.slide-left-enter-active[data-v-0ff84a25],
.slide-left-leave-active[data-v-0ff84a25],
.slide-right-enter-active[data-v-0ff84a25],
.slide-right-leave-active[data-v-0ff84a25] {
  transition: all var(--transition-slow);
}
.slide-left-enter-from[data-v-0ff84a25] {
  opacity: 0;
  transform: translateX(30px);
}
.slide-left-leave-to[data-v-0ff84a25] {
  opacity: 0;
  transform: translateX(-30px);
}
.slide-right-enter-from[data-v-0ff84a25] {
  opacity: 0;
  transform: translateX(-30px);
}
.slide-right-leave-to[data-v-0ff84a25] {
  opacity: 0;
  transform: translateX(30px);
}

/* ========== Responsive ========== */
@media (max-width: 480px) {
.auth-scroll[data-v-0ff84a25] {
    padding: 16px;
}
.auth-brand[data-v-0ff84a25] {
    gap: 10px;
}
.brand-mark[data-v-0ff84a25] {
    width: 44px;
    height: 44px;
}
.brand-text h1[data-v-0ff84a25] {
    font-size: 1.125rem;
}
.auth-tabs[data-v-0ff84a25] {
    padding: 4px;
}
.auth-tab[data-v-0ff84a25] {
    padding: 12px 16px;
    font-size: 0.875rem;
}
.auth-tab span[data-v-0ff84a25] {
    display: none;
}
.auth-form-container[data-v-0ff84a25] {
    padding: 20px;
}
}

.auth-form[data-v-54c0c081] {
  --brand: #528b8f;
  --brand-light: #64a3a7;
  --ink: rgba(15, 23, 42, 0.92);
  --ink-secondary: rgba(15, 23, 42, 0.65);
  --ink-muted: rgba(15, 23, 42, 0.45);
  --border: rgba(15, 23, 42, 0.1);
  --surface: #ffffff;
  --error: #dc2626;

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition: 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* ========== Header ========== */
.form-header[data-v-54c0c081] {
  margin-bottom: 24px;
  text-align: center;
}
.form-header h2[data-v-54c0c081] {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ink);
}
.form-header p[data-v-54c0c081] {
  margin: 8px 0 0;
  font-size: 0.9375rem;
  color: var(--ink-secondary);
}

/* ========== Fields ========== */
.field[data-v-54c0c081] {
  margin-bottom: 18px;
}
.field-header[data-v-54c0c081] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.field label[data-v-54c0c081] {
  display: block;
  margin-bottom: 8px;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ink);
}
.field-header label[data-v-54c0c081] {
  margin-bottom: 0;
}
.forgot-link[data-v-54c0c081] {
  padding: 0;
  border: none;
  background: none;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--brand);
  cursor: pointer;
  transition: opacity var(--transition-fast);
}
.forgot-link[data-v-54c0c081]:hover:not(:disabled) {
  opacity: 0.8;
}
.forgot-link[data-v-54c0c081]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ========== Input ========== */
.input-wrapper[data-v-54c0c081] {
  position: relative;
  display: flex;
  align-items: center;
}
.input-icon[data-v-54c0c081] {
  position: absolute;
  left: 14px;
  font-size: 0.9375rem;
  color: var(--ink-muted);
  pointer-events: none;
  transition: color var(--transition-fast);
}
.input-wrapper:focus-within .input-icon[data-v-54c0c081] {
  color: var(--brand);
}
.input-wrapper input[data-v-54c0c081] {
  width: 100%;
  height: 50px;
  padding: 0 44px;
  border: 1.5px solid var(--border);
  border-radius: 12px;
  background: rgba(250, 250, 250, 0.8);
  font-size: 0.9375rem;
  color: var(--ink);
  outline: none;
  transition: all var(--transition-fast);
}
.input-wrapper input[data-v-54c0c081]::placeholder {
  color: var(--ink-muted);
}
.input-wrapper input[data-v-54c0c081]:focus {
  border-color: var(--brand);
  background: var(--surface);
  box-shadow: 0 0 0 4px rgba(82, 139, 143, 0.1);
}
.input-wrapper input[data-v-54c0c081]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.input-check[data-v-54c0c081] {
  position: absolute;
  right: 14px;
  font-size: 0.75rem;
  color: #22c55e;
}
.toggle-password[data-v-54c0c081] {
  position: absolute;
  right: 12px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--ink-muted);
  cursor: pointer;
  transition: all var(--transition-fast);
}
.toggle-password[data-v-54c0c081]:hover:not(:disabled) {
  background: rgba(0, 0, 0, 0.05);
  color: var(--ink-secondary);
}
.toggle-password[data-v-54c0c081]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ========== Checkbox ========== */
.checkbox-wrapper[data-v-54c0c081] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  cursor: pointer;
}
.checkbox-wrapper input[data-v-54c0c081] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.checkbox-custom[data-v-54c0c081] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--border);
  border-radius: 6px;
  background: var(--surface);
  transition: all var(--transition-fast);
}
.checkbox-custom i[data-v-54c0c081] {
  font-size: 0.625rem;
  color: white;
  opacity: 0;
  transform: scale(0);
  transition: all var(--transition-fast);
}
.checkbox-wrapper input:checked + .checkbox-custom[data-v-54c0c081] {
  border-color: var(--brand);
  background: var(--brand);
}
.checkbox-wrapper input:checked + .checkbox-custom i[data-v-54c0c081] {
  opacity: 1;
  transform: scale(1);
}
.checkbox-wrapper input:disabled + .checkbox-custom[data-v-54c0c081] {
  opacity: 0.5;
}
.checkbox-label[data-v-54c0c081] {
  font-size: 0.875rem;
  color: var(--ink-secondary);
}

/* ========== Submit Button ========== */
.submit-btn[data-v-54c0c081] {
  position: relative;
  width: 100%;
  height: 52px;
  border: none;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--brand-light) 0%, var(--brand) 100%);
  color: white;
  font-size: 0.9375rem;
  font-weight: 600;
  cursor: pointer;
  overflow: hidden;
  transition: all var(--transition);
}
.submit-btn[data-v-54c0c081]:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(82, 139, 143, 0.35);
}
.submit-btn[data-v-54c0c081]:active:not(:disabled) {
  transform: translateY(0);
}
.submit-btn[data-v-54c0c081]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.btn-content[data-v-54c0c081] {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.btn-content i[data-v-54c0c081] {
  transition: transform var(--transition);
}
.submit-btn:hover:not(:disabled) .btn-content i[data-v-54c0c081] {
  transform: translateX(4px);
}
.btn-shine[data-v-54c0c081] {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 600ms ease;
}
.submit-btn:hover:not(:disabled) .btn-shine[data-v-54c0c081] {
  left: 100%;
}
.spinner[data-v-54c0c081] {
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin-54c0c081 0.8s linear infinite;
}
@keyframes spin-54c0c081 {
to { transform: rotate(360deg);
}
}

/* ========== Error ========== */
.error-message[data-v-54c0c081] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 12px;
  background: rgba(220, 38, 38, 0.08);
  border: 1px solid rgba(220, 38, 38, 0.15);
  color: var(--error);
  font-size: 0.875rem;
}
.error-message i[data-v-54c0c081]:first-child {
  font-size: 1rem;
  flex-shrink: 0;
}
.error-message span[data-v-54c0c081] {
  flex: 1;
}
.error-close[data-v-54c0c081] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--error);
  cursor: pointer;
  transition: background var(--transition-fast);
}
.error-close[data-v-54c0c081]:hover {
  background: rgba(220, 38, 38, 0.1);
}

/* ========== Divider ========== */
.divider[data-v-54c0c081] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 24px 0;
}
.divider[data-v-54c0c081]::before,
.divider[data-v-54c0c081]::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--border);
}
.divider span[data-v-54c0c081] {
  font-size: 0.8125rem;
  color: var(--ink-muted);
}

/* ========== Social Login ========== */
.social-login[data-v-54c0c081] {
  margin-bottom: 24px;
}
.social-btn[data-v-54c0c081] {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 1.5px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--ink);
  cursor: pointer;
  transition: all var(--transition-fast);
}
.social-btn[data-v-54c0c081]:hover:not(:disabled) {
  border-color: rgba(15, 23, 42, 0.2);
  background: rgba(0, 0, 0, 0.02);
}
.social-btn[data-v-54c0c081]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.social-icon[data-v-54c0c081] {
  width: 20px;
  height: 20px;
}

/* ========== Switch Prompt ========== */
.switch-prompt[data-v-54c0c081] {
  margin: 0;
  text-align: center;
  font-size: 0.9375rem;
  color: var(--ink-secondary);
}
.switch-link[data-v-54c0c081] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 4px;
  font-weight: 600;
  color: var(--brand);
  text-decoration: none;
  transition: gap var(--transition);
}
.switch-link[data-v-54c0c081]:hover {
  gap: 10px;
}
.switch-link i[data-v-54c0c081] {
  font-size: 0.75rem;
}

/* ========== Transitions ========== */
.fade-enter-active[data-v-54c0c081],
.fade-leave-active[data-v-54c0c081] {
  transition: opacity var(--transition-fast);
}
.fade-enter-from[data-v-54c0c081],
.fade-leave-to[data-v-54c0c081] {
  opacity: 0;
}
.shake-enter-active[data-v-54c0c081] {
  animation: shake-54c0c081 400ms ease-out;
}
.shake-leave-active[data-v-54c0c081] {
  transition: all var(--transition);
}
.shake-leave-to[data-v-54c0c081] {
  opacity: 0;
  transform: translateY(-10px);
}
@keyframes shake-54c0c081 {
0%, 100% { transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% { transform: translateX(-4px);
}
20%, 40%, 60%, 80% { transform: translateX(4px);
}
}

.auth-form[data-v-b2f85a7c] {
  --brand: #528b8f;
  --brand-light: #64a3a7;
  --ink: rgba(15, 23, 42, 0.92);
  --ink-secondary: rgba(15, 23, 42, 0.65);
  --ink-muted: rgba(15, 23, 42, 0.45);
  --border: rgba(15, 23, 42, 0.1);
  --surface: #ffffff;
  --error: #dc2626;

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition: 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* ========== Header ========== */
.form-header[data-v-b2f85a7c] {
  margin-bottom: 24px;
  text-align: center;
}
.form-header h2[data-v-b2f85a7c] {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ink);
}
.form-header p[data-v-b2f85a7c] {
  margin: 8px 0 0;
  font-size: 0.9375rem;
  color: var(--ink-secondary);
}

/* ========== Fields ========== */
.field[data-v-b2f85a7c] {
  margin-bottom: 18px;
}
.field label[data-v-b2f85a7c] {
  display: block;
  margin-bottom: 8px;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ink);
}

/* ========== Input ========== */
.input-wrapper[data-v-b2f85a7c] {
  position: relative;
  display: flex;
  align-items: center;
}
.input-icon[data-v-b2f85a7c] {
  position: absolute;
  left: 14px;
  font-size: 0.9375rem;
  color: var(--ink-muted);
  pointer-events: none;
  transition: color var(--transition-fast);
}
.input-wrapper:focus-within .input-icon[data-v-b2f85a7c] {
  color: var(--brand);
}
.input-wrapper input[data-v-b2f85a7c] {
  width: 100%;
  height: 50px;
  padding: 0 44px;
  border: 1.5px solid var(--border);
  border-radius: 12px;
  background: rgba(250, 250, 250, 0.8);
  font-size: 0.9375rem;
  color: var(--ink);
  outline: none;
  transition: all var(--transition-fast);
}
.input-wrapper input[data-v-b2f85a7c]::placeholder {
  color: var(--ink-muted);
}
.input-wrapper input[data-v-b2f85a7c]:focus {
  border-color: var(--brand);
  background: var(--surface);
  box-shadow: 0 0 0 4px rgba(82, 139, 143, 0.1);
}
.input-wrapper input[data-v-b2f85a7c]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.input-check[data-v-b2f85a7c] {
  position: absolute;
  right: 14px;
  font-size: 0.75rem;
  color: #22c55e;
}
.toggle-password[data-v-b2f85a7c] {
  position: absolute;
  right: 12px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--ink-muted);
  cursor: pointer;
  transition: all var(--transition-fast);
}
.toggle-password[data-v-b2f85a7c]:hover:not(:disabled) {
  background: rgba(0, 0, 0, 0.05);
  color: var(--ink-secondary);
}
.toggle-password[data-v-b2f85a7c]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ========== Password Strength ========== */
.password-strength[data-v-b2f85a7c] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
}
.strength-bar[data-v-b2f85a7c] {
  flex: 1;
  height: 4px;
  background: var(--border);
  border-radius: 2px;
  overflow: hidden;
}
.strength-fill[data-v-b2f85a7c] {
  height: 100%;
  border-radius: 2px;
  transition: all var(--transition);
}
.strength-fill.weak[data-v-b2f85a7c] { background: #ef4444;
}
.strength-fill.fair[data-v-b2f85a7c] { background: #f59e0b;
}
.strength-fill.good[data-v-b2f85a7c] { background: #22c55e;
}
.strength-fill.strong[data-v-b2f85a7c] { background: var(--brand);
}
.strength-label[data-v-b2f85a7c] {
  font-size: 0.75rem;
  font-weight: 600;
  min-width: 50px;
  text-align: right;
}
.strength-label.weak[data-v-b2f85a7c] { color: #ef4444;
}
.strength-label.fair[data-v-b2f85a7c] { color: #f59e0b;
}
.strength-label.good[data-v-b2f85a7c] { color: #22c55e;
}
.strength-label.strong[data-v-b2f85a7c] { color: var(--brand);
}

/* ========== Checkbox ========== */
.checkbox-wrapper[data-v-b2f85a7c] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 24px;
  cursor: pointer;
}
.checkbox-wrapper input[data-v-b2f85a7c] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.checkbox-custom[data-v-b2f85a7c] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--border);
  border-radius: 6px;
  background: var(--surface);
  transition: all var(--transition-fast);
  flex-shrink: 0;
  margin-top: 2px;
}
.checkbox-custom i[data-v-b2f85a7c] {
  font-size: 0.625rem;
  color: white;
  opacity: 0;
  transform: scale(0);
  transition: all var(--transition-fast);
}
.checkbox-wrapper input:checked + .checkbox-custom[data-v-b2f85a7c] {
  border-color: var(--brand);
  background: var(--brand);
}
.checkbox-wrapper input:checked + .checkbox-custom i[data-v-b2f85a7c] {
  opacity: 1;
  transform: scale(1);
}
.checkbox-wrapper input:disabled + .checkbox-custom[data-v-b2f85a7c] {
  opacity: 0.5;
}
.checkbox-label[data-v-b2f85a7c] {
  font-size: 0.8125rem;
  color: var(--ink-secondary);
  line-height: 1.5;
}
.checkbox-label a[data-v-b2f85a7c] {
  color: var(--brand);
  text-decoration: none;
  font-weight: 500;
}
.checkbox-label a[data-v-b2f85a7c]:hover {
  text-decoration: underline;
}

/* ========== Submit Button ========== */
.submit-btn[data-v-b2f85a7c] {
  position: relative;
  width: 100%;
  height: 52px;
  border: none;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--brand-light) 0%, var(--brand) 100%);
  color: white;
  font-size: 0.9375rem;
  font-weight: 600;
  cursor: pointer;
  overflow: hidden;
  transition: all var(--transition);
}
.submit-btn[data-v-b2f85a7c]:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(82, 139, 143, 0.35);
}
.submit-btn[data-v-b2f85a7c]:active:not(:disabled) {
  transform: translateY(0);
}
.submit-btn[data-v-b2f85a7c]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.btn-content[data-v-b2f85a7c] {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.btn-content i[data-v-b2f85a7c] {
  transition: transform var(--transition);
}
.submit-btn:hover:not(:disabled) .btn-content i[data-v-b2f85a7c] {
  transform: translateX(4px);
}
.btn-shine[data-v-b2f85a7c] {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 600ms ease;
}
.submit-btn:hover:not(:disabled) .btn-shine[data-v-b2f85a7c] {
  left: 100%;
}
.spinner[data-v-b2f85a7c] {
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin-b2f85a7c 0.8s linear infinite;
}
@keyframes spin-b2f85a7c {
to { transform: rotate(360deg);
}
}

/* ========== Error ========== */
.error-message[data-v-b2f85a7c] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 12px;
  background: rgba(220, 38, 38, 0.08);
  border: 1px solid rgba(220, 38, 38, 0.15);
  color: var(--error);
  font-size: 0.875rem;
}
.error-message i[data-v-b2f85a7c]:first-child {
  font-size: 1rem;
  flex-shrink: 0;
}
.error-message span[data-v-b2f85a7c] {
  flex: 1;
}
.error-close[data-v-b2f85a7c] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--error);
  cursor: pointer;
  transition: background var(--transition-fast);
}
.error-close[data-v-b2f85a7c]:hover {
  background: rgba(220, 38, 38, 0.1);
}

/* ========== Divider ========== */
.divider[data-v-b2f85a7c] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 24px 0;
}
.divider[data-v-b2f85a7c]::before,
.divider[data-v-b2f85a7c]::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--border);
}
.divider span[data-v-b2f85a7c] {
  font-size: 0.8125rem;
  color: var(--ink-muted);
}

/* ========== Social Login ========== */
.social-login[data-v-b2f85a7c] {
  margin-bottom: 24px;
}
.social-btn[data-v-b2f85a7c] {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 1.5px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--ink);
  cursor: pointer;
  transition: all var(--transition-fast);
}
.social-btn[data-v-b2f85a7c]:hover:not(:disabled) {
  border-color: rgba(15, 23, 42, 0.2);
  background: rgba(0, 0, 0, 0.02);
}
.social-btn[data-v-b2f85a7c]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.social-icon[data-v-b2f85a7c] {
  width: 20px;
  height: 20px;
}

/* ========== Switch Prompt ========== */
.switch-prompt[data-v-b2f85a7c] {
  margin: 0;
  text-align: center;
  font-size: 0.9375rem;
  color: var(--ink-secondary);
}
.switch-link[data-v-b2f85a7c] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 4px;
  font-weight: 600;
  color: var(--brand);
  text-decoration: none;
  transition: gap var(--transition);
}
.switch-link[data-v-b2f85a7c]:hover {
  gap: 10px;
}
.switch-link i[data-v-b2f85a7c] {
  font-size: 0.75rem;
}

/* ========== Transitions ========== */
.fade-enter-active[data-v-b2f85a7c],
.fade-leave-active[data-v-b2f85a7c] {
  transition: opacity var(--transition-fast);
}
.fade-enter-from[data-v-b2f85a7c],
.fade-leave-to[data-v-b2f85a7c] {
  opacity: 0;
}
.shake-enter-active[data-v-b2f85a7c] {
  animation: shake-b2f85a7c 400ms ease-out;
}
.shake-leave-active[data-v-b2f85a7c] {
  transition: all var(--transition);
}
.shake-leave-to[data-v-b2f85a7c] {
  opacity: 0;
  transform: translateY(-10px);
}
@keyframes shake-b2f85a7c {
0%, 100% { transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% { transform: translateX(-4px);
}
20%, 40%, 60%, 80% { transform: translateX(4px);
}
}

/* ════════════════ TOKENS – LIGHT ════════════════ */
.landing[data-v-6261ae01] {
  --brand: #58989a;
  --brand-dark: #40626a;
  --brand-light: #64a3a7;
  --brand-pale: #e8f4f5;
  --brand-glow: rgba(88, 152, 154, 0.18);
  --on-brand: #f2fbfb;

  --bg: #f6f7f8;
  --bg-white: #ffffff;
  --bg-card: #ffffff;
  --bg-elevated: #f0f2f4;

  --fg: #141619;
  --fg-secondary: rgba(15, 23, 42, 0.72);
  --fg-muted: #6b7378;
  --fg-dim: #9ca3ab;

  --border: rgba(0, 0, 0, 0.07);
  --border-hover: rgba(0, 0, 0, 0.13);

  --shadow-sm: 0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.03);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.06), 0 1px 4px rgba(0,0,0,0.04);
  --shadow-lg: 0 16px 48px rgba(0,0,0,0.08), 0 4px 12px rgba(0,0,0,0.04);
  --shadow-brand: 0 4px 20px rgba(88, 152, 154, 0.22);

  --radius: 14px;
  --radius-sm: 10px;
  --transition: 250ms cubic-bezier(0.4, 0, 0.2, 1);

  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  background: var(--bg);
  color: var(--fg);
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100vh;
}
.lp-container[data-v-6261ae01] {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ════════════════ NAV ════════════════ */
.lp-nav[data-v-6261ae01] {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(20px) saturate(1.6);
  border-bottom: 1px solid var(--border);
}
.lp-nav-inner[data-v-6261ae01] {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 24px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
.lp-brand[data-v-6261ae01] {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.lp-brand-name[data-v-6261ae01] {
  font-size: 1.125rem;
  font-weight: 800;
  color: var(--fg);
  letter-spacing: -0.02em;
  line-height: 1;
}
.lp-brand-text[data-v-6261ae01] {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.lp-brand-sub[data-v-6261ae01] {
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--brand);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1;
}
.lp-logo-img[data-v-6261ae01] {
  width: 42px;
  height: 42px;
  object-fit: contain;
}
.lp-nav-links[data-v-6261ae01] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.lp-nav-link[data-v-6261ae01] {
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--fg-muted);
  text-decoration: none;
  transition: all var(--transition);
}
.lp-nav-link[data-v-6261ae01]:hover {
  color: var(--fg);
  background: rgba(0, 0, 0, 0.04);
}
.lp-nav-actions[data-v-6261ae01] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.lp-btn-ghost[data-v-6261ae01] {
  padding: 8px 18px;
  border-radius: var(--radius-sm);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--fg-muted);
  text-decoration: none;
  transition: all var(--transition);
}
.lp-btn-ghost[data-v-6261ae01]:hover { color: var(--brand-dark);
}
.lp-btn-primary[data-v-6261ae01] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 22px;
  border-radius: var(--radius-sm);
  background: linear-gradient(135deg, var(--brand-light) 0%, var(--brand-dark) 100%);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all var(--transition);
  box-shadow: var(--shadow-brand);
}
.lp-btn-primary[data-v-6261ae01]:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 28px rgba(88, 152, 154, 0.3);
}
.lp-btn-primary.lg[data-v-6261ae01] {
  padding: 14px 30px;
  font-size: 0.9375rem;
  border-radius: 12px;
}
.lp-btn-outline[data-v-6261ae01] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 30px;
  border-radius: 12px;
  border: 1.5px solid var(--border-hover);
  background: var(--bg-white);
  color: var(--fg);
  font-size: 0.9375rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition);
  box-shadow: var(--shadow-sm);
}
.lp-btn-outline[data-v-6261ae01]:hover {
  border-color: var(--brand);
  box-shadow: var(--shadow-md);
}

/* Burger */
.lp-burger[data-v-6261ae01] {
  display: none;
  width: 40px; height: 40px;
  border: none;
  background: transparent;
  cursor: pointer;
  position: relative;
}
.lp-burger span[data-v-6261ae01],
.lp-burger span[data-v-6261ae01]::before,
.lp-burger span[data-v-6261ae01]::after {
  display: block; width: 22px; height: 2px;
  background: var(--fg);
  border-radius: 2px;
  transition: all 200ms ease;
  position: absolute;
  left: 50%; transform: translateX(-50%);
}
.lp-burger span[data-v-6261ae01] { top: 50%; margin-top: -1px;
}
.lp-burger span[data-v-6261ae01]::before { content: ''; top: -7px;
}
.lp-burger span[data-v-6261ae01]::after { content: ''; top: 7px;
}
.lp-burger span.open[data-v-6261ae01] { background: transparent;
}
.lp-burger span.open[data-v-6261ae01]::before { top: 0; transform: translateX(-50%) rotate(45deg);
}
.lp-burger span.open[data-v-6261ae01]::after { top: 0; transform: translateX(-50%) rotate(-45deg);
}

/* ════════════════ HERO ════════════════ */
.lp-hero[data-v-6261ae01] {
  position: relative;
  padding-top: 140px;
  overflow: hidden;
}
.hero-glow[data-v-6261ae01] {
  position: absolute;
  top: -160px;
  left: 50%;
  transform: translateX(-50%);
  width: 800px;
  height: 550px;
  background: radial-gradient(ellipse, rgba(88, 152, 154, 0.1) 0%, rgba(100, 163, 167, 0.04) 40%, transparent 70%);
  pointer-events: none;
}
.hero-grid-bg[data-v-6261ae01] {
  display: none;
}
.hero-content[data-v-6261ae01] {
  position: relative;
  text-align: center;
}
.hero-badge[data-v-6261ae01] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--bg-white);
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--fg-muted);
  margin-bottom: 28px;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition);
  cursor: default;
}
.hero-badge[data-v-6261ae01]:hover { border-color: var(--brand);
}
.badge-dot[data-v-6261ae01] {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 8px rgba(34, 197, 94, 0.4);
  animation: pulse-dot-6261ae01 2s infinite;
}
@keyframes pulse-dot-6261ae01 {
0%, 100% { opacity: 1;
}
50% { opacity: 0.5;
}
}
.badge-arrow[data-v-6261ae01] { font-size: 0.625rem;
}
.hero-title[data-v-6261ae01] {
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.1;
  margin: 0 0 20px;
  color: var(--fg);
}
.hero-gradient-text[data-v-6261ae01] {
  background: linear-gradient(135deg, var(--brand-light) 0%, var(--brand-dark) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.hero-subtitle[data-v-6261ae01] {
  max-width: 560px;
  margin: 0 auto 36px;
  font-size: 1.125rem;
  line-height: 1.7;
  color: var(--fg-secondary);
}
.hero-actions[data-v-6261ae01] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 56px;
}
.hero-stats[data-v-6261ae01] {
  display: inline-flex;
  align-items: center;
  gap: 32px;
  padding: 20px 36px;
  border-radius: var(--radius);
  border: 1px solid var(--border);
  background: var(--bg-white);
  box-shadow: var(--shadow-sm);
}
.stat[data-v-6261ae01] { text-align: center;
}
.stat-number[data-v-6261ae01] {
  display: block;
  font-size: 1.375rem;
  font-weight: 800;
  color: var(--brand-dark);
  letter-spacing: -0.02em;
}
.stat-label[data-v-6261ae01] {
  font-size: 0.75rem;
  color: var(--fg-dim);
  font-weight: 500;
  margin-top: 2px;
}
.stat-divider[data-v-6261ae01] {
  width: 1px;
  height: 32px;
  background: var(--border);
}

/* Hero Visual */
.hero-visual-wrap[data-v-6261ae01] {
  margin-top: 64px;
  padding-bottom: 80px;
  position: relative;
}
.hero-visual[data-v-6261ae01] {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--border);
  box-shadow: var(--shadow-lg), 0 0 60px rgba(88, 152, 154, 0.06);
}
.hero-browser[data-v-6261ae01] {
  background: var(--bg-white);
}
.browser-dots[data-v-6261ae01] {
  display: flex;
  gap: 7px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--border);
  background: var(--bg-elevated);
}
.browser-dots span[data-v-6261ae01] {
  width: 11px; height: 11px;
  border-radius: 50%;
}
.browser-dots span[data-v-6261ae01]:first-child { background: #ef4444;
}
.browser-dots span[data-v-6261ae01]:nth-child(2) { background: #f59e0b;
}
.browser-dots span[data-v-6261ae01]:nth-child(3) { background: #22c55e;
}
.browser-body[data-v-6261ae01] {
  display: flex;
  min-height: 320px;
}
.mock-sidebar[data-v-6261ae01] {
  width: 60px;
  border-right: 1px solid var(--border);
  padding: 16px 10px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  background: var(--brand-dark);
}
.mock-nav-item[data-v-6261ae01] {
  width: 36px; height: 36px;
  border-radius: 10px;
  background: rgba(255,255,255,0.08);
  border: 1px solid transparent;
}
.mock-nav-item.active[data-v-6261ae01] {
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.25);
}
.mock-content[data-v-6261ae01] {
  flex: 1;
  padding: 20px;
  background: var(--bg);
}
.mock-header[data-v-6261ae01] {
  width: 200px; height: 20px;
  border-radius: 6px;
  background: rgba(0,0,0,0.06);
  margin-bottom: 20px;
}
.mock-cards[data-v-6261ae01] {
  display: flex;
  gap: 14px;
  margin-bottom: 20px;
}
.mock-card[data-v-6261ae01] {
  flex: 1;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--bg-white);
  box-shadow: var(--shadow-sm);
}
.mc-icon[data-v-6261ae01] {
  width: 32px; height: 32px;
  border-radius: 8px;
  margin-bottom: 10px;
}
.c1 .mc-icon[data-v-6261ae01] { background: var(--brand-pale);
}
.c2 .mc-icon[data-v-6261ae01] { background: #fef3c7;
}
.c3 .mc-icon[data-v-6261ae01] { background: #ede9fe;
}
.mc-lines div[data-v-6261ae01] {
  height: 8px;
  border-radius: 4px;
  background: rgba(0,0,0,0.05);
  margin-bottom: 6px;
}
.mc-lines div[data-v-6261ae01]:last-child { width: 60%;
}
.mc-bar[data-v-6261ae01] {
  height: 6px;
  border-radius: 3px;
  margin-top: 12px;
}
.c1 .mc-bar[data-v-6261ae01] { background: linear-gradient(90deg, var(--brand) 60%, transparent); opacity: 0.5;
}
.c2 .mc-bar[data-v-6261ae01] { background: linear-gradient(90deg, #f59e0b 45%, transparent); opacity: 0.4;
}
.c3 .mc-bar[data-v-6261ae01] { background: linear-gradient(90deg, #8b5cf6 75%, transparent); opacity: 0.4;
}
.mock-table[data-v-6261ae01] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mock-row[data-v-6261ae01] {
  height: 36px;
  border-radius: 8px;
  background: var(--bg-white);
  border: 1px solid var(--border);
}

/* ════════════════ LOGOS ════════════════ */
.lp-logos[data-v-6261ae01] {
  padding: 40px 0 60px;
  border-bottom: 1px solid var(--border);
}
.logos-label[data-v-6261ae01] {
  text-align: center;
  font-size: 0.8125rem;
  color: var(--fg-dim);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0 0 24px;
}
.logos-row[data-v-6261ae01] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
  flex-wrap: wrap;
}
.logo-shape[data-v-6261ae01] {
  height: 22px;
  border-radius: 4px;
  background: rgba(0,0,0,0.06);
}

/* ════════════════ FEATURES ════════════════ */
.lp-features[data-v-6261ae01] {
  padding: 100px 0;
}
.section-header[data-v-6261ae01] {
  text-align: center;
  margin-bottom: 56px;
}
.section-tag[data-v-6261ae01] {
  display: inline-block;
  padding: 6px 16px;
  border-radius: 999px;
  background: var(--brand-pale);
  color: var(--brand-dark);
  font-size: 0.8125rem;
  font-weight: 600;
  margin-bottom: 16px;
}
.section-title[data-v-6261ae01] {
  font-size: clamp(1.75rem, 3.5vw, 2.5rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  margin: 0 0 14px;
  color: var(--fg);
}
.section-desc[data-v-6261ae01] {
  max-width: 480px;
  margin: 0 auto;
  font-size: 1.0625rem;
  color: var(--fg-secondary);
  line-height: 1.6;
}
.features-grid[data-v-6261ae01] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.feature-card[data-v-6261ae01] {
  padding: 28px;
  border-radius: var(--radius);
  border: 1px solid var(--border);
  background: var(--bg-white);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition);
}
.feature-card[data-v-6261ae01]:hover {
  border-color: var(--border-hover);
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
}
.feature-icon-wrap[data-v-6261ae01] {
  width: 48px; height: 48px;
  border-radius: 12px;
  background: var(--brand-pale);
  display: grid;
  place-items: center;
  margin-bottom: 18px;
}
.feature-icon-wrap i[data-v-6261ae01] {
  font-size: 1.125rem;
  color: var(--brand-dark);
}
.feature-card h3[data-v-6261ae01] {
  font-size: 1.0625rem;
  font-weight: 700;
  margin: 0 0 8px;
  color: var(--fg);
}
.feature-card p[data-v-6261ae01] {
  margin: 0;
  font-size: 0.875rem;
  color: var(--fg-secondary);
  line-height: 1.6;
}

/* ════════════════ BENTO ════════════════ */
.lp-bento[data-v-6261ae01] {
  padding: 0 0 100px;
}
.bento-grid[data-v-6261ae01] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 20px;
}
.bento-card[data-v-6261ae01] {
  padding: 32px;
  border-radius: var(--radius);
  border: 1px solid var(--border);
  background: var(--bg-white);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}
.bento-main[data-v-6261ae01] {
  grid-row: span 2;
}
.bento-label[data-v-6261ae01] {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 6px;
  background: var(--brand-pale);
  color: var(--brand-dark);
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 14px;
}
.bento-card h3[data-v-6261ae01] {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 8px;
  color: var(--fg);
}
.bento-card > p[data-v-6261ae01] {
  margin: 0 0 24px;
  font-size: 0.875rem;
  color: var(--fg-secondary);
  line-height: 1.5;
}

/* Bento chart */
.bento-chart[data-v-6261ae01] {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  height: 180px;
  padding-top: 20px;
}
.chart-bar[data-v-6261ae01] {
  flex: 1;
  border-radius: 6px 6px 0 0;
  background: linear-gradient(180deg, var(--brand-light), var(--brand-dark));
  opacity: 0.65;
  animation: bar-grow-6261ae01 1s ease forwards;
  transform-origin: bottom;
}
@keyframes bar-grow-6261ae01 {
from { transform: scaleY(0);
}
to { transform: scaleY(1);
}
}

/* Bento chat */
.bento-chat-preview[data-v-6261ae01] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}
.chat-bubble[data-v-6261ae01] {
  padding: 10px 16px;
  border-radius: 14px;
  font-size: 0.8125rem;
  max-width: 80%;
  line-height: 1.4;
}
.chat-bubble.left[data-v-6261ae01] {
  background: var(--bg);
  color: var(--fg-secondary);
  align-self: flex-start;
  border-bottom-left-radius: 4px;
  border: 1px solid var(--border);
}
.chat-bubble.right[data-v-6261ae01] {
  background: linear-gradient(135deg, var(--brand-light), var(--brand-dark));
  color: #fff;
  align-self: flex-end;
  border-bottom-right-radius: 4px;
}

/* Bento calendar */
.bento-cal-preview[data-v-6261ae01] {
  display: flex;
  gap: 8px;
  margin-top: 16px;
}
.cal-day[data-v-6261ae01] {
  flex: 1;
  text-align: center;
}
.cal-day-label[data-v-6261ae01] {
  display: block;
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--fg-dim);
  margin-bottom: 8px;
}
.cal-event[data-v-6261ae01] {
  height: 28px;
  border-radius: 6px;
  background: var(--brand-pale);
  border: 1px solid rgba(88, 152, 154, 0.2);
}
.cal-event.accent[data-v-6261ae01] {
  background: #fef3c7;
  border-color: rgba(245, 158, 11, 0.25);
}

/* ════════════════ PRICING ════════════════ */
.lp-pricing[data-v-6261ae01] {
  padding: 100px 0;
  background: var(--bg-elevated);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.pricing-grid[data-v-6261ae01] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  align-items: start;
}
.price-card[data-v-6261ae01] {
  position: relative;
  padding: 32px;
  border-radius: var(--radius);
  border: 1px solid var(--border);
  background: var(--bg-white);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition);
}
.price-card.featured[data-v-6261ae01] {
  border-color: var(--brand);
  box-shadow: var(--shadow-md), 0 0 0 1px var(--brand);
}
.price-badge[data-v-6261ae01] {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 16px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--brand-light), var(--brand-dark));
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
}
.price-name[data-v-6261ae01] {
  font-size: 1.125rem;
  font-weight: 700;
  margin: 0 0 16px;
  color: var(--fg);
}
.price-amount[data-v-6261ae01] {
  display: flex;
  align-items: baseline;
  gap: 2px;
  margin-bottom: 8px;
}
.price-currency[data-v-6261ae01] { font-size: 1.25rem; font-weight: 700; color: var(--fg-muted);
}
.price-value[data-v-6261ae01] { font-size: 2.75rem; font-weight: 800; letter-spacing: -0.03em; color: var(--fg);
}
.price-period[data-v-6261ae01] { font-size: 0.875rem; color: var(--fg-muted); margin-left: 4px;
}
.price-desc[data-v-6261ae01] {
  font-size: 0.875rem;
  color: var(--fg-secondary);
  margin: 0 0 24px;
}
.price-features[data-v-6261ae01] {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.price-features li[data-v-6261ae01] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.875rem;
  color: var(--fg-secondary);
}
.price-features i[data-v-6261ae01] {
  font-size: 0.6875rem;
  color: var(--brand);
}
.price-btn[data-v-6261ae01] {
  display: block;
  width: 100%;
  padding: 12px;
  border-radius: var(--radius-sm);
  border: 1.5px solid var(--border-hover);
  background: transparent;
  color: var(--fg);
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition);
}
.price-btn[data-v-6261ae01]:hover {
  border-color: var(--brand);
  background: var(--brand-pale);
}
.price-btn.primary[data-v-6261ae01] {
  border-color: transparent;
  background: linear-gradient(135deg, var(--brand-light), var(--brand-dark));
  color: #fff;
}
.price-btn.primary[data-v-6261ae01]:hover {
  box-shadow: var(--shadow-brand);
  transform: translateY(-1px);
}

/* ════════════════ CTA ════════════════ */
.lp-cta[data-v-6261ae01] {
  padding: 100px 0;
}
.cta-card[data-v-6261ae01] {
  position: relative;
  text-align: center;
  padding: 72px 40px;
  border-radius: 20px;
  border: 1px solid var(--border);
  background: var(--bg-white);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}
.cta-glow[data-v-6261ae01] {
  position: absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
  width: 500px;
  height: 280px;
  background: radial-gradient(ellipse, rgba(88, 152, 154, 0.08), transparent 70%);
  pointer-events: none;
}
.cta-card h2[data-v-6261ae01] {
  position: relative;
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0 0 12px;
  color: var(--fg);
}
.cta-card p[data-v-6261ae01] {
  position: relative;
  font-size: 1.0625rem;
  color: var(--fg-secondary);
  margin: 0 0 32px;
}
.cta-actions[data-v-6261ae01] {
  position: relative;
}

/* ════════════════ FOOTER ════════════════ */
.lp-footer[data-v-6261ae01] {
  padding: 64px 0 32px;
  border-top: 1px solid var(--border);
  background: var(--bg-elevated);
}
.footer-grid[data-v-6261ae01] {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 40px;
  margin-bottom: 48px;
}
.footer-tagline[data-v-6261ae01] {
  font-size: 0.875rem;
  color: var(--fg-secondary);
  line-height: 1.6;
  margin: 14px 0 0;
  max-width: 260px;
}
.footer-col h4[data-v-6261ae01] {
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--fg);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: 0 0 16px;
}
.footer-col a[data-v-6261ae01] {
  display: block;
  padding: 4px 0;
  font-size: 0.875rem;
  color: var(--fg-muted);
  text-decoration: none;
  transition: color var(--transition);
}
.footer-col a[data-v-6261ae01]:hover { color: var(--brand-dark);
}
.footer-bottom[data-v-6261ae01] {
  padding-top: 24px;
  border-top: 1px solid var(--border);
  text-align: center;
  font-size: 0.8125rem;
  color: var(--fg-dim);
}

/* ════════════════ RESPONSIVE ════════════════ */
@media (max-width: 860px) {
.lp-nav-links[data-v-6261ae01] {
    position: fixed;
    top: 64px; left: 0; right: 0;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    flex-direction: column;
    padding: 16px;
    gap: 4px;
    border-bottom: 1px solid var(--border);
    display: none;
}
.lp-nav-links.open[data-v-6261ae01] { display: flex;
}
.lp-nav-actions[data-v-6261ae01] { display: none;
}
.lp-burger[data-v-6261ae01] { display: block;
}
.features-grid[data-v-6261ae01],
  .pricing-grid[data-v-6261ae01] { grid-template-columns: 1fr;
}
.bento-grid[data-v-6261ae01] { grid-template-columns: 1fr;
}
.bento-main[data-v-6261ae01] { grid-row: span 1;
}
.footer-grid[data-v-6261ae01] { grid-template-columns: 1fr 1fr; gap: 32px;
}
.footer-brand[data-v-6261ae01] { grid-column: span 2;
}
.hero-stats[data-v-6261ae01] { flex-direction: column; gap: 16px; padding: 20px;
}
.stat-divider[data-v-6261ae01] { width: 40px; height: 1px;
}
.mock-cards[data-v-6261ae01] { flex-direction: column;
}
}

.products-page[data-v-1141efab] {
  --brand: #58989a;
  --brand-dark: #40626a;
  --brand-light: #64a3a7;
  --brand-pale: #e8f4f5;
  --on-brand: #f2fbfb;

  --bg: #f6f7f8;
  --bg-white: #ffffff;
  --bg-elevated: #f0f2f4;
  --bg-card: #ffffff;

  --fg: #141619;
  --fg-secondary: rgba(15, 23, 42, 0.72);
  --fg-muted: #6b7378;
  --fg-dim: #9ca3ab;

  --border: rgba(0, 0, 0, 0.07);
  --border-hover: rgba(0, 0, 0, 0.13);

  --shadow-sm: 0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.03);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.06), 0 1px 4px rgba(0,0,0,0.04);
  --shadow-brand: 0 4px 20px rgba(88, 152, 154, 0.22);

  --radius: 14px;
  --radius-sm: 10px;
  --transition: 250ms cubic-bezier(0.4, 0, 0.2, 1);

  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  background: var(--bg);
  color: var(--fg);
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100vh;
}
.container[data-v-1141efab] {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ── Nav ── */
.lp-nav[data-v-1141efab] {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(20px) saturate(1.6);
  border-bottom: 1px solid var(--border);
}
.lp-nav-inner[data-v-1141efab] {
  max-width: 1140px; margin: 0 auto; padding: 0 24px;
  height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 32px;
}
.lp-brand[data-v-1141efab], .lp-brand-link[data-v-1141efab] {
  display: flex; align-items: center; gap: 10px; text-decoration: none;
}
.lp-brand-name[data-v-1141efab] { font-size: 1.125rem; font-weight: 800; color: var(--fg); letter-spacing: -0.02em; line-height: 1;
}
.lp-brand-text[data-v-1141efab] {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.lp-brand-sub[data-v-1141efab] {
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--brand);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1;
}
.lp-logo-img[data-v-1141efab] {
  width: 42px;
  height: 42px;
  object-fit: contain;
}
.lp-nav-links[data-v-1141efab] { display: flex; align-items: center; gap: 4px;
}
.lp-nav-link[data-v-1141efab] {
  padding: 8px 16px; border-radius: 8px; font-size: 0.875rem; font-weight: 500;
  color: var(--fg-muted); text-decoration: none; transition: all var(--transition);
}
.lp-nav-link[data-v-1141efab]:hover, .lp-nav-link.active[data-v-1141efab] { color: var(--fg); background: rgba(0,0,0,0.04);
}
.lp-nav-actions[data-v-1141efab] { display: flex; align-items: center; gap: 10px;
}
.lp-btn-ghost[data-v-1141efab] {
  padding: 8px 18px; border-radius: var(--radius-sm); font-size: 0.875rem; font-weight: 600;
  color: var(--fg-muted); text-decoration: none; transition: all var(--transition);
}
.lp-btn-ghost[data-v-1141efab]:hover { color: var(--brand-dark);
}
.lp-btn-primary[data-v-1141efab] {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 22px; border-radius: var(--radius-sm);
  background: linear-gradient(135deg, var(--brand-light) 0%, var(--brand-dark) 100%);
  color: #fff; font-size: 0.875rem; font-weight: 600; text-decoration: none;
  border: none; cursor: pointer; transition: all var(--transition);
  box-shadow: var(--shadow-brand);
}
.lp-btn-primary[data-v-1141efab]:hover { transform: translateY(-1px); box-shadow: 0 8px 28px rgba(88,152,154,0.3);
}
.lp-btn-primary.lg[data-v-1141efab] { padding: 14px 30px; font-size: 0.9375rem; border-radius: 12px;
}

/* ── Hero ── */
.prod-hero[data-v-1141efab] {
  position: relative;
  padding: 160px 0 80px;
  text-align: center;
  overflow: hidden;
}
.prod-glow[data-v-1141efab] {
  position: absolute; top: -160px; left: 50%; transform: translateX(-50%);
  width: 700px; height: 500px;
  background: radial-gradient(ellipse, rgba(88,152,154,0.08) 0%, transparent 70%);
  pointer-events: none;
}
.section-tag[data-v-1141efab] {
  display: inline-block; padding: 6px 16px; border-radius: 999px;
  background: var(--brand-pale); color: var(--brand-dark);
  font-size: 0.8125rem; font-weight: 600; margin-bottom: 16px;
}
.prod-hero h1[data-v-1141efab] {
  font-size: clamp(2rem, 5vw, 3rem); font-weight: 800; letter-spacing: -0.03em;
  margin: 0 0 14px; color: var(--fg);
}
.prod-hero-sub[data-v-1141efab] {
  max-width: 460px; margin: 0 auto; font-size: 1.0625rem; color: var(--fg-secondary); line-height: 1.6;
}

/* ── Products grid ── */
.prod-section[data-v-1141efab] { padding: 0 0 100px;
}
.prod-grid[data-v-1141efab] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.prod-card[data-v-1141efab] {
  display: flex;
  flex-direction: column;
  padding: 28px;
  border-radius: var(--radius);
  border: 1px solid var(--border);
  background: var(--bg-white);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition);
}
.prod-card[data-v-1141efab]:hover {
  border-color: var(--border-hover);
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
}
.prod-card-icon[data-v-1141efab] {
  width: 52px; height: 52px;
  border-radius: 14px;
  display: grid; place-items: center;
  margin-bottom: 18px;
}
.prod-card-icon i[data-v-1141efab] { font-size: 1.25rem;
}
.prod-card-body[data-v-1141efab] { flex: 1;
}
.prod-card h3[data-v-1141efab] {
  font-size: 1.125rem; font-weight: 700; margin: 0 0 8px; color: var(--fg);
}
.prod-card > .prod-card-body > p[data-v-1141efab] {
  margin: 0 0 18px; font-size: 0.875rem; color: var(--fg-secondary); line-height: 1.6;
}
.prod-highlights[data-v-1141efab] {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-wrap: wrap; gap: 8px 16px;
}
.prod-highlights li[data-v-1141efab] {
  display: flex; align-items: center; gap: 7px;
  font-size: 0.8125rem; color: var(--fg-muted);
}
.prod-highlights i[data-v-1141efab] {
  font-size: 0.625rem; color: var(--brand);
}
.prod-card-footer[data-v-1141efab] {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
}
.prod-status[data-v-1141efab] {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 12px; border-radius: 999px;
  font-size: 0.75rem; font-weight: 600;
}
.prod-status.live[data-v-1141efab] {
  background: #dcfce7;
  color: #15803d;
}
.prod-status.soon[data-v-1141efab] {
  background: #fef3c7;
  color: #b45309;
}
.prod-status.live[data-v-1141efab]::before,
.prod-status.soon[data-v-1141efab]::before {
  content: '';
  width: 6px; height: 6px;
  border-radius: 50%;
  background: currentColor;
}

/* ── CTA ── */
.prod-cta[data-v-1141efab] { padding: 0 0 100px;
}
.cta-box[data-v-1141efab] {
  text-align: center;
  padding: 64px 40px;
  border-radius: 20px;
  border: 1px solid var(--border);
  background: var(--bg-white);
  box-shadow: var(--shadow-md);
}
.cta-box h2[data-v-1141efab] {
  font-size: 1.75rem; font-weight: 800; letter-spacing: -0.02em; margin: 0 0 10px; color: var(--fg);
}
.cta-box p[data-v-1141efab] {
  font-size: 1rem; color: var(--fg-secondary); margin: 0 0 28px;
}

/* ── Footer ── */
.prod-footer[data-v-1141efab] {
  padding: 24px 0;
  border-top: 1px solid var(--border);
  background: var(--bg-elevated);
}
.prod-footer .container[data-v-1141efab] {
  display: flex; align-items: center; justify-content: space-between;
  font-size: 0.8125rem; color: var(--fg-dim);
}
.foot-links[data-v-1141efab] { display: flex; gap: 20px;
}
.foot-links a[data-v-1141efab] {
  color: var(--fg-muted); text-decoration: none; font-size: 0.8125rem;
  transition: color var(--transition);
}
.foot-links a[data-v-1141efab]:hover { color: var(--brand-dark);
}

/* ── Responsive ── */
@media (max-width: 860px) {
.prod-grid[data-v-1141efab] { grid-template-columns: 1fr;
}
.lp-nav-actions[data-v-1141efab] { display: none;
}
.prod-footer .container[data-v-1141efab] { flex-direction: column; gap: 12px; text-align: center;
}
}

.mention-renderer[data-v-70b5365b] {
  /* Inherits parent text styles */
}

/* ═══ Mention Tag ═══ */
.mention-renderer[data-v-70b5365b] .mention-tag {
  display: inline-flex;
  align-items: center;
  padding: 1px 8px;
  border-radius: 999px;
  font-size: 0.8125em;
  font-weight: 600;
  background: color-mix(in srgb, var(--mention-bg, #50868a) 12%, transparent);
  color: var(--mention-color, #3d6b6e);
  cursor: pointer;
  transition: all 150ms ease;
  vertical-align: baseline;
  text-decoration: none;
}
.mention-renderer[data-v-70b5365b] .mention-tag:hover {
  background: color-mix(in srgb, var(--mention-bg, #50868a) 20%, transparent);
}

/* ═══ Inverted variant (for own messages with dark bg) ═══ */
.mention-renderer.inverted[data-v-70b5365b] .mention-tag {
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.mention-renderer.inverted[data-v-70b5365b] .mention-tag:hover {
  background: rgba(255, 255, 255, 0.3);
}

/* ═══ Markdown Styles (when markdown prop is true) ═══ */
.mention-renderer[data-v-70b5365b] strong { font-weight: 700;
}
.mention-renderer[data-v-70b5365b] em { font-style: italic;
}
.mention-renderer[data-v-70b5365b] del { text-decoration: line-through; opacity: 0.7;
}
.mention-renderer[data-v-70b5365b] .inline-code {
  padding: 1px 6px;
  border-radius: 4px;
  font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
  font-size: 0.8125em;
  background: rgba(0, 0, 0, 0.06);
  color: #c7254e;
}
.mention-renderer.inverted[data-v-70b5365b] .inline-code {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}
.mention-renderer[data-v-70b5365b] .code-block-wrapper {
  margin: 8px 0;
  border-radius: 8px;
  overflow: hidden;
  background: #1e1e2e;
}
.mention-renderer[data-v-70b5365b] .code-lang-label {
  display: block;
  padding: 4px 12px;
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: rgba(255, 255, 255, 0.45);
  background: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.mention-renderer[data-v-70b5365b] .code-block {
  margin: 0;
  padding: 12px 14px;
  overflow-x: auto;
  font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
  font-size: 0.8125rem;
  line-height: 1.6;
  color: #cdd6f4;
  background: transparent;
}
.mention-renderer[data-v-70b5365b] .code-block code {
  background: none;
  padding: 0;
  font-size: inherit;
  color: inherit;
}
.mention-renderer[data-v-70b5365b] .md-blockquote {
  margin: 6px 0;
  padding: 6px 12px;
  border-left: 3px solid var(--mention-bg, #50868a);
  border-radius: 0 4px 4px 0;
  font-style: italic;
  background: rgba(0, 0, 0, 0.04);
  color: inherit;
  opacity: 0.85;
}
.mention-renderer.inverted[data-v-70b5365b] .md-blockquote {
  border-color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.1);
}

.recent-chats-card[data-v-69c573d9] {
  --brand: #50868a;
  --brand-light: #5e9a9e;
  --brand-dark: #3d6b6e;
  --brand-subtle: color-mix(in srgb, #50868a 12%, #ffffff);
  --ink: rgba(15, 23, 42, 0.92);
  --ink-secondary: rgba(15, 23, 42, 0.65);
  --muted: rgba(15, 23, 42, 0.4);
  --border: rgba(15, 23, 42, 0.06);
  --border-strong: rgba(15, 23, 42, 0.12);
  --surface: #ffffff;
  --surface-raised: #f8f9fa;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);

  display: flex;
  flex-direction: column;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
.card-header[data-v-69c573d9] {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; padding: 20px; border-bottom: 1px solid var(--border);
}
.header-left[data-v-69c573d9] { display: flex; align-items: center; gap: 12px;
}
.header-icon[data-v-69c573d9] {
  width: 40px; height: 40px;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--brand-light), var(--brand));
  border-radius: var(--radius-md); color: #fff; font-size: 1rem;
}
.header-text h3[data-v-69c573d9] { margin: 0; font-size: 1rem; font-weight: 600; color: var(--ink);
}
.header-text p[data-v-69c573d9] { margin: 2px 0 0; font-size: 0.75rem; color: var(--ink-secondary);
}
.header-actions[data-v-69c573d9] { display: flex; align-items: center; gap: 8px;
}
.btn-icon[data-v-69c573d9] {
  width: 34px; height: 34px;
  display: flex; align-items: center; justify-content: center;
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--radius-sm); color: var(--muted);
  font-size: 0.8125rem; cursor: pointer; transition: all var(--transition-fast);
}
.btn-icon[data-v-69c573d9]:hover:not(:disabled) { border-color: var(--brand); color: var(--brand); background: var(--brand-subtle);
}
.btn-icon[data-v-69c573d9]:disabled { opacity: 0.5; cursor: not-allowed;
}
.spinning[data-v-69c573d9] { animation: spin-69c573d9 1s linear infinite;
}
@keyframes spin-69c573d9 {
to { transform: rotate(360deg);
}
}
.view-all-btn[data-v-69c573d9] {
  display: flex; align-items: center; gap: 6px;
  padding: 8px 14px; background: var(--surface);
  border: 1px solid var(--border); border-radius: var(--radius-sm);
  color: var(--ink-secondary); font-size: 0.8125rem; font-weight: 600;
  cursor: pointer; transition: all var(--transition-fast);
}
.view-all-btn[data-v-69c573d9]:hover { border-color: var(--brand); color: var(--brand); background: var(--brand-subtle);
}
.view-all-btn i[data-v-69c573d9] { font-size: 0.6875rem; transition: transform var(--transition-fast);
}
.view-all-btn:hover i[data-v-69c573d9] { transform: translateX(3px);
}
.loading-state[data-v-69c573d9] { padding: 8px 0;
}
.loading-skeleton[data-v-69c573d9] { display: flex; flex-direction: column;
}
.skeleton-item[data-v-69c573d9] { display: flex; align-items: center; gap: 14px; padding: 14px 20px;
}
.skeleton-avatar[data-v-69c573d9] {
  width: 44px; height: 44px; border-radius: var(--radius-md);
  background: linear-gradient(90deg, var(--border) 25%, var(--surface-raised) 50%, var(--border) 75%);
  background-size: 200% 100%; animation: shimmer-69c573d9 1.5s infinite;
}
.skeleton-content[data-v-69c573d9] { flex: 1; display: flex; flex-direction: column; gap: 8px;
}
.skeleton-line[data-v-69c573d9] {
  height: 12px; border-radius: 6px;
  background: linear-gradient(90deg, var(--border) 25%, var(--surface-raised) 50%, var(--border) 75%);
  background-size: 200% 100%; animation: shimmer-69c573d9 1.5s infinite;
}
.skeleton-line.short[data-v-69c573d9] { width: 60%; height: 14px;
}
.skeleton-meta[data-v-69c573d9] {
  width: 50px; height: 12px; border-radius: 6px;
  background: linear-gradient(90deg, var(--border) 25%, var(--surface-raised) 50%, var(--border) 75%);
  background-size: 200% 100%; animation: shimmer-69c573d9 1.5s infinite;
}
@keyframes shimmer-69c573d9 {
0% { background-position: 200% 0;
}
100% { background-position: -200% 0;
}
}
.empty-state[data-v-69c573d9] {
  display: flex; flex-direction: column; align-items: center;
  justify-content: center; gap: 12px; padding: 48px 24px; text-align: center;
}
.empty-icon[data-v-69c573d9] {
  width: 72px; height: 72px;
  display: flex; align-items: center; justify-content: center;
  background: var(--brand-subtle); border-radius: 50%;
  color: var(--brand); font-size: 1.75rem;
}
.empty-state h4[data-v-69c573d9] { margin: 0; font-size: 1rem; font-weight: 600; color: var(--ink);
}
.empty-state p[data-v-69c573d9] { margin: 0; font-size: 0.875rem; color: var(--ink-secondary);
}
.btn-primary[data-v-69c573d9] {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 18px; margin-top: 4px;
  background: var(--brand); border: none; border-radius: var(--radius-sm);
  color: #fff; font-size: 0.8125rem; font-weight: 600;
  cursor: pointer; transition: all var(--transition-fast);
}
.btn-primary[data-v-69c573d9]:hover { background: var(--brand-dark);
}
.btn-primary i[data-v-69c573d9] { font-size: 0.75rem;
}
.chats-list[data-v-69c573d9] { display: flex; flex-direction: column;
}
.chat-item[data-v-69c573d9] {
  display: flex; align-items: center; gap: 14px;
  padding: 14px 20px; cursor: pointer;
  transition: background var(--transition-fast);
  border-bottom: 1px solid var(--border);
}
.chat-item[data-v-69c573d9]:last-child { border-bottom: none;
}
.chat-item[data-v-69c573d9]:hover { background: var(--surface-raised);
}
.chat-item.has-unread[data-v-69c573d9] { background: color-mix(in srgb, var(--brand) 4%, var(--surface));
}
.chat-item.has-unread[data-v-69c573d9]:hover { background: color-mix(in srgb, var(--brand) 8%, var(--surface));
}
.chat-avatar[data-v-69c573d9] {
  width: 44px; height: 44px;
  display: flex; align-items: center; justify-content: center;
  border-radius: var(--radius-md); color: #fff;
  font-size: 0.9375rem; font-weight: 600; flex-shrink: 0;
}
.chat-details[data-v-69c573d9] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px;
}
.chat-title-row[data-v-69c573d9] { display: flex; align-items: center; gap: 8px;
}
.chat-title[data-v-69c573d9] {
  font-size: 0.9375rem; font-weight: 600; color: var(--ink);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.chat-item.has-unread .chat-title[data-v-69c573d9] { color: var(--brand-dark);
}
.unread-badge[data-v-69c573d9] {
  min-width: 20px; height: 20px;
  display: flex; align-items: center; justify-content: center;
  padding: 0 6px; background: var(--brand); border-radius: 999px;
  color: #fff; font-size: 0.6875rem; font-weight: 700; flex-shrink: 0;
}
.chat-preview[data-v-69c573d9] {
  font-size: 0.8125rem; color: var(--ink-secondary);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.chat-preview .no-messages[data-v-69c573d9] { font-style: italic; color: var(--muted);
}
.chat-meta[data-v-69c573d9] {
  display: flex; flex-direction: column; align-items: flex-end;
  gap: 6px; flex-shrink: 0;
}
.chat-time[data-v-69c573d9] { font-size: 0.6875rem; font-weight: 500; color: var(--muted); white-space: nowrap;
}
.chat-item.has-unread .chat-time[data-v-69c573d9] { color: var(--brand); font-weight: 600;
}
.chat-arrow[data-v-69c573d9] {
  font-size: 0.625rem; color: var(--border-strong);
  opacity: 0; transform: translateX(-4px); transition: all var(--transition-fast);
}
.chat-item:hover .chat-arrow[data-v-69c573d9] { opacity: 1; transform: translateX(0); color: var(--brand);
}
.show-more-btn[data-v-69c573d9] {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; padding: 12px 20px;
  background: var(--surface-raised); border: none;
  border-top: 1px solid var(--border);
  color: var(--ink-secondary); font-size: 0.8125rem; font-weight: 600;
  cursor: pointer; transition: all var(--transition-fast);
}
.show-more-btn[data-v-69c573d9]:hover { background: var(--brand-subtle); color: var(--brand);
}
.show-more-btn i[data-v-69c573d9] { font-size: 0.75rem;
}
.card-footer[data-v-69c573d9] {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; padding: 14px 20px;
  background: var(--surface-raised); border-top: 1px solid var(--border);
}
.footer-stats[data-v-69c573d9] { display: flex; gap: 16px;
}
.stat-item[data-v-69c573d9] { display: flex; align-items: center; gap: 6px; font-size: 0.75rem; color: var(--muted);
}
.stat-item i[data-v-69c573d9] { font-size: 0.625rem;
}
.stat-item.unread[data-v-69c573d9] { color: var(--brand); font-weight: 600;
}
.btn-new-chat[data-v-69c573d9] {
  display: flex; align-items: center; gap: 6px;
  padding: 8px 14px; background: var(--brand); border: none;
  border-radius: var(--radius-sm); color: #fff;
  font-size: 0.75rem; font-weight: 600;
  cursor: pointer; transition: all var(--transition-fast);
}
.btn-new-chat[data-v-69c573d9]:hover { background: var(--brand-dark);
}
.btn-new-chat i[data-v-69c573d9] { font-size: 0.625rem;
}
.chat-item-enter-active[data-v-69c573d9], .chat-item-leave-active[data-v-69c573d9] { transition: all var(--transition);
}
.chat-item-enter-from[data-v-69c573d9] { opacity: 0; transform: translateY(-10px);
}
.chat-item-leave-to[data-v-69c573d9] { opacity: 0; transform: translateX(20px);
}
.chat-item-move[data-v-69c573d9] { transition: transform var(--transition);
}
@media (max-width: 600px) {
.card-header[data-v-69c573d9] { padding: 16px; flex-wrap: wrap; gap: 12px;
}
.header-actions[data-v-69c573d9] { width: 100%; justify-content: flex-end;
}
.view-all-btn span[data-v-69c573d9] { display: none;
}
.view-all-btn[data-v-69c573d9] { padding: 8px 12px;
}
.chat-item[data-v-69c573d9] { padding: 12px 16px;
}
.chat-avatar[data-v-69c573d9] { width: 40px; height: 40px; font-size: 0.875rem;
}
.chat-title[data-v-69c573d9] { font-size: 0.875rem;
}
.chat-preview[data-v-69c573d9] { font-size: 0.75rem;
}
.card-footer[data-v-69c573d9] { padding: 12px 16px; flex-direction: column; gap: 12px;
}
.footer-stats[data-v-69c573d9] { width: 100%; justify-content: space-around;
}
.btn-new-chat[data-v-69c573d9] { width: 100%; justify-content: center; padding: 10px 16px;
}
}

.dashboard[data-v-d9cc1ec4] {
  min-height: 0;
  height: 100%;
  padding: 24px;
  color: var(--text-primary);
  overflow: auto;
}

/* ===== Loading / Error ===== */
.dashboard-loading[data-v-d9cc1ec4],
.dashboard-error[data-v-d9cc1ec4] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: var(--text-secondary);
  font-size: 0.9375rem;
}
.dashboard-loading i[data-v-d9cc1ec4] {
  font-size: 1.5rem;
  color: var(--brand);
}
.dashboard-error i[data-v-d9cc1ec4] {
  font-size: 1.5rem;
  color: var(--warning);
}
.dashboard-error button[data-v-d9cc1ec4] {
  margin-top: 8px;
  padding: 8px 16px;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  background: var(--bg-secondary);
  color: var(--brand);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 150ms;
}
.dashboard-error button[data-v-d9cc1ec4]:hover {
  border-color: var(--brand);
  background: var(--brand-subtle);
}

/* ===== Header ===== */
.dashboard-header[data-v-d9cc1ec4] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 24px;
}
.dashboard-header h1[data-v-d9cc1ec4] {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--text-primary);
}
.subtitle[data-v-d9cc1ec4] {
  margin: 4px 0 0;
  font-size: 0.9375rem;
  color: var(--text-secondary);
}
.date-display[data-v-d9cc1ec4] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  color: var(--text-secondary);
}
.date-display i[data-v-d9cc1ec4] { color: var(--brand);
}

/* ===== Grid ===== */
.dashboard-grid[data-v-d9cc1ec4] {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
}

/* ===== Card Base ===== */
.card[data-v-d9cc1ec4] {
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  padding: 20px;
}
.card-header[data-v-d9cc1ec4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.card-header h3[data-v-d9cc1ec4] {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
}

/* ===== Chat Card ===== */
.chat-card[data-v-d9cc1ec4] {
  grid-column: span 8;
  background: linear-gradient(135deg, var(--brand-subtle) 0%, var(--bg-secondary) 100%);
  border-color: var(--brand);
}
.chat-header[data-v-d9cc1ec4] { display: flex; align-items: center; gap: 16px; margin-bottom: 20px;
}
.chat-icon[data-v-d9cc1ec4] {
  width: 56px; height: 56px;
  display: flex; align-items: center; justify-content: center;
  background: var(--brand); border-radius: var(--radius-lg);
  font-size: 1.5rem; color: #fff;
}
.chat-info h3[data-v-d9cc1ec4] { margin: 0; font-size: 1.25rem; font-weight: 700; color: var(--text-primary);
}
.chat-info p[data-v-d9cc1ec4] { margin: 4px 0 0; font-size: 0.875rem; color: var(--text-secondary);
}
.chat-input-preview[data-v-d9cc1ec4] { display: flex; gap: 12px; margin-bottom: 16px;
}
.chat-input-preview input[data-v-d9cc1ec4] {
  flex: 1; padding: 14px 18px;
  background: var(--bg-primary); border: 1px solid var(--border-light);
  border-radius: var(--radius-md); font-size: 0.9375rem;
  color: var(--text-primary); cursor: pointer; transition: all 150ms;
}
.chat-input-preview input[data-v-d9cc1ec4]:hover { border-color: var(--brand);
}
.chat-input-preview input[data-v-d9cc1ec4]::placeholder { color: var(--text-muted);
}
.send-btn[data-v-d9cc1ec4] {
  width: 48px; height: 48px;
  display: flex; align-items: center; justify-content: center;
  background: var(--brand); border: none; border-radius: var(--radius-md);
  color: #fff; font-size: 1rem; cursor: pointer; transition: all 150ms;
}
.send-btn[data-v-d9cc1ec4]:hover { background: var(--brand-dark); transform: scale(1.05);
}
.chat-suggestions[data-v-d9cc1ec4] { display: flex; flex-wrap: wrap; gap: 8px;
}
.suggestion-chip[data-v-d9cc1ec4] {
  display: flex; align-items: center; gap: 8px;
  padding: 8px 14px; background: var(--bg-primary);
  border: 1px solid var(--border-light); border-radius: var(--radius-full);
  font-size: 0.8125rem; color: var(--text-secondary);
  cursor: pointer; transition: all 150ms;
}
.suggestion-chip[data-v-d9cc1ec4]:hover { border-color: var(--brand); color: var(--brand); background: var(--brand-subtle);
}
.suggestion-chip i[data-v-d9cc1ec4] { font-size: 0.75rem;
}

/* ===== Stats Card ===== */
.stats-card[data-v-d9cc1ec4] { grid-column: span 4;
}
.period-badge[data-v-d9cc1ec4] {
  padding: 4px 10px; background: var(--bg-tertiary);
  border-radius: var(--radius-full); font-size: 0.6875rem;
  font-weight: 600; color: var(--text-muted); text-transform: uppercase;
}
.stats-grid[data-v-d9cc1ec4] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 20px;
}
.stat-item[data-v-d9cc1ec4] {
  display: flex; align-items: center; gap: 12px;
  padding: 12px; background: var(--bg-tertiary); border-radius: var(--radius-md);
}
.stat-icon[data-v-d9cc1ec4] {
  width: 40px; height: 40px;
  display: flex; align-items: center; justify-content: center;
  border-radius: var(--radius-md); font-size: 0.875rem;
}
.stat-icon.blue[data-v-d9cc1ec4] { background: var(--info-subtle); color: var(--info);
}
.stat-icon.purple[data-v-d9cc1ec4] { background: #f3e8ff; color: #8b5cf6;
}
.stat-icon.green[data-v-d9cc1ec4] { background: var(--success-subtle); color: var(--success);
}
.stat-icon.amber[data-v-d9cc1ec4] { background: var(--warning-subtle); color: var(--warning);
}
.stat-content[data-v-d9cc1ec4] { display: flex; flex-direction: column;
}
.stat-value[data-v-d9cc1ec4] { font-size: 1.125rem; font-weight: 700; color: var(--text-primary);
}
.stat-label[data-v-d9cc1ec4] { font-size: 0.6875rem; color: var(--text-muted); text-transform: uppercase;
}
.usage-section[data-v-d9cc1ec4] { padding-top: 16px; border-top: 1px solid var(--border-light);
}
.usage-header[data-v-d9cc1ec4] { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 0.8125rem; color: var(--text-secondary);
}
.usage-value[data-v-d9cc1ec4] { font-weight: 600; color: var(--text-primary);
}
.usage-bar[data-v-d9cc1ec4] { height: 8px; background: var(--bg-tertiary); border-radius: var(--radius-full); overflow: hidden;
}
.usage-fill[data-v-d9cc1ec4] { height: 100%; background: var(--brand); border-radius: var(--radius-full); transition: width 300ms ease;
}
.usage-fill.warning[data-v-d9cc1ec4] { background: var(--warning);
}

/* ===== Recent Chats Card ===== */
.recent-chats-card[data-v-d9cc1ec4] { grid-column: span 5;
}

/* ===== Actions Card ===== */
.actions-card[data-v-d9cc1ec4] { grid-column: span 7;
}
.actions-grid[data-v-d9cc1ec4] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;
}
.action-tile[data-v-d9cc1ec4] {
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  padding: 20px 16px; background: var(--bg-tertiary);
  border: 1px solid transparent; border-radius: var(--radius-md);
  text-align: center; cursor: pointer; transition: all 150ms;
}
.action-tile[data-v-d9cc1ec4]:hover { background: var(--bg-primary); border-color: var(--border-light); transform: translateY(-2px);
}
.action-icon[data-v-d9cc1ec4] {
  width: 48px; height: 48px;
  display: flex; align-items: center; justify-content: center;
  border-radius: var(--radius-lg); font-size: 1.125rem;
}
.action-icon.brand[data-v-d9cc1ec4] { background: var(--brand-subtle); color: var(--brand);
}
.action-icon.purple[data-v-d9cc1ec4] { background: #f3e8ff; color: #8b5cf6;
}
.action-icon.blue[data-v-d9cc1ec4] { background: var(--info-subtle); color: var(--info);
}
.action-icon.gray[data-v-d9cc1ec4] { background: var(--bg-tertiary); color: var(--text-secondary);
}
.action-label[data-v-d9cc1ec4] { font-size: 0.875rem; font-weight: 600; color: var(--text-primary);
}
.action-desc[data-v-d9cc1ec4] { font-size: 0.6875rem; color: var(--text-muted);
}

/* ===== Model Card ===== */
.model-card[data-v-d9cc1ec4] { grid-column: span 5;
}
.status-badge[data-v-d9cc1ec4] {
  display: flex; align-items: center; gap: 6px;
  padding: 4px 12px; border-radius: var(--radius-full);
  font-size: 0.75rem; font-weight: 600;
}
.status-badge.online[data-v-d9cc1ec4] { background: var(--success-subtle); color: var(--success);
}
.status-badge.offline[data-v-d9cc1ec4] { background: var(--bg-tertiary); color: var(--text-muted);
}
.status-dot[data-v-d9cc1ec4] { width: 8px; height: 8px; background: currentColor; border-radius: 50%; animation: pulse-d9cc1ec4 2s infinite;
}
@keyframes pulse-d9cc1ec4 {
0%, 100% { opacity: 1;
}
50% { opacity: 0.5;
}
}
.model-info[data-v-d9cc1ec4] { margin-bottom: 16px;
}
.model-main[data-v-d9cc1ec4] { display: flex; align-items: center; gap: 14px; margin-bottom: 16px;
}
.model-icon[data-v-d9cc1ec4] {
  width: 48px; height: 48px;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);
  border-radius: var(--radius-lg); font-size: 1.25rem; color: #fff;
}
.model-name[data-v-d9cc1ec4] { display: block; font-size: 1.125rem; font-weight: 700; color: var(--text-primary);
}
.model-provider[data-v-d9cc1ec4] { font-size: 0.8125rem; color: var(--text-muted);
}
.model-specs[data-v-d9cc1ec4] { display: flex; gap: 16px;
}
.spec[data-v-d9cc1ec4] { flex: 1; padding: 12px; background: var(--bg-tertiary); border-radius: var(--radius-md); text-align: center;
}
.spec-label[data-v-d9cc1ec4] { display: block; font-size: 0.625rem; font-weight: 600; text-transform: uppercase; color: var(--text-muted); margin-bottom: 4px;
}
.spec-value[data-v-d9cc1ec4] { font-size: 0.9375rem; font-weight: 600; color: var(--text-primary);
}
.change-model-btn[data-v-d9cc1ec4] {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 12px; background: var(--bg-tertiary);
  border: 1px solid var(--border-light); border-radius: var(--radius-md);
  font-size: 0.875rem; font-weight: 500; color: var(--text-secondary);
  cursor: pointer; transition: all 150ms;
}
.change-model-btn[data-v-d9cc1ec4]:hover { border-color: var(--brand); color: var(--brand);
}

/* ===== Activity Card ===== */
.activity-card[data-v-d9cc1ec4] { grid-column: span 7;
}
.refresh-btn[data-v-d9cc1ec4] {
  width: 32px; height: 32px;
  display: flex; align-items: center; justify-content: center;
  border: none; border-radius: var(--radius-sm, 8px);
  background: transparent; color: var(--text-muted);
  font-size: 0.8125rem; cursor: pointer; transition: all 150ms;
}
.refresh-btn[data-v-d9cc1ec4]:hover { background: var(--bg-tertiary); color: var(--brand);
}
.refresh-btn[data-v-d9cc1ec4]:disabled { opacity: 0.5; cursor: not-allowed;
}
.empty-activity[data-v-d9cc1ec4] {
  display: flex; flex-direction: column; align-items: center;
  gap: 8px; padding: 32px; color: var(--text-muted); font-size: 0.875rem;
}
.empty-activity i[data-v-d9cc1ec4] { font-size: 1.25rem;
}
.activity-list[data-v-d9cc1ec4] { display: flex; flex-direction: column; gap: 12px;
}
.activity-item[data-v-d9cc1ec4] { display: flex; align-items: center; gap: 12px;
}
.activity-icon[data-v-d9cc1ec4] {
  width: 36px; height: 36px;
  display: flex; align-items: center; justify-content: center;
  border-radius: var(--radius-md); font-size: 0.8125rem;
}
.activity-icon.chat[data-v-d9cc1ec4] { background: var(--brand-subtle); color: var(--brand);
}
.activity-icon.success[data-v-d9cc1ec4] { background: var(--success-subtle); color: var(--success);
}
.activity-icon.info[data-v-d9cc1ec4] { background: var(--info-subtle); color: var(--info);
}
.activity-icon.warning[data-v-d9cc1ec4] { background: var(--warning-subtle); color: var(--warning);
}
.activity-content[data-v-d9cc1ec4] { flex: 1; display: flex; justify-content: space-between; align-items: center;
}
.activity-text[data-v-d9cc1ec4] { font-size: 0.875rem; color: var(--text-primary);
}
.activity-time[data-v-d9cc1ec4] { font-size: 0.75rem; color: var(--text-muted);
}

/* ===== Responsive ===== */
@media (max-width: 1200px) {
.chat-card[data-v-d9cc1ec4] { grid-column: span 12;
}
.stats-card[data-v-d9cc1ec4] { grid-column: span 6;
}
.recent-chats-card[data-v-d9cc1ec4] { grid-column: span 6;
}
.actions-card[data-v-d9cc1ec4] { grid-column: span 12;
}
.model-card[data-v-d9cc1ec4] { grid-column: span 6;
}
.activity-card[data-v-d9cc1ec4] { grid-column: span 6;
}
}
@media (max-width: 768px) {
.dashboard[data-v-d9cc1ec4] { padding: 16px;
}
.dashboard-header[data-v-d9cc1ec4] { flex-direction: column; gap: 12px;
}
.date-display[data-v-d9cc1ec4] { align-self: flex-start;
}
.dashboard-grid[data-v-d9cc1ec4] { grid-template-columns: 1fr;
}
.chat-card[data-v-d9cc1ec4], .stats-card[data-v-d9cc1ec4], .recent-chats-card[data-v-d9cc1ec4], .actions-card[data-v-d9cc1ec4], .model-card[data-v-d9cc1ec4], .activity-card[data-v-d9cc1ec4] { grid-column: span 1;
}
.actions-grid[data-v-d9cc1ec4] { grid-template-columns: repeat(2, 1fr);
}
.stats-grid[data-v-d9cc1ec4] { grid-template-columns: repeat(2, 1fr);
}
.model-specs[data-v-d9cc1ec4] { flex-direction: column; gap: 8px;
}
}

.user-search[data-v-a5731a6e] { width: 100%;
}
.label[data-v-a5731a6e] { display:block; font-size:0.85rem; color:#444; margin-bottom:0.25rem;
}
.control[data-v-a5731a6e] { position: relative;
}
.input[data-v-a5731a6e] { width:100%; padding:0.35rem 2rem 0.35rem 0.6rem; border-radius:0.6rem; border:1px solid #ddd; font-size:0.9rem;
}
.clear[data-v-a5731a6e] { position:absolute; right:0.5rem; top:50%; transform:translateY(-50%); border:none; background:transparent; cursor:pointer; font-size:1.1rem; line-height:1; padding:0; color:#666;
}
.hint[data-v-a5731a6e] { position:absolute; left:0; top:calc(100% + 6px); font-size:0.8rem; color:#666;
}
.list[data-v-a5731a6e] {
  position:absolute; top:calc(100% + 6px); left:0; right:0;
  background:#fff; border:1px solid #ddd; border-radius:0.75rem;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
  padding:0.25rem; margin:0; list-style:none; z-index:20;
  max-height:240px; overflow-y:auto;
}
.item[data-v-a5731a6e] { padding:0.45rem 0.55rem; border-radius:0.6rem; cursor:pointer;
}
.item.active[data-v-a5731a6e], .item[data-v-a5731a6e]:hover { background:#f3f4ff;
}
.name[data-v-a5731a6e] { font-weight:600; font-size:0.9rem;
}
.sub[data-v-a5731a6e] { font-size:0.8rem; color:#666;
}
.empty[data-v-a5731a6e] {
  position:absolute; top:calc(100% + 6px); left:0; right:0;
  background:#fff; border:1px solid #ddd; border-radius:0.75rem;
  padding:0.5rem 0.6rem; font-size:0.85rem; color:#666; z-index:20;
}
.error[data-v-a5731a6e] { margin-top:0.35rem; font-size:0.8rem; color:#b91c1c;
}
.selected[data-v-a5731a6e] { margin-top:0.35rem; font-size:0.85rem; color:#111;
}

.user-card[data-v-81c3763e] {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
}
.user-card-main[data-v-81c3763e] {
  flex: 1; min-width: 0; display: block; width: 100%; text-align: left;
  border: none; background: transparent; padding: 8px; margin: -8px;
  border-radius: var(--radius-md, 12px);
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), background 180ms, box-shadow 180ms;
}
.user-card-main.clickable[data-v-81c3763e] { cursor: pointer;
}
.user-card-main.hoverable[data-v-81c3763e]:hover { background: var(--sidebar-glass, rgba(255, 255, 255, 0.06));
}
.user-card-main.pressable[data-v-81c3763e]:active { transform: translateY(var(--pressY, 1px)) scale(var(--pressScale, 0.99));
}
.user-inner[data-v-81c3763e] { display: flex; align-items: center; gap: 12px; min-width: 0;
}
.user-inner.variant-compact[data-v-81c3763e] { gap: 10px;
}

/* ========== Avatar Wrapper ========== */
.user-avatar-wrap[data-v-81c3763e] {
  position: relative;
  flex-shrink: 0;
}

/* Default size */
.user-avatar-wrap[data-v-81c3763e] { width: 40px; height: 40px;
}
.user-inner.variant-compact .user-avatar-wrap[data-v-81c3763e] { width: 36px; height: 36px;
}
.user-avatar[data-v-81c3763e] {
  width: 100%; height: 100%;
  border-radius: 50%;
  overflow: hidden;
  display: grid; place-items: center;
  background: var(--sidebar-icon-bg, rgba(255, 255, 255, 0.08));
}
.avatar-img[data-v-81c3763e] { width: 100%; height: 100%; object-fit: cover;
}
.avatar-fallback[data-v-81c3763e] {
  font-weight: 700; font-size: 0.875rem;
  color: var(--sidebar-text-primary, #fff);
}

/* ========== Status Dot — with ring ========== */
.status-dot[data-v-81c3763e] {
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  z-index: 5;
  /* Ring that matches parent background */
  border: 2.5px solid var(--status-ring-color, var(--sidebar-bg, #2b3e42));
  /* Subtle shadow for depth */
  box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.1);
}
.status-dot.is-online[data-v-81c3763e]  { background: #22c55e;
}
.status-dot.is-away[data-v-81c3763e]    { background: #f59e0b;
}
.status-dot.is-busy[data-v-81c3763e]    { background: #ef4444;
}
.status-dot.is-offline[data-v-81c3763e] { background: #64748b;
}

/* ========== User Info ========== */
.user-info[data-v-81c3763e] { display: flex; flex-direction: column; min-width: 0;
}
.user-name[data-v-81c3763e] {
  font-size: 0.875rem; font-weight: 600;
  color: var(--sidebar-text-primary, #fff);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.user-status[data-v-81c3763e] {
  font-size: 0.75rem;
  color: var(--sidebar-text-secondary, rgba(255, 255, 255, 0.7));
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.user-email[data-v-81c3763e] {
  font-size: 0.75rem;
  color: var(--sidebar-text-muted, rgba(255, 255, 255, 0.55));
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  margin-top: 2px;
}

/* ========== Settings Button ========== */
.settings-btn[data-v-81c3763e] {
  width: 36px; height: 36px;
  display: grid; place-items: center;
  background: var(--sidebar-glass, rgba(255, 255, 255, 0.06));
  border: 1px solid var(--sidebar-glass-border, rgba(255, 255, 255, 0.08));
  border-radius: var(--radius-sm, 8px);
  color: var(--sidebar-text-secondary, rgba(255, 255, 255, 0.7));
  cursor: pointer;
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), background 180ms, color 180ms;
}
.settings-btn[data-v-81c3763e]:hover {
  background: var(--sidebar-glass-hover, rgba(255, 255, 255, 0.08));
  color: var(--sidebar-text-primary, #fff);
  transform: rotate(90deg);
}

.room-item[data-v-c9ce32d8] {
  display: flex; align-items: center; gap: 12px; width: 100%;
  padding: 10px 12px; background: transparent; border: 1px solid transparent;
  border-radius: 12px; cursor: pointer; transition: all 200ms cubic-bezier(0.4,0,0.2,1);
  text-align: left; font-family: inherit;
}
.room-item[data-v-c9ce32d8]:hover { background: var(--sidebar-glass-hover); border-color: var(--sidebar-glass-border);
}
.room-item.active[data-v-c9ce32d8] { background: var(--sidebar-room-active-bg); border-color: var(--sidebar-room-active-border);
}
.room-avatar[data-v-c9ce32d8] {
  --hue: 180;
  width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, hsl(var(--hue), 45%, 55%), hsl(var(--hue), 55%, 45%));
  border-radius: 8px; font-size: 0.8125rem; font-weight: 700; color: white;
  flex-shrink: 0; transition: transform 200ms ease; box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  overflow: hidden;
}
.room-item:hover .room-avatar[data-v-c9ce32d8] { transform: scale(1.05);
}
.room-item.active .room-avatar[data-v-c9ce32d8] { box-shadow: 0 0 0 2px var(--sidebar-avatar-ring), 0 4px 12px rgba(0,0,0,0.2);
}
.room-avatar img[data-v-c9ce32d8] { width: 100%; height: 100%; object-fit: cover;
}
.room-avatar-icon[data-v-c9ce32d8] { font-size: 0.875rem;
}
.dm-avatar[data-v-c9ce32d8] { border-radius: 50%; background: var(--sidebar-glass);
}
.dm-avatar span[data-v-c9ce32d8] { font-size: 0.75rem; color: var(--sidebar-text-secondary);
}
.room-info[data-v-c9ce32d8] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px;
}
.room-name[data-v-c9ce32d8] { font-size: 0.9375rem; font-weight: 600; color: var(--sidebar-text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; align-items: center; gap: 6px;
}
.room-type-icon[data-v-c9ce32d8] { font-size: 0.625rem; color: var(--sidebar-text-muted); flex-shrink: 0;
}
.room-desc[data-v-c9ce32d8] { font-size: 0.75rem; color: var(--sidebar-text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.room-meta[data-v-c9ce32d8] { display: flex; align-items: center; gap: 8px; flex-shrink: 0;
}
.unread-badge[data-v-c9ce32d8] { min-width: 22px; height: 22px; padding: 0 7px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #ef4444, #dc2626); border-radius: 999px; font-size: 0.6875rem; font-weight: 700; color: white; box-shadow: 0 2px 8px rgba(239,68,68,0.4);
}
.room-star[data-v-c9ce32d8] { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; background: transparent; border: none; border-radius: 8px; color: var(--sidebar-text-muted); font-size: 0.8125rem; cursor: pointer; opacity: 0; transition: all 200ms ease;
}
.room-item:hover .room-star[data-v-c9ce32d8], .room-star.active[data-v-c9ce32d8] { opacity: 1;
}
.room-star[data-v-c9ce32d8]:hover { background: var(--sidebar-glass); color: var(--sidebar-text-secondary);
}
.room-star.active[data-v-c9ce32d8] { color: #fbbf24;
}

.chat-sidebar-wrapper[data-v-0b5684a4] { display: contents;
}
.chat-sidebar[data-v-0b5684a4] {
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px;
  --transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  position: relative; width: 300px; height: 100%;
  display: flex; flex-direction: column;
  background: var(--sidebar-bg); overflow: hidden; flex-shrink: 0;
}

/* ═══ Background ═══ */
.chat-sidebar-bg[data-v-0b5684a4] { position: absolute; inset: 0; pointer-events: none; overflow: hidden;
}
.bg-orb[data-v-0b5684a4] { position: absolute; border-radius: 50%; filter: blur(60px); opacity: var(--sidebar-orb-opacity); animation: float-0b5684a4 20s ease-in-out infinite;
}
.bg-orb-1[data-v-0b5684a4] { width: 300px; height: 300px; top: -100px; right: -100px; background: var(--sidebar-orb-1);
}
.bg-orb-2[data-v-0b5684a4] { width: 250px; height: 250px; bottom: 20%; left: -80px; background: var(--sidebar-orb-2); animation-delay: -7s;
}
.bg-orb-3[data-v-0b5684a4] { width: 200px; height: 200px; bottom: -50px; right: -50px; background: var(--sidebar-orb-3); animation-delay: -14s;
}
@keyframes float-0b5684a4 {
0%,100% { transform: translate(0,0) scale(1);
}
33% { transform: translate(15px,-15px) scale(1.05);
}
66% { transform: translate(-10px,10px) scale(0.95);
}
}
.bg-noise[data-v-0b5684a4] { position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E"); opacity: var(--sidebar-noise-opacity);
}
.chat-sidebar-inner[data-v-0b5684a4] { position: relative; z-index: 1; display: flex; flex-direction: column; height: 100%; padding: 20px 16px;
}

/* ═══ Header ═══ */
.chat-sidebar-header[data-v-0b5684a4] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; flex-shrink: 0;
}
.logo-group[data-v-0b5684a4] { display: flex; align-items: center; gap: 12px;
}
.logo-icon[data-v-0b5684a4] { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: var(--sidebar-glass); border-radius: var(--radius-md); backdrop-filter: blur(10px);
}
.logo-icon svg[data-v-0b5684a4] { width: 22px; height: 22px; color: var(--sidebar-text-primary);
}
.logo-text h1[data-v-0b5684a4] { margin: 0; font-size: 1.125rem; font-weight: 700; color: var(--sidebar-text-primary);
}
.channel-count[data-v-0b5684a4] { font-size: 0.75rem; color: var(--sidebar-text-secondary);
}
.create-btn[data-v-0b5684a4] { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: var(--sidebar-glass); border: 1px solid var(--sidebar-glass-border); border-radius: var(--radius-sm); cursor: pointer; transition: all var(--transition);
}
.create-btn-icon[data-v-0b5684a4] { color: var(--sidebar-text-secondary); font-size: 0.875rem; transition: transform var(--transition);
}
.create-btn[data-v-0b5684a4]:hover { background: var(--sidebar-glass-hover);
}
.create-btn:hover .create-btn-icon[data-v-0b5684a4] { color: var(--sidebar-text-primary);
}
.create-btn.active[data-v-0b5684a4] { background: var(--sidebar-cta-bg); border-color: transparent;
}
.create-btn.active .create-btn-icon[data-v-0b5684a4] { color: var(--brand, #528b8f); transform: rotate(90deg);
}

/* ═══ Create Panel ═══ */
.create-panel[data-v-0b5684a4] { margin-bottom: 16px; overflow: hidden; padding: 16px; background: var(--sidebar-form-bg); border-radius: var(--radius-lg); backdrop-filter: blur(20px); border: 1px solid var(--sidebar-glass-border);
}
.type-selector[data-v-0b5684a4] { display: flex; gap: 6px; margin-bottom: 14px;
}
.type-chip[data-v-0b5684a4] {
  flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px;
  padding: 10px 8px; border: 1px solid var(--sidebar-glass-border);
  border-radius: var(--radius-sm); background: transparent;
  color: var(--sidebar-text-secondary); font-size: 10px; font-weight: 600;
  cursor: pointer; transition: all var(--transition);
}
.type-chip i[data-v-0b5684a4] { font-size: 0.6875rem;
}
.type-chip[data-v-0b5684a4]:hover { background: var(--sidebar-glass-hover); color: var(--sidebar-text-primary);
}
.type-chip.active[data-v-0b5684a4] { background: var(--sidebar-cta-bg); border-color: var(--brand, #528b8f); color: var(--brand, #528b8f);
}
.create-form[data-v-0b5684a4] { display: flex; flex-direction: column; gap: 10px;
}
.input-field[data-v-0b5684a4] { position: relative; display: flex; align-items: center;
}
.input-icon[data-v-0b5684a4] { position: absolute; left: 12px; color: var(--sidebar-text-muted); font-size: 0.8125rem; z-index: 1;
}
.input-text[data-v-0b5684a4] { width: 100%; padding: 10px 12px 10px 36px; background: var(--sidebar-input-bg); border: 1px solid transparent; border-radius: var(--radius-sm); font-size: 0.875rem; font-family: inherit; color: var(--sidebar-text-primary); outline: none; transition: all var(--transition);
}
.input-text[data-v-0b5684a4]::placeholder { color: var(--sidebar-text-muted);
}
.input-text[data-v-0b5684a4]:focus { background: var(--sidebar-input-bg-focus); border-color: var(--sidebar-input-border-focus); box-shadow: 0 0 0 3px var(--sidebar-focus-ring);
}
.input-check[data-v-0b5684a4] { position: absolute; right: 10px; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; background: var(--sidebar-check-bg); border-radius: 50%; color: var(--brand, #528b8f); font-size: 0.625rem;
}
.submit-btn[data-v-0b5684a4] { width: 100%; padding: 12px; background: var(--sidebar-cta-bg); border: none; border-radius: var(--radius-sm); cursor: pointer; transition: all var(--transition);
}
.submit-btn[data-v-0b5684a4]:disabled { opacity: 0.5; cursor: not-allowed;
}
.submit-btn[data-v-0b5684a4]:not(:disabled):hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.submit-btn-content[data-v-0b5684a4] { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 0.8125rem; font-weight: 600; color: var(--brand, #528b8f);
}

/* ═══ DM User Search ═══ */
.dm-results[data-v-0b5684a4] { display: flex; flex-direction: column; gap: 2px; max-height: 240px; overflow-y: auto;
}
.dm-loading[data-v-0b5684a4] { display: flex; align-items: center; gap: 8px; padding: 16px; color: var(--sidebar-text-muted); font-size: 0.8125rem; justify-content: center;
}
.dm-user-item[data-v-0b5684a4] {
  display: flex; align-items: center; gap: 12px; width: 100%;
  padding: 10px 12px; border: none; border-radius: var(--radius-sm);
  background: transparent; cursor: pointer; transition: all var(--transition); text-align: left;
  color: var(--sidebar-text-primary); font-family: inherit;
}
.dm-user-item[data-v-0b5684a4]:hover { background: var(--sidebar-glass-hover);
}
.dm-user-avatar[data-v-0b5684a4] { width: 36px; height: 36px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: var(--sidebar-glass); display: flex; align-items: center; justify-content: center;
}
.dm-user-avatar img[data-v-0b5684a4] { width: 100%; height: 100%; object-fit: cover;
}
.dm-user-initials[data-v-0b5684a4] { font-size: 0.75rem; font-weight: 700; color: var(--sidebar-text-secondary);
}
.dm-user-info[data-v-0b5684a4] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px;
}
.dm-user-name[data-v-0b5684a4] { font-size: 0.875rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.dm-user-email[data-v-0b5684a4] { font-size: 0.6875rem; color: var(--sidebar-text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.dm-user-arrow[data-v-0b5684a4] { font-size: 0.75rem; color: var(--sidebar-text-muted); opacity: 0; transition: all var(--transition);
}
.dm-user-item:hover .dm-user-arrow[data-v-0b5684a4] { opacity: 1; transform: translateX(2px);
}
.dm-empty[data-v-0b5684a4] { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 24px; color: var(--sidebar-text-muted); font-size: 0.8125rem;
}
.dm-empty i[data-v-0b5684a4] { font-size: 1.5rem; opacity: 0.5;
}

/* ═══ Search ═══ */
.search-wrapper[data-v-0b5684a4] { margin-bottom: 16px; flex-shrink: 0;
}
.search-field[data-v-0b5684a4] { position: relative; display: flex; align-items: center;
}
.search-field > i[data-v-0b5684a4] { position: absolute; left: 14px; color: var(--sidebar-text-muted); font-size: 0.8125rem;
}
.search-field input[data-v-0b5684a4] { width: 100%; padding: 12px 14px 12px 40px; background: var(--sidebar-glass); border: 1px solid var(--sidebar-glass-border); border-radius: var(--radius-md); font-size: 0.875rem; font-family: inherit; color: var(--sidebar-text-primary); outline: none; transition: all var(--transition);
}
.search-field input[data-v-0b5684a4]::placeholder { color: var(--sidebar-text-muted);
}
.search-field input[data-v-0b5684a4]:focus { background: var(--sidebar-input-bg-focus); border-color: var(--sidebar-search-border-focus); box-shadow: 0 0 0 3px var(--sidebar-focus-ring);
}
.search-kbd[data-v-0b5684a4] { position: absolute; right: 12px; padding: 3px 8px; background: var(--sidebar-kbd-bg); border-radius: 4px; font-size: 0.6875rem; font-family: inherit; color: var(--sidebar-text-muted);
}

/* ═══ Rooms ═══ */
.rooms-nav[data-v-0b5684a4] { flex: 1; min-height: 0; overflow-y: auto; margin: 0 -8px; padding: 0 8px;
}
.rooms-nav[data-v-0b5684a4]::-webkit-scrollbar { width: 5px;
}
.rooms-nav[data-v-0b5684a4]::-webkit-scrollbar-track { background: transparent;
}
.rooms-nav[data-v-0b5684a4]::-webkit-scrollbar-thumb { background: var(--sidebar-scrollbar); border-radius: 3px;
}
.rooms-section[data-v-0b5684a4] { margin-bottom: 20px;
}
.section-header[data-v-0b5684a4] { display: flex; align-items: center; gap: 8px; padding: 8px 4px; font-size: 0.6875rem; font-weight: 700; color: var(--sidebar-text-muted); text-transform: uppercase; letter-spacing: 0.08em;
}
.section-header i[data-v-0b5684a4] { font-size: 0.625rem; opacity: 0.7;
}
.section-count[data-v-0b5684a4] { margin-left: auto; padding: 2px 8px; background: var(--sidebar-glass); border-radius: 999px; font-size: 0.625rem;
}
.rooms-list[data-v-0b5684a4] { display: flex; flex-direction: column; gap: 4px;
}
.empty-search[data-v-0b5684a4] { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 32px 16px; color: var(--sidebar-text-muted);
}
.empty-search i[data-v-0b5684a4] { font-size: 2rem; opacity: 0.5;
}

/* ═══ Footer ═══ */
.chat-sidebar-footer[data-v-0b5684a4] { display: flex; align-items: center; gap: 12px; padding: 16px 4px 4px; margin-top: auto; border-top: 1px solid var(--sidebar-glass-border); flex-shrink: 0;
}

/* ═══ Transitions ═══ */
.expand-enter-from[data-v-0b5684a4], .expand-leave-to[data-v-0b5684a4] { opacity: 0; max-height: 0; margin-bottom: 0; transform: scaleY(0.95);
}
.expand-enter-to[data-v-0b5684a4], .expand-leave-from[data-v-0b5684a4] { max-height: 500px;
}
.room-list-enter-active[data-v-0b5684a4], .room-list-leave-active[data-v-0b5684a4] { transition: all var(--transition);
}
.room-list-enter-from[data-v-0b5684a4] { opacity: 0; transform: translateX(-20px);
}
.room-list-leave-to[data-v-0b5684a4] { opacity: 0; transform: translateX(20px);
}

/* ═══ Responsive ═══ */
@media (max-width: 1024px) {
.chat-sidebar[data-v-0b5684a4] { position: fixed; top: 0; left: 0; bottom: 0; height: 100vh; z-index: 100; transform: translateX(-100%); transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.chat-sidebar.open[data-v-0b5684a4] { transform: translateX(0);
}
}
@media (max-width: 480px) {
.chat-sidebar[data-v-0b5684a4] { width: 100%;
}
}

/* ========== Variables ========== */
.panel-overlay[data-v-4d20ee1e],
.panel-container[data-v-4d20ee1e] {
  --brand: #50868a;
  --brand-light: #58989a;
  --brand-dark: #3d6b6e;
  --brand-bg: color-mix(in srgb, #58989a 40%, #f6f7f8);
  --brand-subtle: color-mix(in srgb, #58989a 15%, #ffffff);
  --ink: rgba(15, 23, 42, 0.92);
  --ink-secondary: rgba(15, 23, 42, 0.65);
  --muted: rgba(15, 23, 42, 0.45);
  --border: rgba(15, 23, 42, 0.06);
  --border-strong: rgba(15, 23, 42, 0.12);
  --surface: #ffffff;
  --surface-raised: #fafafa;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-xl: -12px 0 40px rgba(15, 23, 42, 0.15);
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* ========== Overlay ========== */
.panel-overlay[data-v-4d20ee1e] {
  position: fixed; inset: 0;
  background: rgba(15, 23, 42, 0.4);
  backdrop-filter: blur(4px);
  z-index: 9998;
}

/* ========== Panel Container ========== */
.panel-container[data-v-4d20ee1e] {
  position: fixed; top: 0; right: 0;
  height: 100vh; width: min(420px, 92vw);
  background: var(--surface); z-index: 9999;
  box-shadow: var(--shadow-xl);
  display: flex; flex-direction: column; overflow: hidden;
}

/* ========== Header ========== */
.panel-header[data-v-4d20ee1e] {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 16px; padding: 20px;
  border-bottom: 1px solid var(--border); background: var(--surface);
}
.header-content[data-v-4d20ee1e] { display: flex; align-items: flex-start; gap: 14px; min-width: 0;
}
.header-icon[data-v-4d20ee1e] {
  width: 40px; height: 40px;
  display: flex; align-items: center; justify-content: center;
  background: var(--brand-subtle); border-radius: var(--radius-md);
  color: var(--brand); font-size: 1rem; flex-shrink: 0;
}
.header-text[data-v-4d20ee1e] { min-width: 0;
}
.header-text h3[data-v-4d20ee1e] { margin: 0; font-size: 1rem; font-weight: 600; color: var(--ink); line-height: 1.3;
}
.header-text p[data-v-4d20ee1e] { margin: 4px 0 0; font-size: 0.8125rem; color: var(--ink-secondary);
}
.close-btn[data-v-4d20ee1e] {
  width: 36px; height: 36px;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--border); border-radius: var(--radius-sm);
  background: var(--surface); color: var(--ink-secondary);
  font-size: 0.875rem; cursor: pointer; flex-shrink: 0;
  transition: var(--transition-fast);
}
.close-btn[data-v-4d20ee1e]:hover { border-color: var(--border-strong); background: var(--surface-raised); color: var(--ink);
}

/* ========== Body ========== */
.panel-body[data-v-4d20ee1e] {
  flex: 1; overflow-y: auto; padding: 20px;
  display: flex; flex-direction: column; gap: 24px;
}

/* ========== Section ========== */
.panel-section[data-v-4d20ee1e] { display: flex; flex-direction: column; gap: 12px;
}
.section-header[data-v-4d20ee1e] { display: flex; align-items: center; gap: 10px;
}
.section-header i[data-v-4d20ee1e] { font-size: 0.875rem; color: var(--brand);
}
.section-header h4[data-v-4d20ee1e] {
  margin: 0; font-size: 0.8125rem; font-weight: 600; color: var(--ink);
  text-transform: uppercase; letter-spacing: 0.02em;
}
.user-count[data-v-4d20ee1e] {
  margin-left: auto; padding: 2px 10px;
  background: var(--brand-subtle); border-radius: 999px;
  font-size: 0.75rem; font-weight: 600; color: var(--brand);
}

/* ========== Invite Form ========== */
.invite-form[data-v-4d20ee1e] { display: flex; gap: 12px; align-items: flex-end;
}
.search-wrapper[data-v-4d20ee1e] { flex: 1; min-width: 0;
}
.user-search[data-v-4d20ee1e] { width: 100%;
}
.user-search[data-v-4d20ee1e] input {
  padding: 10px 14px; border: 1px solid var(--border-strong);
  border-radius: var(--radius-md); font-size: 0.875rem;
}
.user-search[data-v-4d20ee1e] input:focus {
  border-color: var(--brand); box-shadow: 0 0 0 3px rgba(80, 134, 138, 0.12);
}
.invite-btn[data-v-4d20ee1e] {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 16px; border: none; border-radius: var(--radius-md);
  background: linear-gradient(135deg, var(--brand-light) 0%, var(--brand) 100%);
  color: #fff; font-size: 0.8125rem; font-weight: 600;
  cursor: pointer; white-space: nowrap;
  box-shadow: var(--shadow-sm); transition: var(--transition);
}
.invite-btn[data-v-4d20ee1e]:hover:not(:disabled) { box-shadow: var(--shadow-md); transform: translateY(-1px);
}
.invite-btn[data-v-4d20ee1e]:disabled { opacity: 0.5; cursor: not-allowed;
}
.invite-btn i[data-v-4d20ee1e] { font-size: 0.75rem;
}

/* ========== Messages ========== */
.success-message[data-v-4d20ee1e] {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px;
  background: rgba(34, 197, 94, 0.1); border: 1px solid rgba(34, 197, 94, 0.2);
  border-radius: var(--radius-sm); color: #22c55e;
  font-size: 0.8125rem; font-weight: 500;
}
.success-message i[data-v-4d20ee1e] { font-size: 0.875rem;
}
.error-message[data-v-4d20ee1e] {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px;
  background: rgba(220, 38, 38, 0.08); border: 1px solid rgba(220, 38, 38, 0.2);
  border-radius: var(--radius-sm); color: #dc2626;
  font-size: 0.8125rem; font-weight: 500;
}
.error-message i[data-v-4d20ee1e] { font-size: 0.875rem;
}
.hint-text[data-v-4d20ee1e] {
  display: flex; align-items: flex-start; gap: 8px;
  margin: 0; font-size: 0.8125rem; color: var(--muted); line-height: 1.5;
}
.hint-text i[data-v-4d20ee1e] { margin-top: 2px; font-size: 0.75rem; color: var(--brand);
}

/* ========== Invitation List ========== */
.invitation-list[data-v-4d20ee1e] {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 8px;
}
.invitation-item[data-v-4d20ee1e] {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 12px;
  background: var(--surface-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  transition: var(--transition-fast);
}
.invitation-item[data-v-4d20ee1e]:hover {
  border-color: var(--border-strong);
}
.invitation-user[data-v-4d20ee1e] {
  display: flex; align-items: center; gap: 10px;
  flex: 1; min-width: 0;
}
.invitation-info[data-v-4d20ee1e] {
  display: flex; flex-direction: column; gap: 2px;
  min-width: 0;
}
.invitation-name[data-v-4d20ee1e] {
  font-size: 0.875rem; font-weight: 600; color: var(--ink);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.invitation-meta[data-v-4d20ee1e] {
  font-size: 0.75rem; color: var(--muted);
}
.cancel-btn[data-v-4d20ee1e] {
  width: 28px; height: 28px;
  display: flex; align-items: center; justify-content: center;
  border: none; border-radius: 50%;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  flex-shrink: 0;
  transition: all var(--transition-fast);
}
.cancel-btn[data-v-4d20ee1e]:hover {
  background: rgba(239, 68, 68, 0.1);
  color: #dc2626;
}

/* ========== Empty State ========== */
.empty-state[data-v-4d20ee1e] {
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  padding: 24px 16px;
  background: var(--surface-raised); border: 1px dashed var(--border-strong);
  border-radius: var(--radius-md); text-align: center;
}
.empty-icon[data-v-4d20ee1e] {
  width: 44px; height: 44px;
  display: flex; align-items: center; justify-content: center;
  background: var(--surface); border: 1px solid var(--border);
  border-radius: 50%; color: var(--muted); font-size: 1rem;
}
.empty-state span[data-v-4d20ee1e] { font-size: 0.8125rem; color: var(--muted);
}

/* ========== User List ========== */
.user-list[data-v-4d20ee1e] {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 4px;
}
.user-item[data-v-4d20ee1e] { padding: 0; border: none; background: transparent;
}
.user-row[data-v-4d20ee1e] {
  display: flex; align-items: center; gap: 10px;
}
.user-actions[data-v-4d20ee1e] {
  flex-shrink: 0; display: flex; align-items: center; gap: 8px;
}

/* ========== Member Card ========== */
.member-card[data-v-4d20ee1e] {
  display: flex; align-items: center; gap: 12px;
  padding: 8px 12px; border-radius: var(--radius-md);
  flex: 1; min-width: 0;
  transition: background var(--transition-fast);
}
.member-card.hoverable[data-v-4d20ee1e]:hover {
  background: var(--surface-raised);
}

/* Avatar */
.member-avatar[data-v-4d20ee1e] {
  position: relative;
  width: 38px; height: 38px;
  flex-shrink: 0;
}
.member-avatar.small[data-v-4d20ee1e] {
  width: 32px; height: 32px;
}
.member-avatar-img[data-v-4d20ee1e] {
  width: 100%; height: 100%;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}
.member-avatar-initials[data-v-4d20ee1e] {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #58989a 0%, #3d7a7d 100%);
  color: #fff; font-size: 0.8125rem; font-weight: 700;
  border-radius: 50%;
}
.member-status-dot[data-v-4d20ee1e] {
  position: absolute; bottom: -1px; right: -1px;
  width: 12px; height: 12px;
  border-radius: 50%;
  background: #9ca3af;
  border: 2.5px solid var(--surface);
  z-index: 2;
}
.member-status-dot.online[data-v-4d20ee1e] { background: #22c55e;
}
.member-status-dot.away[data-v-4d20ee1e] { background: #f59e0b;
}
.member-status-dot.busy[data-v-4d20ee1e] { background: #ef4444;
}
.member-status-dot.offline[data-v-4d20ee1e] { background: #9ca3af;
}

/* Info */
.member-info[data-v-4d20ee1e] {
  display: flex; flex-direction: column; gap: 1px;
  min-width: 0;
}
.member-name[data-v-4d20ee1e] {
  font-size: 0.875rem; font-weight: 600; color: var(--ink);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.member-status-text[data-v-4d20ee1e] {
  font-size: 0.75rem; color: var(--muted);
}

/* ========== Footer ========== */
.panel-footer[data-v-4d20ee1e] { padding: 16px 20px; border-top: 1px solid var(--border); background: var(--surface);
}

/* ========== Transitions ========== */
.fade-enter-active[data-v-4d20ee1e], .fade-leave-active[data-v-4d20ee1e] { transition: opacity var(--transition);
}
.fade-enter-from[data-v-4d20ee1e], .fade-leave-to[data-v-4d20ee1e] { opacity: 0;
}
.slide-right-enter-active[data-v-4d20ee1e], .slide-right-leave-active[data-v-4d20ee1e] { transition: transform var(--transition-slow);
}
.slide-right-enter-from[data-v-4d20ee1e], .slide-right-leave-to[data-v-4d20ee1e] { transform: translateX(100%);
}
.user-item-enter-active[data-v-4d20ee1e], .user-item-leave-active[data-v-4d20ee1e] { transition: all var(--transition);
}
.user-item-enter-from[data-v-4d20ee1e], .user-item-leave-to[data-v-4d20ee1e] { opacity: 0; transform: translateX(20px);
}
.user-item-move[data-v-4d20ee1e] { transition: transform var(--transition);
}
.invitation-item-enter-active[data-v-4d20ee1e], .invitation-item-leave-active[data-v-4d20ee1e] { transition: all var(--transition);
}
.invitation-item-enter-from[data-v-4d20ee1e], .invitation-item-leave-to[data-v-4d20ee1e] { opacity: 0; transform: translateX(-20px);
}
.invitation-item-move[data-v-4d20ee1e] { transition: transform var(--transition);
}

/* ========== Scrollbar ========== */
.panel-body[data-v-4d20ee1e]::-webkit-scrollbar { width: 6px;
}
.panel-body[data-v-4d20ee1e]::-webkit-scrollbar-track { background: transparent;
}
.panel-body[data-v-4d20ee1e]::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: 3px;
}

/* ========== Responsive ========== */
@media (max-width: 480px) {
.panel-container[data-v-4d20ee1e] { width: 100vw;
}
.panel-header[data-v-4d20ee1e] { padding: 16px;
}
.panel-body[data-v-4d20ee1e] { padding: 16px;
}
.invite-form[data-v-4d20ee1e] { flex-direction: column; align-items: stretch;
}
.invite-btn[data-v-4d20ee1e] { width: 100%; justify-content: center;
}
}

.mention-input-wrapper[data-v-3b2402aa] {
  position: relative;
  width: 100%;
  background: var(--surface-raised, #fafafa);
  border: 1px solid var(--border, rgba(15, 23, 42, 0.06));
  border-radius: var(--radius-lg, 16px);
  transition: all 200ms ease;
}
.mention-input-wrapper.focused[data-v-3b2402aa] {
  border-color: var(--brand, #528b8f);
  background: var(--surface, #ffffff);
  box-shadow: 0 0 0 3px rgba(82, 139, 143, 0.12);
}
.mention-input-wrapper.disabled[data-v-3b2402aa] {
  opacity: 0.5;
  pointer-events: none;
}

/* ── Editor ── */
.mention-editor[data-v-3b2402aa] {
  width: 100%;
  min-height: 48px;
  max-height: 120px;
  padding: 14px 18px;
  font-size: 0.9375rem;
  font-family: inherit;
  line-height: 1.5;
  color: var(--ink, rgba(15, 23, 42, 0.92));
  outline: none;
  overflow-y: auto;
  white-space: pre-wrap;
  word-break: break-word;
}

/* Placeholder */
.mention-editor[data-v-3b2402aa]:empty::before {
  content: attr(data-placeholder);
  color: var(--muted, rgba(15, 23, 42, 0.45));
  pointer-events: none;
}

/* ── Mention Tag (inline chip) ── */
.mention-editor[data-v-3b2402aa] .mention-tag {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px 8px;
  margin: 0 2px;
  background: rgba(82, 139, 143, 0.12);
  color: var(--brand, #528b8f);
  border-radius: 6px;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.4;
  vertical-align: baseline;
  cursor: default;
  user-select: all;
  white-space: nowrap;
  transition: background 150ms ease;
}
.mention-editor[data-v-3b2402aa] .mention-tag:hover {
  background: rgba(82, 139, 143, 0.2);
}

/* Remove tag on Backspace – visual feedback */
.mention-editor[data-v-3b2402aa] .mention-tag::selection {
  background: rgba(239, 68, 68, 0.2);
}

/* ── Autocomplete Dropdown ── */
.ac-dropdown[data-v-3b2402aa] {
  position: absolute;
  z-index: 9999;
  width: 280px;
  max-height: 240px;
  background: var(--surface, #ffffff);
  border: 1px solid var(--border, rgba(15, 23, 42, 0.06));
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.ac-loading[data-v-3b2402aa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px;
  color: var(--muted, rgba(15, 23, 42, 0.45));
  font-size: 0.8125rem;
}
.ac-loading i[data-v-3b2402aa] {
  color: var(--brand, #528b8f);
}
.ac-list[data-v-3b2402aa] {
  list-style: none;
  margin: 0;
  padding: 4px;
  overflow-y: auto;
}
.ac-item[data-v-3b2402aa] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 80ms ease;
}
.ac-item[data-v-3b2402aa]:hover,
.ac-item.active[data-v-3b2402aa] {
  background: rgba(82, 139, 143, 0.08);
}

/* Avatar */
.ac-avatar[data-v-3b2402aa] {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
}
.ac-avatar-img[data-v-3b2402aa] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ac-avatar-initials[data-v-3b2402aa] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #58989a 0%, #3d7a7d 100%);
  color: #fff;
  font-size: 0.625rem;
  font-weight: 700;
  border-radius: 50%;
}
.ac-info[data-v-3b2402aa] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.ac-name[data-v-3b2402aa] {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink, rgba(15, 23, 42, 0.92));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ac-email[data-v-3b2402aa] {
  font-size: 0.6875rem;
  color: var(--muted, rgba(15, 23, 42, 0.45));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ac-kbd[data-v-3b2402aa] {
  padding: 2px 6px;
  background: var(--surface-raised, #fafafa);
  border: 1px solid var(--border, rgba(15, 23, 42, 0.08));
  border-radius: 4px;
  font-size: 0.5625rem;
  font-weight: 700;
  color: var(--muted, rgba(15, 23, 42, 0.45));
  font-family: inherit;
  flex-shrink: 0;
}

/* ── Scrollbar ── */
.ac-list[data-v-3b2402aa]::-webkit-scrollbar,
.mention-editor[data-v-3b2402aa]::-webkit-scrollbar {
  width: 4px;
}
.ac-list[data-v-3b2402aa]::-webkit-scrollbar-track,
.mention-editor[data-v-3b2402aa]::-webkit-scrollbar-track {
  background: transparent;
}
.ac-list[data-v-3b2402aa]::-webkit-scrollbar-thumb,
.mention-editor[data-v-3b2402aa]::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.08);
  border-radius: 2px;
}

/* ── Transition ── */
.ac-pop-enter-active[data-v-3b2402aa] {
  transition: all 150ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
.ac-pop-leave-active[data-v-3b2402aa] {
  transition: all 80ms ease;
}
.ac-pop-enter-from[data-v-3b2402aa] {
  opacity: 0;
  transform: translateY(6px) scale(0.96);
}
.ac-pop-leave-to[data-v-3b2402aa] {
  opacity: 0;
  transform: translateY(4px);
}

/* ── Responsive ── */
@media (max-width: 480px) {
.ac-dropdown[data-v-3b2402aa] {
    width: calc(100vw - 48px);
    left: 0 !important;
}
}

.thread-panel[data-v-f092986d] {
  --brand: #50868a;
  --brand-light: #58989a;
  --brand-bg: color-mix(in srgb, #58989a 40%, #f6f7f8);
  --brand-subtle: color-mix(in srgb, #58989a 15%, #ffffff);
  --ink: rgba(15, 23, 42, 0.92);
  --ink-secondary: rgba(15, 23, 42, 0.65);
  --muted: rgba(15, 23, 42, 0.45);
  --border: rgba(15, 23, 42, 0.06);
  --border-strong: rgba(15, 23, 42, 0.12);
  --surface: #ffffff;
  --surface-raised: #fafafa;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);

  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: var(--surface);
  overflow: hidden;
}

/* ========== Header ========== */
.thread-header[data-v-f092986d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid var(--border);
  background: var(--surface);
}
.thread-title[data-v-f092986d] { display: flex; align-items: center; gap: 12px;
}
.title-icon[data-v-f092986d] {
  width: 36px; height: 36px;
  display: flex; align-items: center; justify-content: center;
  background: var(--brand-subtle); border-radius: var(--radius-sm);
  color: var(--brand); font-size: 0.875rem;
}
.title-text h3[data-v-f092986d] { margin: 0; font-size: 0.9375rem; font-weight: 600; color: var(--ink);
}
.title-text p[data-v-f092986d] { margin: 2px 0 0; font-size: 0.75rem; color: var(--ink-secondary);
}
.header-actions[data-v-f092986d] { position: relative; display: flex; align-items: center; gap: 4px;
}
.action-btn[data-v-f092986d] {
  width: 32px; height: 32px;
  display: flex; align-items: center; justify-content: center;
  border: none; border-radius: var(--radius-sm);
  background: transparent; color: var(--ink-secondary);
  font-size: 0.875rem; cursor: pointer; transition: var(--transition-fast);
}
.action-btn[data-v-f092986d]:hover { background: var(--surface-raised); color: var(--ink);
}
.action-btn.close-btn[data-v-f092986d]:hover { background: rgba(220, 38, 38, 0.1); color: #dc2626;
}

/* ========== Menu Dropdown ========== */
.menu-dropdown[data-v-f092986d] {
  position: absolute; top: 100%; right: 0; margin-top: 8px;
  min-width: 200px; padding: 6px;
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--radius-md); box-shadow: var(--shadow-lg); z-index: 50;
}
.menu-item[data-v-f092986d] {
  width: 100%; display: flex; align-items: center; gap: 10px;
  padding: 10px 12px; border: none; border-radius: var(--radius-sm);
  background: transparent; color: var(--ink);
  font-size: 0.875rem; font-weight: 500; text-align: left;
  cursor: pointer; transition: var(--transition-fast);
}
.menu-item i[data-v-f092986d] { width: 16px; font-size: 0.8125rem; color: var(--ink-secondary);
}
.menu-item[data-v-f092986d]:hover { background: var(--surface-raised);
}
.menu-item[data-v-f092986d]:disabled { opacity: 0.5; cursor: not-allowed;
}
.menu-item.danger[data-v-f092986d] { color: #dc2626;
}
.menu-item.danger i[data-v-f092986d] { color: #dc2626;
}
.menu-item.danger[data-v-f092986d]:hover { background: rgba(220, 38, 38, 0.08);
}
.menu-divider[data-v-f092986d] { height: 1px; margin: 6px 0; background: var(--border);
}

/* ========== Content ========== */
.thread-content[data-v-f092986d] {
  flex: 1; min-height: 0; overflow-y: auto; padding: 16px;
  display: flex; flex-direction: column; gap: 16px;
}
.thread-content.empty[data-v-f092986d] { align-items: center; justify-content: center;
}

/* ========== Parent Message ========== */
.parent-message[data-v-f092986d] {
  padding: 16px; background: var(--surface-raised);
  border: 1px solid var(--border); border-radius: var(--radius-lg);
}
.message-meta[data-v-f092986d] {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; margin-bottom: 12px;
}
.sender-info[data-v-f092986d] { display: flex; align-items: center; gap: 10px;
}
.avatar[data-v-f092986d] {
  width: 32px; height: 32px;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--brand-light) 0%, var(--brand) 100%);
  border-radius: 50%; color: #fff; font-size: 0.75rem; font-weight: 600;
}
.avatar.small[data-v-f092986d] { width: 26px; height: 26px; font-size: 0.6875rem;
}
.sender-name[data-v-f092986d] { font-size: 0.875rem; font-weight: 600; color: var(--ink);
}
.message-meta time[data-v-f092986d], .reply-meta time[data-v-f092986d] { font-size: 0.75rem; color: var(--muted);
}
.message-body[data-v-f092986d] {
  font-size: 0.9375rem; line-height: 1.6; color: var(--ink);
  white-space: pre-wrap; word-break: break-word;
}
.message-footer[data-v-f092986d] { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--border);
}

/* ========== Status Selector ========== */
.status-selector[data-v-f092986d] { display: flex; flex-wrap: wrap; gap: 6px;
}
.status-btn[data-v-f092986d] {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 12px; border: 1px solid var(--border); border-radius: 999px;
  background: var(--surface); font-size: 0.75rem; font-weight: 500;
  color: var(--ink-secondary); cursor: pointer; transition: var(--transition-fast);
}
.status-btn i[data-v-f092986d] { font-size: 0.625rem;
}
.status-btn[data-v-f092986d]:hover { border-color: var(--border-strong); background: var(--surface-raised);
}
.status-btn.active[data-v-f092986d] { border-color: transparent;
}
.status-btn.open.active[data-v-f092986d] { background: rgba(100, 116, 139, 0.15); color: #64748b;
}
.status-btn.in_progress.active[data-v-f092986d] { background: rgba(37, 99, 235, 0.15); color: #2563eb;
}
.status-btn.urgent.active[data-v-f092986d] { background: rgba(220, 38, 38, 0.15); color: #dc2626;
}
.status-btn.done.active[data-v-f092986d] { background: rgba(22, 163, 74, 0.15); color: #16a34a;
}
.status-hint[data-v-f092986d] {
  display: flex; align-items: center; gap: 8px;
  margin: 0; font-size: 0.75rem; color: var(--muted);
}
.status-hint i[data-v-f092986d] { font-size: 0.625rem;
}

/* ========== Replies Section ========== */
.replies-section[data-v-f092986d] { flex: 1; display: flex; flex-direction: column; min-height: 0;
}
.replies-header[data-v-f092986d] {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; margin-bottom: 12px;
}
.replies-count[data-v-f092986d] {
  display: flex; align-items: center; gap: 8px;
  font-size: 0.8125rem; font-weight: 600; color: var(--ink);
}
.replies-count i[data-v-f092986d] { color: var(--brand); font-size: 0.75rem;
}
.refresh-btn[data-v-f092986d] {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 10px; border: none; border-radius: var(--radius-sm);
  background: transparent; font-size: 0.75rem; font-weight: 500;
  color: var(--ink-secondary); cursor: pointer; transition: var(--transition-fast);
}
.refresh-btn[data-v-f092986d]:hover { background: var(--surface-raised); color: var(--brand);
}
.refresh-btn i[data-v-f092986d] { font-size: 0.6875rem;
}

/* ========== States ========== */
.loading-state[data-v-f092986d], .empty-state[data-v-f092986d] {
  display: flex; flex-direction: column; align-items: center;
  justify-content: center; padding: 32px 16px; text-align: center;
}
.loading-spinner[data-v-f092986d] {
  width: 40px; height: 40px;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 12px; color: var(--brand); font-size: 1.25rem;
}
.loading-state span[data-v-f092986d], .empty-state span[data-v-f092986d] { font-size: 0.875rem; font-weight: 500; color: var(--ink);
}
.empty-icon[data-v-f092986d] {
  width: 48px; height: 48px;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 12px; background: var(--brand-subtle); border-radius: 50%;
  color: var(--brand); font-size: 1.125rem;
}
.empty-state.large .empty-icon[data-v-f092986d] { width: 64px; height: 64px; font-size: 1.5rem;
}
.empty-state p[data-v-f092986d] { margin: 4px 0 0; font-size: 0.8125rem; color: var(--muted);
}

/* ========== Replies List ========== */
.replies-list[data-v-f092986d] { display: flex; flex-direction: column; gap: 8px; overflow-y: auto;
}
.reply-item[data-v-f092986d] {
  padding: 12px 14px; border: 1px solid var(--border);
  border-radius: var(--radius-md); background: var(--surface);
  transition: box-shadow var(--transition);
}
.reply-item[data-v-f092986d]:hover { box-shadow: var(--shadow-sm);
}
.reply-item.own[data-v-f092986d] {
  background: var(--brand-bg);
  border-color: color-mix(in srgb, var(--brand) 20%, transparent);
}
.reply-meta[data-v-f092986d] {
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px; margin-bottom: 8px;
}
.reply-body[data-v-f092986d] {
  font-size: 0.875rem; line-height: 1.5; color: var(--ink);
  white-space: pre-wrap; word-break: break-word;
}

/* ========== Footer ========== */
.thread-footer[data-v-f092986d] {
  padding: 12px 16px;
  border-top: 1px solid var(--border);
  background: var(--surface);
}
.reply-form[data-v-f092986d] {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
.reply-form .mention-input-wrapper[data-v-f092986d] {
  flex: 1;
}
.send-btn[data-v-f092986d] {
  width: 40px; height: 40px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  border: none; border-radius: 50%;
  background: linear-gradient(135deg, var(--brand-light) 0%, var(--brand) 100%);
  color: #fff; font-size: 0.875rem;
  cursor: pointer; box-shadow: var(--shadow-md); transition: var(--transition);
}
.send-btn[data-v-f092986d]:hover:not(:disabled) { transform: scale(1.05); box-shadow: var(--shadow-lg);
}
.send-btn[data-v-f092986d]:disabled { opacity: 0.4; cursor: not-allowed; box-shadow: none;
}

/* ========== Transitions ========== */
.menu-pop-enter-active[data-v-f092986d], .menu-pop-leave-active[data-v-f092986d] { transition: all var(--transition-fast);
}
.menu-pop-enter-from[data-v-f092986d], .menu-pop-leave-to[data-v-f092986d] { opacity: 0; transform: translateY(-8px) scale(0.95);
}
.reply-list-enter-active[data-v-f092986d], .reply-list-leave-active[data-v-f092986d] { transition: all var(--transition);
}
.reply-list-enter-from[data-v-f092986d], .reply-list-leave-to[data-v-f092986d] { opacity: 0; transform: translateX(-10px);
}
.reply-list-move[data-v-f092986d] { transition: transform var(--transition);
}

/* ========== Scrollbar ========== */
.thread-content[data-v-f092986d]::-webkit-scrollbar, .replies-list[data-v-f092986d]::-webkit-scrollbar { width: 5px;
}
.thread-content[data-v-f092986d]::-webkit-scrollbar-track, .replies-list[data-v-f092986d]::-webkit-scrollbar-track { background: transparent;
}
.thread-content[data-v-f092986d]::-webkit-scrollbar-thumb, .replies-list[data-v-f092986d]::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: 3px;
}

.task-card[data-v-2735b166] {
  position: relative;
  padding: 14px;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all 150ms;
  outline: none;
}
.task-card[data-v-2735b166]:hover {
  border-color: var(--border-medium);
  box-shadow: var(--shadow-sm);
}
.task-card[data-v-2735b166]:focus-visible {
  box-shadow: 0 0 0 3px var(--brand-subtle);
  border-color: var(--brand);
}

/* actions */
.task-actions[data-v-2735b166] {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 5;
}
.task-menu-btn[data-v-2735b166] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  color: var(--text-muted);
  cursor: pointer;
  transition: all 150ms;
}
.task-menu-btn[data-v-2735b166]:hover:not(:disabled) {
  background: var(--bg-secondary);
  border-color: var(--border-medium);
  color: var(--text-primary);
}
.task-menu-btn[data-v-2735b166]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.task-dropdown[data-v-2735b166] {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 60;
  min-width: 170px;
  padding: 6px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
}
.task-dropdown button[data-v-2735b166] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  font-size: 0.8125rem;
  color: var(--text-primary);
  cursor: pointer;
  transition: all 100ms;
}
.task-dropdown button[data-v-2735b166]:hover {
  background: var(--bg-tertiary);
}
.task-dropdown button i[data-v-2735b166] {
  width: 16px;
  color: var(--text-muted);
}
.task-dropdown button.danger[data-v-2735b166] {
  color: var(--error);
}
.task-dropdown button.danger i[data-v-2735b166] {
  color: var(--error);
}
.task-dropdown button.danger[data-v-2735b166]:hover:not(:disabled) {
  background: var(--error-subtle);
}
.task-dropdown button[data-v-2735b166]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.dropdown-divider[data-v-2735b166] {
  height: 1px;
  margin: 6px 0;
  background: var(--border-light);
}

/* content */
.task-priority[data-v-2735b166] {
  display: inline-block;
  padding: 3px 8px;
  border-radius: var(--radius-sm);
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin-bottom: 10px;
}
.task-priority.low[data-v-2735b166] { background: var(--info-subtle); color: var(--info);
}
.task-priority.normal[data-v-2735b166] { background: var(--success-subtle); color: var(--success);
}
.task-priority.high[data-v-2735b166] { background: var(--error-subtle); color: var(--error);
}
.task-title[data-v-2735b166] {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
  line-height: 1.3;
}
.task-desc[data-v-2735b166] {
  margin: 8px 0 0;
  font-size: 0.8125rem;
  color: var(--text-secondary);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.task-meta[data-v-2735b166] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--border-light);
}
.meta-left[data-v-2735b166] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.meta-item[data-v-2735b166] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  color: var(--text-muted);
}
.meta-item i[data-v-2735b166] { font-size: 0.6875rem;
}
.meta-btn[data-v-2735b166] {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px 8px;
  margin: -4px;
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--text-muted);
  cursor: pointer;
  transition: all 150ms;
}
.meta-btn[data-v-2735b166]:hover {
  background: var(--brand-subtle);
  color: var(--brand);
}
.meta-btn i[data-v-2735b166] { font-size: 0.8125rem;
}
.meta-due[data-v-2735b166] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--text-secondary);
}
.meta-due.overdue[data-v-2735b166] { color: var(--error);
}
.assignee-avatar[data-v-2735b166] {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--brand-subtle);
  color: var(--brand);
  border-radius: var(--radius-full);
  font-size: 0.6875rem;
  font-weight: 700;
}

/* ===== List View ===== */
.kanban-list[data-v-b7d8e98c] {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.list-container[data-v-b7d8e98c] {
  height: 100%;
  overflow-y: auto;
}
.task-table[data-v-b7d8e98c] {
  width: 100%;
  border-collapse: collapse;
}
.task-table thead[data-v-b7d8e98c] {
  position: sticky;
  top: 0;
  z-index: 10;
  background: var(--bg-secondary);
}
.task-table th[data-v-b7d8e98c] {
  padding: 14px 16px;
  text-align: left;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--text-muted);
  border-bottom: 1px solid var(--border-light);
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}
.task-table th[data-v-b7d8e98c]:hover {
  color: var(--text-primary);
}
.task-table th span[data-v-b7d8e98c] {
  margin-right: 6px;
}
.task-table th i[data-v-b7d8e98c] {
  font-size: 0.5625rem;
  opacity: 0.7;
}
.task-table td[data-v-b7d8e98c] {
  padding: 12px 16px;
  vertical-align: middle;
  border-bottom: 1px solid var(--border-light);
}
.task-row[data-v-b7d8e98c] {
  cursor: pointer;
  transition: background 150ms;
}
.task-row[data-v-b7d8e98c]:hover {
  background: var(--bg-tertiary);
}

/* Column widths */
.col-priority[data-v-b7d8e98c] { width: 100px;
}
.col-title[data-v-b7d8e98c] { min-width: 200px;
}
.col-column[data-v-b7d8e98c] { width: 140px;
}
.col-assignee[data-v-b7d8e98c] { width: 160px;
}
.col-due[data-v-b7d8e98c] { width: 110px;
}
.col-meta[data-v-b7d8e98c] { width: 100px;
}
.col-actions[data-v-b7d8e98c] { width: 90px;
}

/* Priority Badge */
.priority-badge[data-v-b7d8e98c] {
  display: inline-block;
  padding: 4px 10px;
  border-radius: var(--radius-sm);
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.priority-badge.low[data-v-b7d8e98c] {
  background: var(--info-subtle);
  color: var(--info);
}
.priority-badge.normal[data-v-b7d8e98c] {
  background: var(--success-subtle);
  color: var(--success);
}
.priority-badge.high[data-v-b7d8e98c] {
  background: var(--error-subtle);
  color: var(--error);
}

/* Title Cell */
.title-cell[data-v-b7d8e98c] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.task-name[data-v-b7d8e98c] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-primary);
}
.task-excerpt[data-v-b7d8e98c] {
  font-size: 0.75rem;
  color: var(--text-muted);
  line-height: 1.3;
}

/* Column Badge */
.column-badge[data-v-b7d8e98c] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  background: var(--bg-tertiary);
  border-radius: var(--radius-sm);
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--text-primary);
  border-left: 3px solid var(--accent, #94a3b8);
}

/* Assignee Cell */
.assignee-cell[data-v-b7d8e98c] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.assignee-avatar.small[data-v-b7d8e98c] {
  width: 24px;
  height: 24px;
  font-size: 0.5625rem;
}
.assignee-cell span[data-v-b7d8e98c] {
  font-size: 0.8125rem;
  color: var(--text-primary);
}
.no-assignee[data-v-b7d8e98c],
.no-due[data-v-b7d8e98c] {
  color: var(--text-muted);
  font-size: 0.8125rem;
}

/* Due Badge */
.due-badge[data-v-b7d8e98c] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--text-secondary);
}
.due-badge i[data-v-b7d8e98c] {
  font-size: 0.75rem;
}
.due-badge.overdue[data-v-b7d8e98c] {
  color: var(--error);
}

/* Meta Badges */
.meta-badges[data-v-b7d8e98c] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.meta-badge[data-v-b7d8e98c] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  background: var(--bg-tertiary);
  border: none;
  border-radius: var(--radius-sm);
  font-size: 0.75rem;
  color: var(--text-muted);
}
.meta-badge.clickable[data-v-b7d8e98c] {
  cursor: pointer;
  transition: all 150ms;
}
.meta-badge.clickable[data-v-b7d8e98c]:hover {
  background: var(--brand-subtle);
  color: var(--brand);
}
.meta-badge i[data-v-b7d8e98c] {
  font-size: 0.6875rem;
}

/* Row Actions */
.row-actions[data-v-b7d8e98c] {
  display: flex;
  gap: 6px;
  opacity: 0;
  transition: opacity 150ms;
}
.task-row:hover .row-actions[data-v-b7d8e98c] {
  opacity: 1;
}
.action-btn[data-v-b7d8e98c] {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  color: var(--text-muted);
  cursor: pointer;
  transition: all 150ms;
}
.action-btn[data-v-b7d8e98c]:hover {
  background: var(--bg-secondary);
  border-color: var(--brand);
  color: var(--brand);
}

/* List Empty */
.list-empty[data-v-b7d8e98c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 60px 20px;
  text-align: center;
}
.list-empty i[data-v-b7d8e98c] {
  font-size: 2.5rem;
  color: var(--text-muted);
}
.list-empty p[data-v-b7d8e98c] {
  margin: 0;
  font-size: 0.9375rem;
  color: var(--text-secondary);
}

/* Buttons (needed for empty-state create button) */
.btn-primary[data-v-b7d8e98c] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: var(--brand);
  border: none;
  border-radius: var(--radius-md);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms;
}
.btn-primary[data-v-b7d8e98c]:hover:not(:disabled) {
  background: var(--brand-dark);
}
.btn-primary[data-v-b7d8e98c]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  /* List view responsive */
.col-assignee[data-v-b7d8e98c],
  .col-meta[data-v-b7d8e98c] {
    display: none;
}
.task-table th[data-v-b7d8e98c],
  .task-table td[data-v-b7d8e98c] {
    padding: 10px 12px;
}
.col-title[data-v-b7d8e98c] {
    min-width: 120px;
}
}
@media (max-width: 480px) {
.col-column[data-v-b7d8e98c] {
    display: none;
}
.task-name[data-v-b7d8e98c] {
    font-size: 0.8125rem;
}
.priority-badge[data-v-b7d8e98c] {
    padding: 3px 6px;
    font-size: 0.625rem;
}
}

/* ===== Base ===== */
.kanban[data-v-b85dfc5c] {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--bg-primary);
  color: var(--text-primary);
}

/* ===== Header ===== */
.kanban-header[data-v-b85dfc5c] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  background: var(--bg-secondary);
  border-bottom: 1px solid var(--border-light);
}
.header-left[data-v-b85dfc5c] {
  flex: 1;
  max-width: 400px;
}
.search-box[data-v-b85dfc5c] {
  position: relative;
  display: flex;
  align-items: center;
}
.search-box i[data-v-b85dfc5c] {
  position: absolute;
  left: 14px;
  color: var(--text-muted);
  font-size: 0.875rem;
}
.search-box input[data-v-b85dfc5c] {
  width: 100%;
  padding: 10px 14px 10px 40px;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  color: var(--text-primary);
  outline: none;
  transition: all 150ms;
}
.search-box input[data-v-b85dfc5c]::placeholder {
  color: var(--text-muted);
}
.search-box input[data-v-b85dfc5c]:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-subtle);
}
.search-box kbd[data-v-b85dfc5c] {
  position: absolute;
  right: 12px;
  padding: 2px 6px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: 4px;
  font-size: 0.6875rem;
  color: var(--text-muted);
}
.header-right[data-v-b85dfc5c] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.view-toggle[data-v-b85dfc5c] {
  display: flex;
  background: var(--bg-tertiary);
  border-radius: var(--radius-sm);
  padding: 4px;
}
.view-btn[data-v-b85dfc5c] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  color: var(--text-muted);
  cursor: pointer;
  transition: all 150ms;
}
.view-btn[data-v-b85dfc5c]:hover {
  color: var(--text-primary);
}
.view-btn.active[data-v-b85dfc5c] {
  background: var(--bg-secondary);
  color: var(--brand);
  box-shadow: var(--shadow-xs);
}
.btn-primary[data-v-b85dfc5c] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: var(--brand);
  border: none;
  border-radius: var(--radius-md);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms;
}
.btn-primary[data-v-b85dfc5c]:hover:not(:disabled) {
  background: var(--brand-dark);
}
.btn-primary[data-v-b85dfc5c]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== Board ===== */
.kanban-board[data-v-b85dfc5c] {
  flex: 1;
  min-height: 0;
  padding: 20px;
  overflow-x: auto;
}
.columns-wrapper[data-v-b85dfc5c] {
  display: flex;
  gap: 16px;
  height: 100%;
  min-width: min-content;
}

/* ===== Column ===== */
.column[data-v-b85dfc5c] {
  width: 300px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.column-header[data-v-b85dfc5c] {
  position: relative;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.column-accent[data-v-b85dfc5c] {
  width: 4px;
  height: 24px;
  border-radius: 2px;
  flex-shrink: 0;
}
.column-title[data-v-b85dfc5c] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: var(--text-primary);
}
.column-count[data-v-b85dfc5c] {
  padding: 2px 8px;
  background: var(--bg-tertiary);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--text-muted);
}
.column-actions[data-v-b85dfc5c] {
  position: relative;
}
.column-menu-btn[data-v-b85dfc5c] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  color: var(--text-muted);
  cursor: pointer;
  transition: all 150ms;
}
.column-menu-btn[data-v-b85dfc5c]:hover:not(:disabled) {
  background: var(--bg-tertiary);
  color: var(--text-primary);
}
.column-dropdown[data-v-b85dfc5c] {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 50;
  min-width: 160px;
  padding: 6px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
}
.column-dropdown button[data-v-b85dfc5c] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  font-size: 0.8125rem;
  color: var(--text-primary);
  cursor: pointer;
  transition: all 100ms;
}
.column-dropdown button[data-v-b85dfc5c]:hover {
  background: var(--bg-tertiary);
}
.column-dropdown button i[data-v-b85dfc5c] {
  width: 16px;
  color: var(--text-muted);
}
.column-dropdown button.danger[data-v-b85dfc5c] {
  color: var(--error);
}
.column-dropdown button.danger i[data-v-b85dfc5c] {
  color: var(--error);
}
.column-dropdown button.danger[data-v-b85dfc5c]:hover {
  background: var(--error-subtle);
}
.dropdown-divider[data-v-b85dfc5c] {
  height: 1px;
  margin: 6px 0;
  background: var(--border-light);
}

/* ===== Tasks List ===== */
.column-tasks[data-v-b85dfc5c] {
  flex: 1;
  min-height: 100px;
  padding: 0 12px 12px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Add Task Button */
.add-task-btn[data-v-b85dfc5c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  background: transparent;
  border: 1px dashed var(--border-medium);
  border-radius: var(--radius-md);
  color: var(--text-muted);
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 150ms;
}
.add-task-btn[data-v-b85dfc5c]:hover:not(:disabled) {
  border-color: var(--brand);
  color: var(--brand);
  background: var(--brand-subtle);
}
.add-task-btn[data-v-b85dfc5c]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Column Placeholder */
.column-placeholder[data-v-b85dfc5c] {
  width: 280px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--bg-tertiary);
  border: 2px dashed var(--border-medium);
  border-radius: var(--radius-lg);
  color: var(--text-muted);
  font-weight: 500;
  cursor: pointer;
  transition: all 150ms;
}
.column-placeholder[data-v-b85dfc5c]:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: var(--brand-subtle);
}
.column-placeholder i[data-v-b85dfc5c] {
  font-size: 1.25rem;
}

/* ===== Drag States ===== */
.task-ghost[data-v-b85dfc5c] { opacity: 0.4;
}
.task-chosen[data-v-b85dfc5c] { box-shadow: var(--shadow-lg);
}
.task-dragging[data-v-b85dfc5c] { opacity: 0.9;
}

/* ===== Modal Overlay ===== */
.modal-overlay[data-v-b85dfc5c] {
  position: fixed;
  inset: 0;
  background: var(--overlay-bg);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}

/* ===== Modal Base ===== */
.modal[data-v-b85dfc5c] {
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-xl);
  overflow: hidden;
}
.modal-header[data-v-b85dfc5c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  background: var(--bg-tertiary);
  border-bottom: 1px solid var(--border-light);
}
.modal-header h2[data-v-b85dfc5c] {
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--text-primary);
}
.modal-close[data-v-b85dfc5c] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 150ms;
}
.modal-close[data-v-b85dfc5c]:hover {
  background: var(--error-subtle);
  border-color: var(--error);
  color: var(--error);
}
.modal-body[data-v-b85dfc5c] { padding: 20px;
}
.modal-actions[data-v-b85dfc5c] {
  display: flex;
  gap: 12px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--border-light);
}
.modal-actions .btn-secondary[data-v-b85dfc5c],
.modal-actions .btn-primary[data-v-b85dfc5c],
.modal-actions .btn-danger[data-v-b85dfc5c] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  border: none;
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms;
}
.btn-secondary[data-v-b85dfc5c] { background: var(--bg-tertiary); color: var(--text-secondary);
}
.btn-secondary[data-v-b85dfc5c]:hover { background: var(--border-light);
}
.btn-danger[data-v-b85dfc5c] { background: var(--error); color: #fff;
}
.btn-danger[data-v-b85dfc5c]:hover { filter: brightness(0.9);
}

/* ===== Task Modal ===== */
.task-modal[data-v-b85dfc5c] { width: 100%; max-width: 500px;
}
.form-group[data-v-b85dfc5c] { margin-bottom: 16px;
}
.form-group label[data-v-b85dfc5c] {
  display: block;
  margin-bottom: 6px;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.form-group input[data-v-b85dfc5c],
.form-group select[data-v-b85dfc5c],
.form-group textarea[data-v-b85dfc5c] {
  width: 100%;
  padding: 12px 14px;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  font-size: 0.9375rem;
  color: var(--text-primary);
  outline: none;
  transition: all 150ms;
}
.form-group input[data-v-b85dfc5c]:focus,
.form-group select[data-v-b85dfc5c]:focus,
.form-group textarea[data-v-b85dfc5c]:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-subtle);
}
.form-group textarea[data-v-b85dfc5c] { resize: none;
}
.form-row[data-v-b85dfc5c] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.priority-selector[data-v-b85dfc5c] { display: flex; gap: 8px;
}
.priority-btn[data-v-b85dfc5c] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 10px 8px;
  background: var(--bg-tertiary);
  border: 2px solid transparent;
  border-radius: var(--radius-md);
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 150ms;
}
.priority-btn i[data-v-b85dfc5c] { font-size: 0.875rem;
}
.priority-btn[data-v-b85dfc5c]:hover { background: var(--border-light);
}
.priority-btn.active.low[data-v-b85dfc5c] {
  border-color: var(--info);
  background: var(--info-subtle);
  color: var(--info);
}
.priority-btn.active.normal[data-v-b85dfc5c] {
  border-color: var(--success);
  background: var(--success-subtle);
  color: var(--success);
}
.priority-btn.active.high[data-v-b85dfc5c] {
  border-color: var(--error);
  background: var(--error-subtle);
  color: var(--error);
}

/* ===== Column Modal ===== */
.column-modal[data-v-b85dfc5c] { width: 100%; max-width: 380px;
}
.color-picker[data-v-b85dfc5c] {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 8px;
}
.color-swatch[data-v-b85dfc5c] {
  aspect-ratio: 1;
  border: 3px solid transparent;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all 150ms;
}
.color-swatch[data-v-b85dfc5c]:hover { transform: scale(1.1);
}
.color-swatch.active[data-v-b85dfc5c] {
  border-color: var(--text-primary);
  box-shadow: 0 0 0 2px var(--bg-secondary);
}

/* ===== Confirm Modal ===== */
.confirm-modal[data-v-b85dfc5c] {
  width: 100%;
  max-width: 360px;
  padding: 24px;
  text-align: center;
}
.confirm-icon[data-v-b85dfc5c] {
  width: 56px;
  height: 56px;
  margin: 0 auto 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--error-subtle);
  border-radius: var(--radius-full);
}
.confirm-icon i[data-v-b85dfc5c] { font-size: 1.5rem; color: var(--error);
}
.confirm-modal h3[data-v-b85dfc5c] {
  margin: 0 0 8px;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--text-primary);
}
.confirm-modal p[data-v-b85dfc5c] {
  margin: 0 0 20px;
  font-size: 0.875rem;
  color: var(--text-secondary);
  line-height: 1.5;
}

/* ===== Transitions ===== */
.modal-enter-active[data-v-b85dfc5c],
.modal-leave-active[data-v-b85dfc5c] { transition: all 200ms ease;
}
.modal-enter-from[data-v-b85dfc5c],
.modal-leave-to[data-v-b85dfc5c] { opacity: 0;
}
.modal-enter-from .modal[data-v-b85dfc5c],
.modal-leave-to .modal[data-v-b85dfc5c] { transform: scale(0.95) translateY(10px);
}
.dropdown-enter-active[data-v-b85dfc5c],
.dropdown-leave-active[data-v-b85dfc5c] { transition: all 150ms ease;
}
.dropdown-enter-from[data-v-b85dfc5c],
.dropdown-leave-to[data-v-b85dfc5c] {
  opacity: 0;
  transform: translateY(-8px);
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
.kanban-header[data-v-b85dfc5c] { flex-wrap: wrap; gap: 12px;
}
.header-left[data-v-b85dfc5c] { width: 100%; max-width: none;
}
.btn-primary span[data-v-b85dfc5c] { display: none;
}
.column[data-v-b85dfc5c] { width: 280px;
}
.form-row[data-v-b85dfc5c] { grid-template-columns: 1fr;
}
}

/* ========== Variables ========== */
.tc-backdrop[data-v-61df5641] {
  --brand: #50868a;
  --brand-light: #58989a;
  --brand-dark: #3d6b6e;
  --brand-bg: color-mix(in srgb, #58989a 40%, #f6f7f8);
  --brand-subtle: color-mix(in srgb, #58989a 15%, #ffffff);
  --ink: rgba(15, 23, 42, 0.92);
  --ink-secondary: rgba(15, 23, 42, 0.65);
  --muted: rgba(15, 23, 42, 0.45);
  --border: rgba(15, 23, 42, 0.06);
  --border-strong: rgba(15, 23, 42, 0.12);
  --surface: #ffffff;
  --surface-raised: #fafafa;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 20px 50px rgba(15, 23, 42, 0.18);
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* ========== Mention Tag ========== */
.tc-comment-body[data-v-61df5641] .mention-tag {
  display: inline-flex;
  align-items: center;
  padding: 1px 8px;
  border-radius: 999px;
  font-size: 0.8125em;
  font-weight: 600;
  background: color-mix(in srgb, var(--brand) 12%, transparent);
  color: var(--brand-dark);
  cursor: pointer;
  transition: all 150ms ease;
  vertical-align: baseline;
}
.tc-comment-body[data-v-61df5641] .mention-tag:hover {
  background: color-mix(in srgb, var(--brand) 20%, transparent);
}

/* ========== Backdrop ========== */
.tc-backdrop[data-v-61df5641] {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.4);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  z-index: 100;
}

/* ========== Panel ========== */
.tc-panel[data-v-61df5641] {
  width: min(680px, 100%);
  max-height: calc(100vh - 48px);
  background: var(--surface);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-xl);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* ========== Header ========== */
.tc-header[data-v-61df5641] {
  padding: 20px;
  border-bottom: 1px solid var(--border);
  background: var(--surface);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.tc-header-content[data-v-61df5641] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.tc-priority-badge[data-v-61df5641] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #fff;
}
.tc-priority-badge i[data-v-61df5641] {
  font-size: 0.625rem;
}
.tc-priority-badge.low[data-v-61df5641] {
  background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
}
.tc-priority-badge.normal[data-v-61df5641] {
  background: linear-gradient(135deg, var(--brand-light) 0%, var(--brand) 100%);
}
.tc-priority-badge.high[data-v-61df5641] {
  background: linear-gradient(135deg, #f472b6 0%, #ec4899 100%);
}
.tc-title[data-v-61df5641] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.3;
  word-break: break-word;
}
.tc-description[data-v-61df5641] {
  margin: 0;
  font-size: 0.875rem;
  color: var(--ink-secondary);
  line-height: 1.5;
  word-break: break-word;
}
.tc-meta[data-v-61df5641] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 4px;
}
.tc-meta-item[data-v-61df5641] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--muted);
}
.tc-meta-item i[data-v-61df5641] {
  font-size: 0.75rem;
  color: var(--muted);
}
.tc-close-btn[data-v-61df5641] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface);
  color: var(--ink-secondary);
  font-size: 0.875rem;
  cursor: pointer;
  transition: var(--transition-fast);
}
.tc-close-btn[data-v-61df5641]:hover {
  border-color: var(--border-strong);
  background: var(--surface-raised);
  color: var(--ink);
}

/* ========== Body ========== */
.tc-body[data-v-61df5641] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 20px;
  background: var(--surface-raised);
}
.tc-state[data-v-61df5641] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 40px 24px;
  text-align: center;
}
.tc-state-icon[data-v-61df5641] {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--brand-subtle);
  border-radius: 50%;
  color: var(--brand);
  font-size: 1.25rem;
}
.tc-state span[data-v-61df5641] {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--ink);
}
.tc-state p[data-v-61df5641] {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--muted);
}
.tc-state-empty .tc-state-icon[data-v-61df5641] {
  background: var(--surface);
  border: 2px dashed var(--border-strong);
}

/* ========== Comments List ========== */
.tc-comments-list[data-v-61df5641] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.tc-comment[data-v-61df5641] {
  padding: 16px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition);
}
.tc-comment[data-v-61df5641]:hover {
  box-shadow: var(--shadow-md);
}
.tc-comment-header[data-v-61df5641] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.tc-author[data-v-61df5641] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tc-avatar[data-v-61df5641] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--brand-light) 0%, var(--brand) 100%);
  border-radius: 50%;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
}
.tc-author-info[data-v-61df5641] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.tc-author-name[data-v-61df5641] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ink);
}
.tc-timestamp[data-v-61df5641] {
  font-size: 0.75rem;
  color: var(--muted);
}
.tc-delete-btn[data-v-61df5641] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--muted);
  font-size: 0.8125rem;
  cursor: pointer;
  opacity: 0;
  transition: var(--transition-fast);
}
.tc-comment:hover .tc-delete-btn[data-v-61df5641] {
  opacity: 1;
}
.tc-delete-btn[data-v-61df5641]:hover {
  background: rgba(220, 38, 38, 0.1);
  color: #dc2626;
}
.tc-comment-body[data-v-61df5641] {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--ink);
  white-space: pre-wrap;
  word-break: break-word;
}

/* ========== Composer ========== */
.tc-composer[data-v-61df5641] {
  padding: 16px 20px 20px;
  border-top: 1px solid var(--border);
  background: var(--surface);
}
.tc-composer-form[data-v-61df5641] {
  display: flex;
  align-items: flex-end;
  gap: 45px;
}
.tc-input-wrapper[data-v-61df5641] {
  flex: 1;
}
.tc-textarea[data-v-61df5641] {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-md);
  background: var(--surface-raised);
  font-size: 0.9375rem;
  font-family: inherit;
  line-height: 1.5;
  color: var(--ink);
  resize: none;
  outline: none;
  transition: var(--transition);
}
.tc-textarea[data-v-61df5641]::placeholder {
  color: var(--muted);
}
.tc-textarea[data-v-61df5641]:focus {
  border-color: var(--brand);
  background: var(--surface);
  box-shadow: 0 0 0 3px rgba(80, 134, 138, 0.12);
}
.tc-textarea[data-v-61df5641]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.tc-send-btn[data-v-61df5641] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--brand-light) 0%, var(--brand) 100%);
  color: #fff;
  font-size: 0.9375rem;
  cursor: pointer;
  box-shadow: var(--shadow-md);
  transition: var(--transition);
}
.tc-send-btn[data-v-61df5641]:hover:not(:disabled) {
  transform: scale(1.05);
  box-shadow: var(--shadow-lg);
}
.tc-send-btn[data-v-61df5641]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  box-shadow: none;
}
.tc-error[data-v-61df5641] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  padding: 12px 14px;
  background: rgba(220, 38, 38, 0.08);
  border: 1px solid rgba(220, 38, 38, 0.2);
  border-radius: var(--radius-sm);
  color: #dc2626;
  font-size: 0.8125rem;
  font-weight: 500;
}
.tc-error i[data-v-61df5641] {
  font-size: 0.875rem;
}

/* ========== Transitions ========== */
.modal-enter-active[data-v-61df5641],
.modal-leave-active[data-v-61df5641] {
  transition: all var(--transition-slow);
}
.modal-enter-active .tc-panel[data-v-61df5641],
.modal-leave-active .tc-panel[data-v-61df5641] {
  transition: all var(--transition-slow);
}
.modal-enter-from[data-v-61df5641],
.modal-leave-to[data-v-61df5641] {
  opacity: 0;
}
.modal-enter-from .tc-panel[data-v-61df5641],
.modal-leave-to .tc-panel[data-v-61df5641] {
  opacity: 0;
  transform: scale(0.95) translateY(10px);
}
.comment-enter-active[data-v-61df5641],
.comment-leave-active[data-v-61df5641] {
  transition: all var(--transition);
}
.comment-enter-from[data-v-61df5641],
.comment-leave-to[data-v-61df5641] {
  opacity: 0;
  transform: translateY(-10px);
}
.comment-move[data-v-61df5641] {
  transition: transform var(--transition);
}
.fade-enter-active[data-v-61df5641],
.fade-leave-active[data-v-61df5641] {
  transition: opacity var(--transition);
}
.fade-enter-from[data-v-61df5641],
.fade-leave-to[data-v-61df5641] {
  opacity: 0;
}

/* ========== Scrollbar ========== */
.tc-body[data-v-61df5641]::-webkit-scrollbar {
  width: 6px;
}
.tc-body[data-v-61df5641]::-webkit-scrollbar-track {
  background: transparent;
}
.tc-body[data-v-61df5641]::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: 3px;
}

/* ========== Responsive ========== */
@media (max-width: 640px) {
.tc-backdrop[data-v-61df5641] {
    padding: 16px;
}
.tc-panel[data-v-61df5641] {
    max-height: calc(100vh - 32px);
}
.tc-header[data-v-61df5641] {
    padding: 16px;
}
.tc-title[data-v-61df5641] {
    font-size: 1rem;
}
.tc-meta[data-v-61df5641] {
    gap: 12px;
}
.tc-meta-item[data-v-61df5641] {
    font-size: 0.75rem;
}
.tc-body[data-v-61df5641] {
    padding: 16px;
}
.tc-comment[data-v-61df5641] {
    padding: 12px;
}
.tc-avatar[data-v-61df5641] {
    width: 32px;
    height: 32px;
    font-size: 0.6875rem;
}
.tc-composer[data-v-61df5641] {
    padding: 12px 16px 16px;
}
.tc-textarea[data-v-61df5641] {
    padding: 10px 14px;
    font-size: 0.875rem;
}
.tc-send-btn[data-v-61df5641] {
    width: 40px;
    height: 40px;
    font-size: 0.875rem;
}
}
@media (max-width: 480px) {
.tc-backdrop[data-v-61df5641] {
    padding: 0;
}
.tc-panel[data-v-61df5641] {
    max-height: 100vh;
    border-radius: 0;
}
.tc-delete-btn[data-v-61df5641] {
    opacity: 1;
}
}

.pds[data-v-f2cfa261] {
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 10px;
  overflow: hidden;
}
.pds-head[data-v-f2cfa261] {
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
  background: rgba(255, 255, 255, 0.65);
}
.pds-title[data-v-f2cfa261] {
  font-weight: 800;
  font-size: 0.92rem;
  color: rgba(15, 23, 42, 0.78);
  letter-spacing: 0.2px;
}
.pds-btn[data-v-f2cfa261] {
  border: 0;
  background: #ffffff;
  color: rgba(15, 23, 42, 0.82);
  font-weight: 800;
  font-size: 0.82rem;
  border-radius: 8px;
  padding: 8px 10px;
  cursor: pointer;
  box-shadow: 0 10px 18px rgba(15, 23, 42, 0.04);
  border: 1px solid rgba(15, 23, 42, 0.06);
}
.pds-btn[data-v-f2cfa261]:hover {
  background: rgba(15, 23, 42, 0.02);
}
.pds-list[data-v-f2cfa261] {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 10px 12px 12px;
  display: grid;
  gap: 10px;
  align-content: start;
}
.pds-item[data-v-f2cfa261] {
  width: 100%;
  text-align: left;
  border: 1px solid rgba(15, 23, 42, 0.06);
  background: #ffffff;
  border-radius: 10px;
  padding: 10px;
  cursor: pointer;
  box-shadow: 0 10px 18px rgba(15, 23, 42, 0.04);
  display: grid;
  grid-template-columns: 22px 1fr 22px;
  align-items: center;
  gap: 10px;
}
.pds-item[data-v-f2cfa261]:hover {
  background: rgba(15, 23, 42, 0.015);
}
.pds-item.active[data-v-f2cfa261] {
  border-color: rgba(80, 134, 138, 0.25);
  box-shadow: 0 16px 26px rgba(15, 23, 42, 0.06);
}
.pds-ic[data-v-f2cfa261] {
  width: 22px;
  display: inline-flex;
  justify-content: center;
  opacity: 0.9;
}
.pds-label[data-v-f2cfa261] {
  font-weight: 750;
  font-size: 0.88rem;
  color: rgba(15, 23, 42, 0.82);
  line-height: 1.2;
}
.pds-dots[data-v-f2cfa261] {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  gap: 3px;
  opacity: 0.6;
  justify-self: end;
}
.pds-dots span[data-v-f2cfa261] {
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.55);
}
.pds-empty[data-v-f2cfa261] {
  padding: 6px 6px 10px;
  text-align: center;
  font-weight: 650;
  font-size: 0.84rem;
  color: rgba(15, 23, 42, 0.45);
}

/* footer */
.pds-foot[data-v-f2cfa261] {
  padding: 10px 12px;
  border-top: 1px solid rgba(15, 23, 42, 0.06);
  display: flex;
  justify-content: space-between;
  gap: 10px;
  background: rgba(255, 255, 255, 0.6);
}
.pds-footlink[data-v-f2cfa261] {
  border: 0;
  background: transparent;
  cursor: pointer;
  font-weight: 700;
  font-size: 0.84rem;
  color: rgba(15, 23, 42, 0.58);
  padding: 6px 6px;
}
.pds-footlink[data-v-f2cfa261]:hover {
  color: rgba(15, 23, 42, 0.72);
}
.md-editor .md-editor-preview{--md-theme-color: var(--md-color);--md-theme-color-reverse: #eee;--md-theme-color-hover: #eee;--md-theme-color-hover-inset: #ddd;--md-theme-link-color: #2d8cf0;--md-theme-link-hover-color: #73d13d;--md-theme-border-color: #e6e6e6;--md-theme-border-color-reverse: #bebebe;--md-theme-border-color-inset: #d6d6d6;--md-theme-bg-color: #fff;--md-theme-bg-color-inset: #ececec;--md-theme-code-copy-tips-color: inherit;--md-theme-code-copy-tips-bg-color: #fff;--md-theme-code-active-color: #61aeee;--md-theme-radius-s: 2px;--md-theme-radius-m: 5px}.md-editor-dark .md-editor-preview{--md-theme-color: var(--md-color);--md-theme-color-reverse: #222;--md-theme-color-hover: #191919;--md-theme-color-hover-inset: #444;--md-theme-link-color: #2d8cf0;--md-theme-link-hover-color: #73d13d;--md-theme-border-color: #2d2d2d;--md-theme-border-color-reverse: #e6e6e6;--md-theme-border-color-inset: #5a5a5a;--md-theme-bg-color: #000;--md-theme-bg-color-inset: #111;--md-theme-code-copy-tips-color: inherit;--md-theme-code-copy-tips-bg-color: #3a3a3a;--md-theme-code-active-color: #e6c07b;--md-theme-radius-s: 2px;--md-theme-radius-m: 5px}.md-editor .md-editor-admonition-note{--md-admonition-color: #212121;--md-admonition-bg-color: #FFFFFF;--md-admonition-border-color: rgb(166.2, 166.2, 166.2)}.md-editor .md-editor-admonition-tip{--md-admonition-color: #616161;--md-admonition-bg-color: #F5F5F5;--md-admonition-border-color: rgb(185.8, 185.8, 185.8)}.md-editor .md-editor-admonition-info{--md-admonition-color: #424242;--md-admonition-bg-color: #F0F0F0;--md-admonition-border-color: rgb(170.4, 170.4, 170.4)}.md-editor .md-editor-admonition-quote{--md-admonition-color: #455a64;--md-admonition-bg-color: #eceff1;--md-admonition-border-color: rgb(169.2, 179.4, 184.6)}.md-editor .md-editor-admonition-abstract{--md-admonition-color: #0288d1;--md-admonition-bg-color: #e1f5fe;--md-admonition-border-color: rgb(135.8, 201.4, 236)}.md-editor .md-editor-admonition-attention{--md-admonition-color: #1e88e5;--md-admonition-bg-color: #e3f2fd;--md-admonition-border-color: rgb(148.2, 199.6, 243.4)}.md-editor .md-editor-admonition-example{--md-admonition-color: #5e35b1;--md-admonition-bg-color: #ede7f6;--md-admonition-border-color: rgb(179.8, 159.8, 218.4)}.md-editor .md-editor-admonition-hint{--md-admonition-color: #00897B;--md-admonition-bg-color: #E0F2F1;--md-admonition-border-color: rgb(134.4, 200, 193.8)}.md-editor .md-editor-admonition-success{--md-admonition-color: #388e3c;--md-admonition-bg-color: #e8f5e9;--md-admonition-border-color: rgb(161.6, 203.8, 163.8)}.md-editor .md-editor-admonition-question{--md-admonition-color: #f9a825;--md-admonition-bg-color: #fffde7;--md-admonition-border-color: rgb(252.6, 219, 153.4)}.md-editor .md-editor-admonition-caution{--md-admonition-color: #fb8c00;--md-admonition-bg-color: #fff8e1;--md-admonition-border-color: rgb(253.4, 204.8, 135)}.md-editor .md-editor-admonition-warning{--md-admonition-color: #f57c00;--md-admonition-bg-color: #fff3e0;--md-admonition-border-color: rgb(251, 195.4, 134.4)}.md-editor .md-editor-admonition-danger{--md-admonition-color: #d84315;--md-admonition-bg-color: #ffebee;--md-admonition-border-color: rgb(239.4, 167.8, 151.2)}.md-editor .md-editor-admonition-failure{--md-admonition-color: #d32f2f;--md-admonition-bg-color: #fee2e6;--md-admonition-border-color: rgb(236.8, 154.4, 156.8)}.md-editor .md-editor-admonition-bug{--md-admonition-color: #c31a1a;--md-admonition-bg-color: #fddadd;--md-admonition-border-color: rgb(229.8, 141.2, 143)}.md-editor .md-editor-admonition-error{--md-admonition-color: #b71c1c;--md-admonition-bg-color: #fdd2d6;--md-admonition-border-color: rgb(225, 137.2, 139.6)}.md-editor-dark .md-editor-admonition-note{--md-admonition-color: #E0E0E0;--md-admonition-bg-color: #1E1E1E;--md-admonition-border-color: rgb(107.6, 107.6, 107.6)}.md-editor-dark .md-editor-admonition-tip{--md-admonition-color: #B0B0B0;--md-admonition-bg-color: #262626;--md-admonition-border-color: rgb(93.2, 93.2, 93.2)}.md-editor-dark .md-editor-admonition-info{--md-admonition-color: #B3B3B3;--md-admonition-bg-color: #2B2B2B;--md-admonition-border-color: rgb(97.4, 97.4, 97.4)}.md-editor-dark .md-editor-admonition-quote{--md-admonition-color: #b0bec5;--md-admonition-bg-color: #263238;--md-admonition-border-color: rgb(93.2, 106, 112.4)}.md-editor-dark .md-editor-admonition-abstract{--md-admonition-color: #81d4fa;--md-admonition-bg-color: #012f45;--md-admonition-border-color: rgb(52.2, 113, 141.4)}.md-editor-dark .md-editor-admonition-attention{--md-admonition-color: #64b5f6;--md-admonition-bg-color: #102a4c;--md-admonition-border-color: rgb(49.6, 97.6, 144)}.md-editor-dark .md-editor-admonition-example{--md-admonition-color: #9575cd;--md-admonition-bg-color: #271b52;--md-admonition-border-color: rgb(83, 63, 131.2)}.md-editor-dark .md-editor-admonition-hint{--md-admonition-color: #4DB6AC;--md-admonition-bg-color: #003D3A;--md-admonition-border-color: rgb(30.8, 109.4, 103.6)}.md-editor-dark .md-editor-admonition-success{--md-admonition-color: #81c784;--md-admonition-bg-color: #1b5e20;--md-admonition-border-color: rgb(67.8, 136, 72)}.md-editor-dark .md-editor-admonition-question{--md-admonition-color: #ffd54f;--md-admonition-bg-color: #3e2f00;--md-admonition-border-color: rgb(139.2, 113.4, 31.6)}.md-editor-dark .md-editor-admonition-caution{--md-admonition-color: #ffcc80;--md-admonition-bg-color: #3e2600;--md-admonition-border-color: rgb(139.2, 104.4, 51.2)}.md-editor-dark .md-editor-admonition-warning{--md-admonition-color: #ffb74d;--md-admonition-bg-color: #3d2600;--md-admonition-border-color: rgb(138.6, 96, 30.8)}.md-editor-dark .md-editor-admonition-danger{--md-admonition-color: #ef9a9a;--md-admonition-bg-color: #3c0000;--md-admonition-border-color: rgb(131.6, 61.6, 61.6)}.md-editor-dark .md-editor-admonition-failure{--md-admonition-color: #ef9a9a;--md-admonition-bg-color: #3c0900;--md-admonition-border-color: rgb(131.6, 67, 61.6)}.md-editor-dark .md-editor-admonition-bug{--md-admonition-color: #e68381;--md-admonition-bg-color: #300000;--md-admonition-border-color: rgb(120.8, 52.4, 51.6)}.md-editor-dark .md-editor-admonition-error{--md-admonition-color: #ef5350;--md-admonition-bg-color: #300000;--md-admonition-border-color: rgb(124.4, 33.2, 32)}.md-editor-preview .md-editor-admonition{background-color:var(--md-admonition-bg-color);border:1px solid var(--md-admonition-border-color);border-radius:var(--md-theme-radius-m);color:var(--md-admonition-color);display:flow-root;font-size:14px;font-weight:400;margin:1rem 0;padding:1em 1em .5em;page-break-inside:avoid}.md-editor-preview .md-editor-admonition-title{margin:0;padding:0;position:relative;font-weight:700}.md-editor-preview .md-editor-admonition p{margin:.5em 0;padding:0}.md-editor-preview .md-editor-admonition p:first-of-type{margin-block-start:0}.md-editor-preview .md-editor-admonition+p:empty,.md-editor-preview .md-editor-admonition+p:empty+p:empty{display:none}.md-editor-preview .md-editor-mermaid{overflow:hidden;line-height:normal}.md-editor-preview .md-editor-mermaid:not([data-processed]){white-space:pre}.md-editor-preview [class=md-editor-mermaid][data-grab]{cursor:grab}.md-editor-preview [class=md-editor-mermaid][data-grab]:active{cursor:grabbing}.md-editor-preview [class=md-editor-mermaid][data-processed]{position:relative;display:flex;justify-content:center;align-items:center}.md-editor-preview [class=md-editor-mermaid][data-processed] svg{transform-origin:top left}.md-editor-preview [class=md-editor-mermaid][data-processed] .md-editor-mermaid-action{position:absolute;inset-block-start:10px;inset-inline-end:10px;z-index:1;opacity:0;transition:opacity .3s;cursor:pointer;display:flex;gap:8px}.md-editor-preview [class=md-editor-mermaid][data-processed] .md-editor-mermaid-action svg{padding:6px;border-radius:4px;background-color:var(--md-bk-color-outstand)}.md-editor-preview [class=md-editor-mermaid][data-processed]:hover .md-editor-mermaid-action{opacity:1}.md-editor-katex-block{text-align:center;margin:20px}.md-editor-katex-inline,.md-editor-katex-block{display:none;direction:ltr}.md-editor-katex-inline[data-processed]{display:initial}.md-editor-katex-block[data-processed]{display:block}.md-editor .md-editor-preview{--md-theme-code-inline-color: #3594f7;--md-theme-code-inline-bg-color: rgba(59, 170, 250, .1);--md-theme-code-inline-radius: var(--md-theme-radius-s);--md-theme-code-block-color: #a9b7c6;--md-theme-code-block-bg-color: #282c34;--md-theme-code-before-bg-color: var(--md-theme-code-block-bg-color);--md-theme-code-block-radius: var(--md-theme-radius-m)}.md-editor-dark .md-editor-preview{--md-theme-code-inline-color: #3594f7;--md-theme-code-inline-bg-color: rgba(59, 170, 250, .1);--md-theme-code-inline-radius: var(--md-theme-radius-s);--md-theme-code-block-color: #a9b7c6;--md-theme-code-block-bg-color: #1a1a1a;--md-theme-code-before-bg-color: var(--md-theme-code-block-bg-color);--md-theme-code-block-radius: var(--md-theme-radius-m)}.md-editor-preview code{direction:ltr;color:var(--md-theme-code-inline-color);background-color:var(--md-theme-code-inline-bg-color);border-radius:var(--md-theme-code-inline-radius);padding:2px 4px;line-height:22px}.md-editor-preview .md-editor-code{color:var(--md-theme-code-block-color);font-size:12px;line-height:1;margin:20px 0;position:relative}.md-editor-preview .md-editor-code input[type=radio],.md-editor-preview .md-editor-code input[type=radio]+pre,.md-editor-preview .md-editor-code input[type=radio]+span.md-editor-code-lang{display:none}.md-editor-preview .md-editor-code input:checked+pre,.md-editor-preview .md-editor-code input:checked+span.md-editor-code-lang{display:block}.md-editor-preview .md-editor-code input:checked+label{border-block-end:1px solid;color:var(--md-theme-code-active-color)}.md-editor-preview .md-editor-code .md-editor-code-head{display:grid;grid-template:"1fr 1fr";justify-content:space-between;height:32px;width:100%;font-size:12px;background-color:var(--md-theme-code-before-bg-color);margin-block-end:0;border-start-start-radius:var(--md-theme-code-block-radius);border-start-end-radius:var(--md-theme-code-block-radius);-webkit-tap-highlight-color:rgba(0,0,0,0);list-style:none;position:sticky;top:0;z-index:10000}.md-editor-preview .md-editor-code .md-editor-code-head::-webkit-details-marker{display:none}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-flag{margin-inline-start:12px}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-flag span{display:inline-block;width:10px;height:10px;border-radius:50%;margin-block-start:11px}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-flag span:nth-of-type(1){background-color:#ec6a5e}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-flag span:nth-of-type(2){background-color:#f4bf4f}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-flag span:nth-of-type(3){background-color:#61c554}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-flag span+span{margin-inline-start:4px}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-flag ul.md-editor-codetab-label{box-sizing:border-box;white-space:nowrap;-webkit-user-select:none;user-select:none;background-color:var(--md-theme-code-block-bg-color);margin-block-start:8px;padding:0}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-flag ul.md-editor-codetab-label li{line-height:1;list-style:none;display:inline-block;position:relative;vertical-align:super;margin:0}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-flag ul.md-editor-codetab-label li label{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-block;font-size:14px}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-flag ul.md-editor-codetab-label li+li{margin-inline-start:12px}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-action{display:flex;align-items:center}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-action>*{margin-inline-end:10px}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-lang{line-height:32px}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-copy-button:not(data-is-icon){cursor:pointer;line-height:32px;position:initial}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-copy-button:not(data-is-icon) .md-editor-icon{width:15px;height:15px;display:inline-block;vertical-align:sub}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-copy-button[data-is-icon]{cursor:pointer;line-height:1;position:relative}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-copy-button[data-is-icon] .md-editor-icon{width:15px;height:15px;display:inline-block;vertical-align:sub}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-copy-button[data-is-icon]:before{content:attr(data-tips);color:var(--md-theme-code-copy-tips-color);background-color:var(--md-theme-code-copy-tips-bg-color);position:absolute;font-size:12px;font-family:sans-serif;width:max-content;text-align:center;padding:4px;border-radius:var(--md-theme-radius-s);box-shadow:0 0 2px #0003;inset-inline-start:-10px;inset-block-start:50%;transform:translate(-100%,-50%)}[dir=rtl] .md-editor-preview .md-editor-code .md-editor-code-head .md-editor-copy-button[data-is-icon]:before{transform:translate(100%,-50%)}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-copy-button[data-is-icon]:after{content:"";color:var(--md-theme-code-copy-tips-bg-color);position:absolute;width:0;height:0;border:5px solid rgba(0,0,0,0);border-inline-end-width:0;border-inline-start-color:currentColor;inset-inline-start:-10px;inset-block-start:50%;transform:translateY(-50%);filter:drop-shadow(4px 0 2px rgba(0,0,0,.2))}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-copy-button[data-is-icon]:before,.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-copy-button[data-is-icon]:after{visibility:hidden;transition:.3s}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-copy-button[data-is-icon]:hover:before,.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-copy-button[data-is-icon]:hover:after{visibility:visible}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-collapse-tips{margin-inline-end:12px}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-collapse-tips .md-editor-icon,.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-collapse-tips .md-editor-iconfont{width:16px;height:16px;font-size:16px;display:inline-block;vertical-align:sub;transition:transform .1s;transform:rotate(0)}[dir=rtl] .md-editor-preview .md-editor-code .md-editor-code-head .md-editor-collapse-tips .md-editor-icon,[dir=rtl] .md-editor-preview .md-editor-code .md-editor-code-head .md-editor-collapse-tips .md-editor-iconfont{transform:rotate(180deg)}.md-editor-preview .md-editor-code pre{position:relative;margin:0}.md-editor-preview .md-editor-code pre code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:14px;color:var(--md-theme-code-block-color);background-color:var(--md-theme-code-before-bg-color);display:block;line-height:1.6;overflow:auto;padding:1em;position:relative;border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:var(--md-theme-code-block-radius);border-end-end-radius:var(--md-theme-code-block-radius)}.md-editor-preview .md-editor-code pre code .md-editor-code-block{display:inline-block;width:100%;overflow:auto;vertical-align:bottom;color:var(--md-theme-code-block-color)}.md-editor-preview details.md-editor-code .md-editor-code-head{cursor:pointer}.md-editor-preview details.md-editor-code:not(open) .md-editor-code-head{border-end-start-radius:var(--md-theme-code-block-radius);border-end-end-radius:var(--md-theme-code-block-radius)}.md-editor-preview details.md-editor-code[open] .md-editor-code-head{border-end-start-radius:0;border-end-end-radius:0}.md-editor-preview details.md-editor-code[open] .md-editor-code-head .md-editor-collapse-tips .md-editor-icon,.md-editor-preview details.md-editor-code[open] .md-editor-code-head .md-editor-collapse-tips .md-editor-iconfont{transform:rotate(-90deg)}[dir=rtl] .md-editor-preview details.md-editor-code[open] .md-editor-code-head .md-editor-collapse-tips .md-editor-icon,[dir=rtl] .md-editor-preview details.md-editor-code[open] .md-editor-code-head .md-editor-collapse-tips .md-editor-iconfont{transform:rotate(270deg)}.md-editor-scrn span[rn-wrapper]{position:absolute;pointer-events:none;font-size:100%;inset-block-start:1em;inset-inline-start:0;width:3em;letter-spacing:-1px;-webkit-user-select:none;user-select:none;counter-reset:linenumber}.md-editor-scrn span[rn-wrapper]>span{display:block;pointer-events:none;counter-increment:linenumber}.md-editor-scrn span[rn-wrapper]>span:before{color:#999;display:block;padding-inline-end:.5em;text-align:right;content:counter(linenumber)}.md-editor-scrn pre code{padding-inline-start:3.5em!important}.md-editor-preview figure{margin:0 0 1em;display:inline-flex;flex-direction:column;text-align:center}.md-editor-preview figure figcaption{color:var(--md-theme-color);font-size:.875em;margin-block-start:5px}.md-editor .md-editor-preview{--md-theme-heading-color: var(--md-theme-color);--md-theme-heading-border: none;--md-theme-heading-1-color: var(--md-theme-heading-color);--md-theme-heading-1-border: var(--md-theme-heading-border);--md-theme-heading-2-color: var(--md-theme-heading-color);--md-theme-heading-2-border: var(--md-theme-heading-border);--md-theme-heading-3-color: var(--md-theme-heading-color);--md-theme-heading-3-border: var(--md-theme-heading-border);--md-theme-heading-4-color: var(--md-theme-heading-color);--md-theme-heading-4-border: var(--md-theme-heading-border);--md-theme-heading-5-color: var(--md-theme-heading-color);--md-theme-heading-5-border: var(--md-theme-heading-border);--md-theme-heading-6-color: var(--md-theme-heading-color);--md-theme-heading-6-border: var(--md-theme-heading-border)}.md-editor-preview h1,.md-editor-preview h2,.md-editor-preview h3,.md-editor-preview h4,.md-editor-preview h5,.md-editor-preview h6{position:relative;word-break:break-all;margin:1.4em 0 .8em;font-weight:700}.md-editor-preview h1 a,.md-editor-preview h2 a,.md-editor-preview h3 a,.md-editor-preview h4 a,.md-editor-preview h5 a,.md-editor-preview h6 a,.md-editor-preview h1 a:hover,.md-editor-preview h2 a:hover,.md-editor-preview h3 a:hover,.md-editor-preview h4 a:hover,.md-editor-preview h5 a:hover,.md-editor-preview h6 a:hover{color:inherit}.md-editor-preview h1{color:var(--md-theme-heading-1-color);border-block-end:var(--md-theme-heading-1-border)}.md-editor-preview h2{color:var(--md-theme-heading-2-color);border-block-end:var(--md-theme-heading-2-border)}.md-editor-preview h3{color:var(--md-theme-heading-3-color);border-block-end:var(--md-theme-heading-3-border)}.md-editor-preview h4{color:var(--md-theme-heading-4-color);border-block-end:var(--md-theme-heading-4-border)}.md-editor-preview h5{color:var(--md-theme-heading-5-color);border-block-end:var(--md-theme-heading-5-border)}.md-editor-preview h6{color:var(--md-theme-heading-6-color);border-block-end:var(--md-theme-heading-6-border)}.md-editor-preview h1{font-size:2em}.md-editor-preview h2{font-size:1.5em}.md-editor-preview h3{font-size:1.25em}.md-editor-preview h4{font-size:1em}.md-editor-preview h5{font-size:.875em}.md-editor-preview h6{font-size:.85em}.md-editor-preview hr{height:1px;margin:10px 0;border:none;border-block-start:1px solid var(--md-theme-border-color)}.md-editor-preview a{color:var(--md-theme-link-color);text-decoration:none;transition:color .1s}.md-editor-preview a:hover{color:var(--md-theme-link-hover-color)}.md-editor-preview a:empty:before{content:attr(href)}.md-editor-preview ol,.md-editor-preview ul{padding-inline-start:2em}.md-editor-preview ol .task-list-item,.md-editor-preview ul .task-list-item{list-style-type:none}.md-editor-preview ol .task-list-item input,.md-editor-preview ul .task-list-item input{margin-inline-start:-1.5em;margin-inline-end:.1em}.md-editor-preview img{max-width:100%}.md-editor-preview p:empty{display:none}.md-editor .md-editor-preview{--md-theme-quote-color: var(--md-theme-color);--md-theme-quote-border: none;--md-theme-quote-bg-color: inherit}.md-editor-preview blockquote{padding:0 1em;color:var(--md-theme-quote-color);border-inline-start:var(--md-theme-quote-border);background-color:var(--md-theme-quote-bg-color)}.md-editor .md-editor-preview{--md-theme-table-stripe-color: #fafafa;--md-theme-table-tr-bg-color: inherit;--md-theme-table-td-border-color: var(--md-theme-border-color)}.md-editor-dark .md-editor-preview{--md-theme-table-stripe-color: #0c0c0c;--md-theme-table-tr-bg-color: inherit;--md-theme-table-td-border-color: var(--md-theme-border-color)}.md-editor-preview table tr{background-color:var(--md-theme-table-tr-bg-color)}.md-editor-preview table tr th,.md-editor-preview table tr td{border:1px solid var(--md-theme-table-td-border-color)}.md-editor-preview table tr:nth-child(2n){background-color:var(--md-theme-table-stripe-color)}.md-editor-preview{color:var(--md-theme-color)}.md-editor-preview ::-webkit-scrollbar{width:6px;height:6px}.md-editor-preview ::-webkit-scrollbar-button:vertical{display:none}.md-editor-preview ::-webkit-scrollbar-corner,.md-editor-preview ::-webkit-scrollbar-track,.md-editor-preview ::-webkit-scrollbar-thumb{border-radius:2px}.md-editor .md-editor-preview ::-webkit-scrollbar-corner,.md-editor .md-editor-preview ::-webkit-scrollbar-track{background-color:#e2e2e2}.md-editor .md-editor-preview ::-webkit-scrollbar-thumb{background-color:#0000004d}.md-editor .md-editor-preview ::-webkit-scrollbar-thumb:vertical:hover{background-color:#00000059}.md-editor .md-editor-preview ::-webkit-scrollbar-thumb:vertical:active{background-color:#00000061}.md-editor-dark .md-editor-preview ::-webkit-scrollbar-corner,.md-editor-dark .md-editor-preview ::-webkit-scrollbar-track{background-color:#0f0f0f}.md-editor-dark .md-editor-preview ::-webkit-scrollbar-thumb{background-color:#2d2d2d}.md-editor-dark .md-editor-preview ::-webkit-scrollbar-thumb:vertical:hover{background-color:#3a3a3a}.md-editor-dark .md-editor-preview ::-webkit-scrollbar-thumb:vertical:active{background-color:#3a3a3a}.md-editor div.default-theme{--md-theme-code-copy-tips-color: #141414}.md-editor-dark div.default-theme{--md-theme-code-copy-tips-color: inherit}div.default-theme img{margin:0 auto;box-sizing:border-box}div.default-theme a{display:inline-flex;line-height:1;border-block-end:none}div.default-theme a:hover{border-block-end:1px solid}div.default-theme a[target=_blank]{align-items:center}div.default-theme a[target=_blank]:after{content:"";display:inline-block;width:16px;height:16px;margin-inline-start:2px;background-color:currentColor;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square-arrow-out-up-right"><path d="M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6"/><path d="m21 3-9 9"/><path d="M15 3h6v6"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square-arrow-out-up-right"><path d="M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6"/><path d="m21 3-9 9"/><path d="M15 3h6v6"/></svg>');-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}div.default-theme ol,div.default-theme ul{margin:.6em 0}div.default-theme ol li,div.default-theme ul li{line-height:1.6;margin:.5em 0}div.default-theme p{line-height:1.6;margin:.5rem 0}.md-editor div.default-theme{--md-theme-quote-border: 5px solid #35b378;--md-theme-quote-bg-color: var(--md-theme-bg-color-inset)}div.default-theme blockquote{margin:20px 0;padding:0 1.2em;line-height:2em;display:flow-root}.md-editor default-theme{--md-theme-table-stripe-color: #fafafa}.md-editor-dark default-theme{--md-theme-table-stripe-color: #0c0c0c}div.default-theme table{overflow:auto;border-spacing:0;border-collapse:collapse;margin-block-end:1em;margin-block-start:1em}div.default-theme table tr th,div.default-theme table tr td{word-wrap:break-word;padding:8px 14px}div.default-theme table tbody tr:hover{background-color:var(--md-theme-color-hover)}div.default-theme blockquote table{line-height:initial}div.default-theme blockquote table tr th,div.default-theme blockquote table tr td{border-color:var(--md-theme-border-color-inset)}div.default-theme blockquote table tbody tr:nth-child(n){background-color:inherit}div.default-theme blockquote table tbody tr:hover{background-color:var(--md-theme-color-hover-inset)}.md-editor div.vuepress-theme{--md-theme-code-inline-color: #d63200;--md-theme-code-inline-bg-color: #f8f8f8;--md-theme-code-block-color: #747384;--md-theme-code-block-bg-color: #f8f8f8;--md-theme-code-before-bg-color: var(--md-theme-code-block-bg-color);--md-theme-code-block-radius: 2px}.md-editor-dark div.vuepress-theme{--md-theme-code-inline-color: #e06c75;--md-theme-code-inline-bg-color: #1a1a1a;--md-theme-code-block-color: #999;--md-theme-code-block-bg-color: #1a1a1a;--md-theme-code-before-bg-color: var(--md-theme-code-block-bg-color);--md-theme-code-block-radius: 2px}div.vuepress-theme code{padding:3px 5px;margin:0 2px}div.vuepress-theme .md-editor-code pre{font-size:.875em;margin:0 0 1em}div.vuepress-theme .md-editor-code pre code{white-space:pre;padding:22px 1em;margin:0}div.vuepress-theme .md-editor-code pre code span[rn-wrapper]{top:22px}.md-editor div.vuepress-theme{--md-theme-heading-color: #273849;--md-theme-heading-2-border: 1px solid var(--md-theme-border-color)}.md-editor-dark div.vuepress-theme{--md-theme-heading-color: #999;--md-theme-heading-2-border: 1px solid var(--md-theme-border-color)}div.vuepress-theme h1,div.vuepress-theme h2,div.vuepress-theme h3,div.vuepress-theme h4,div.vuepress-theme h5,div.vuepress-theme h6{font-weight:600;line-height:1.45;position:relative;margin-block-start:1em}div.vuepress-theme h1{font-size:2.2em;margin:1em 0}div.vuepress-theme h2{font-size:1.65em;padding-block-end:.3em}div.vuepress-theme h3{line-height:1.35em}.md-editor div.vuepress-theme{--md-theme-link-color: #42b983}div.vuepress-theme a{font-weight:600}div.vuepress-theme ul,div.vuepress-theme ol{position:relative;line-height:1.4em;margin:1.2em 0;z-index:1}div.vuepress-theme ul li,div.vuepress-theme ol li{margin:1.2em 0}div.vuepress-theme p{word-spacing:.05em;line-height:1.6em;margin:1.2em 0;position:relative}.md-editor div.vuepress-theme{--md-theme-quote-border: 4px solid #42b983}div.vuepress-theme blockquote{margin:2em 0;padding-inline-start:20px}div.vuepress-theme blockquote p{margin-inline-start:0;margin-block-start:1.2em;margin-block-end:0;padding:0}.md-editor div.vuepress-theme{--md-theme-table-td-border-color: #dfe2e5;--md-theme-table-stripe-color: #f6f8fa}.md-editor-dark div.vuepress-theme{--md-theme-table-td-border-color: #2d2d2d;--md-theme-table-stripe-color: #0c0c0c}div.vuepress-theme table{border-collapse:collapse;margin:1rem 0;display:block;overflow-x:auto}div.vuepress-theme table tr th,div.vuepress-theme table tr td{padding:.6em 1em}.md-editor div.vuepress-theme{--md-theme-color: #304455}.md-editor-dark div.vuepress-theme{--md-theme-color: #999}div.vuepress-theme{font-size:16px;color:var(--md-theme-color)}div.vuepress-theme em{color:#4f5959;padding:0 6px 0 4px}.md-editor div.github-theme{--md-theme-code-inline-color: inherit;--md-theme-code-inline-bg-color: #eff1f2;--md-theme-code-inline-radius: 6px;--md-theme-code-block-color: inherit;--md-theme-code-block-bg-color: #f6f8fa;--md-theme-code-before-bg-color: var(--md-theme-code-block-bg-color);--md-theme-code-block-radius: 6px}.md-editor-dark div.github-theme{--md-theme-code-inline-color: #c9d1d9;--md-theme-code-inline-bg-color: #2d3339;--md-theme-code-inline-radius: 6px;--md-theme-code-block-color: #a9b7c6;--md-theme-code-block-bg-color: #161b22;--md-theme-code-before-bg-color: var(--md-theme-code-block-bg-color);--md-theme-code-block-radius: 6px}div.github-theme code{padding:.2em .4em;margin:0}div.github-theme pre code{padding:22px 1em;margin-block-end:0;word-break:normal;letter-spacing:1px}.md-editor div.github-theme{--md-theme-heading-color: inherit;--md-theme-heading-6-color: #2d3339;--md-theme-heading-1-border: 1px solid #d9dee4;--md-theme-heading-2-border: 1px solid #d9dee4}.md-editor-dark div.github-theme{--md-theme-heading-color: #c9d1d9;--md-theme-heading-6-color: #768390;--md-theme-heading-1-border: 1px solid #373e47;--md-theme-heading-2-border: 1px solid #373e47}div.github-theme h1,div.github-theme h2,div.github-theme h3,div.github-theme h4,div.github-theme h5,div.github-theme h6{margin-block-start:24px;margin-block-end:16px;font-weight:600;line-height:1.25}div.github-theme h1{padding-block-end:.3em;font-size:2em}div.github-theme h2{padding-block-end:.3em;font-size:1.5em}div.github-theme h3{font-size:1.25em}div.github-theme h4{font-size:1em}div.github-theme h5{font-size:.875em}div.github-theme h6{font-size:.85em}.md-editor div.github-theme{--md-theme-heading-bg-color: #fff}.md-editor-dark div.github-theme{--md-theme-heading-bg-color: #22272e}div.github-theme img{background-color:var(--md-theme-heading-bg-color)}.md-editor div.github-theme{--md-theme-link-color: #539bf5;--md-theme-link-hover-color: #539bf5}div.github-theme a:hover{text-decoration:underline}div.github-theme ol li+li,div.github-theme ul li+li{margin-block-start:.25em}.md-editor div.github-theme{--md-theme-quote-color: #57606a;--md-theme-quote-border: .25em solid #d0d7de}.md-editor-dark div.github-theme{--md-theme-quote-color: #8b949e;--md-theme-quote-border: .25em solid #444c56}div.github-theme blockquote{margin:0;padding:0 1em}.md-editor div.github-theme{--md-theme-table-stripe-color: #f7f8fa;--md-theme-table-tr-bg-color: #fff;--md-theme-table-td-border-color: #d0d7de}.md-editor-dark div.github-theme{--md-theme-table-stripe-color: #161b22;--md-theme-table-tr-bg-color: transparent;--md-theme-table-td-border-color: #30363d}div.github-theme table{display:block;max-width:100%;overflow:auto;border-spacing:0;border-collapse:collapse}div.github-theme table tr th,div.github-theme table tr td{padding:6px 13px}.md-editor div.github-theme{--md-theme-color: #222}.md-editor-dark div.github-theme{--md-theme-color: #c9d1d9}div.github-theme{line-height:1.5;color:var(--md-theme-color)}div.github-theme p,div.github-theme blockquote,div.github-theme ul,div.github-theme ol,div.github-theme dl,div.github-theme table,div.github-theme pre,div.github-theme details{margin-block-start:0;margin-block-end:16px}.md-editor div.cyanosis-theme,.md-editor-dark div.cyanosis-theme{--md-theme-code-inline-color: var(--md-theme-code-color);--md-theme-code-inline-bg-color: var(--md-theme-code-bg-color);--md-theme-code-block-color: var(--md-theme-base-color);--md-theme-code-before-bg-color: var(--md-theme-code-block-bg-color)}div.cyanosis-theme code{padding:.065em .4em;font-family:Menlo,Monaco,Consolas,Courier New,monospace;overflow-x:auto}div.cyanosis-theme code::selection{background-color:var(--md-theme-slct-codebg-color)}div.cyanosis-theme .md-editor-code pre{font-family:Menlo,Monaco,Consolas,Courier New,monospace}div.cyanosis-theme .md-editor-code pre code{padding:11px 12px 22px;margin:0;word-break:normal;line-height:1.75}div.cyanosis-theme .md-editor-code pre code span[rn-wrapper]{top:11px}.md-editor div.cyanosis-theme{--md-theme-heading-color: var(--md-theme-title-color)}div.cyanosis-theme h1{padding-block-end:4px;margin-block-start:36px;margin-block-end:10px;font-size:30px;line-height:1.5;transition:color .35s}div.cyanosis-theme h2{position:relative;padding-inline-start:10px;padding-inline-end:10px;padding-block-end:10px;margin-block-start:36px;margin-block-end:10px;font-size:24px;line-height:1.5;border-block-end:1px solid var(--md-theme-border-color-2);transition:color .35s}div.cyanosis-theme h2:before{content:"「";position:absolute;inset-block-start:-6px;inset-inline-start:-14px}div.cyanosis-theme h2:after{content:"」";position:relative;inset-block-start:6px;inset-inline-end:auto}div.cyanosis-theme h3{position:relative;padding-block-end:0;margin-block-start:30px;margin-block-end:10px;font-size:20px;line-height:1.5;padding-inline-start:6px;transition:color .35s}div.cyanosis-theme h3:before{content:"»";padding-inline-end:6px;color:var(--md-theme-strong-color)}div.cyanosis-theme h4{padding-block-end:0;margin-block-start:24px;margin-block-end:10px;font-size:16px;line-height:1.5;padding-inline-start:6px;transition:color .35s}div.cyanosis-theme h5{padding-block-end:0;margin-block-start:18px;margin-block-end:10px;font-size:14px;line-height:1.5;padding-inline-start:6px;transition:color .35s}div.cyanosis-theme h6{padding-block-end:0;margin-block-start:12px;margin-block-end:10px;font-size:12px;line-height:1.5;padding-inline-start:6px;transition:color .35s}div.cyanosis-theme h1::selection,div.cyanosis-theme h2::selection,div.cyanosis-theme h3::selection,div.cyanosis-theme h4::selection,div.cyanosis-theme h5::selection,div.cyanosis-theme h6::selection{color:var(--md-theme-slct-title-color);background-color:var(--md-theme-slct-titlebg-color)}@media (max-width: 720px){div.cyanosis-theme h1{font-size:24px}div.cyanosis-theme h2{font-size:20px}div.cyanosis-theme h3{font-size:18px}}.md-editor div.cyanosis-theme{--md-theme-link-color: var(--md-theme-link-color);--md-theme-link-hover-color: var(--md-theme-linkh-color)}div.cyanosis-theme a{position:relative;display:inline-block;text-decoration:none;border-block-end:1px solid var(--md-theme-border-color)}div.cyanosis-theme a:hover{border-block-end-color:var(--md-theme-linkh-color)}div.cyanosis-theme a:active{color:var(--md-theme-linkh-color)}div.cyanosis-theme a:after{position:absolute;content:"";inset-block-start:100%;inset-inline-start:0;width:100%;opacity:0;border-block-end:1px solid var(--md-theme-border-color);transition:top .3s,opacity .3s;transform:translateZ(0)}div.cyanosis-theme a:hover:after{top:0;opacity:1;border-block-end-color:var(--md-theme-linkh-color)}div.cyanosis-theme ol,div.cyanosis-theme ul{margin:0}div.cyanosis-theme ol li,div.cyanosis-theme ul li{margin-block-end:0;list-style:inherit}div.cyanosis-theme ol li .task-list-item,div.cyanosis-theme ul li .task-list-item{list-style:none}div.cyanosis-theme ol li .task-list-item ul,div.cyanosis-theme ol li .task-list-item ol,div.cyanosis-theme ul li .task-list-item ul,div.cyanosis-theme ul li .task-list-item ol{margin-block-start:0}div.cyanosis-theme ol ul,div.cyanosis-theme ol ol,div.cyanosis-theme ul ul,div.cyanosis-theme ul ol{margin-block-start:4px}div.cyanosis-theme ol li{padding-inline-start:6px}div.cyanosis-theme ol li::selection,div.cyanosis-theme ul li::selection{color:var(--md-theme-slct-text-color);background-color:var(--md-theme-slct-bg-color)}div.cyanosis-theme .task-list-item-checkbox{position:relative}div.cyanosis-theme .contains-task-list input[type=checkbox]:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;inset-inline-end:0;inset-block-end:0;width:inherit;height:inherit;background:#f0f8ff;border:1px solid #add6ff;border-radius:var(--md-theme-radius-s);box-sizing:border-box;z-index:1}div.cyanosis-theme .contains-task-list input[type=checkbox][checked]:after{content:"✓";position:absolute;inset-block-start:-12px;inset-inline-start:0;inset-inline-end:0;inset-block-end:0;width:0;height:0;color:#f55;font-size:20px;font-weight:700;z-index:2}div.cyanosis-theme p{line-height:inherit;margin-block-start:16px;margin-block-end:16px}div.cyanosis-theme p::selection{color:var(--md-theme-slct-text-color);background-color:var(--md-theme-slct-bg-color)}.md-editor div.cyanosis-theme{--md-theme-quote-color: var(--md-theme-blockquote-color);--md-theme-quote-border: 4px solid var(--md-theme-strong-color);--md-theme-quote-bg-color: var(--md-theme-blockquote-bg-color)}div.cyanosis-theme blockquote{padding:1px 20px;margin:22px 0;transition:color .35s}div.cyanosis-theme blockquote:after{display:block;content:""}div.cyanosis-theme blockquote>p{margin:10px 0}div.cyanosis-theme blockquote>b,div.cyanosis-theme blockquote>strong{color:var(--md-theme-strong-color)}div.cyanosis-theme table{display:inline-block!important;width:auto;max-width:100%;overflow:auto;border:1px solid var(--md-theme-table-border-color);border-spacing:0;border-collapse:collapse}div.cyanosis-theme table thead{color:#000;text-align:left;background:#f6f6f6}div.cyanosis-theme table tr:nth-child(2n){background-color:var(--md-theme-table-tr-nc-color)}div.cyanosis-theme table tr:hover{background-color:var(--md-theme-table-trh-color)}div.cyanosis-theme table th,div.cyanosis-theme table td{padding:12px 8px;line-height:24px;border:1px solid var(--md-theme-table-border-color)}div.cyanosis-theme table th{color:var(--md-theme-table-tht-color);background-color:var(--md-theme-table-th-color)}div.cyanosis-theme table td{min-width:120px}div.cyanosis-theme table thead th::selection{background-color:#0000}div.cyanosis-theme table tbody td::selection{background-color:var(--md-theme-slct-bg-color)}.md-editor div.cyanosis-theme{--md-theme-base-color:#353535;--md-theme-title-color:#005bb7;--md-theme-strong-color:#2196f3;--md-theme-em-color:#4fc3f7;--md-theme-del-color:#ccc;--md-theme-link-color:#3da8f5;--md-theme-linkh-color:#007fff;--md-theme-border-color:#bedcff;--md-theme-border-color-2:#ececec;--md-theme-bg-color:#fff;--md-theme-blockquote-color:#8c8c8c;--md-theme-blockquote-bg-color:#f0fdff;--md-theme-code-color:#c2185b;--md-theme-code-bg-color:#fff4f4;--md-theme-code-block-bg-color:#f8f8f8;--md-theme-table-border-color:#c3e0fd;--md-theme-table-th-color:#dff0ff;--md-theme-table-tht-color:#005bb7;--md-theme-table-tr-nc-color:#f7fbff;--md-theme-table-trh-color:#e0edf7;--md-theme-slct-title-color:#005bb7;--md-theme-slct-titlebg-color:rgba(175,207,247,.25);--md-theme-slct-text-color:#c80000;--md-theme-slct-bg-color:rgba(175,207,247,.25);--md-theme-slct-del-color:#999;--md-theme-slct-elbg-color:#e8ebec;--md-theme-slct-codebg-color:#ffeaeb;--md-theme-slct-prebg-color:rgba(160,200,255,.25)}.md-editor-dark div.cyanosis-theme{--md-theme-base-color:#cacaca;--md-theme-title-color:#ddd;--md-theme-strong-color:#fe9900;--md-theme-em-color:#ffd28e;--md-theme-del-color:#ccc;--md-theme-link-color:#ffb648;--md-theme-linkh-color:#fe9900;--md-theme-border-color:#ffe3ba;--md-theme-border-color-2:#ffcb7b;--md-theme-bg-color:#2f2f2f;--md-theme-blockquote-color:#c7c7c7;--md-theme-blockquote-bg-color:rgba(255,199,116,.1);--md-theme-code-color:#000;--md-theme-code-bg-color:#ffcb7b;--md-theme-code-block-bg-color:rgba(30,25,18,.5);--md-theme-table-border-color:#fe9900;--md-theme-table-th-color:#ffb648;--md-theme-table-tht-color:#000;--md-theme-table-tr-nc-color:#6d5736;--md-theme-table-trh-color:#947443;--md-theme-slct-title-color:#000;--md-theme-slct-titlebg-color:#fe9900;--md-theme-slct-text-color:#00c888;--md-theme-slct-bg-color:rgba(175,207,247,.25);--md-theme-slct-del-color:#999;--md-theme-slct-elbg-color:#000;--md-theme-slct-codebg-color:#ffcb7b;--md-theme-slct-prebg-color:rgba(160,200,255,.25)}div.cyanosis-theme{word-break:break-word;line-height:1.75;font-weight:400;overflow-x:hidden;color:var(--md-theme-base-color);transition:color .35s}div.cyanosis-theme hr{position:relative;width:98%;height:1px;margin-block-start:32px;margin-block-end:32px;background-image:linear-gradient(90deg,var(--md-theme-link-color),rgba(255,0,0,.3),rgba(37,163,65,.3),rgba(255,0,0,.3),var(--md-theme-link-color));border-width:0;overflow:visible}div.cyanosis-theme b,div.cyanosis-theme strong{color:var(--md-theme-strong-color)}div.cyanosis-theme i,div.cyanosis-theme em{color:var(--md-theme-em-color)}div.cyanosis-theme del{color:var(--md-theme-del-color)}div.cyanosis-theme details>summary{outline:none;color:var(--md-theme-title-color);font-size:20px;font-weight:bolder;border-block-end:1px solid var(--md-theme-border-color);cursor:pointer}div.cyanosis-theme details>p{padding:10px 20px;margin:10px 0 0;color:#666;background-color:var(--md-theme-blockquote-bg-color);border:2px dashed var(--md-theme-strong-color)}div.cyanosis-theme a::selection,div.cyanosis-theme b::selection,div.cyanosis-theme strong::selection,div.cyanosis-theme i::selection,div.cyanosis-theme em::selection{background-color:var(--md-theme-slct-elbg-color)}div.cyanosis-theme del::selection{color:var(--md-theme-slct-del-color);background-color:var(--md-theme-slct-elbg-color)}.md-editor div.mk-cute-theme,.md-editor-dark div.mk-cute-theme{--md-theme-code-inline-color: #4ec9b0;--md-theme-code-inline-bg-color: #282c34;--md-theme-code-block-color: #4ec9b0;--md-theme-code-block-bg-color: #282c34;--md-theme-code-before-bg-color: var(--md-theme-code-block-bg-color);--md-theme-code-block-radius: 10px}div.mk-cute-theme code{font-family:Menlo,Monaco,Consolas,Courier New,monospace;overflow-x:auto;padding:.14em .46em;margin:0 4px}div.mk-cute-theme .md-editor-code pre code{font-family:Menlo,Monaco,Consolas,Courier New,monospace;padding:22px;margin:0;word-break:normal;line-height:1.75}div.mk-cute-theme .md-editor-code pre code span[rn-wrapper]{top:22px}.md-editor div.mk-cute-theme{--md-theme-heading-color: #36ace1}div.mk-cute-theme h1:before,div.mk-cute-theme h2:before,div.mk-cute-theme h3:before,div.mk-cute-theme h4:before,div.mk-cute-theme h5:before,div.mk-cute-theme h6:before{content:"";display:block;position:absolute;inset-inline-start:0;inset-block-start:0;inset-block-end:0;margin:auto;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAF8UlEQVRIS71Wa2wUVRT+7r0zu9t2t/RBaSioPCpYbIUfaEIQUogSAwZDAlUSGwgg/CBATExMCJH1D2hIfOEjFEUEhViCgBgIUCH44OkjPAMGBVqhpUCfW3Zn5z7MuQOE0hYxMdxJdmd25s53vnO+851leMCLPWA8/CfA2TsvL8n7q+nTFfNLG+4VqInHOeJLDQMzdz/3r4DGGDb9lxu+aPcE7U61JHDMDePcuv0O21ShugOefqDdtBie3Dk6K/O+Ab+qOjJiz7Ahv6c8hbDDwRiQlgYGDOcaWyEcjg8On+j71IpJndjGt9XO+jM7+pkywNvbazIfercieSdoJ4bE5sWjyZqMpDdeaQNXMNC34ME3LV8B56+1w3AOgk+EXe/Ub6uiLB6XdH/G/mYjeBCcFwnt3zQqWt4t4NjjnhzQ1CGkBhwOCMFAB71U0qsYgRlwBtQ1tiEJAy44OBdQUmFK3aWS06NLT+ukZAQoKCCjsfbDmk6p78RwX3ncWffmIj8U4kh6GpEwh+9rGy23LDU4GBrrm9DsuDYIGMAYIC/EUNQ7Cq1hn+WM2TI8f+jEyCmvjfn1FssuojHx6tDkyZOaCzr8TNpASzDAk8amlRIrEylcSGsYrcGIstIYWhgDDIM2BiGH3ywFkGAC1U9n38bpVqWGdk6r4HMWrZZaG1D5KLn0qYyBEAKnG1otAxLR8L7Z9nfP13CJHQ/ST4vK8sVHe8JsU0U6uO5hlexo8PI7vNDQomwoBRAwpSmtgJAAztS3QLsOsmBQlBtFJMQhlbbPUBBUR7o2hqHVddLbRsfCPQJ+u3TPw8uGl1yklAlHIJZKo3//XEhlLCtifPFyM7xwCI/lZ8IKTTBbS7pPLIggZZsSQ+zXbT4UYSsnet3UMM5HPT5LGbrDGYQroClyT2Jwnyj9aN949e8mDCwuRFoqKxRHUJ21BSDRELuQYGhvbMVV32Dp2RuxcfHSRBfAYTsbU9nJdFj5EiLkglHkRInC1xoxKbH9hQJIaTDvxxTCUddWl4wg0dCCtqSPDmoVx4Eitpxh64ZtsT6b5ie6pPRkfF90TllxOzEwmipMKRRgHODGgCuJkqIcvDdC2BZ5Y+tlHHMzkAKghbAxcQqQDiKrFBxhqg5MHTivS1tQ+sdsvaQl5Yd6yfdRXNQLsQwXnq/AQFLXEIIjzBSuNaaR0SuEtkQKl9IKjAsbJaWfzo1USDsM6zceDJfeVGgnhhN2N7YOyo5kJz1pa2AbgfrO1gRwXW6vSRQNtddR+EhvKGmseskgTtY2Q7kucYWWgToPHzyUyXry0iXfnBtfl5f/PaWPvPNW/zkOAQegJHltFE5dSaCskHqPVEnqpMAMEgkPtR1pKxyh/N0/vTToubtH1G3RmLjhM8ubKXfWB2mRa9ySOaWS2uT8lTZ0cI6I52Ngv7zAbW9mQVm1cpytu441P38XeXTlQu+e46nyh+bjLkMZRU0MCYTCJWZSG1y7cBWNURpxBlxqFBfEwGnGGhaYPSNwhpSv4DK+/vPynBk9MqRIiOWs8a2WJTm9a+cgh6SaMIMz9W1WjYHHMtv0wSmZdWB9gdsya/rcYVg7JoffCdqlD6ceTpiY59tM0PhJp5WNvra+BQkejCMyBarr8KKYDcZi8sDaCDKYFIGRk+FnSVXzyTO9JxBwF8DLc1dlLn65ooNEYN0fBsu21fTvL6PXnhxXlnLIqqhYYBian4lQ2Lk9ogiALsimiLC1QYfhlV1Hnxh7JfcMqxrpd7U2GFa5t9nOd7Kr+kg4uWvnCpromlJeXlq3Os3ZLOlrZBmNQf1ybVqpxhbA7mRIOCy1+esDOWhIyDv/+3Q7LRbsqH+rKRJ+nba+/+WW7II1s9vvVBuNr7KNF1WUM1bSt5f1Vq01jUVkKfnx8uoti3Or5rbd9782M61azJz/rFywYU/OyKqK1p5G2MS1Z18tGFDwTkvIxcK9RwaMP3a9/tbc62lPj/Nw5B9ey9Ehy/MY4oEqelgNleuyCgdXJlmc3fO5Ll56r5f+n/f+AWFf9jvBgaHpAAAAAElFTkSuQmCC);animation:spin 2s linear 0s infinite}div.mk-cute-theme h1{position:relative;font-size:30px;padding:12px 38px;margin:30px 0}div.mk-cute-theme h1:before{width:30px;height:30px;background-size:30px 30px}div.mk-cute-theme h2{position:relative;font-size:24px;padding:12px 36px;margin:28px 0}div.mk-cute-theme h2:before{width:28px;height:28px;background-size:28px 28px}div.mk-cute-theme h3{position:relative;font-size:18px;padding:4px 32px;margin:26px 0}div.mk-cute-theme h3:before{width:24px;height:24px;background-size:24px 24px}div.mk-cute-theme h4{position:relative;padding:4px 28px;font-size:16px;margin:22px 0}div.mk-cute-theme h4:before{width:20px;height:20px;background-size:20px 20px}div.mk-cute-theme h5{position:relative;padding:4px 26px;font-size:15px;margin:20px 0}div.mk-cute-theme h5:before{width:18px;height:18px;background-size:18px 18px}div.mk-cute-theme h6{position:relative;padding:4px 22px;font-size:14px;margin:16px 0}div.mk-cute-theme h6:before{width:16px;height:16px;background-size:16px 16px}@media (max-width: 720px){div.mk-cute-theme h1{font-size:24px}div.mk-cute-theme h2{font-size:20px}div.mk-cute-theme h3{font-size:18px}}.md-editor div.mk-cute-theme{--md-theme-link-color: #409eff;--md-theme-link-hover-color: #007bff}div.mk-cute-theme a{display:inline-block;border-block-end:1px solid #409eff}div.mk-cute-theme a:hover,div.mk-cute-theme a:active{border-block-end:1px solid #007bff}div.mk-cute-theme ol li,div.mk-cute-theme ul li{margin-block-end:0;list-style:inherit}div.mk-cute-theme ol li .task-list-item,div.mk-cute-theme ul li .task-list-item{list-style:none}div.mk-cute-theme ol li .task-list-item ul,div.mk-cute-theme ol li .task-list-item ol,div.mk-cute-theme ul li .task-list-item ul,div.mk-cute-theme ul li .task-list-item ol{margin-block-start:0}div.mk-cute-theme ol ul,div.mk-cute-theme ol ol,div.mk-cute-theme ul ul,div.mk-cute-theme ul ol{margin-block-start:3px}div.mk-cute-theme ol li{padding-inline-start:6px}div.mk-cute-theme p{line-height:inherit;margin-block-start:22px;margin-block-end:22px}.md-editor div.mk-cute-theme{--md-theme-quote-color: #fff;--md-theme-quote-border: 4px solid #409eff;--md-theme-quote-bg-color: rgba(54, 172, 225, .75)}.md-editor-dark div.mk-cute-theme{--md-theme-quote-color: inherit;--md-theme-quote-border: 4px solid #265d97;--md-theme-quote-bg-color: rgba(18, 80, 108, .75)}div.mk-cute-theme blockquote{position:relative;padding:8px 26px;margin:16px 0;border-radius:var(--md-theme-radius-m)}div.mk-cute-theme blockquote:before{content:"❝";inset-block-start:10px;inset-inline-start:8px;color:#409eff;font-size:20px;line-height:1;font-weight:700;position:absolute;opacity:.7}div.mk-cute-theme blockquote:after{content:"❞";font-size:20px;position:absolute;inset-inline-end:8px;inset-block-end:0;color:#409eff;opacity:.7}div.mk-cute-theme blockquote>p,div.mk-cute-theme blockquote ul li,div.mk-cute-theme blockquote ol li{color:var(--md-theme-quote-color)}.md-editor div.mk-cute-theme{--md-theme-table-color: #000;--md-theme-table-border-color: #f6f6f6;--md-theme-table-thead-bg-color: #f6f6f6;--md-theme-table-stripe-color: #fcfcfc}.md-editor-dark div.mk-cute-theme{--md-theme-table-color: inherit;--md-theme-table-border-color: #1c1c1c;--md-theme-table-thead-bg-color: rgba(28, 28, 28, .631372549);--md-theme-table-stripe-color: rgba(28, 28, 28, .631372549)}div.mk-cute-theme table{display:inline-block;width:auto;max-width:100%;overflow:auto;border:solid 1px var(--md-theme-table-border-color)}div.mk-cute-theme table thead{background-color:var(--md-theme-table-thead-bg-color);color:var(--md-theme-table-color);text-align:left}div.mk-cute-theme table tr th,div.mk-cute-theme table tr td{padding:12px 7px;line-height:24px;border:none}div.mk-cute-theme table tr td{min-width:120px}div.mk-cute-theme blockquote table tbody{color:var(--md-theme-color)}div.mk-cute-theme blockquote table tr{background-color:var(--md-theme-table-stripe-color)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.md-editor div.mk-cute-theme{--md-theme-color: #36ace1;background-image:linear-gradient(90deg,#323a4240 3%,#0000 3%),linear-gradient(360deg,#323a4240 3%,#0000 3%)}.md-editor-dark div.mk-cute-theme{background-image:linear-gradient(90deg,#d9eafb40 3%,#0000 3%),linear-gradient(360deg,#d9eafb40 3%,#0000 3%);--md-theme-bg-color-scrollbar-thumb: #4d4d4d}div.mk-cute-theme{word-break:break-word;line-height:1.75;font-weight:400;overflow-x:hidden;background-size:20px 20px;background-position:center center}div.mk-cute-theme hr{position:relative;width:98%;height:1px;border:none;margin-block-start:32px;margin-block-end:32px;background-image:linear-gradient(to right,#36ace1,#dff0fe,#36ace1);overflow:visible}div.mk-cute-theme del{color:#36ace1}.md-editor div.smart-blue-theme{--md-theme-code-inline-color: #d63200;--md-theme-code-inline-bg-color: #fff5f5;--md-theme-code-block-color: #333;--md-theme-code-block-bg-color: #f8f8f8;--md-theme-code-before-bg-color: var(--md-theme-code-block-bg-color)}.md-editor-dark div.smart-blue-theme{--md-theme-code-inline-color: #e06c75;--md-theme-code-inline-bg-color: #1a1a1a;--md-theme-code-block-color: #999;--md-theme-code-block-bg-color: #1a1a1a;--md-theme-code-before-bg-color: var(--md-theme-code-block-bg-color)}div.smart-blue-theme code{overflow-x:auto;padding:.065em .4em}div.smart-blue-theme .md-editor-code pre{font-family:Menlo,Monaco,Consolas,Courier New,monospace}div.smart-blue-theme .md-editor-code pre code{padding:22px 12px;margin:0;word-break:normal}div.smart-blue-theme .md-editor-code pre code span[rn-wrapper]{top:22px}.md-editor div.smart-blue-theme{--md-theme-heading-color: #135ce0}div.smart-blue-theme h1,div.smart-blue-theme h2,div.smart-blue-theme h3,div.smart-blue-theme h4,div.smart-blue-theme h5,div.smart-blue-theme h6{padding:30px 0;margin:0}div.smart-blue-theme h1 a,div.smart-blue-theme h2 a,div.smart-blue-theme h3 a,div.smart-blue-theme h4 a,div.smart-blue-theme h5 a,div.smart-blue-theme h6 a{border:none}div.smart-blue-theme h1{position:relative;text-align:center;font-size:22px;margin:50px 0}div.smart-blue-theme h2{position:relative;font-size:20px;border-inline-start:4px solid;padding:0 0 0 10px;margin:30px 0}div.smart-blue-theme h3{font-size:16px}div.smart-blue-theme img{margin:0 auto}.md-editor div.smart-blue-theme{--md-theme-link-color: #036aca}.md-editor-dark div.smart-blue-theme{--md-theme-link-color: #2d7dc7}div.smart-blue-theme a{font-weight:400}div.smart-blue-theme ul,div.smart-blue-theme ol{margin-block-start:1em}div.smart-blue-theme li{line-height:2;margin-block-end:0;list-style:inherit}div.smart-blue-theme p{line-height:2;font-weight:400}div.smart-blue-theme *+p{margin-block-start:16px}.md-editor div.smart-blue-theme{--md-theme-quote-color: #666;--md-theme-quote-bg-color: #fff9f9;--md-theme-quote-border-color: #b2aec5}.md-editor-dark div.smart-blue-theme{--md-theme-quote-color: #999;--md-theme-quote-bg-color: #2a2a2a;--md-theme-quote-border-color: #0063bb}div.smart-blue-theme blockquote{background-color:var(--md-theme-quote-bg-color);margin:2em 0;padding:2px 20px;border-inline-start:4px solid var(--md-theme-quote-border-color)}div.smart-blue-theme blockquote p{color:var(--md-theme-quote-color);line-height:2}.md-editor div.smart-blue-theme{--md-theme-table-td-border-color: #dfe2e5;--md-theme-table-stripe-color: #f6f8fa}.md-editor-dark div.smart-blue-theme{--md-theme-table-td-border-color: #2d2d2d;--md-theme-table-stripe-color: #0c0c0c}div.smart-blue-theme table{border-collapse:collapse;margin:1rem 0;overflow-x:auto}div.smart-blue-theme table tr th,div.smart-blue-theme table tr td{padding:.6em 1em}div.smart-blue-theme blockquote table{line-height:initial}div.smart-blue-theme blockquote table tr th,div.smart-blue-theme blockquote table tr td{border-color:var(--md-theme-border-color-inset)}div.smart-blue-theme blockquote table tbody tr:nth-child(n){background-color:inherit}.md-editor div.smart-blue-theme{--md-theme-color: #595959}.md-editor div.smart-blue-theme{background-image:linear-gradient(90deg,#3c0a1e0a 3%,#0000 3%),linear-gradient(360deg,#3c0a1e0a 3%,#0000 3%)}.md-editor-dark div.smart-blue-theme{--md-theme-color: #999}.md-editor-dark div.smart-blue-theme{background-image:linear-gradient(90deg,#cfcfcf0a 3%,#fff0 3%),linear-gradient(360deg,#cfcfcf0a 3%,#fff0 3%)}div.smart-blue-theme{color:var(--md-theme-color);font-family:-apple-system,system-ui,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;background-size:20px 20px;background-position:center center}div.smart-blue-theme strong,div.smart-blue-theme em strong{color:#036aca}div.smart-blue-theme hr{border-block-start:1px solid #135ce0}.md-editor-checkbox{cursor:pointer;width:12px;height:12px;border:1px solid var(--md-border-color);background-color:var(--md-bk-color-outstand);border-radius:2px;line-height:1;text-align:center}.md-editor-checkbox:after{content:"";font-weight:700}.md-editor-checkbox-checked:after{content:"✓"}.md-editor-divider{position:relative;display:inline-block;width:1px;inset-block-start:.1em;height:.9em;margin-block:0;margin-inline:8px;background-color:var(--md-border-color)}.md-editor-dropdown{overflow:hidden;box-sizing:border-box;position:absolute;transition:all .3s;opacity:1;z-index:20000;background-color:var(--md-bk-color)}.md-editor-dropdown-hidden{opacity:0;visibility:hidden}.md-editor-dropdown-overlay{margin-block-start:6px}.md-editor-modal-mask{position:fixed;inset-block-start:0;inset-inline-end:0;inset-block-end:0;inset-inline-start:0;z-index:20000;height:100%;background-color:var(--md-modal-mask)}.md-editor-modal{display:block;background-color:var(--md-bk-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;border-radius:3px;border:1px solid var(--md-border-color);position:fixed;z-index:20001;box-shadow:var(--md-modal-shadow)}.md-editor-modal-header{cursor:grab;display:flex;justify-content:space-between;padding-block:10px;padding-inline:24px;color:var(--md-color);font-weight:600;font-size:16px;line-height:22px;word-wrap:break-word;-webkit-user-select:none;user-select:none;border-block-end:1px solid var(--md-border-color);position:relative}.md-editor-modal-body{padding-block:20px;padding-inline:20px;font-size:14px;word-wrap:break-word;height:calc(100% - 43px);box-sizing:border-box}.md-editor-modal .md-editor-modal-func{position:absolute;inset-block-start:10px;inset-inline-end:10px}.md-editor-modal .md-editor-modal-func .md-editor-modal-adjust,.md-editor-modal .md-editor-modal-func .md-editor-modal-close{cursor:pointer;width:24px;height:24px;line-height:24px;text-align:center;display:inline-block}.md-editor-modal .md-editor-modal-func .md-editor-modal-adjust{padding-inline-end:10px}.animation{animation-duration:.15s;animation-fill-mode:forwards}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoom-in{animation-name:zoomIn;animation-duration:.15s;animation-fill-mode:forwards}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoom-out{animation-name:zoomOut;animation-duration:.15s;animation-fill-mode:forwards}.md-editor-custom-scrollbar{position:relative;overflow:hidden;height:100%}.md-editor-custom-scrollbar__track{position:absolute;inset-block-start:0;inset-inline-end:0;width:6px;height:100%;background:var(--md-scrollbar-bg-color)}.md-editor-custom-scrollbar__thumb{position:absolute;width:6px;background:var(--md-scrollbar-thumb-color);border-radius:4px;cursor:pointer;transition:background .2s}.md-editor-custom-scrollbar__thumb:hover{background:var(--md-scrollbar-thumb-hover-color)}.md-editor-content{direction:ltr;position:relative;display:flex;flex:1;height:0;flex-shrink:0}.md-editor-content-wrapper{display:flex;flex:1;width:0;position:relative}.md-editor-resize-operate{position:absolute;width:2px;height:100%;background-color:var(--md-bk-color);z-index:1;cursor:col-resize}.md-editor-input-wrapper{height:100%;box-sizing:border-box}.md-editor-preview-wrapper{position:relative;height:100%;box-sizing:border-box;overflow:auto;scrollbar-width:none}[dir=rtl] .md-editor-preview-wrapper{direction:rtl}.md-editor-preview-wrapper::-webkit-scrollbar{display:none}.md-editor-html{font-size:16px;word-break:break-all}.md-editor-catalog-editor{position:relative;overflow-x:hidden;overflow-y:auto;height:100%;background-color:var(--md-bk-color);border-inline-start:1px solid var(--md-border-color);width:200px;box-sizing:border-box;margin-block:0;margin-inline:0;padding-block:5px;padding-inline:10px;font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;font-feature-settings:"tnum";scrollbar-width:none}.md-editor-catalog-editor::-webkit-scrollbar{display:none}.md-editor-catalog-fixed{position:absolute;inset-block-start:0;inset-inline-end:0;z-index:10002}.md-editor-catalog-flat{position:initial;flex-shrink:0}.md-editor-footer{height:24px;flex-shrink:0;font-size:12px;color:var(--md-color);border-block-start:1px solid var(--md-border-color);display:flex;justify-content:space-between}.md-editor-footer-item{display:inline-flex;align-items:center;height:100%;padding-block:0;padding-inline:10px}.md-editor-footer-item+.md-editor-footer-item{padding-inline-start:0}.md-editor-footer-label{padding-inline-end:5px;line-height:1}.md-editor-clip{position:relative;display:flex;height:calc(100% - 52px)}.md-editor-clip-main,.md-editor-clip-preview{width:50%;height:100%;border:1px solid var(--md-border-color)}.md-editor-clip-main{margin-inline-end:1em}.md-editor-clip-main .md-editor-clip-cropper{position:relative;width:100%;height:100%}.md-editor-clip-main .md-editor-clip-cropper .md-editor-clip-delete{position:absolute;inset-block-start:0;inset-inline-end:0;font-size:0;background-color:var(--md-bk-color-outstand);border-bottom-left-radius:4px;color:var(--md-color);cursor:pointer}.md-editor-clip-main .md-editor-clip-upload{display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer}.md-editor-clip-main .md-editor-clip-upload .md-editor-icon,.md-editor-clip-main .md-editor-clip-upload .md-editor-iconfont{width:auto;height:40px;font-size:40px}.md-editor-clip-preview-target{width:100%;height:100%;overflow:hidden}.md-editor-form-item{margin-block-end:20px;text-align:center}.md-editor-form-item:last-of-type{margin-block-end:0}.md-editor-label{font-size:14px;color:var(--md-color);width:80px;text-align:center;display:inline-block}.md-editor-input{border-radius:4px;padding-block:4px;padding-inline:11px;color:var(--md-color);font-size:14px;line-height:1.5715;background-color:var(--md-bk-color);background-image:none;border:1px solid var(--md-border-color);transition:all .2s}.md-editor-input:focus,.md-editor-input:hover{border-color:var(--md-border-hover-color);outline:0}.md-editor-input:focus{border-color:var(--md-border-active-color)}.md-editor-btn{font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;border:1px solid var(--md-border-color);white-space:nowrap;-webkit-user-select:none;user-select:none;height:32px;padding-block:0;padding-inline:15px;font-size:14px;border-radius:4px;transition:all .2s linear;color:var(--md-color);background-color:var(--md-bk-color);border-color:var(--md-border-color);margin-inline-start:10px}.md-editor-btn:first-of-type{margin-inline-start:0}.md-editor-btn:hover{color:var(--md-hover-color);background-color:var(--md-bk-color);border-color:var(--md-border-hover-color)}.md-editor-btn-row{width:100%}@media (max-width: 688px){.md-editor-modal-clip .md-editor-modal{max-width:calc(100% - 20px);max-height:calc(100% - 20px);margin-block:10px;margin-inline:10px;inset-inline-start:0!important}.md-editor-modal-clip .md-editor-clip{flex-direction:column}.md-editor-modal-clip .md-editor-clip-main,.md-editor-modal-clip .md-editor-clip-preview{width:100%;height:0;flex:1}.md-editor-modal-clip .md-editor-clip-main{margin-block-end:1em}}.md-editor-menu{margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;border-radius:3px;border:1px solid var(--md-border-color);background-color:inherit}.md-editor-menu-item{list-style:none;font-size:12px;color:var(--md-color);padding-block:4px;padding-inline:10px;cursor:pointer;line-height:16px}.md-editor-menu-item:first-of-type{padding-block-start:8px}.md-editor-menu-item:last-of-type{padding-block-end:8px}.md-editor-menu-item:hover{background-color:var(--md-bk-hover-color)}.md-editor-table-shape{padding-block:4px;padding-inline:4px;border-radius:3px;border:1px solid var(--md-border-color);display:flex;flex-direction:column}.md-editor-table-shape-row{display:flex}.md-editor-table-shape-col{padding-block:2px;padding-inline:2px;cursor:pointer}.md-editor-table-shape-col-default{width:16px;height:16px;background-color:#e0e0e0;border-radius:3px;transition:all .2s}.md-editor-table-shape-col-include{background-color:#aaa}.md-editor-toolbar-wrapper{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;flex-shrink:0;padding-block:4px;padding-inline:4px;border-block-end:1px solid var(--md-border-color)}.md-editor-toolbar-wrapper::-webkit-scrollbar{height:0!important}.md-editor-toolbar{display:flex;justify-content:space-between;align-items:center;box-sizing:content-box}.md-editor-toolbar-item{color:var(--md-color);display:flex;flex-direction:column;align-items:center;margin-block:0;margin-inline:2px;padding-block:0;padding-inline:2px;transition:all .3s;border-radius:3px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;text-align:center;border:none;background-color:transparent}.md-editor-toolbar-item-name{font-size:12px;word-break:keep-all;white-space:nowrap}.md-editor-toolbar-item:not([disabled]):hover{background-color:var(--md-bk-color-outstand)}.md-editor-toolbar-active{background-color:var(--md-bk-color-outstand)}.md-editor-toolbar-left,.md-editor-toolbar-right{padding-block:1px;padding-inline:0;display:flex;align-items:center}.md-editor .md-editor-stn .md-editor-toolbar-item{padding-block:0;padding-inline:6px}.md-editor-dark .md-editor-table-shape-col-default{background-color:#222}.md-editor-dark .md-editor-table-shape-col-include{background-color:#555}.md-editor-floating-toolbar{padding-block:4px;padding-inline:4px;display:flex;align-items:center}.md-editor-floating-toolbar-container{opacity:0;transition:opacity .12s ease-out;transition-delay:20ms;will-change:opacity}.md-editor-floating-toolbar-container[data-state=visible]{opacity:1}.md-editor-floating-toolbar-container .cm-tooltip-arrow{transition:opacity .12s ease-out;opacity:0}.md-editor-floating-toolbar-container[data-state=visible] .cm-tooltip-arrow{opacity:1}.md-editor .cm-editor{direction:ltr;font-size:14px;height:100%}.md-editor .cm-editor.cm-focused{outline:none}.md-editor .cm-editor .cm-tooltip.cm-tooltip-autocomplete{border-radius:3px}.md-editor .cm-editor .cm-tooltip.cm-tooltip-autocomplete>ul{border-radius:3px;min-width:fit-content;max-width:fit-content}.md-editor .cm-editor .cm-tooltip.cm-tooltip-autocomplete>ul li{background-color:var(--md-bk-color);color:var(--md-color);padding-block:4px;padding-inline:10px;line-height:16px}.md-editor .cm-editor .cm-tooltip.cm-tooltip-autocomplete>ul li .cm-completionIcon{width:auto}.md-editor .cm-editor .cm-tooltip.cm-tooltip-autocomplete>ul li[aria-selected]{background-color:var(--md-bk-hover-color)}.md-editor .cm-editor .cm-tooltip.cm-tooltip-autocomplete .cm-completionInfo{margin-block-start:-2px;margin-inline-start:3px;padding-block:4px;padding-inline:9px;border-radius:3px;overflow:hidden;background-color:var(--md-bk-hover-color);color:var(--md-color)}.md-editor .cm-scroller{scrollbar-width:none}.md-editor .cm-scroller::-webkit-scrollbar{display:none}.md-editor .cm-scroller .cm-content[contenteditable=true]{margin-block:10px;margin-inline:10px;min-height:calc(100% - 20px)}.md-editor .cm-scroller .cm-gutters+.cm-content[contenteditable=true]{margin-block:0;margin-inline:0;min-height:100%}.md-editor .cm-scroller .cm-line{line-height:inherit}.md-editor .ͼ1 .cm-scroller{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;line-height:20px}.md-editor .cm-search .cm-textfield{border-radius:4px;padding-block:4px;padding-inline:11px;color:var(--md-color);font-size:10px;background-image:none;border:1px solid var(--md-border-color);transition:all .2s}.md-editor .cm-search .cm-textfield:focus,.md-editor .cm-search .cm-textfield:hover{border-color:var(--md-border-hover-color);outline:0}.md-editor .cm-search .cm-textfield:focus{border-color:var(--md-border-active-color)}.md-editor .cm-search .cm-button{font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;border:1px solid var(--md-border-color);white-space:nowrap;-webkit-user-select:none;user-select:none;height:20px;padding-block:0;padding-inline:15px;font-size:10px;border-radius:4px;transition:all .2s linear;color:var(--md-color);background-color:inherit;background-image:none;border-color:var(--md-border-color)}.md-editor .cm-search .cm-button:first-of-type{margin-inline-start:0}.md-editor .cm-search .cm-button:hover{color:var(--md-hover-color);background-color:inherit;border-color:var(--md-border-hover-color)}.md-editor .cm-search input[type=checkbox]{vertical-align:sub}.md-editor .cm-search input[type=checkbox]:after{display:block;content:"";font-weight:700;cursor:pointer;width:12px;height:12px;border:1px solid var(--md-border-color);background-color:var(--md-bk-color-outstand);border-radius:2px;line-height:1;text-align:center}.md-editor .cm-search input[type=checkbox]:checked:after{content:"✓";color:var(--md-color)}.md-editor .cm-search button[name=close]{color:inherit;cursor:pointer;inset-block-end:6px}[dir=rtl] .md-editor-catalog{direction:rtl}.md-editor-catalog-indicator{height:18px;width:4px;background-color:#73d13d;position:absolute;border-radius:4px;transition:top .3s}.md-editor-catalog>.md-editor-catalog-link{padding-block:5px;padding-inline:8px}.md-editor-catalog-link{padding-block:5px;padding-inline-start:1em;display:flex;flex-direction:column}.md-editor-catalog-link span{display:inline-block;width:100%;position:relative;overflow:hidden;color:var(--md-color);white-space:nowrap;text-overflow:ellipsis;transition:color .3s;cursor:pointer;line-height:18px}.md-editor-catalog-link span:hover{color:#73d13d}.md-editor-catalog-wrapper>.md-editor-catalog-link{padding-block-start:5px;padding-block-end:5px}.md-editor-catalog-wrapper>.md-editor-catalog-link:first-of-type{padding-block-start:10px}.md-editor-catalog-wrapper>.md-editor-catalog-link:last-of-type{padding-block-end:0}.md-editor-catalog-active>span{color:#73d13d}.md-editor-catalog-dark{--md-color: #999;--md-hover-color: #bbb;--md-bk-color: #000;--md-bk-color-outstand: #333;--md-bk-hover-color: #1b1a1a;--md-border-color: #2d2d2d;--md-border-hover-color: #636262;--md-border-active-color: #777;--md-modal-mask: #00000073;--md-modal-shadow: 0px 6px 24px 2px #00000066;--md-scrollbar-bg-color: #0f0f0f;--md-scrollbar-thumb-color: #2d2d2d;--md-scrollbar-thumb-hover-color: #3a3a3a;--md-scrollbar-thumb-active-color: #3a3a3a}.md-editor{--md-color: #3f4a54;--md-hover-color: #000;--md-bk-color: #fff;--md-bk-color-outstand: #f2f2f2;--md-bk-hover-color: #f5f7fa;--md-border-color: #e6e6e6;--md-border-hover-color: #b9b9b9;--md-border-active-color: #999;--md-modal-mask: #00000073;--md-modal-shadow: 0px 6px 24px 2px #00000019;--md-scrollbar-bg-color: #e2e2e2;--md-scrollbar-thumb-color: #0000004d;--md-scrollbar-thumb-hover-color: #00000059;--md-scrollbar-thumb-active-color: #00000061;color:var(--md-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI Variable,Segoe UI,system-ui,ui-sans-serif,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";width:100%;height:500px;position:relative;box-sizing:border-box;border:1px solid var(--md-border-color);display:flex;flex-direction:column;overflow:hidden;background-color:var(--md-bk-color)}.md-editor .md-editor-fullscreen{position:fixed!important;inset-block-start:0;inset-inline-end:0;inset-block-end:0;inset-inline-start:0;width:auto!important;height:auto!important;z-index:10000}svg.md-editor-icon{width:16px;height:16px;padding-block:4px;padding-inline:4px;fill:none;overflow:hidden;display:block;box-sizing:content-box}.md-editor .lucide-list-icon,.md-editor .lucide-list-ordered-icon,.md-editor .lucide-list-todo-icon{width:18px;height:18px;padding-block:3px;padding-inline:3px}.md-editor-preview{font-size:16px;word-break:break-all;display:flow-root;padding-block:10px;padding-inline:20px}.md-editor-modal-container{--md-color: #3f4a54;--md-hover-color: #000;--md-bk-color: #fff;--md-bk-color-outstand: #f2f2f2;--md-bk-hover-color: #f5f7fa;--md-border-color: #e6e6e6;--md-border-hover-color: #b9b9b9;--md-border-active-color: #999;--md-modal-mask: #00000073;--md-modal-shadow: 0px 6px 24px 2px #00000019;--md-scrollbar-bg-color: #e2e2e2;--md-scrollbar-thumb-color: #0000004d;--md-scrollbar-thumb-hover-color: #00000059;--md-scrollbar-thumb-active-color: #00000061;color:var(--md-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI Variable,Segoe UI,system-ui,ui-sans-serif,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}.md-editor-modal-container .lucide-xicon{width:20px;height:20px;padding-block:2px;padding-inline:2px}.md-editor-previewOnly{border:none;height:auto;overflow:visible}.md-editor-previewOnly .md-editor-content{height:100%}.md-editor-previewOnly .md-editor-preview{padding-block:0;padding-inline:0}.md-editor-previewOnly .md-editor-preview-wrapper{overflow:visible}.md-editor-dark,.md-editor-modal-container[data-theme=dark]{--md-color: #999;--md-hover-color: #bbb;--md-bk-color: #000;--md-bk-color-outstand: #333;--md-bk-hover-color: #1b1a1a;--md-border-color: #2d2d2d;--md-border-hover-color: #636262;--md-border-active-color: #777;--md-modal-mask: #00000073;--md-modal-shadow: 0px 6px 24px 2px #00000066;--md-scrollbar-bg-color: #0f0f0f;--md-scrollbar-thumb-color: #2d2d2d;--md-scrollbar-thumb-hover-color: #3a3a3a;--md-scrollbar-thumb-active-color: #3a3a3a}.medium-zoom-overlay,.medium-zoom-image--opened{z-index:100001}.md-editor-fullscreen{position:fixed!important;inset-block-start:0;inset-inline-end:0;inset-block-end:0;inset-inline-start:0;width:auto!important;height:auto!important;z-index:10000}.md-editor-disabled{cursor:not-allowed!important;opacity:.6}

.editor[data-v-2ca9f2f5] {
  --brand: #50868a;
  --brand-light: #58989a;
  --brand-dark: #3d6b6e;
  --brand-bg: color-mix(in srgb, #58989a 40%, #f6f7f8);
  --brand-subtle: color-mix(in srgb, #58989a 15%, #ffffff);
  --ink: rgba(15, 23, 42, 0.92);
  --ink-secondary: rgba(15, 23, 42, 0.65);
  --muted: rgba(15, 23, 42, 0.45);
  --border: rgba(15, 23, 42, 0.06);
  --border-strong: rgba(15, 23, 42, 0.12);
  --surface: #ffffff;
  --surface-raised: #fafafa;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);

  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  background: var(--surface);
  overflow: hidden;
}

/* ========== Header ========== */
.editor-header[data-v-2ca9f2f5] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 20px;
  border-bottom: 1px solid var(--border);
  background: var(--surface);
}
.header-content[data-v-2ca9f2f5] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.doc-badge[data-v-2ca9f2f5] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  padding: 4px 10px;
  background: var(--brand-subtle);
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--brand);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.doc-badge i[data-v-2ca9f2f5] {
  font-size: 0.625rem;
}
.doc-title[data-v-2ca9f2f5] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.3;
}
.doc-meta[data-v-2ca9f2f5] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8125rem;
  color: var(--muted);
}
.doc-meta i[data-v-2ca9f2f5] {
  font-size: 0.75rem;
}

/* ========== Header Actions ========== */
.header-actions[data-v-2ca9f2f5] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.btn-primary[data-v-2ca9f2f5],
.btn-secondary[data-v-2ca9f2f5] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: var(--radius-md);
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  transition: var(--transition);
}
.btn-primary[data-v-2ca9f2f5] {
  border: none;
  background: linear-gradient(135deg, var(--brand-light) 0%, var(--brand) 100%);
  color: #fff;
  box-shadow: var(--shadow-sm);
}
.btn-primary[data-v-2ca9f2f5]:hover:not(:disabled) {
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}
.btn-primary[data-v-2ca9f2f5]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-primary i[data-v-2ca9f2f5] {
  font-size: 0.75rem;
}
.btn-secondary[data-v-2ca9f2f5] {
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--ink-secondary);
}
.btn-secondary[data-v-2ca9f2f5]:hover:not(:disabled) {
  border-color: var(--border-strong);
  background: var(--surface-raised);
  color: var(--ink);
}
.btn-secondary[data-v-2ca9f2f5]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-secondary i[data-v-2ca9f2f5] {
  font-size: 0.6875rem;
}

/* ========== Editor Body ========== */
.editor-body[data-v-2ca9f2f5] {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding: 16px;
  background: var(--surface-raised);
}
.md-editor-instance[data-v-2ca9f2f5] {
  height: 100%;
}

/* ========== md-editor-v3 Deep Styling ========== */
[data-v-2ca9f2f5] .md-editor {
  height: 100%;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}
[data-v-2ca9f2f5] .md-editor-toolbar {
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  padding: 8px 12px;
}
[data-v-2ca9f2f5] .md-editor-toolbar-wrapper {
  flex-wrap: wrap;
  gap: 4px;
}
[data-v-2ca9f2f5] .md-editor-toolbar-item {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-sm);
  color: var(--ink-secondary);
  transition: var(--transition-fast);
}
[data-v-2ca9f2f5] .md-editor-toolbar-item:hover {
  background: var(--brand-subtle);
  color: var(--brand);
}
[data-v-2ca9f2f5] .md-editor-toolbar-item.active {
  background: var(--brand-subtle);
  color: var(--brand);
}
[data-v-2ca9f2f5] .md-editor-toolbar-divider {
  background: var(--border);
  margin: 0 8px;
}
[data-v-2ca9f2f5] .md-editor-content {
  height: calc(100% - 52px);
}
[data-v-2ca9f2f5] .md-editor-input-wrapper {
  background: var(--surface);
}
[data-v-2ca9f2f5] .md-editor-input-wrapper textarea {
  font-family: 'JetBrains Mono', 'Fira Code', 'Monaco', monospace;
  font-size: 0.9375rem;
  line-height: 1.7;
  color: var(--ink);
}
[data-v-2ca9f2f5] .md-editor-input-wrapper textarea::placeholder {
  color: var(--muted);
}
[data-v-2ca9f2f5] .md-editor-preview-wrapper {
  background: var(--surface);
  padding: 20px 24px;
}
[data-v-2ca9f2f5] .md-editor-preview {
  font-size: 0.9375rem;
  line-height: 1.7;
  color: var(--ink);
}
[data-v-2ca9f2f5] .md-editor-preview h1,[data-v-2ca9f2f5] .md-editor-preview h2,[data-v-2ca9f2f5] .md-editor-preview h3,[data-v-2ca9f2f5] .md-editor-preview h4 {
  color: var(--ink);
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
[data-v-2ca9f2f5] .md-editor-preview h1 {
  font-size: 1.5rem;
  padding-bottom: 0.3em;
  border-bottom: 1px solid var(--border);
}
[data-v-2ca9f2f5] .md-editor-preview h2 {
  font-size: 1.25rem;
  padding-bottom: 0.3em;
  border-bottom: 1px solid var(--border);
}
[data-v-2ca9f2f5] .md-editor-preview code {
  background: var(--surface-raised);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.875em;
  color: var(--brand-dark);
}
[data-v-2ca9f2f5] .md-editor-preview pre {
  background: var(--surface-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 16px;
  overflow-x: auto;
}
[data-v-2ca9f2f5] .md-editor-preview pre code {
  background: none;
  padding: 0;
}
[data-v-2ca9f2f5] .md-editor-preview blockquote {
  border-left: 4px solid var(--brand);
  margin: 1em 0;
  padding: 0.5em 1em;
  background: var(--brand-subtle);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  color: var(--ink-secondary);
}
[data-v-2ca9f2f5] .md-editor-preview table {
  width: 100%;
  border-collapse: collapse;
  margin: 1em 0;
}
[data-v-2ca9f2f5] .md-editor-preview th,[data-v-2ca9f2f5] .md-editor-preview td {
  border: 1px solid var(--border);
  padding: 10px 14px;
  text-align: left;
}
[data-v-2ca9f2f5] .md-editor-preview th {
  background: var(--surface-raised);
  font-weight: 600;
}
[data-v-2ca9f2f5] .md-editor-preview a {
  color: var(--brand);
  text-decoration: none;
}
[data-v-2ca9f2f5] .md-editor-preview a:hover {
  text-decoration: underline;
}
[data-v-2ca9f2f5] .md-editor-preview ul,[data-v-2ca9f2f5] .md-editor-preview ol {
  padding-left: 1.5em;
  margin: 0.5em 0;
}
[data-v-2ca9f2f5] .md-editor-preview li {
  margin: 0.25em 0;
}
[data-v-2ca9f2f5] .md-editor-preview hr {
  border: none;
  border-top: 1px solid var(--border);
  margin: 2em 0;
}

/* ========== Empty State ========== */
.editor-empty[data-v-2ca9f2f5] {
  align-items: center;
  justify-content: center;
  background: var(--surface-raised);
}
.empty-state[data-v-2ca9f2f5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 40px 24px;
  max-width: 400px;
}
.empty-icon[data-v-2ca9f2f5] {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--surface);
  border: 2px dashed var(--border-strong);
  border-radius: 50%;
  margin-bottom: 20px;
  color: var(--muted);
  font-size: 1.75rem;
}
.empty-state h3[data-v-2ca9f2f5] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--ink);
}
.empty-state p[data-v-2ca9f2f5] {
  margin: 8px 0 0;
  font-size: 0.875rem;
  color: var(--ink-secondary);
  line-height: 1.5;
}

/* ========== Responsive ========== */
@media (max-width: 768px) {
.editor-header[data-v-2ca9f2f5] {
    flex-direction: column;
    gap: 16px;
    padding: 16px;
}
.header-actions[data-v-2ca9f2f5] {
    width: 100%;
}
.btn-primary[data-v-2ca9f2f5],
  .btn-secondary[data-v-2ca9f2f5] {
    flex: 1;
    justify-content: center;
}
.editor-body[data-v-2ca9f2f5] {
    padding: 12px;
}
.doc-title[data-v-2ca9f2f5] {
    font-size: 1.125rem;
}
}
@media (max-width: 480px) {
.header-actions[data-v-2ca9f2f5] {
    flex-direction: column-reverse;
}
.btn-primary[data-v-2ca9f2f5],
  .btn-secondary[data-v-2ca9f2f5] {
    width: 100%;
}
.btn-secondary span[data-v-2ca9f2f5],
  .btn-primary span[data-v-2ca9f2f5] {
    display: inline;
}
[data-v-2ca9f2f5] .md-editor-toolbar {
    padding: 6px 8px;
}
[data-v-2ca9f2f5] .md-editor-toolbar-item {
    width: 28px;
    height: 28px;
}
}

.docs[data-v-ad778321] {
  --brand: #50868a;
  --brand-light: #58989a;
  --brand-dark: #3d6b6e;
  --brand-bg: color-mix(in srgb, #58989a 40%, #f6f7f8);
  --brand-subtle: color-mix(in srgb, #58989a 15%, #ffffff);
  --ink: rgba(15, 23, 42, 0.92);
  --ink-secondary: rgba(15, 23, 42, 0.65);
  --muted: rgba(15, 23, 42, 0.45);
  --border: rgba(15, 23, 42, 0.06);
  --border-strong: rgba(15, 23, 42, 0.12);
  --surface: #ffffff;
  --surface-raised: #fafafa;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);

  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: var(--surface-raised);
  overflow: hidden;
}

/* ========== Header ========== */
.docs-header[data-v-ad778321] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 12px;
  background: linear-gradient(135deg, var(--brand-light) 0%, var(--brand) 100%);
  color: #fff;
}
.header-search[data-v-ad778321] {
  flex: 1;
  max-width: 280px;
  position: relative;
  display: flex;
  align-items: center;
}
.header-search > i[data-v-ad778321] {
  position: absolute;
  left: 8px;
  font-size: 0.6875rem;
  color: rgba(255, 255, 255, 0.6);
  pointer-events: none;
}
.search-input[data-v-ad778321] {
  width: 100%;
  padding: 5px 28px 5px 26px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 500;
  outline: none;
  transition: var(--transition);
}
.search-input[data-v-ad778321]::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.search-input[data-v-ad778321]:focus {
  background: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.4);
}
.search-clear[data-v-ad778321] {
  position: absolute;
  right: 3px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.625rem;
  cursor: pointer;
  transition: var(--transition-fast);
}
.search-clear[data-v-ad778321]:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.header-actions[data-v-ad778321] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.nav-link[data-v-ad778321] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.6875rem;
  font-weight: 500;
  cursor: pointer;
  transition: var(--transition-fast);
}
.nav-link[data-v-ad778321]:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}
.nav-link i[data-v-ad778321] {
  font-size: 0.6875rem;
}
.create-btn[data-v-ad778321] {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  border: none;
  border-radius: var(--radius-sm);
  background: #fff;
  color: var(--brand-dark);
  font-size: 0.6875rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: var(--shadow-sm);
  transition: var(--transition);
}
.create-btn[data-v-ad778321]:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}
.create-btn[data-v-ad778321]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.create-btn i[data-v-ad778321] {
  font-size: 0.5625rem;
}
.create-btn-mobile[data-v-ad778321],
.sidebar-toggle[data-v-ad778321] {
  display: none;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-size: 0.75rem;
  cursor: pointer;
  transition: var(--transition-fast);
}
.create-btn-mobile[data-v-ad778321]:hover,
.sidebar-toggle[data-v-ad778321]:hover {
  background: rgba(255, 255, 255, 0.2);
}
.create-btn-mobile[data-v-ad778321]:disabled {
  opacity: 0.5;
}

/* ========== Container ========== */
.docs-container[data-v-ad778321] {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 16px;
  padding: 16px;
  position: relative;
}

/* ========== Sidebar ========== */
.docs-sidebar[data-v-ad778321] {
  min-height: 0;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.sidebar-overlay[data-v-ad778321] {
  display: none;
}

/* ========== Main ========== */
.docs-main[data-v-ad778321] {
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* ========== Status Banners ========== */
.status-banner[data-v-ad778321] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  font-weight: 500;
}
.status-banner i[data-v-ad778321] {
  font-size: 0.9375rem;
}
.status-banner.loading[data-v-ad778321] {
  background: var(--brand-subtle);
  border: 1px solid color-mix(in srgb, var(--brand) 20%, transparent);
  color: var(--brand-dark);
}
.status-banner.error[data-v-ad778321] {
  background: rgba(220, 38, 38, 0.08);
  border: 1px solid rgba(220, 38, 38, 0.2);
  color: #dc2626;
}
.status-banner span[data-v-ad778321] {
  flex: 1;
}
.banner-action[data-v-ad778321] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: inherit;
  cursor: pointer;
  transition: var(--transition-fast);
}
.banner-action[data-v-ad778321]:hover {
  background: rgba(220, 38, 38, 0.1);
}

/* ========== Transitions ========== */
.fade-enter-active[data-v-ad778321],
.fade-leave-active[data-v-ad778321] {
  transition: opacity var(--transition);
}
.fade-enter-from[data-v-ad778321],
.fade-leave-to[data-v-ad778321] {
  opacity: 0;
}

/* ========== Responsive ========== */
@media (max-width: 1024px) {
.docs-container[data-v-ad778321] {
    grid-template-columns: 240px 1fr;
    gap: 12px;
    padding: 12px;
}
.nav-link span[data-v-ad778321] {
    display: none;
}
.nav-link[data-v-ad778321] {
    padding: 8px 10px;
}
}
@media (max-width: 768px) {
.docs-header[data-v-ad778321] {
    padding: 6px 10px;
    gap: 8px;
}
.header-search[data-v-ad778321] {
    flex: 1;
    max-width: none;
}
.header-actions[data-v-ad778321] {
    display: none;
}
.create-btn-mobile[data-v-ad778321],
  .sidebar-toggle[data-v-ad778321] {
    display: flex;
}
.docs-container[data-v-ad778321] {
    grid-template-columns: 1fr;
    padding: 12px;
}
.docs-sidebar[data-v-ad778321] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 280px;
    z-index: 100;
    border-radius: 0;
    border: none;
    transform: translateX(-100%);
    transition: transform var(--transition-slow);
    box-shadow: var(--shadow-lg);
}
.docs-sidebar.open[data-v-ad778321] {
    transform: translateX(0);
}
.sidebar-overlay[data-v-ad778321] {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
}
}
@media (max-width: 480px) {
.docs-header[data-v-ad778321] {
    padding: 5px 8px;
}
.search-input[data-v-ad778321] {
    padding: 4px 24px 4px 22px;
    font-size: 0.6875rem;
}
.header-search > i[data-v-ad778321] {
    left: 6px;
    font-size: 0.625rem;
}
.search-clear[data-v-ad778321] {
    width: 18px;
    height: 18px;
    right: 2px;
}
.create-btn-mobile[data-v-ad778321],
  .sidebar-toggle[data-v-ad778321] {
    width: 26px;
    height: 26px;
    font-size: 0.6875rem;
}
.docs-container[data-v-ad778321] {
    padding: 8px;
}
.status-banner[data-v-ad778321] {
    padding: 6px 8px;
    font-size: 0.6875rem;
}
}

/* ========== Scrollbar ========== */
.docs-sidebar[data-v-ad778321]::-webkit-scrollbar {
  width: 5px;
}
.docs-sidebar[data-v-ad778321]::-webkit-scrollbar-track {
  background: transparent;
}
.docs-sidebar[data-v-ad778321]::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: 3px;
}

.project-files[data-v-8eff72c0] {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--bg-primary);
  color: var(--text-primary);
}

/* ===== Header ===== */
.files-header[data-v-8eff72c0] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  background: var(--bg-secondary);
  border-bottom: 1px solid var(--border-light);
}
.header-left[data-v-8eff72c0] {
  flex: 1;
  max-width: 320px;
}
.search-box[data-v-8eff72c0] {
  position: relative;
  display: flex;
  align-items: center;
}
.search-box i[data-v-8eff72c0] {
  position: absolute;
  left: 12px;
  color: var(--text-muted);
  font-size: 0.8125rem;
}
.search-box input[data-v-8eff72c0] {
  width: 100%;
  padding: 10px 14px 10px 36px;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  color: var(--text-primary);
  outline: none;
  transition: all 150ms;
}
.search-box input[data-v-8eff72c0]::placeholder { color: var(--text-muted);
}
.search-box input[data-v-8eff72c0]:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-subtle);
}
.header-right[data-v-8eff72c0] {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Filter Dropdown */
.filter-dropdown[data-v-8eff72c0] { position: relative;
}
.filter-btn[data-v-8eff72c0] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 150ms;
}
.filter-btn[data-v-8eff72c0]:hover,
.filter-btn.active[data-v-8eff72c0] {
  border-color: var(--brand);
  color: var(--text-primary);
}
.filter-btn i[data-v-8eff72c0]:last-child { font-size: 0.625rem; margin-left: 4px;
}
.dropdown-menu[data-v-8eff72c0] {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 50;
  min-width: 180px;
  padding: 6px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
}
.dropdown-item[data-v-8eff72c0] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  font-size: 0.8125rem;
  color: var(--text-primary);
  cursor: pointer;
  transition: all 100ms;
}
.dropdown-item[data-v-8eff72c0]:hover { background: var(--bg-tertiary);
}
.dropdown-item.active[data-v-8eff72c0] { background: var(--brand-subtle); color: var(--brand);
}
.dropdown-item i[data-v-8eff72c0] { width: 16px; color: var(--text-muted);
}
.dropdown-item.active i[data-v-8eff72c0] { color: var(--brand);
}
.dropdown-item .count[data-v-8eff72c0] { margin-left: auto; font-size: 0.6875rem; color: var(--text-muted);
}

/* View Toggle */
.view-toggle[data-v-8eff72c0] {
  display: flex;
  padding: 4px;
  background: var(--bg-tertiary);
  border-radius: var(--radius-sm);
}
.view-btn[data-v-8eff72c0] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  color: var(--text-muted);
  cursor: pointer;
  transition: all 150ms;
}
.view-btn[data-v-8eff72c0]:hover { color: var(--text-primary);
}
.view-btn.active[data-v-8eff72c0] {
  background: var(--bg-secondary);
  color: var(--brand);
  box-shadow: var(--shadow-xs);
}

/* Upload Button */
.btn-upload[data-v-8eff72c0] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: var(--brand);
  border: none;
  border-radius: var(--radius-md);
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms;
}
.btn-upload[data-v-8eff72c0]:hover { background: var(--brand-dark);
}

/* ===== Stats Bar ===== */
.stats-bar[data-v-8eff72c0] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 12px 20px;
  background: var(--bg-tertiary);
  border-bottom: 1px solid var(--border-light);
}
.stat-item[data-v-8eff72c0] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8125rem;
  color: var(--text-secondary);
}
.stat-item i[data-v-8eff72c0] { color: var(--text-muted);
}
.stat-item.selected[data-v-8eff72c0] { color: var(--brand); font-weight: 500;
}
.stat-item.selected i[data-v-8eff72c0] { color: var(--brand);
}
.clear-selection[data-v-8eff72c0] {
  margin-left: 4px;
  padding: 2px 6px;
  background: transparent;
  border: none;
  color: var(--text-muted);
  cursor: pointer;
  transition: color 150ms;
}
.clear-selection[data-v-8eff72c0]:hover { color: var(--error);
}

/* ===== Loading & Empty States ===== */
.loading-state[data-v-8eff72c0],
.empty-state[data-v-8eff72c0] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 40px;
  text-align: center;
}
.loading-spinner[data-v-8eff72c0],
.empty-icon[data-v-8eff72c0] {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-tertiary);
  border-radius: var(--radius-full);
  font-size: 1.5rem;
  color: var(--text-muted);
}
.loading-state span[data-v-8eff72c0],
.empty-state h3[data-v-8eff72c0] { font-size: 1rem; font-weight: 600; color: var(--text-primary);
}
.empty-state p[data-v-8eff72c0] { font-size: 0.875rem; color: var(--text-secondary); margin: 0;
}
.btn-upload-large[data-v-8eff72c0] {
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  background: var(--brand);
  border: none;
  border-radius: var(--radius-md);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms;
}
.btn-upload-large[data-v-8eff72c0]:hover { background: var(--brand-dark);
}

/* ===== Scan Badge ===== */
.scan-badge[data-v-8eff72c0] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: var(--radius-sm);
  font-size: 0.625rem;
  font-weight: 600;
}
.scan-badge.pending[data-v-8eff72c0] { background: #fef3c7; color: #d97706;
}
.scan-badge.clean[data-v-8eff72c0] { color: #059669;
}

/* ===== Grid View ===== */
.files-grid[data-v-8eff72c0] {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
  align-content: start;
}
.file-card[data-v-8eff72c0] {
  position: relative;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  cursor: pointer;
  transition: all 150ms;
}
.file-card[data-v-8eff72c0]:hover { border-color: var(--border-medium); box-shadow: var(--shadow-md);
}
.file-card.selected[data-v-8eff72c0] { border-color: var(--brand); box-shadow: 0 0 0 2px var(--brand-subtle);
}
.file-checkbox[data-v-8eff72c0] {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
  color: var(--text-muted);
  font-size: 1.125rem;
  opacity: 0;
  transition: opacity 150ms;
}
.file-card:hover .file-checkbox[data-v-8eff72c0],
.file-card.selected .file-checkbox[data-v-8eff72c0] { opacity: 1;
}
.file-card.selected .file-checkbox[data-v-8eff72c0] { color: var(--brand);
}
.file-preview[data-v-8eff72c0] {
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-tertiary);
  color: var(--text-muted);
  font-size: 2.5rem;
}
.file-preview.images[data-v-8eff72c0] { background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%); color: #db2777;
}
.file-preview.documents[data-v-8eff72c0] { background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); color: #2563eb;
}
.file-preview.videos[data-v-8eff72c0] { background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); color: #d97706;
}
.file-preview.audio[data-v-8eff72c0] { background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%); color: #059669;
}
.file-preview img[data-v-8eff72c0] { width: 100%; height: 100%; object-fit: cover;
}
.file-info[data-v-8eff72c0] { padding: 12px;
}
.file-name[data-v-8eff72c0] {
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-meta[data-v-8eff72c0] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  font-size: 0.6875rem;
  color: var(--text-muted);
}
.file-source[data-v-8eff72c0] {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: var(--radius-sm);
  font-size: 0.625rem;
  font-weight: 600;
  color: #fff;
}
.file-source i[data-v-8eff72c0] { font-size: 0.5625rem;
}
.file-actions[data-v-8eff72c0] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 10px;
  background: linear-gradient(to top, var(--bg-secondary) 60%, transparent);
  opacity: 0;
  transform: translateY(8px);
  transition: all 150ms;
}
.file-card:hover .file-actions[data-v-8eff72c0] { opacity: 1; transform: translateY(0);
}
.action-btn[data-v-8eff72c0] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 150ms;
}
.action-btn[data-v-8eff72c0]:hover { background: var(--bg-secondary); border-color: var(--border-medium); color: var(--text-primary);
}
.action-btn[data-v-8eff72c0]:disabled { opacity: 0.4; cursor: not-allowed;
}
.action-btn[data-v-8eff72c0]:disabled:hover { background: var(--bg-tertiary); border-color: var(--border-light); color: var(--text-secondary);
}
.action-btn.danger[data-v-8eff72c0]:hover { background: var(--error-subtle); border-color: var(--error); color: var(--error);
}

/* ===== List View ===== */
.files-list[data-v-8eff72c0] { flex: 1; overflow-y: auto;
}
.files-list table[data-v-8eff72c0] { width: 100%; border-collapse: collapse;
}
.files-list th[data-v-8eff72c0],
.files-list td[data-v-8eff72c0] { padding: 12px 16px; text-align: left;
}
.files-list th[data-v-8eff72c0] {
  position: sticky;
  top: 0;
  background: var(--bg-secondary);
  border-bottom: 1px solid var(--border-light);
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--text-muted);
  cursor: pointer;
  user-select: none;
}
.files-list th[data-v-8eff72c0]:hover { color: var(--text-primary);
}
.files-list th i[data-v-8eff72c0] { margin-left: 4px; font-size: 0.5625rem;
}
.files-list tr[data-v-8eff72c0] {
  border-bottom: 1px solid var(--border-light);
  cursor: pointer;
  transition: background 150ms;
}
.files-list tbody tr[data-v-8eff72c0]:hover { background: var(--bg-tertiary);
}
.files-list tbody tr.selected[data-v-8eff72c0] { background: var(--brand-subtle);
}
.col-check[data-v-8eff72c0] { width: 40px;
}
.col-status[data-v-8eff72c0] { width: 80px;
}
.select-all-btn[data-v-8eff72c0] {
  padding: 4px;
  background: transparent;
  border: none;
  color: var(--text-muted);
  cursor: pointer;
}
.col-name[data-v-8eff72c0] { min-width: 200px;
}
.name-cell[data-v-8eff72c0] { display: flex; align-items: center; gap: 12px;
}
.file-icon[data-v-8eff72c0] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-tertiary);
  border-radius: var(--radius-sm);
  font-size: 1rem;
  color: var(--text-muted);
}
.file-icon.images[data-v-8eff72c0] { background: #fce7f3; color: #db2777;
}
.file-icon.documents[data-v-8eff72c0] { background: #dbeafe; color: #2563eb;
}
.file-icon.videos[data-v-8eff72c0] { background: #fef3c7; color: #d97706;
}
.file-icon.audio[data-v-8eff72c0] { background: #d1fae5; color: #059669;
}
.name-text[data-v-8eff72c0] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}
.col-source[data-v-8eff72c0] { width: 100px;
}
.source-badge[data-v-8eff72c0] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: var(--bg-tertiary);
  border-radius: var(--radius-sm);
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--text-secondary);
}
.source-badge.chat[data-v-8eff72c0] { background: #dbeafe; color: #2563eb;
}
.source-badge.task[data-v-8eff72c0] { background: #d1fae5; color: #059669;
}
.source-badge.document[data-v-8eff72c0] { background: #fef3c7; color: #d97706;
}
.source-badge.upload[data-v-8eff72c0] { background: #e0e7ff; color: #4f46e5;
}
.col-size[data-v-8eff72c0],
.col-date[data-v-8eff72c0] { width: 100px; font-size: 0.8125rem; color: var(--text-secondary);
}
.col-actions[data-v-8eff72c0] { width: 120px;
}
.table-actions[data-v-8eff72c0] {
  display: flex;
  gap: 6px;
  opacity: 0;
  transition: opacity 150ms;
}
tr:hover .table-actions[data-v-8eff72c0] { opacity: 1;
}

/* ===== Bulk Actions ===== */
.bulk-actions[data-v-8eff72c0] {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  background: var(--bg-secondary);
  border-top: 1px solid var(--border-light);
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.05);
}
.bulk-info[data-v-8eff72c0] { font-size: 0.875rem; font-weight: 500; color: var(--text-primary);
}
.bulk-buttons[data-v-8eff72c0] { display: flex; gap: 10px;
}
.bulk-btn[data-v-8eff72c0] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--text-primary);
  cursor: pointer;
  transition: all 150ms;
}
.bulk-btn[data-v-8eff72c0]:hover { background: var(--bg-secondary); border-color: var(--border-medium);
}
.bulk-btn.danger[data-v-8eff72c0]:hover { background: var(--error-subtle); border-color: var(--error); color: var(--error);
}

/* ===== Preview Modal ===== */
.preview-modal[data-v-8eff72c0] {
  width: 90vw;
  max-width: 1000px;
  max-height: 90vh;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-xl);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.preview-header[data-v-8eff72c0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  background: var(--bg-tertiary);
  border-bottom: 1px solid var(--border-light);
}
.preview-header h3[data-v-8eff72c0] {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.preview-content[data-v-8eff72c0] {
  flex: 1;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: var(--bg-primary);
  overflow: auto;
}
.preview-content img[data-v-8eff72c0] { max-width: 100%; max-height: 60vh; border-radius: var(--radius-md);
}
.preview-content video[data-v-8eff72c0],
.preview-content audio[data-v-8eff72c0] { max-width: 100%;
}
.preview-content iframe[data-v-8eff72c0] { width: 100%; height: 60vh; border: none; border-radius: var(--radius-md);
}
.no-preview[data-v-8eff72c0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 40px;
  color: var(--text-muted);
}
.no-preview i[data-v-8eff72c0] { font-size: 3rem;
}
.preview-footer[data-v-8eff72c0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  background: var(--bg-tertiary);
  border-top: 1px solid var(--border-light);
}
.preview-meta[data-v-8eff72c0] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.8125rem;
  color: var(--text-secondary);
}
.btn-download[data-v-8eff72c0] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: var(--brand);
  border: none;
  border-radius: var(--radius-md);
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms;
}
.btn-download[data-v-8eff72c0]:hover { background: var(--brand-dark);
}

/* ===== Confirm Modal ===== */
.modal-overlay[data-v-8eff72c0] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}
.modal-close[data-v-8eff72c0] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 150ms;
}
.modal-close[data-v-8eff72c0]:hover { background: var(--error-subtle); border-color: var(--error); color: var(--error);
}
.confirm-modal[data-v-8eff72c0] {
  width: 100%;
  max-width: 360px;
  padding: 24px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-xl);
  text-align: center;
}
.confirm-icon[data-v-8eff72c0] {
  width: 56px;
  height: 56px;
  margin: 0 auto 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--error-subtle);
  border-radius: var(--radius-full);
  font-size: 1.5rem;
  color: var(--error);
}
.confirm-modal h3[data-v-8eff72c0] { margin: 0 0 8px; font-size: 1.125rem; font-weight: 700; color: var(--text-primary);
}
.confirm-modal p[data-v-8eff72c0] { margin: 0 0 20px; font-size: 0.875rem; color: var(--text-secondary); line-height: 1.5;
}
.modal-actions[data-v-8eff72c0] { display: flex; gap: 12px;
}
.btn-secondary[data-v-8eff72c0],
.btn-danger[data-v-8eff72c0] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  border: none;
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms;
}
.btn-secondary[data-v-8eff72c0] { background: var(--bg-tertiary); color: var(--text-secondary);
}
.btn-secondary[data-v-8eff72c0]:hover { background: var(--border-light);
}
.btn-danger[data-v-8eff72c0] { background: var(--error); color: #fff;
}
.btn-danger[data-v-8eff72c0]:hover { filter: brightness(0.9);
}

/* ===== Transitions ===== */
.modal-enter-active[data-v-8eff72c0],
.modal-leave-active[data-v-8eff72c0] { transition: all 200ms ease;
}
.modal-enter-from[data-v-8eff72c0],
.modal-leave-to[data-v-8eff72c0] { opacity: 0;
}
.dropdown-enter-active[data-v-8eff72c0],
.dropdown-leave-active[data-v-8eff72c0] { transition: all 150ms ease;
}
.dropdown-enter-from[data-v-8eff72c0],
.dropdown-leave-to[data-v-8eff72c0] { opacity: 0; transform: translateY(-8px);
}
.slide-up-enter-active[data-v-8eff72c0],
.slide-up-leave-active[data-v-8eff72c0] { transition: all 200ms ease;
}
.slide-up-enter-from[data-v-8eff72c0],
.slide-up-leave-to[data-v-8eff72c0] { opacity: 0; transform: translateY(20px);
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
.files-header[data-v-8eff72c0] { flex-wrap: wrap; gap: 12px;
}
.header-left[data-v-8eff72c0] { width: 100%; max-width: none;
}
.btn-upload span[data-v-8eff72c0] { display: none;
}
.files-grid[data-v-8eff72c0] { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px;
}
.file-preview[data-v-8eff72c0] { height: 100px;
}
.col-source[data-v-8eff72c0],
  .col-date[data-v-8eff72c0],
  .col-status[data-v-8eff72c0] { display: none;
}
}

.activity-feed[data-v-eb103e4b] {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--bg-primary);
  color: var(--text-primary);
}

/* ===== Header ===== */
.feed-header[data-v-eb103e4b] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  background: var(--bg-secondary);
  border-bottom: 1px solid var(--border-light);
}
.header-left[data-v-eb103e4b] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.header-left h3[data-v-eb103e4b] {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
}
.activity-count[data-v-eb103e4b] {
  padding: 4px 10px;
  background: var(--bg-tertiary);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--text-muted);
}
.header-right[data-v-eb103e4b] {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Filter Dropdown */
.filter-dropdown[data-v-eb103e4b] {
  position: relative;
}
.filter-btn[data-v-eb103e4b] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 150ms;
}
.filter-btn[data-v-eb103e4b]:hover,
.filter-btn.active[data-v-eb103e4b] {
  border-color: var(--brand);
  color: var(--text-primary);
}
.filter-btn i[data-v-eb103e4b]:last-child {
  font-size: 0.625rem;
  margin-left: 2px;
}
.dropdown-menu[data-v-eb103e4b] {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 50;
  min-width: 160px;
  padding: 6px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
}
.dropdown-item[data-v-eb103e4b] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  font-size: 0.8125rem;
  color: var(--text-primary);
  cursor: pointer;
  transition: all 100ms;
}
.dropdown-item[data-v-eb103e4b]:hover {
  background: var(--bg-tertiary);
}
.dropdown-item.active[data-v-eb103e4b] {
  background: var(--brand-subtle);
  color: var(--brand);
}
.dropdown-item i[data-v-eb103e4b] {
  width: 16px;
  color: var(--text-muted);
}
.dropdown-item.active i[data-v-eb103e4b] {
  color: var(--brand);
}
.refresh-btn[data-v-eb103e4b] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 150ms;
}
.refresh-btn[data-v-eb103e4b]:hover:not(:disabled) {
  border-color: var(--brand);
  color: var(--brand);
}
.refresh-btn[data-v-eb103e4b]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== Loading & Empty States ===== */
.loading-state[data-v-eb103e4b],
.empty-state[data-v-eb103e4b] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 40px;
  text-align: center;
}
.loading-spinner[data-v-eb103e4b],
.empty-icon[data-v-eb103e4b] {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-tertiary);
  border-radius: var(--radius-full);
  font-size: 1.25rem;
  color: var(--text-muted);
}
.empty-state h4[data-v-eb103e4b] {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
}
.empty-state p[data-v-eb103e4b] {
  margin: 0;
  font-size: 0.875rem;
  color: var(--text-secondary);
}

/* ===== Activity List ===== */
.activity-list[data-v-eb103e4b] {
  flex: 1;
  overflow-y: auto;
  padding: 12px 0;
}

/* Date Divider */
.date-divider[data-v-eb103e4b] {
  display: flex;
  align-items: center;
  padding: 12px 20px;
}
.date-divider span[data-v-eb103e4b] {
  padding: 4px 12px;
  background: var(--bg-tertiary);
  border-radius: var(--radius-full);
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--text-muted);
}

/* Activity Item */
.activity-item[data-v-eb103e4b] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 20px;
  cursor: pointer;
  transition: background 150ms;
}
.activity-item[data-v-eb103e4b]:hover {
  background: var(--bg-tertiary);
}
.activity-avatar[data-v-eb103e4b] {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-tertiary);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-secondary);
  overflow: hidden;
}
.activity-avatar img[data-v-eb103e4b] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.activity-avatar.success[data-v-eb103e4b] { background: var(--success-subtle); color: var(--success);
}
.activity-avatar.error[data-v-eb103e4b] { background: var(--error-subtle); color: var(--error);
}
.activity-avatar.warning[data-v-eb103e4b] { background: var(--warning-subtle); color: var(--warning);
}
.activity-avatar.info[data-v-eb103e4b] { background: var(--info-subtle); color: var(--info);
}
.activity-avatar.brand[data-v-eb103e4b] { background: var(--brand-subtle); color: var(--brand);
}
.activity-content[data-v-eb103e4b] {
  flex: 1;
  min-width: 0;
}
.activity-text[data-v-eb103e4b] {
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--text-primary);
}
.user-name[data-v-eb103e4b] {
  font-weight: 600;
}
.activity-action[data-v-eb103e4b] {
  color: var(--text-secondary);
}
.subject-title[data-v-eb103e4b] {
  font-weight: 500;
  color: var(--text-primary);
}
.metadata-text[data-v-eb103e4b] {
  color: var(--text-muted);
  font-size: 0.8125rem;
}
.activity-meta[data-v-eb103e4b] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 4px;
}
.activity-time[data-v-eb103e4b] {
  font-size: 0.75rem;
  color: var(--text-muted);
}
.activity-type[data-v-eb103e4b] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.6875rem;
  color: var(--text-muted);
}
.activity-type i[data-v-eb103e4b] {
  font-size: 0.625rem;
}
.activity-icon[data-v-eb103e4b] {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-tertiary);
  border-radius: var(--radius-sm);
  font-size: 0.6875rem;
  color: var(--text-muted);
}
.activity-icon.success[data-v-eb103e4b] { background: var(--success-subtle); color: var(--success);
}
.activity-icon.error[data-v-eb103e4b] { background: var(--error-subtle); color: var(--error);
}
.activity-icon.warning[data-v-eb103e4b] { background: var(--warning-subtle); color: var(--warning);
}
.activity-icon.info[data-v-eb103e4b] { background: var(--info-subtle); color: var(--info);
}
.activity-icon.brand[data-v-eb103e4b] { background: var(--brand-subtle); color: var(--brand);
}

/* Load More */
.load-more[data-v-eb103e4b] {
  padding: 16px 20px;
  text-align: center;
}
.load-more-btn[data-v-eb103e4b] {
  padding: 10px 20px;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 150ms;
}
.load-more-btn[data-v-eb103e4b]:hover:not(:disabled) {
  background: var(--bg-secondary);
  border-color: var(--brand);
  color: var(--brand);
}
.load-more-btn[data-v-eb103e4b]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== Transitions ===== */
.dropdown-enter-active[data-v-eb103e4b],
.dropdown-leave-active[data-v-eb103e4b] {
  transition: all 150ms ease;
}
.dropdown-enter-from[data-v-eb103e4b],
.dropdown-leave-to[data-v-eb103e4b] {
  opacity: 0;
  transform: translateY(-8px);
}

/* ===== Responsive ===== */
@media (max-width: 480px) {
.feed-header[data-v-eb103e4b] {
    flex-wrap: wrap;
    gap: 12px;
}
.header-left[data-v-eb103e4b] {
    width: 100%;
    justify-content: space-between;
}
.filter-btn span[data-v-eb103e4b] {
    display: none;
}
.activity-item[data-v-eb103e4b] {
    padding: 10px 16px;
}
.activity-avatar[data-v-eb103e4b] {
    width: 32px;
    height: 32px;
}
.activity-text[data-v-eb103e4b] {
    font-size: 0.8125rem;
}
}

/* ═══════════════════════════════════════════════════════════════════════════
   VARIABLES
═══════════════════════════════════════════════════════════════════════════ */
.gantt-panel[data-v-ead8e246] {
  --gantt-header-h: 44px;
  --gantt-row-h: 44px;
  --gantt-bar-h: 26px;

  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  gap: 12px;
}
.gantt-panel.fullscreen-mode[data-v-ead8e246] {
  height: 100%;
  padding: 16px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   HEADER
═══════════════════════════════════════════════════════════════════════════ */
.panel-header[data-v-ead8e246] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-shrink: 0;
}
.header-left[data-v-ead8e246] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.header-icon[data-v-ead8e246] {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  border-radius: var(--radius-md, 10px);
  color: #fff;
  font-size: 1rem;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.25);
}
.header-text h3[data-v-ead8e246] {
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 600;
  color: var(--text-primary);
}
.header-text p[data-v-ead8e246] {
  margin: 2px 0 0;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8125rem;
  color: var(--text-secondary);
}
.count-badge[data-v-ead8e246] {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-light);
  border-radius: 999px;
  font-weight: 600;
  font-size: 0.75rem;
}
.meta-info[data-v-ead8e246] {
  color: var(--text-muted);
}
.meta-info.demo[data-v-ead8e246] {
  color: var(--brand);
}
.header-actions[data-v-ead8e246] {
  display: flex;
  gap: 8px;
}
.expand-btn[data-v-ead8e246] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md, 10px);
  background: var(--bg-secondary);
  color: var(--text-secondary);
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms ease;
}
.expand-btn[data-v-ead8e246]:hover {
  background: var(--bg-tertiary);
  border-color: var(--border-medium);
  color: var(--text-primary);
}

/* ═══════════════════════════════════════════════════════════════════════════
   TOOLBAR
═══════════════════════════════════════════════════════════════════════════ */
.toolbar[data-v-ead8e246] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg, 12px);
  flex-shrink: 0;
  flex-wrap: wrap;
}
.toolbar-section[data-v-ead8e246] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.toolbar-divider[data-v-ead8e246] {
  width: 1px;
  height: 28px;
  background: var(--border-light);
  margin: 0 4px;
}
.tool-group[data-v-ead8e246] {
  display: flex;
  align-items: center;
  gap: 2px;
  background: var(--bg-tertiary);
  padding: 4px;
  border-radius: var(--radius-md, 10px);
}
.tool-btn[data-v-ead8e246] {
  height: 34px;
  min-width: 34px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: none;
  border-radius: var(--radius-sm, 8px);
  background: transparent;
  color: var(--text-secondary);
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms ease;
  white-space: nowrap;
}
.tool-btn[data-v-ead8e246]:hover {
  background: var(--bg-secondary);
  color: var(--text-primary);
}
.tool-btn.active[data-v-ead8e246] {
  background: var(--brand);
  color: #fff;
  box-shadow: 0 2px 6px rgba(82, 139, 143, 0.25);
}
.year-display[data-v-ead8e246] {
  min-width: 50px;
  text-align: center;
  font-weight: 700;
  font-size: 0.9375rem;
  color: var(--text-primary);
}
.action-btn[data-v-ead8e246] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md, 10px);
  background: var(--bg-secondary);
  color: var(--text-secondary);
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms ease;
}
.action-btn[data-v-ead8e246]:hover {
  background: var(--bg-tertiary);
}
.action-btn.primary[data-v-ead8e246] {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
}
.action-btn.primary[data-v-ead8e246]:hover {
  background: var(--brand-dark);
}
.action-btn.milestone[data-v-ead8e246] {
  background: #f59e0b;
  border-color: #f59e0b;
  color: #fff;
}
.action-btn.milestone[data-v-ead8e246]:hover {
  background: #d97706;
}

/* ═══════════════════════════════════════════════════════════════════════════
   LINK HINT BAR
═══════════════════════════════════════════════════════════════════════════ */
.link-hint-bar[data-v-ead8e246] {
  padding: 10px 14px;
  background: var(--brand-subtle);
  border: 1px dashed var(--brand);
  border-radius: var(--radius-lg, 12px);
  flex-shrink: 0;
}
.hint-content[data-v-ead8e246] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.hint-badge[data-v-ead8e246] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-secondary);
}
.hint-badge.active[data-v-ead8e246] {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
}
.hint-badge.subtle[data-v-ead8e246] {
  opacity: 0.7;
}

/* ═══════════════════════════════════════════════════════════════════════════
   GANTT CONTAINER
═══════════════════════════════════════════════════════════════════════════ */
.gantt-container[data-v-ead8e246] {
  flex: 1;
  min-height: 0;
  overflow: auto;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg, 12px);
  background: var(--bg-secondary);
}
.gantt-grid[data-v-ead8e246] {
  display: grid;
  grid-template-columns: var(--left-w, 320px) 12px 1fr;
  min-width: 100%;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SIDEBAR (Task List)
═══════════════════════════════════════════════════════════════════════════ */
.gantt-sidebar[data-v-ead8e246] {
  position: sticky;
  left: 0;
  z-index: 10;
  background: var(--bg-secondary);
  border-right: 1px solid var(--border-light);
}
.sidebar-header[data-v-ead8e246] {
  position: sticky;
  top: 0;
  z-index: 11;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 14px;
  height: var(--gantt-header-h);
  background: var(--bg-secondary);
  border-bottom: 1px solid var(--border-light);
}
.sidebar-title[data-v-ead8e246] {
  font-weight: 700;
  font-size: 0.8125rem;
  color: var(--text-primary);
}
.sidebar-count[data-v-ead8e246] {
  padding: 2px 8px;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-light);
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 700;
  color: var(--text-muted);
}
.sidebar-row[data-v-ead8e246] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: var(--gantt-row-h);
  padding: 0 14px;
  border-bottom: 1px solid var(--border-light);
  cursor: pointer;
  transition: background 150ms ease;
}
.sidebar-row[data-v-ead8e246]:hover {
  background: var(--bg-tertiary);
}
.sidebar-row.done .row-title[data-v-ead8e246] {
  text-decoration: line-through;
  opacity: 0.6;
}
.sidebar-row.is-link-source[data-v-ead8e246] {
  background: var(--brand-subtle);
}
.sidebar-row.is-link-target[data-v-ead8e246] {
  background: rgba(16, 185, 129, 0.1);
}
.row-main[data-v-ead8e246] {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.type-indicator[data-v-ead8e246] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.type-indicator.task[data-v-ead8e246] { background: #3b82f6;
}
.type-indicator.story[data-v-ead8e246] { background: #10b981;
}
.type-indicator.epic[data-v-ead8e246] { background: #8b5cf6;
}
.type-indicator.bug[data-v-ead8e246] { background: #ef4444;
}
.type-indicator.milestone[data-v-ead8e246] { background: #f59e0b;
}
.row-title[data-v-ead8e246] {
  font-weight: 600;
  font-size: 0.8125rem;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.row-meta[data-v-ead8e246] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.assignee-badge[data-v-ead8e246] {
  padding: 2px 8px;
  background: var(--bg-tertiary);
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--text-muted);
}
.progress-badge[data-v-ead8e246] {
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 700;
}
.progress-badge.not-started[data-v-ead8e246] { background: var(--bg-tertiary); color: var(--text-muted);
}
.progress-badge.started[data-v-ead8e246] { background: rgba(245, 158, 11, 0.15); color: #d97706;
}
.progress-badge.mid[data-v-ead8e246] { background: rgba(59, 130, 246, 0.15); color: #2563eb;
}
.progress-badge.complete[data-v-ead8e246] { background: rgba(16, 185, 129, 0.15); color: #059669;
}

/* ═══════════════════════════════════════════════════════════════════════════
   RESIZER
═══════════════════════════════════════════════════════════════════════════ */
.gantt-resizer[data-v-ead8e246] {
  position: sticky;
  left: var(--left-w, 320px);
  z-index: 12;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  cursor: col-resize;
}
.resizer-handle[data-v-ead8e246] {
  width: 4px;
  height: 40px;
  background: var(--border-light);
  border-radius: 999px;
  transition: all 150ms ease;
}
.gantt-resizer:hover .resizer-handle[data-v-ead8e246] {
  background: var(--brand);
  width: 6px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   TIMELINE
═══════════════════════════════════════════════════════════════════════════ */
.gantt-timeline[data-v-ead8e246] {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.timeline-header[data-v-ead8e246] {
  position: sticky;
  top: 0;
  z-index: 8;
  background: var(--bg-secondary);
}
.timeline-scroll[data-v-ead8e246] {
  overflow-x: auto;
  overflow-y: hidden;
}
.timeline-inner[data-v-ead8e246] {
  position: relative;
  min-height: 100%;
}
.timeline-header-row[data-v-ead8e246] {
  display: flex;
  height: var(--gantt-header-h);
  border-bottom: 1px solid var(--border-light);
  position: sticky;
  top: 0;
  z-index: 9;
  background: var(--bg-secondary);
}
.header-cell[data-v-ead8e246] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--text-muted);
  border-right: 1px solid var(--border-light);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.timeline-grid-lines[data-v-ead8e246] {
  position: absolute;
  top: var(--gantt-header-h);
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.grid-line[data-v-ead8e246] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
}
.grid-line.minor[data-v-ead8e246] { background: var(--border-light); opacity: 0.3;
}
.grid-line.major[data-v-ead8e246] { background: var(--border-medium, var(--border-light)); opacity: 0.5;
}

/* Today Marker */
.today-marker[data-v-ead8e246] {
  position: absolute;
  top: var(--gantt-header-h);
  bottom: 0;
  background: rgba(239, 68, 68, 0.08);
  border-left: 2px solid #ef4444;
  z-index: 2;
}
.today-label[data-v-ead8e246] {
  position: absolute;
  top: 4px;
  left: 4px;
  padding: 2px 6px;
  background: #ef4444;
  color: #fff;
  font-size: 0.625rem;
  font-weight: 700;
  border-radius: 4px;
  text-transform: uppercase;
}

/* Dependencies Layer */
.deps-layer[data-v-ead8e246] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
  pointer-events: none;
}
.deps-layer.link-delete-mode[data-v-ead8e246] {
  pointer-events: auto;
}
.dep-path[data-v-ead8e246] {
  fill: none;
  stroke: var(--text-muted);
  stroke-width: 1.5;
  opacity: 0.6;
}
.dep-path.preview[data-v-ead8e246] {
  stroke: var(--brand);
  stroke-width: 2;
  stroke-dasharray: 6 4;
  opacity: 1;
}
.dep-path-hitbox[data-v-ead8e246] {
  fill: none;
  stroke: transparent;
  stroke-width: 14;
  pointer-events: stroke;
  cursor: pointer;
}
.arrow-head[data-v-ead8e246] {
  fill: var(--text-muted);
  opacity: 0.6;
}

/* Timeline Rows */
.timeline-rows[data-v-ead8e246] {
  position: relative;
  z-index: 5;
}
.timeline-row[data-v-ead8e246] {
  position: relative;
  height: var(--gantt-row-h);
  border-bottom: 1px solid var(--border-light);
}

/* Task Bar */
.task-bar[data-v-ead8e246] {
  position: absolute;
  top: 9px;
  height: var(--gantt-bar-h);
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  cursor: grab;
  user-select: none;
  overflow: hidden;
  z-index: 6;
  transition: box-shadow 150ms ease;
}
.task-bar[data-v-ead8e246]:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.task-bar.open[data-v-ead8e246] { background: rgba(100, 116, 139, 0.2);
}
.task-bar.in-progress[data-v-ead8e246] { background: rgba(59, 130, 246, 0.25);
}
.task-bar.done[data-v-ead8e246] { background: rgba(16, 185, 129, 0.25);
}
.task-bar.task[data-v-ead8e246] { border-left: 3px solid #3b82f6;
}
.task-bar.story[data-v-ead8e246] { border-left: 3px solid #10b981;
}
.task-bar.epic[data-v-ead8e246] { border-left: 3px solid #8b5cf6;
}
.task-bar.bug[data-v-ead8e246] { border-left: 3px solid #ef4444;
}
.task-bar.is-link-source[data-v-ead8e246] { box-shadow: 0 0 0 2px var(--brand);
}
.task-bar.is-link-target[data-v-ead8e246] { box-shadow: 0 0 0 2px #10b981;
}
.bar-progress[data-v-ead8e246] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 6px 0 0 6px;
  pointer-events: none;
}
.bar-label[data-v-ead8e246] {
  position: relative;
  z-index: 1;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Link Anchors */
.link-anchor[data-v-ead8e246] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: var(--bg-secondary);
  border: 2px solid var(--brand);
  border-radius: 50%;
  cursor: crosshair;
  opacity: 0;
  transition: all 150ms ease;
  z-index: 20;
}
.link-anchor[data-v-ead8e246]::before {
  content: '';
  position: absolute;
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  border-radius: 50%;
}
.task-bar:hover .link-anchor[data-v-ead8e246],
.milestone-marker:hover .link-anchor[data-v-ead8e246] {
  opacity: 1;
}
.link-anchor.left[data-v-ead8e246] { left: -10px;
}
.link-anchor.right[data-v-ead8e246] { right: -10px;
}
.link-anchor.milestone.left[data-v-ead8e246] { left: -16px;
}
.link-anchor.milestone.right[data-v-ead8e246] { right: -16px;
}
.link-anchor[data-v-ead8e246]:hover {
  transform: translateY(-50%) scale(1.2);
  background: var(--brand);
  border-color: var(--brand-dark);
}
.link-anchor[data-v-ead8e246]:hover::after {
  content: '';
  position: absolute;
  inset: -4px;
  border: 2px solid var(--brand);
  border-radius: 50%;
  opacity: 0.3;
  animation: pulse-ead8e246 1s ease-out infinite;
}
@keyframes pulse-ead8e246 {
0% { transform: scale(1); opacity: 0.3;
}
100% { transform: scale(1.5); opacity: 0;
}
}

/* Resize Handles */
.resize-handle[data-v-ead8e246] {
  position: absolute;
  top: 2px;
  bottom: 2px;
  width: 8px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.1);
  cursor: ew-resize;
  opacity: 0;
  transition: opacity 150ms ease;
}
.task-bar:hover .resize-handle[data-v-ead8e246] { opacity: 1;
}
.resize-handle.left[data-v-ead8e246] { left: -2px;
}
.resize-handle.right[data-v-ead8e246] { right: -2px;
}

/* Milestone */
.milestone-marker[data-v-ead8e246] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
}
.milestone-diamond[data-v-ead8e246] {
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  border-radius: 4px;
  transform: rotate(45deg);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: grab;
  box-shadow: 0 2px 6px rgba(245, 158, 11, 0.3);
}
.milestone-diamond i[data-v-ead8e246] {
  transform: rotate(-45deg);
  font-size: 0.625rem;
  color: #fff;
}
.milestone-marker.is-link-source .milestone-diamond[data-v-ead8e246],
.milestone-marker.is-link-target .milestone-diamond[data-v-ead8e246] {
  box-shadow: 0 0 0 3px var(--brand);
}

/* Timeline Footer */
.timeline-footer[data-v-ead8e246] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: var(--bg-tertiary);
  border-top: 1px solid var(--border-light);
  font-size: 0.75rem;
  color: var(--text-muted);
}

/* ═══════════════════════════════════════════════════════════════════════════
   FULLSCREEN PANEL
═══════════════════════════════════════════════════════════════════════════ */
.fullscreen-overlay[data-v-ead8e246] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(4px);
  z-index: 20000;
}
.fullscreen-panel[data-v-ead8e246] {
  position: fixed;
  top: 0;
  right: 0;
  width: min(1400px, 95vw);
  height: 100vh;
  background: var(--bg-secondary);
  border-left: 1px solid var(--border-light);
  z-index: 20001;
  display: flex;
  flex-direction: column;
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.1);
}
.fullscreen-header[data-v-ead8e246] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--border-light);
  flex-shrink: 0;
}
.fullscreen-header-left[data-v-ead8e246] {
  display: flex;
  align-items: center;
  gap: 14px;
}
.fullscreen-icon[data-v-ead8e246] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  border-radius: var(--radius-md, 10px);
  color: #fff;
  font-size: 1.125rem;
}
.fullscreen-title h3[data-v-ead8e246] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
}
.fullscreen-title p[data-v-ead8e246] {
  margin: 2px 0 0;
  font-size: 0.8125rem;
  color: var(--text-muted);
}
.close-btn[data-v-ead8e246] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md, 10px);
  background: var(--bg-secondary);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 150ms ease;
}
.close-btn[data-v-ead8e246]:hover {
  background: var(--bg-tertiary);
  color: var(--text-primary);
}
.fullscreen-body[data-v-ead8e246] {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

/* ═══════════════════════════════════════════════════════════════════════════
   DIALOGS – Scrollable & Responsive
   Ersetze den gesamten DIALOGS-Block in deiner Gantt-Komponente
═══════════════════════════════════════════════════════════════════════════ */
.dialog-backdrop[data-v-ead8e246] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  z-index: 21000;
  overflow-y: auto;
}
.dialog[data-v-ead8e246] {
  width: 100%;
  max-width: 560px;
  max-height: calc(100vh - 40px);
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-xl, 16px);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin: auto;
}
.dialog.dialog-sm[data-v-ead8e246] {
  max-width: 420px;
}
.dialog-header[data-v-ead8e246] {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 20px;
  background: var(--bg-tertiary);
  border-bottom: 1px solid var(--border-light);
  flex-shrink: 0;
}
.dialog-icon[data-v-ead8e246] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--brand);
  border-radius: var(--radius-md, 10px);
  color: #fff;
  font-size: 1rem;
  flex-shrink: 0;
}
.dialog-icon.task[data-v-ead8e246] {
  background: var(--brand);
}
.dialog-icon.milestone[data-v-ead8e246] {
  background: #f59e0b;
}
.dialog-title[data-v-ead8e246] {
  flex: 1;
  min-width: 0;
}
.dialog-title h3[data-v-ead8e246] {
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 700;
}
.dialog-title p[data-v-ead8e246] {
  margin: 4px 0 0;
  font-size: 0.8125rem;
  color: var(--text-muted);
}
.dialog-close[data-v-ead8e246] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: var(--radius-sm, 8px);
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
  flex-shrink: 0;
  transition: all 150ms ease;
}
.dialog-close[data-v-ead8e246]:hover {
  background: var(--bg-secondary);
  color: var(--text-primary);
}
.dialog-body[data-v-ead8e246] {
  padding: 20px;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
  scroll-behavior: smooth;
  overscroll-behavior: contain;
}
.dialog-body[data-v-ead8e246]::-webkit-scrollbar {
  width: 6px;
}
.dialog-body[data-v-ead8e246]::-webkit-scrollbar-track {
  background: transparent;
}
.dialog-body[data-v-ead8e246]::-webkit-scrollbar-thumb {
  background: var(--border-light);
  border-radius: 3px;
}
.dialog-body[data-v-ead8e246]::-webkit-scrollbar-thumb:hover {
  background: var(--border-medium, var(--border-light));
}
.form-grid[data-v-ead8e246] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.form-group[data-v-ead8e246] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.form-group.span-2[data-v-ead8e246] {
  grid-column: span 2;
}
.form-group label[data-v-ead8e246] {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-secondary);
}
.form-group input[data-v-ead8e246],
.form-group select[data-v-ead8e246],
.form-group textarea[data-v-ead8e246] {
  padding: 10px 14px;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md, 10px);
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-size: 0.9375rem;
  font-family: inherit;
  outline: none;
  transition: all 150ms ease;
}
.form-group textarea[data-v-ead8e246] {
  resize: vertical;
  min-height: 60px;
}
.form-group input[data-v-ead8e246]:focus,
.form-group select[data-v-ead8e246]:focus,
.form-group textarea[data-v-ead8e246]:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-subtle);
}
.dialog-footer[data-v-ead8e246] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 20px;
  border-top: 1px solid var(--border-light);
  background: var(--bg-tertiary);
  flex-shrink: 0;
}
.btn-cancel[data-v-ead8e246],
.btn-submit[data-v-ead8e246] {
  padding: 10px 20px;
  border-radius: var(--radius-md, 10px);
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms ease;
}
.btn-cancel[data-v-ead8e246] {
  border: 1px solid var(--border-light);
  background: var(--bg-secondary);
  color: var(--text-secondary);
}
.btn-cancel[data-v-ead8e246]:hover {
  background: var(--bg-tertiary);
}
.btn-submit[data-v-ead8e246] {
  display: flex;
  align-items: center;
  gap: 8px;
  border: none;
  background: var(--brand);
  color: #fff;
}
.btn-submit[data-v-ead8e246]:hover {
  background: var(--brand-dark);
}
.btn-submit.milestone[data-v-ead8e246] {
  background: #f59e0b;
}
.btn-submit.milestone[data-v-ead8e246]:hover {
  background: #d97706;
}

/* ═══════════════════════════════════════════════════════════════════════════
   DIALOG RESPONSIVE
═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 600px) {
.dialog-backdrop[data-v-ead8e246] {
    padding: 0;
    align-items: flex-end;
}
.dialog[data-v-ead8e246] {
    max-width: 100%;
    max-height: 92vh;
    border-radius: 16px 16px 0 0;
    margin: 0;
}
.dialog-header[data-v-ead8e246] {
    padding: 16px;
    gap: 10px;
}
.dialog-icon[data-v-ead8e246] {
    width: 38px;
    height: 38px;
    font-size: 0.875rem;
}
.dialog-title h3[data-v-ead8e246] {
    font-size: 1rem;
}
.dialog-body[data-v-ead8e246] {
    padding: 16px;
}
.form-grid[data-v-ead8e246] {
    grid-template-columns: 1fr;
    gap: 12px;
}
.form-group.span-2[data-v-ead8e246] {
    grid-column: span 1;
}
.form-group input[data-v-ead8e246],
  .form-group select[data-v-ead8e246],
  .form-group textarea[data-v-ead8e246] {
    padding: 12px 14px;
    font-size: 1rem;
}
.dialog-footer[data-v-ead8e246] {
    padding: 12px 16px;
    gap: 8px;
}
.btn-cancel[data-v-ead8e246],
  .btn-submit[data-v-ead8e246] {
    flex: 1;
    justify-content: center;
    padding: 12px 16px;
}
}
@media (max-height: 600px) {
.dialog-backdrop[data-v-ead8e246] {
    padding: 0;
}
.dialog[data-v-ead8e246] {
    max-height: 100vh;
    border-radius: 0;
}
}

/* ═══════════════════════════════════════════════════════════════════════════
   TRANSITIONS
═══════════════════════════════════════════════════════════════════════════ */
.fade-enter-active[data-v-ead8e246],
.fade-leave-active[data-v-ead8e246] {
  transition: opacity 200ms ease;
}
.fade-enter-from[data-v-ead8e246],
.fade-leave-to[data-v-ead8e246] {
  opacity: 0;
}
.slide-panel-enter-active[data-v-ead8e246],
.slide-panel-leave-active[data-v-ead8e246] {
  transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms ease;
}
.slide-panel-enter-from[data-v-ead8e246],
.slide-panel-leave-to[data-v-ead8e246] {
  transform: translateX(20px);
  opacity: 0;
}
.slide-down-enter-active[data-v-ead8e246],
.slide-down-leave-active[data-v-ead8e246] {
  transition: all 200ms ease;
}
.slide-down-enter-from[data-v-ead8e246],
.slide-down-leave-to[data-v-ead8e246] {
  opacity: 0;
  transform: translateY(-8px);
}

/* ═══════════════════════════════════════════════════════════════════════════
   UTILITY
═══════════════════════════════════════════════════════════════════════════ */
.gantt-resizing {
  user-select: none;
  cursor: col-resize !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
.action-btn span[data-v-ead8e246] {
    display: none;
}
.action-btn[data-v-ead8e246] {
    padding: 8px 12px;
}
.form-grid[data-v-ead8e246] {
    grid-template-columns: 1fr;
}
.form-group.span-2[data-v-ead8e246] {
    grid-column: span 1;
}
}
@media (max-width: 600px) {
.toolbar[data-v-ead8e246] {
    flex-direction: column;
    align-items: stretch;
}
.toolbar-section[data-v-ead8e246] {
    justify-content: center;
}
.toolbar-divider[data-v-ead8e246] {
    display: none;
}
.fullscreen-panel[data-v-ead8e246] {
    width: 100vw;
}
}
/* ═══════════════════════════════════════════════════════════════════════════
   SCRUM PANEL STYLES
   ═══════════════════════════════════════════════════════════════════════════ */

/* ========== Variables ========== */
.scrum-inline[data-v-836aaf6f],
.scrum-panel[data-v-836aaf6f],
.dialog-overlay[data-v-836aaf6f] {
  --brand: #50868a;
  --brand-light: #5e9a9e;
  --brand-dark: #3d6b6e;
  --brand-subtle: color-mix(in srgb, #50868a 12%, #ffffff);
  --ink: rgba(15, 23, 42, 0.92);
  --ink-secondary: rgba(15, 23, 42, 0.65);
  --muted: rgba(15, 23, 42, 0.4);
  --border: rgba(15, 23, 42, 0.06);
  --border-strong: rgba(15, 23, 42, 0.12);
  --surface: #ffffff;
  --surface-raised: #f8f9fa;
  --danger: #dc2626;
  --danger-light: rgba(220, 38, 38, 0.08);
  --warning: #f59e0b;
  --warning-light: rgba(245, 158, 11, 0.1);
  --success: #10b981;
  --success-light: rgba(16, 185, 129, 0.1);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* ═══════════════════════════════════════════════════════════════════════════
   INLINE MODE
═══════════════════════════════════════════════════════════════════════════ */
.scrum-inline[data-v-836aaf6f] {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  background: var(--surface-raised);
  overflow: hidden;
}
.inline-header[data-v-836aaf6f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
}
.inline-header-left[data-v-836aaf6f] {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.inline-icon[data-v-836aaf6f] {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--brand-subtle);
  border-radius: var(--radius-md);
  color: var(--brand);
  font-size: 0.9375rem;
  flex-shrink: 0;
}
.inline-title h4[data-v-836aaf6f] {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--ink);
}
.inline-title p[data-v-836aaf6f] {
  margin: 2px 0 0;
  font-size: 0.75rem;
  color: var(--ink-secondary);
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.inline-title .no-sprint[data-v-836aaf6f] {
  color: var(--muted);
  font-style: italic;
}
.inline-title .sprint-meta[data-v-836aaf6f] {
  color: var(--muted);
}
.inline-header-actions[data-v-836aaf6f] {
  flex-shrink: 0;
}
.btn-expand[data-v-836aaf6f] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  color: var(--ink-secondary);
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-fast);
}
.btn-expand[data-v-836aaf6f]:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: var(--brand-subtle);
}
.btn-expand i[data-v-836aaf6f] {
  font-size: 0.75rem;
}

/* Inline Tabs */
.inline-tabs[data-v-836aaf6f] {
  display: flex;
  gap: 2px;
  padding: 6px 12px;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  overflow-x: auto;
  flex-shrink: 0;
}
.inline-tabs[data-v-836aaf6f]::-webkit-scrollbar {
  height: 0;
}
.inline-tab-btn[data-v-836aaf6f] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--muted);
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: all var(--transition-fast);
}
.inline-tab-btn[data-v-836aaf6f]:hover {
  color: var(--ink-secondary);
  background: var(--surface-raised);
}
.inline-tab-btn.active[data-v-836aaf6f] {
  color: var(--brand);
  background: var(--brand-subtle);
}
.inline-tab-btn i[data-v-836aaf6f] {
  font-size: 0.75rem;
}

/* Inline Content */
.inline-content[data-v-836aaf6f] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 16px;
}
.inline-content[data-v-836aaf6f]::-webkit-scrollbar {
  width: 6px;
}
.inline-content[data-v-836aaf6f]::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: 3px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   PANEL MODE (Fullscreen Overlay)
═══════════════════════════════════════════════════════════════════════════ */
.panel-overlay[data-v-836aaf6f] {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.4);
  backdrop-filter: blur(4px);
  z-index: 9998;
}
.scrum-panel[data-v-836aaf6f] {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: min(780px, 97vw);
  background: var(--surface-raised);
  z-index: 9999;
  box-shadow: -12px 0 40px rgba(15, 23, 42, 0.15);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
.scrum-panel.is-fullwidth[data-v-836aaf6f] {
  width: 100vw;
}

/* Panel Header */
.panel-header[data-v-836aaf6f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
}
.header-content[data-v-836aaf6f] {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.header-icon[data-v-836aaf6f] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--brand-subtle);
  border-radius: var(--radius-md);
  color: var(--brand);
  font-size: 1rem;
}
.header-text h3[data-v-836aaf6f] {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--ink);
}
.header-text p[data-v-836aaf6f] {
  margin: 2px 0 0;
  font-size: 0.8125rem;
  color: var(--ink-secondary);
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.header-actions[data-v-836aaf6f] {
  display: flex;
  gap: 6px;
  flex-shrink: 0;
}
.active-sprint-badge[data-v-836aaf6f] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: var(--success-light);
  color: #047857;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 700;
}

/* ========== Loading & Error ========== */
.loading-bar[data-v-836aaf6f] {
  height: 3px;
  background: var(--border);
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 12px;
}
.loading-bar-inner[data-v-836aaf6f] {
  height: 100%;
  width: 30%;
  background: var(--brand);
  border-radius: 2px;
  animation: loading-slide-836aaf6f 1.2s ease-in-out infinite;
}
@keyframes loading-slide-836aaf6f {
0% { transform: translateX(-100%);
}
100% { transform: translateX(400%);
}
}
.error-banner[data-v-836aaf6f] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  margin-bottom: 12px;
  background: var(--danger-light);
  border: 1px solid rgba(220,38,38,0.15);
  border-radius: var(--radius-sm);
  font-size: 0.8125rem;
  color: var(--danger);
}
.error-banner i[data-v-836aaf6f] { flex-shrink: 0;
}
.error-banner span[data-v-836aaf6f] { flex: 1;
}
.error-dismiss[data-v-836aaf6f] {
  border: none;
  background: none;
  color: var(--danger);
  cursor: pointer;
  font-size: 1.125rem;
  padding: 0 2px;
  line-height: 1;
}

/* ========== Tabs ========== */
.tab-nav[data-v-836aaf6f] {
  display: flex;
  gap: 2px;
  padding: 6px 12px;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  overflow-x: auto;
  flex-shrink: 0;
}
.tab-nav[data-v-836aaf6f]::-webkit-scrollbar { height: 0;
}
.tab-btn[data-v-836aaf6f] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--muted);
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: all var(--transition-fast);
}
.tab-btn[data-v-836aaf6f]:hover {
  color: var(--ink-secondary);
  background: var(--surface-raised);
}
.tab-btn.active[data-v-836aaf6f] {
  color: var(--brand);
  background: var(--brand-subtle);
}
.tab-btn i[data-v-836aaf6f] { font-size: 0.75rem;
}
.tab-badge[data-v-836aaf6f] {
  min-width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--border-strong);
  color: var(--ink-secondary);
  border-radius: 999px;
  font-size: 0.625rem;
  font-weight: 700;
  padding: 0 5px;
}
.tab-btn.active .tab-badge[data-v-836aaf6f],
.inline-tab-btn.active .tab-badge[data-v-836aaf6f] {
  background: var(--brand);
  color: #fff;
}

/* ========== Panel Body ========== */
.panel-body[data-v-836aaf6f] {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
}
.panel-body[data-v-836aaf6f]::-webkit-scrollbar { width: 6px;
}
.panel-body[data-v-836aaf6f]::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: 3px;
}
.tab-content[data-v-836aaf6f] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* ========== Section Bar ========== */
.section-bar[data-v-836aaf6f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.section-bar h4[data-v-836aaf6f] {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--ink);
}
.section-bar-actions[data-v-836aaf6f] {
  display: flex;
  gap: 8px;
  align-items: center;
}

/* ========== Empty State ========== */
.empty-state[data-v-836aaf6f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 48px 24px;
  text-align: center;
}
.empty-state.small[data-v-836aaf6f] { padding: 32px 16px;
}
.empty-icon[data-v-836aaf6f] { font-size: 2.5rem; color: var(--muted);
}
.empty-state h4[data-v-836aaf6f] { margin: 0; font-size: 1.125rem; font-weight: 600; color: var(--ink);
}
.empty-state p[data-v-836aaf6f] { margin: 0; font-size: 0.875rem; color: var(--ink-secondary);
}
.empty-state i[data-v-836aaf6f]:not(.fa-plus) { font-size: 2rem; color: var(--muted);
}

/* ========== Sprint Info Bar ========== */
.sprint-info-bar[data-v-836aaf6f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 16px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
}
.sprint-info-left[data-v-836aaf6f], .sprint-info-right[data-v-836aaf6f] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sprint-name[data-v-836aaf6f] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--brand);
}
.sprint-name i[data-v-836aaf6f] { font-size: 0.75rem;
}
.sprint-dates[data-v-836aaf6f] { font-size: 0.75rem; color: var(--muted);
}
.days-remaining[data-v-836aaf6f] { font-size: 0.75rem; font-weight: 600; color: var(--ink-secondary);
}
.sprint-progress[data-v-836aaf6f] { display: flex; align-items: center; gap: 8px;
}
.progress-label[data-v-836aaf6f] { font-size: 0.75rem; font-weight: 600; color: var(--ink-secondary);
}
.progress-bar-mini[data-v-836aaf6f] { width: 80px; height: 6px; background: var(--border); border-radius: 3px; overflow: hidden;
}
.progress-fill-mini[data-v-836aaf6f] { height: 100%; background: var(--brand); border-radius: 3px; transition: width var(--transition);
}

/* ========== Board Columns ========== */
.board-columns[data-v-836aaf6f] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  min-height: 400px;
}
.board-column[data-v-836aaf6f] {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  min-height: 200px;
}
.column-header[data-v-836aaf6f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-bottom: 1px solid var(--border);
}
.column-title[data-v-836aaf6f] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink);
}
.column-dot[data-v-836aaf6f] { width: 8px; height: 8px; border-radius: 50%;
}
.column-dot.todo[data-v-836aaf6f] { background: var(--brand);
}
.column-dot.in_progress[data-v-836aaf6f] { background: var(--warning);
}
.column-dot.in_review[data-v-836aaf6f] { background: #8b5cf6;
}
.column-dot.done[data-v-836aaf6f] { background: var(--success);
}
.column-count[data-v-836aaf6f] {
  min-width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--surface-raised);
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 700;
  color: var(--ink-secondary);
}
.column-body[data-v-836aaf6f] {
  flex: 1;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
}
.column-empty[data-v-836aaf6f] {
  padding: 20px;
  text-align: center;
  font-size: 0.75rem;
  color: var(--muted);
}

/* ========== Board Card ========== */
.board-card[data-v-836aaf6f] {
  padding: 12px;
  background: var(--surface-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  cursor: grab;
  transition: all var(--transition-fast);
}
.board-card[data-v-836aaf6f]:hover {
  border-color: var(--brand);
  box-shadow: var(--shadow-sm);
}
.board-card[data-v-836aaf6f]:active { cursor: grabbing;
}
.card-top[data-v-836aaf6f] { display: flex; align-items: center; gap: 6px; margin-bottom: 6px;
}
.card-id[data-v-836aaf6f] { font-size: 0.6875rem; font-weight: 600; color: var(--muted);
}
.story-points[data-v-836aaf6f] {
  margin-left: auto;
  padding: 1px 7px;
  background: var(--brand-subtle);
  color: var(--brand);
  border-radius: 999px;
  font-size: 0.625rem;
  font-weight: 700;
}
.card-title[data-v-836aaf6f] {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--ink);
  line-height: 1.4;
  margin-bottom: 8px;
}
.card-bottom[data-v-836aaf6f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-labels[data-v-836aaf6f] { display: flex; gap: 4px; flex-wrap: wrap;
}
.card-label[data-v-836aaf6f] {
  padding: 1px 6px;
  background: var(--border);
  border-radius: 4px;
  font-size: 0.5625rem;
  font-weight: 600;
  color: var(--ink-secondary);
  text-transform: uppercase;
}
.card-assignee[data-v-836aaf6f] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6875rem;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
}

/* Priority & Status dots */
.priority-dot[data-v-836aaf6f], .priority-indicator[data-v-836aaf6f] { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0;
}
.priority-dot.critical[data-v-836aaf6f], .priority-indicator.critical[data-v-836aaf6f] { background: var(--danger);
}
.priority-dot.high[data-v-836aaf6f], .priority-indicator.high[data-v-836aaf6f] { background: #f59e0b;
}
.priority-dot.medium[data-v-836aaf6f], .priority-indicator.medium[data-v-836aaf6f] { background: #3b82f6;
}
.priority-dot.low[data-v-836aaf6f], .priority-indicator.low[data-v-836aaf6f] { background: #94a3b8;
}
.status-chip[data-v-836aaf6f] {
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
}
.status-chip.backlog[data-v-836aaf6f] { background: var(--surface-raised); color: var(--muted);
}
.status-chip.todo[data-v-836aaf6f] { background: var(--brand-subtle); color: var(--brand);
}
.status-chip.in_progress[data-v-836aaf6f] { background: var(--warning-light); color: #b45309;
}
.status-chip.in_review[data-v-836aaf6f] { background: rgba(139, 92, 246, 0.1); color: #7c3aed;
}
.status-chip.done[data-v-836aaf6f] { background: var(--success-light); color: #047857;
}
.status-dot[data-v-836aaf6f] { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0;
}
.status-dot.backlog[data-v-836aaf6f] { background: var(--muted);
}
.status-dot.todo[data-v-836aaf6f] { background: var(--brand);
}
.status-dot.in_progress[data-v-836aaf6f] { background: var(--warning);
}
.status-dot.in_review[data-v-836aaf6f] { background: #8b5cf6;
}
.status-dot.done[data-v-836aaf6f] { background: var(--success);
}

/* ========== Backlog List ========== */
.backlog-list[data-v-836aaf6f] { display: flex; flex-direction: column; gap: 6px;
}
.backlog-item[data-v-836aaf6f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  transition: all var(--transition-fast);
}
.backlog-item[data-v-836aaf6f]:hover {
  border-color: var(--brand);
  box-shadow: var(--shadow-sm);
}
.backlog-item-left[data-v-836aaf6f] { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0;
}
.backlog-item-info[data-v-836aaf6f] { min-width: 0;
}
.backlog-item-title[data-v-836aaf6f] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item-id[data-v-836aaf6f] { color: var(--muted); font-weight: 600; font-size: 0.75rem; margin-right: 4px;
}
.backlog-item-meta[data-v-836aaf6f] { display: flex; gap: 8px; align-items: center; margin-top: 4px; flex-wrap: wrap;
}
.meta-sp[data-v-836aaf6f] {
  font-size: 0.6875rem;
  font-weight: 700;
  color: var(--brand);
  background: var(--brand-subtle);
  padding: 1px 7px;
  border-radius: 999px;
}
.meta-label[data-v-836aaf6f] {
  font-size: 0.625rem;
  font-weight: 600;
  color: var(--ink-secondary);
  background: var(--surface-raised);
  padding: 1px 6px;
  border-radius: 4px;
  text-transform: uppercase;
}
.meta-assignee[data-v-836aaf6f] { font-size: 0.6875rem; color: var(--ink-secondary);
}
.meta-assignee i[data-v-836aaf6f] { font-size: 0.5625rem;
}
.backlog-item-right[data-v-836aaf6f] { display: flex; align-items: center; gap: 6px; flex-shrink: 0;
}

/* ========== Sprint Cards ========== */
.sprints-list[data-v-836aaf6f] { display: flex; flex-direction: column; gap: 16px;
}
.sprint-card[data-v-836aaf6f] {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 18px;
  transition: all var(--transition);
}
.sprint-card[data-v-836aaf6f]:hover { box-shadow: var(--shadow-sm);
}
.sprint-card.active[data-v-836aaf6f] { border-color: var(--brand); border-left: 4px solid var(--brand);
}
.sprint-card-header[data-v-836aaf6f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.sprint-card-title[data-v-836aaf6f] { display: flex; align-items: center; gap: 8px;
}
.sprint-card-title h5[data-v-836aaf6f] { margin: 0; font-size: 1rem; font-weight: 600; color: var(--ink);
}
.sprint-card-dates[data-v-836aaf6f] { font-size: 0.75rem; color: var(--muted);
}
.sprint-status-dot[data-v-836aaf6f] { width: 8px; height: 8px; border-radius: 50%;
}
.sprint-status-dot.planning[data-v-836aaf6f] { background: #94a3b8;
}
.sprint-status-dot.active[data-v-836aaf6f] { background: var(--success);
}
.sprint-status-dot.review[data-v-836aaf6f] { background: var(--warning);
}
.sprint-status-dot.completed[data-v-836aaf6f] { background: var(--brand);
}
.sprint-status-badge[data-v-836aaf6f] {
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
}
.sprint-status-badge.planning[data-v-836aaf6f] { background: rgba(148, 163, 184, 0.15); color: #64748b;
}
.sprint-status-badge.active[data-v-836aaf6f] { background: var(--success-light); color: #047857;
}
.sprint-status-badge.review[data-v-836aaf6f] { background: var(--warning-light); color: #b45309;
}
.sprint-status-badge.completed[data-v-836aaf6f] { background: var(--brand-subtle); color: var(--brand);
}
.sprint-goal[data-v-836aaf6f] { font-size: 0.8125rem; color: var(--ink-secondary); margin-bottom: 12px;
}
.sprint-goal i[data-v-836aaf6f] { color: var(--brand); margin-right: 4px; font-size: 0.75rem;
}
.sprint-card-stats[data-v-836aaf6f] {
  display: flex;
  gap: 24px;
  margin-bottom: 12px;
  padding: 10px 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.sprint-stat[data-v-836aaf6f] { display: flex; flex-direction: column;
}
.stat-num[data-v-836aaf6f] { font-size: 1.25rem; font-weight: 700; color: var(--ink);
}
.stat-txt[data-v-836aaf6f] { font-size: 0.6875rem; color: var(--muted); text-transform: uppercase; font-weight: 600;
}
.sprint-items-preview[data-v-836aaf6f] { margin-bottom: 12px;
}
.sprint-item-row[data-v-836aaf6f] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  font-size: 0.8125rem;
  color: var(--ink-secondary);
}
.item-title-mini[data-v-836aaf6f] { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.item-sp-mini[data-v-836aaf6f] { font-size: 0.6875rem; font-weight: 600; color: var(--brand); flex-shrink: 0;
}
.more-items[data-v-836aaf6f] { font-size: 0.75rem; color: var(--muted); font-style: italic; padding: 2px 0;
}
.sprint-card-actions[data-v-836aaf6f] { display: flex; gap: 8px; flex-wrap: wrap;
}

/* ========== Retro ========== */
.retro-section[data-v-836aaf6f] { margin-top: 12px; border-top: 1px solid var(--border); padding-top: 12px;
}
.retro-header[data-v-836aaf6f] {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink-secondary);
  padding: 6px 0;
  transition: color var(--transition-fast);
}
.retro-header[data-v-836aaf6f]:hover { color: var(--brand);
}
.retro-header i[data-v-836aaf6f]:last-child { margin-left: auto; font-size: 0.6875rem;
}
.retro-body[data-v-836aaf6f] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 10px;
}
.retro-column[data-v-836aaf6f] { padding: 10px; background: var(--surface-raised); border-radius: var(--radius-sm);
}
.retro-column h6[data-v-836aaf6f] {
  margin: 0 0 8px;
  font-size: 0.75rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 6px;
}
.retro-column.good h6[data-v-836aaf6f] { color: #047857;
}
.retro-column.improve h6[data-v-836aaf6f] { color: #b45309;
}
.retro-column.actions h6[data-v-836aaf6f] { color: var(--brand);
}
.retro-column h6 i[data-v-836aaf6f] { font-size: 0.6875rem;
}
.retro-note[data-v-836aaf6f] {
  font-size: 0.8125rem;
  color: var(--ink);
  padding: 4px 6px;
  background: var(--surface);
  border-radius: 4px;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}
.retro-remove[data-v-836aaf6f] {
  border: none;
  background: none;
  color: var(--muted);
  cursor: pointer;
  font-size: 0.875rem;
  padding: 0 2px;
}
.retro-remove[data-v-836aaf6f]:hover { color: var(--danger);
}
.retro-add input[data-v-836aaf6f] {
  width: 100%;
  padding: 6px 8px;
  border: 1px solid var(--border);
  border-radius: 4px;
  font-size: 0.8125rem;
  background: var(--surface);
  color: var(--ink);
}
.retro-add input[data-v-836aaf6f]:focus { outline: none; border-color: var(--brand);
}

/* ========== Team ========== */
.roles-overview[data-v-836aaf6f] { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px;
}
.role-card[data-v-836aaf6f] {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  transition: all var(--transition-fast);
}
.role-card[data-v-836aaf6f]:hover { border-color: var(--brand); box-shadow: var(--shadow-sm);
}
.role-card-icon[data-v-836aaf6f] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  font-size: 1rem;
  color: #fff;
  flex-shrink: 0;
}
.role-card.scrum-master .role-card-icon[data-v-836aaf6f] { background: linear-gradient(135deg, #8b5cf6, #7c3aed);
}
.role-card.product-owner .role-card-icon[data-v-836aaf6f] { background: linear-gradient(135deg, #f59e0b, #d97706);
}
.role-card-info[data-v-836aaf6f] { flex: 1; min-width: 0;
}
.role-card-title[data-v-836aaf6f] { font-size: 0.875rem; font-weight: 600; color: var(--ink);
}
.role-card-desc[data-v-836aaf6f] { font-size: 0.75rem; color: var(--muted);
}
.role-card-member[data-v-836aaf6f] { display: flex; align-items: center; gap: 8px; font-size: 0.8125rem; font-weight: 500; color: var(--ink);
}
.role-card-empty[data-v-836aaf6f] { font-size: 0.75rem; color: var(--muted); font-style: italic;
}
.mini-avatar[data-v-836aaf6f] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.6875rem;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
}
.team-section[data-v-836aaf6f] { margin-top: 16px;
}
.team-section-header[data-v-836aaf6f] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;
}
.team-section-header h5[data-v-836aaf6f] {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ink);
  display: flex;
  align-items: center;
  gap: 6px;
}
.team-section-header h5 i[data-v-836aaf6f] { color: var(--brand); font-size: 0.75rem;
}
.team-count[data-v-836aaf6f] { font-size: 0.75rem; color: var(--muted);
}
.team-grid[data-v-836aaf6f] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px;
}
.team-member-card[data-v-836aaf6f] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}
.member-avatar[data-v-836aaf6f] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.875rem;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
}
.member-info[data-v-836aaf6f] { flex: 1; min-width: 0;
}
.member-name[data-v-836aaf6f] { font-size: 0.875rem; font-weight: 500; color: var(--ink);
}
.member-email[data-v-836aaf6f] { font-size: 0.75rem; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.member-actions[data-v-836aaf6f] { display: flex; gap: 4px;
}
.members-table[data-v-836aaf6f] { display: flex; flex-direction: column; gap: 6px;
}
.member-row[data-v-836aaf6f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}
.member-row-left[data-v-836aaf6f] { display: flex; align-items: center; gap: 10px;
}
.member-row-info[data-v-836aaf6f] { display: flex; flex-direction: column;
}
.member-row-name[data-v-836aaf6f] { font-size: 0.875rem; font-weight: 500; color: var(--ink);
}
.member-row-email[data-v-836aaf6f] { font-size: 0.75rem; color: var(--muted);
}
.member-row-right[data-v-836aaf6f] { flex-shrink: 0;
}
.role-select-sm[data-v-836aaf6f] {
  padding: 6px 10px;
  background: var(--surface-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: 0.8125rem;
  color: var(--ink);
  cursor: pointer;
}
.role-select-sm[data-v-836aaf6f]:focus { outline: none; border-color: var(--brand);
}

/* ========== Standups ========== */
.standups-list[data-v-836aaf6f] { display: flex; flex-direction: column; gap: 12px;
}
.standup-card[data-v-836aaf6f] {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 16px;
}
.standup-card-header[data-v-836aaf6f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.standup-date[data-v-836aaf6f] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ink);
  display: flex;
  align-items: center;
  gap: 6px;
}
.standup-date i[data-v-836aaf6f] { color: var(--brand); font-size: 0.75rem;
}
.standup-actions[data-v-836aaf6f] { display: flex; gap: 4px;
}
.standup-entries[data-v-836aaf6f] { display: flex; flex-direction: column; gap: 10px;
}
.standup-entry[data-v-836aaf6f] { padding: 10px; background: var(--surface-raised); border-radius: var(--radius-sm);
}
.standup-entry-header[data-v-836aaf6f] { display: flex; align-items: center; gap: 8px; margin-bottom: 8px;
}
.standup-member-name[data-v-836aaf6f] { font-size: 0.8125rem; font-weight: 600; color: var(--ink);
}
.standup-entry-body[data-v-836aaf6f] { display: flex; flex-direction: column; gap: 6px;
}
.standup-field[data-v-836aaf6f] { display: flex; gap: 8px; align-items: flex-start; font-size: 0.8125rem;
}
.standup-field-label[data-v-836aaf6f] {
  font-weight: 600;
  color: var(--ink-secondary);
  white-space: nowrap;
  min-width: 70px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.standup-field-label i[data-v-836aaf6f] { font-size: 0.625rem;
}
.standup-field.blocker .standup-field-label[data-v-836aaf6f] { color: var(--danger);
}
.standup-field-text[data-v-836aaf6f] { color: var(--ink);
}
.standup-form-entry[data-v-836aaf6f] { padding: 12px; background: var(--surface-raised); border-radius: var(--radius-sm); margin-bottom: 10px;
}
.standup-form-member[data-v-836aaf6f] { display: flex; gap: 8px; align-items: center; margin-bottom: 8px;
}

/* ========== Metrics ========== */
.kpi-grid[data-v-836aaf6f] { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px;
}
.kpi-card[data-v-836aaf6f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 20px 12px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  text-align: center;
}
.kpi-icon[data-v-836aaf6f] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  font-size: 1rem;
  color: #fff;
}
.kpi-icon.velocity[data-v-836aaf6f] { background: linear-gradient(135deg, var(--brand-light), var(--brand));
}
.kpi-icon.sprints[data-v-836aaf6f] { background: linear-gradient(135deg, #8b5cf6, #7c3aed);
}
.kpi-icon.stories[data-v-836aaf6f] { background: linear-gradient(135deg, var(--warning), #d97706);
}
.kpi-icon.points[data-v-836aaf6f] { background: linear-gradient(135deg, var(--success), #059669);
}
.kpi-value[data-v-836aaf6f] { font-size: 1.75rem; font-weight: 700; color: var(--ink);
}
.kpi-label[data-v-836aaf6f] { font-size: 0.75rem; color: var(--muted); font-weight: 500;
}
.chart-card[data-v-836aaf6f] {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 18px;
  margin-top: 16px;
}
.chart-header[data-v-836aaf6f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.chart-header h5[data-v-836aaf6f] {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--ink);
  display: flex;
  align-items: center;
  gap: 6px;
}
.chart-header h5 i[data-v-836aaf6f] { color: var(--brand); font-size: 0.75rem;
}
.chart-sprint[data-v-836aaf6f] { font-size: 0.75rem; color: var(--muted);
}
.chart-container[data-v-836aaf6f] { width: 100%;
}
.burndown-svg[data-v-836aaf6f] { width: 100%; height: auto;
}
.velocity-bars[data-v-836aaf6f] {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  height: 180px;
  padding: 12px 0;
}
.velocity-bar-group[data-v-836aaf6f] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  height: 100%;
}
.velocity-bar-wrapper[data-v-836aaf6f] { flex: 1; display: flex; align-items: flex-end; width: 100%;
}
.velocity-bar[data-v-836aaf6f] {
  width: 100%;
  max-width: 48px;
  margin: 0 auto;
  background: linear-gradient(180deg, var(--brand-light), var(--brand));
  border-radius: 6px 6px 0 0;
  min-height: 8px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 6px;
  transition: height var(--transition);
}
.velocity-bar-value[data-v-836aaf6f] { font-size: 0.6875rem; font-weight: 700; color: #fff;
}
.velocity-bar-label[data-v-836aaf6f] {
  font-size: 0.6875rem;
  color: var(--muted);
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80px;
}

/* ========== Buttons ========== */
.icon-btn[data-v-836aaf6f] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface);
  color: var(--ink-secondary);
  cursor: pointer;
  transition: all var(--transition-fast);
  font-size: 0.875rem;
}
.icon-btn[data-v-836aaf6f]:hover { border-color: var(--border-strong); color: var(--ink);
}
.icon-btn-sm[data-v-836aaf6f] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  transition: all var(--transition-fast);
  font-size: 0.75rem;
}
.icon-btn-sm[data-v-836aaf6f]:hover { background: var(--brand-subtle); color: var(--brand);
}
.icon-btn-sm.danger[data-v-836aaf6f]:hover { background: var(--danger-light); color: var(--danger);
}
.btn-primary[data-v-836aaf6f], .btn-secondary[data-v-836aaf6f], .btn-danger[data-v-836aaf6f], .btn-warning[data-v-836aaf6f] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 16px;
  border: none;
  border-radius: var(--radius-sm);
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-fast);
  white-space: nowrap;
}
.btn-primary[data-v-836aaf6f] { background: var(--brand); color: #fff;
}
.btn-primary[data-v-836aaf6f]:hover:not(:disabled) { background: var(--brand-dark);
}
.btn-secondary[data-v-836aaf6f] { background: var(--surface); border: 1px solid var(--border); color: var(--ink-secondary);
}
.btn-secondary[data-v-836aaf6f]:hover:not(:disabled) { border-color: var(--brand); color: var(--brand);
}
.btn-danger[data-v-836aaf6f] { background: var(--danger-light); color: var(--danger); border: 1px solid rgba(220,38,38,0.15);
}
.btn-danger[data-v-836aaf6f]:hover:not(:disabled) { background: rgba(220,38,38,0.12);
}
.btn-warning[data-v-836aaf6f] { background: var(--warning-light); color: #b45309; border: 1px solid rgba(245,158,11,0.2);
}
.btn-warning[data-v-836aaf6f]:hover:not(:disabled) { background: rgba(245,158,11,0.15);
}
.btn-primary[data-v-836aaf6f]:disabled, .btn-secondary[data-v-836aaf6f]:disabled, .btn-danger[data-v-836aaf6f]:disabled, .btn-warning[data-v-836aaf6f]:disabled { opacity: 0.45; cursor: not-allowed;
}
.btn-primary i[data-v-836aaf6f], .btn-secondary i[data-v-836aaf6f], .btn-danger i[data-v-836aaf6f], .btn-warning i[data-v-836aaf6f] { font-size: 0.6875rem;
}
.small[data-v-836aaf6f] { padding: 6px 12px; font-size: 0.75rem;
}
.filter-select[data-v-836aaf6f] {
  padding: 7px 12px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: 0.8125rem;
  color: var(--ink);
  cursor: pointer;
}
.filter-select[data-v-836aaf6f]:focus { outline: none; border-color: var(--brand);
}

/* ========== Dialogs ========== */
.dialog-overlay[data-v-836aaf6f] {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.5);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10001;
}
.dialog-box[data-v-836aaf6f] {
  background: var(--surface);
  border-radius: var(--radius-lg);
  width: 90%;
  max-width: 420px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}
.dialog-box.wide[data-v-836aaf6f] { max-width: 600px;
}
.dialog-header[data-v-836aaf6f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--border);
}
.dialog-header h3[data-v-836aaf6f] { margin: 0; font-size: 1rem; font-weight: 600; color: var(--ink);
}
.dialog-body[data-v-836aaf6f] {
  padding: 20px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.dialog-footer[data-v-836aaf6f] {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  padding: 14px 20px;
  border-top: 1px solid var(--border);
  background: var(--surface-raised);
}
.form-row[data-v-836aaf6f] { display: flex; flex-direction: column; gap: 6px;
}
.form-label[data-v-836aaf6f] { font-size: 0.8125rem; font-weight: 600; color: var(--ink-secondary);
}
.form-label-sm[data-v-836aaf6f] { font-size: 0.75rem; font-weight: 600; color: var(--muted);
}
.form-input[data-v-836aaf6f] {
  padding: 9px 12px;
  background: var(--surface-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: 0.875rem;
  color: var(--ink);
  font-family: inherit;
}
.form-input[data-v-836aaf6f]:focus {
  outline: none;
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(80,134,138,0.1);
}
.form-textarea[data-v-836aaf6f] {
  padding: 9px 12px;
  background: var(--surface-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: 0.875rem;
  color: var(--ink);
  font-family: inherit;
  resize: vertical;
}
.form-textarea[data-v-836aaf6f]:focus {
  outline: none;
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(80,134,138,0.1);
}
.form-grid-2[data-v-836aaf6f] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
}
.form-grid-3[data-v-836aaf6f] { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px;
}

/* ========== Transitions ========== */
.fade-enter-active[data-v-836aaf6f], .fade-leave-active[data-v-836aaf6f] { transition: opacity var(--transition);
}
.fade-enter-from[data-v-836aaf6f], .fade-leave-to[data-v-836aaf6f] { opacity: 0;
}
.slide-right-enter-active[data-v-836aaf6f], .slide-right-leave-active[data-v-836aaf6f] { transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.slide-right-enter-from[data-v-836aaf6f], .slide-right-leave-to[data-v-836aaf6f] { transform: translateX(100%);
}

/* ========== Responsive ========== */
@media (max-width: 700px) {
.board-columns[data-v-836aaf6f] { grid-template-columns: 1fr;
}
.retro-body[data-v-836aaf6f] { grid-template-columns: 1fr;
}
.form-grid-2[data-v-836aaf6f], .form-grid-3[data-v-836aaf6f] { grid-template-columns: 1fr;
}
.sprint-info-bar[data-v-836aaf6f] { flex-direction: column; align-items: flex-start;
}
.roles-overview[data-v-836aaf6f] { grid-template-columns: 1fr;
}
.kpi-grid[data-v-836aaf6f] { grid-template-columns: repeat(2, 1fr);
}
.inline-header[data-v-836aaf6f] { flex-direction: column; align-items: flex-start; gap: 12px;
}
.inline-header-actions[data-v-836aaf6f] { align-self: flex-end;
}
.btn-expand span[data-v-836aaf6f] { display: none;
}
}
@media (max-width: 480px) {
.tab-btn span[data-v-836aaf6f] { display: none;
}
.inline-tab-btn span[data-v-836aaf6f] { display: none;
}
.scrum-panel[data-v-836aaf6f] { width: 100vw;
}
.kpi-grid[data-v-836aaf6f] { grid-template-columns: 1fr 1fr;
}
.team-grid[data-v-836aaf6f] { grid-template-columns: 1fr;
}
}

.whiteboard[data-v-b34f5dd7] { display: flex; flex-direction: column; height: 100%; background: var(--bg-secondary, #fff); border-radius: var(--radius-lg, 12px); overflow: hidden;
}

/* ═══ TOOLBAR ═══ */
.wb-toolbar[data-v-b34f5dd7] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; background: var(--bg-secondary, #fff); border-bottom: 1px solid var(--border-light, rgba(0,0,0,0.08)); flex-shrink: 0; flex-wrap: wrap;
}
.toolbar-section[data-v-b34f5dd7] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
.toolbar-divider[data-v-b34f5dd7] { width: 1px; height: 28px; background: var(--border-light, rgba(0,0,0,0.1)); margin: 0 4px;
}
.tool-group[data-v-b34f5dd7] { display: flex; align-items: center; gap: 2px; background: var(--bg-tertiary, #f5f5f5); padding: 4px; border-radius: var(--radius-md, 10px);
}
.tool-btn[data-v-b34f5dd7] { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border: none; border-radius: var(--radius-sm, 8px); background: transparent; color: var(--text-secondary, #666); font-size: 0.875rem; cursor: pointer; transition: all 150ms ease;
}
.tool-btn[data-v-b34f5dd7]:hover:not(:disabled) { background: var(--bg-secondary, #fff); color: var(--text-primary, #1a2e2f);
}
.tool-btn.active[data-v-b34f5dd7] { background: var(--brand, #528b8f); color: #fff; box-shadow: 0 2px 6px rgba(82,139,143,0.25);
}
.tool-btn[data-v-b34f5dd7]:disabled { opacity: 0.4; cursor: not-allowed;
}

/* ═══ CATEGORY DROPDOWN ═══ */
.shape-category-wrap[data-v-b34f5dd7] { position: relative; z-index: 30;
}
.category-trigger[data-v-b34f5dd7] {
  display: flex; align-items: center; gap: 8px;
  padding: 7px 14px; border: 1px solid var(--border-light, rgba(0,0,0,0.12));
  border-radius: var(--radius-md, 10px);
  background: var(--bg-secondary, #fff); color: var(--text-primary, #1a2e2f);
  font-size: 0.8125rem; font-weight: 600; cursor: pointer;
  transition: all 150ms ease;
  user-select: none;
}
.category-trigger[data-v-b34f5dd7]:hover { background: var(--bg-tertiary, #f5f5f5);
}
.category-trigger.open[data-v-b34f5dd7] { border-color: var(--brand, #528b8f); box-shadow: 0 0 0 3px rgba(82,139,143,0.12);
}
.category-trigger i[data-v-b34f5dd7]:first-child { font-size: 0.875rem; color: var(--brand, #528b8f);
}
.trigger-chevron[data-v-b34f5dd7] {
  font-size: 0.625rem; opacity: 0.5; margin-left: 2px;
  transition: transform 180ms ease;
}
.category-trigger.open .trigger-chevron[data-v-b34f5dd7] { transform: rotate(180deg);
}
.category-dropdown[data-v-b34f5dd7] {
  position: absolute; top: calc(100% + 6px); left: 0;
  min-width: 220px; padding: 6px;
  background: var(--bg-secondary, #fff);
  border: 1px solid var(--border-light, rgba(0,0,0,0.1));
  border-radius: var(--radius-lg, 12px);
  box-shadow: 0 12px 40px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.06);
}
.category-option[data-v-b34f5dd7] {
  display: flex; align-items: center; gap: 10px; width: 100%;
  padding: 10px 14px; border: none; border-radius: var(--radius-sm, 8px);
  background: transparent; color: var(--text-primary, #1a2e2f);
  font-size: 0.8125rem; font-weight: 500; cursor: pointer;
  transition: all 120ms ease; text-align: left;
}
.category-option[data-v-b34f5dd7]:hover { background: var(--bg-tertiary, #f5f5f5);
}
.category-option.active[data-v-b34f5dd7] {
  background: rgba(82,139,143,0.1); color: var(--brand, #528b8f); font-weight: 600;
}
.category-option i[data-v-b34f5dd7] { width: 20px; text-align: center; font-size: 0.875rem; opacity: 0.7;
}
.category-option.active i[data-v-b34f5dd7] { opacity: 1; color: var(--brand, #528b8f);
}
.category-badge[data-v-b34f5dd7] {
  margin-left: auto; padding: 2px 8px;
  background: var(--bg-tertiary, #f0f0f0); border-radius: 99px;
  font-size: 0.6875rem; font-weight: 600; color: var(--text-muted, #999);
}
.category-option.active .category-badge[data-v-b34f5dd7] { background: rgba(82,139,143,0.15); color: var(--brand, #528b8f);
}

/* Dropdown transition */
.dropdown-enter-active[data-v-b34f5dd7] { transition: all 150ms cubic-bezier(0.16, 1, 0.3, 1);
}
.dropdown-leave-active[data-v-b34f5dd7] { transition: all 100ms ease-in;
}
.dropdown-enter-from[data-v-b34f5dd7], .dropdown-leave-to[data-v-b34f5dd7] { opacity: 0; transform: translateY(-6px) scale(0.97);
}

/* Shape tools group gets a subtle accent border when ER is active */
.shape-tools[data-v-b34f5dd7] { border: 1px solid transparent; transition: border-color 200ms ease;
}

/* ═══ OTHER TOOLBAR CONTROLS ═══ */
.action-btn[data-v-b34f5dd7] { display: flex; align-items: center; gap: 6px; padding: 8px 12px; border: 1px solid var(--border-light, rgba(0,0,0,0.1)); border-radius: var(--radius-md, 10px); background: var(--bg-secondary, #fff); color: var(--text-secondary, #666); font-size: 0.8125rem; font-weight: 500; cursor: pointer; transition: all 150ms ease;
}
.action-btn[data-v-b34f5dd7]:hover { background: var(--bg-tertiary, #f5f5f5); color: var(--text-primary, #1a2e2f);
}
.btn-label[data-v-b34f5dd7] { display: inline;
}
.tool-select[data-v-b34f5dd7] { display: flex; align-items: center; gap: 6px; padding: 4px 8px 4px 10px; background: var(--bg-tertiary, #f5f5f5); border-radius: var(--radius-md, 10px);
}
.select-label[data-v-b34f5dd7] { display: flex; align-items: center; color: var(--text-muted, #999); font-size: 0.75rem;
}
.select-input[data-v-b34f5dd7] { border: none; background: transparent; font-size: 0.8125rem; font-weight: 500; color: var(--text-primary, #1a2e2f); cursor: pointer; outline: none; padding: 4px 0;
}
.label-input[data-v-b34f5dd7] { width: 120px; font-weight: 400;
}
.connector-arrow-hint[data-v-b34f5dd7] { font-size: 0.875rem; color: var(--text-muted, #999);
}
.zoom-display[data-v-b34f5dd7] { display: flex; align-items: center; gap: 6px; padding: 6px 12px; background: var(--bg-tertiary, #f5f5f5); border-radius: var(--radius-md, 10px); font-size: 0.75rem; font-weight: 600; color: var(--text-secondary, #666);
}
.zoom-display i[data-v-b34f5dd7] { font-size: 0.6875rem; opacity: 0.7;
}
.save-status[data-v-b34f5dd7] { display: flex; align-items: center; gap: 6px; padding: 6px 12px; background: var(--success-subtle, rgba(34,197,94,0.1)); border-radius: var(--radius-md, 10px); font-size: 0.75rem; font-weight: 500; color: var(--success, #22c55e); transition: all 200ms ease;
}
.save-status.saving[data-v-b34f5dd7] { background: var(--brand-subtle, rgba(82,139,143,0.1)); color: var(--brand, #528b8f);
}
.file-input[data-v-b34f5dd7] { display: none;
}

/* ═══ CANVAS ═══ */
.wb-canvas-wrap[data-v-b34f5dd7] { flex: 1; position: relative; outline: none; overflow: hidden;
}
.wb-canvas[data-v-b34f5dd7] { width: 100%; height: 100%; display: block;
}
.wb-canvas-wrap.cursor-grab .wb-canvas[data-v-b34f5dd7] { cursor: grab;
}
.wb-canvas-wrap.cursor-grabbing .wb-canvas[data-v-b34f5dd7] { cursor: grabbing;
}
.wb-canvas-wrap.cursor-default .wb-canvas[data-v-b34f5dd7] { cursor: default;
}
.wb-canvas-wrap.cursor-eraser .wb-canvas[data-v-b34f5dd7] { cursor: cell;
}
.wb-canvas-wrap.cursor-crosshair .wb-canvas[data-v-b34f5dd7] { cursor: crosshair;
}
.wb-text-editor[data-v-b34f5dd7] { position: absolute; z-index: 10; resize: both; min-width: 120px; min-height: 36px; padding: 10px 12px; border-radius: var(--radius-md, 10px); border: 2px solid var(--brand, #528b8f); outline: none; background: #fff; box-shadow: 0 8px 24px rgba(0,0,0,0.12), 0 0 0 4px rgba(82,139,143,0.1); color: var(--text-primary, #1a2e2f); font-family: inherit; line-height: 1.4;
}

/* ═══ TABLE EDITOR ═══ */
.er-table-editor[data-v-b34f5dd7] { position: absolute; z-index: 20; background: var(--bg-secondary, #fff); border: 1px solid var(--border-light, rgba(0,0,0,0.12)); border-radius: 12px; box-shadow: 0 12px 40px rgba(0,0,0,0.15); padding: 0; min-width: 440px; max-height: 70vh; overflow-y: auto;
}
.te-header[data-v-b34f5dd7] { display: flex; align-items: center; gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--border-light, rgba(0,0,0,0.08)); background: var(--bg-tertiary, #f5f5f5); border-radius: 12px 12px 0 0;
}
.te-name-input[data-v-b34f5dd7] { flex: 1; border: 1px solid var(--border-light, rgba(0,0,0,0.12)); border-radius: 8px; padding: 8px 12px; font-size: 0.9375rem; font-weight: 600; background: var(--bg-secondary, #fff); color: var(--text-primary, #1a2e2f); outline: none;
}
.te-name-input[data-v-b34f5dd7]:focus { border-color: var(--brand, #528b8f);
}
.te-close[data-v-b34f5dd7] { width: 36px; height: 36px; border: none; border-radius: 8px; background: var(--brand, #528b8f); color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 0.875rem;
}
.te-close[data-v-b34f5dd7]:hover { opacity: 0.9;
}
.te-columns[data-v-b34f5dd7] { padding: 8px 12px;
}
.te-col-row[data-v-b34f5dd7] { display: flex; align-items: center; gap: 6px; padding: 4px 0; border-bottom: 1px solid var(--border-light, rgba(0,0,0,0.04));
}
.te-col-input[data-v-b34f5dd7] { flex: 1; min-width: 100px; border: 1px solid transparent; border-radius: 6px; padding: 6px 8px; font-size: 0.8125rem; background: transparent; color: var(--text-primary, #1a2e2f); outline: none; font-family: 'SF Mono', 'Fira Code', monospace;
}
.te-col-input[data-v-b34f5dd7]:focus { border-color: var(--brand, #528b8f); background: var(--bg-tertiary, #f5f5f5);
}
.te-col-type[data-v-b34f5dd7] { border: 1px solid transparent; border-radius: 6px; padding: 5px 4px; font-size: 0.75rem; background: transparent; color: var(--text-secondary, #666); cursor: pointer; outline: none; font-family: 'SF Mono', 'Fira Code', monospace;
}
.te-col-type[data-v-b34f5dd7]:focus { border-color: var(--brand, #528b8f);
}
.te-col-pk[data-v-b34f5dd7], .te-col-fk[data-v-b34f5dd7], .te-col-nn[data-v-b34f5dd7] { display: flex; align-items: center; gap: 3px; font-size: 0.6875rem; font-weight: 600; color: var(--text-muted, #999); cursor: pointer; white-space: nowrap; user-select: none;
}
.te-col-pk input[data-v-b34f5dd7], .te-col-fk input[data-v-b34f5dd7], .te-col-nn input[data-v-b34f5dd7] { width: 14px; height: 14px; accent-color: var(--brand, #528b8f); cursor: pointer;
}
.te-col-pk[data-v-b34f5dd7]:has(input:checked) { color: #d97706;
}
.te-col-fk[data-v-b34f5dd7]:has(input:checked) { color: #3b82f6;
}
.te-col-nn[data-v-b34f5dd7]:has(input:checked) { color: #ef4444;
}
.te-col-del[data-v-b34f5dd7] { width: 28px; height: 28px; border: none; background: transparent; color: var(--text-muted, #ccc); cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 6px; font-size: 0.75rem;
}
.te-col-del[data-v-b34f5dd7]:hover { background: rgba(239,68,68,0.1); color: #ef4444;
}
.te-add-col[data-v-b34f5dd7] { display: flex; align-items: center; gap: 6px; width: 100%; padding: 10px 16px; border: none; background: transparent; color: var(--brand, #528b8f); font-size: 0.8125rem; font-weight: 500; cursor: pointer; border-top: 1px solid var(--border-light, rgba(0,0,0,0.06)); border-radius: 0 0 12px 12px;
}
.te-add-col[data-v-b34f5dd7]:hover { background: var(--bg-tertiary, #f5f5f5);
}

/* ═══ TOOL HINT ═══ */
.tool-hint[data-v-b34f5dd7] { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 8px; padding: 8px 16px; background: rgba(0,0,0,0.75); backdrop-filter: blur(8px); border-radius: 999px; font-size: 0.75rem; color: rgba(255,255,255,0.85); pointer-events: none; opacity: 0.8;
}
.hint-key[data-v-b34f5dd7] { padding: 2px 6px; background: rgba(255,255,255,0.15); border-radius: 4px; font-weight: 600; font-size: 0.6875rem;
}
.hint-sep[data-v-b34f5dd7] { opacity: 0.4;
}

/* ═══ DARK ═══ */
:root[data-theme="dark"] .wb-text-editor[data-v-b34f5dd7] { background: #262626; color: #e8edef;
}
:root[data-theme="dark"] .er-table-editor[data-v-b34f5dd7] { background: #262626; border-color: #3a3a3a;
}
:root[data-theme="dark"] .te-header[data-v-b34f5dd7] { background: #2a2a2a;
}
:root[data-theme="dark"] .te-name-input[data-v-b34f5dd7] { background: #1a1a1a; color: #e8edef; border-color: #3a3a3a;
}
:root[data-theme="dark"] .te-col-input[data-v-b34f5dd7] { color: #e8edef;
}
:root[data-theme="dark"] .te-col-input[data-v-b34f5dd7]:focus { background: #1a1a1a;
}
:root[data-theme="dark"] .te-col-type[data-v-b34f5dd7] { color: #94a3b8;
}
:root[data-theme="dark"] .category-trigger[data-v-b34f5dd7] { background: #262626; border-color: #3a3a3a; color: #e8edef;
}
:root[data-theme="dark"] .category-trigger[data-v-b34f5dd7]:hover { background: #2a2a2a;
}
:root[data-theme="dark"] .category-dropdown[data-v-b34f5dd7] { background: #262626; border-color: #3a3a3a; box-shadow: 0 12px 40px rgba(0,0,0,0.4);
}
:root[data-theme="dark"] .category-option[data-v-b34f5dd7] { color: #e8edef;
}
:root[data-theme="dark"] .category-option[data-v-b34f5dd7]:hover { background: #2a2a2a;
}
:root[data-theme="dark"] .category-badge[data-v-b34f5dd7] { background: #333; color: #888;
}
:root[data-theme="dark"] .tool-hint[data-v-b34f5dd7] { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.75);
}

/* ═══ RESPONSIVE ═══ */
@media (max-width: 900px) {
.btn-label[data-v-b34f5dd7] { display: none;
}
.category-trigger-label[data-v-b34f5dd7] { display: none;
}
.tool-hint[data-v-b34f5dd7] { display: none;
}
.label-input[data-v-b34f5dd7] { width: 80px;
}
}
@media (max-width: 600px) {
.wb-toolbar[data-v-b34f5dd7] { padding: 8px 12px; gap: 8px;
}
.toolbar-section[data-v-b34f5dd7] { width: 100%; justify-content: center;
}
.toolbar-divider[data-v-b34f5dd7] { display: none;
}
.tool-btn[data-v-b34f5dd7] { width: 32px; height: 32px; font-size: 0.8125rem;
}
.er-table-editor[data-v-b34f5dd7] { min-width: 320px;
}
.category-dropdown[data-v-b34f5dd7] { min-width: 180px;
}
}

.project-tab[data-v-57984c1a] {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  gap: 16px;
}

/* HEADER */
.project-header[data-v-57984c1a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-shrink: 0;
}
.header-left[data-v-57984c1a] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.title-icon[data-v-57984c1a] {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--brand-light, #64a3a7) 0%, var(--brand, #528b8f) 100%);
  border-radius: var(--radius-md);
  color: #fff;
  font-size: 1rem;
  box-shadow: var(--shadow-sm);
}
.title-text h3[data-v-57984c1a] {
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 600;
  color: var(--text-primary);
}
.title-text p[data-v-57984c1a] {
  margin: 2px 0 0;
  font-size: 0.8125rem;
  color: var(--text-secondary);
}
.header-actions[data-v-57984c1a] {
  display: flex;
  gap: 6px;
  align-items: center;
}
.saving-indicator[data-v-57984c1a] {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted);
}
.action-btn[data-v-57984c1a] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  background: var(--bg-secondary);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 150ms;
}
.action-btn[data-v-57984c1a]:hover {
  color: var(--text-primary);
  border-color: var(--border-medium);
  background: var(--bg-tertiary);
}

/* TABS */
.tabs-nav[data-v-57984c1a] {
  flex-shrink: 0;
}
.tabs-scroll[data-v-57984c1a] {
  overflow-x: auto;
  overflow-y: visible;
  padding: 10px 10px;
  margin: 0 -10px;
}
.tabs-scroll[data-v-57984c1a]::-webkit-scrollbar {
  height: 0;
}
.tabs-track[data-v-57984c1a] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding-right: 10px;
  padding-top: 6px;
  min-width: 100%;
}
.tab-item[data-v-57984c1a] {
  position: relative;
  display: flex;
  align-items: center;
}
.tab-btn[data-v-57984c1a] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  background: var(--bg-secondary);
  color: var(--text-secondary);
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 150ms;
  white-space: nowrap;
}
.tab-btn i[data-v-57984c1a] {
  font-size: 0.875rem;
}
.tab-btn[data-v-57984c1a]:hover {
  background: var(--bg-tertiary);
  border-color: var(--border-medium);
  color: var(--text-primary);
}
.tab-item.active .tab-btn[data-v-57984c1a] {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
  box-shadow: 0 2px 8px rgba(var(--brand-rgb), 0.25);
}
.tab-label[data-v-57984c1a] {
  display: inline;
}
.tab-badge[data-v-57984c1a] {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-tertiary);
  border-radius: 999px;
  font-size: 0.625rem;
  font-weight: 700;
}
.tab-item.active .tab-badge[data-v-57984c1a] {
  background: rgba(255, 255, 255, 0.25);
  color: #fff;
}
.tab-remove[data-v-57984c1a] {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: 50%;
  color: var(--text-muted);
  font-size: 0.5rem;
  cursor: pointer;
  opacity: 0;
  transform: scale(0.8);
  transition: all 150ms;
  z-index: 2;
}
.tab-item:hover .tab-remove[data-v-57984c1a] {
  opacity: 1;
  transform: scale(1);
}
.tab-remove[data-v-57984c1a]:hover {
  background: var(--error);
  border-color: var(--error);
  color: #fff;
}

/* ADD MODULE BUTTON */
.add-module-wrapper[data-v-57984c1a] {
  position: relative;
}
.add-module-btn[data-v-57984c1a] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border: 1px dashed var(--border-medium);
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--text-muted);
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 150ms;
  white-space: nowrap;
}
.add-module-btn i[data-v-57984c1a] {
  font-size: 0.75rem;
}
.add-module-btn[data-v-57984c1a]:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: var(--brand-subtle);
}
.add-module-btn.active[data-v-57984c1a] {
  border-style: solid;
  border-color: var(--brand);
  color: var(--brand);
  background: var(--brand-subtle);
}

/* DROPDOWN (TELEPORT) */
.module-dropdown[data-v-57984c1a] {
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xl);
  overflow: hidden;
}
.dropdown-header[data-v-57984c1a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  background: var(--bg-tertiary);
  border-bottom: 1px solid var(--border-light);
}
.dropdown-title[data-v-57984c1a] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-primary);
}
.dropdown-title i[data-v-57984c1a] {
  color: var(--brand);
}
.dropdown-close[data-v-57984c1a] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
  transition: all 150ms;
}
.dropdown-close[data-v-57984c1a]:hover {
  background: var(--bg-secondary);
  color: var(--text-primary);
}
.dropdown-search[data-v-57984c1a] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-light);
}
.dropdown-search i[data-v-57984c1a] {
  color: var(--text-muted);
  font-size: 0.8125rem;
}
.dropdown-search input[data-v-57984c1a] {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 0.875rem;
  color: var(--text-primary);
  outline: none;
}
.dropdown-search input[data-v-57984c1a]::placeholder {
  color: var(--text-muted);
}
.dropdown-list[data-v-57984c1a] {
  max-height: 320px;
  overflow-y: auto;
  padding: 8px;
}
.module-item[data-v-57984c1a] {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px 12px;
  border: none;
  border-radius: var(--radius-md);
  background: transparent;
  cursor: pointer;
  transition: all 150ms;
  text-align: left;
}
.module-item[data-v-57984c1a]:hover {
  background: var(--bg-tertiary);
}
.module-item.added[data-v-57984c1a] {
  background: var(--brand-subtle);
}
.module-icon[data-v-57984c1a] {
  --accent: var(--brand);
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent) 15%, transparent);
  border-radius: var(--radius-sm);
  color: var(--accent);
  font-size: 0.9375rem;
  flex-shrink: 0;
  transition: all 150ms;
}
.module-item:hover .module-icon[data-v-57984c1a] {
  transform: scale(1.05);
}
.module-info[data-v-57984c1a] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.module-name[data-v-57984c1a] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-primary);
}
.module-desc[data-v-57984c1a] {
  font-size: 0.75rem;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.module-action[data-v-57984c1a] {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.6875rem;
  flex-shrink: 0;
  transition: all 150ms;
  color: var(--text-muted);
}
.module-item:hover:not(.added) .module-action[data-v-57984c1a] {
  background: var(--brand);
  color: #fff;
}
.module-item.added .module-action[data-v-57984c1a] {
  background: var(--success);
  color: #fff;
}
.dropdown-empty[data-v-57984c1a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 24px;
  color: var(--text-muted);
}
.dropdown-empty i[data-v-57984c1a] {
  font-size: 1.5rem;
  opacity: 0.5;
}
.dropdown-footer[data-v-57984c1a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  background: var(--bg-tertiary);
  border-top: 1px solid var(--border-light);
}
.footer-count[data-v-57984c1a] {
  font-size: 0.75rem;
  color: var(--text-muted);
}
.footer-action[data-v-57984c1a] {
  padding: 6px 12px;
  border: none;
  border-radius: var(--radius-sm);
  background: var(--brand);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms;
}
.footer-action[data-v-57984c1a]:hover {
  background: var(--brand-dark);
}

/* Dropdown Transitions */
.dropdown-enter-active[data-v-57984c1a],
.dropdown-leave-active[data-v-57984c1a] {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.dropdown-enter-from[data-v-57984c1a],
.dropdown-leave-to[data-v-57984c1a] {
  opacity: 0;
  transform: translateY(-8px) scale(0.95);
}

/* EMPTY STATE */
.empty-state[data-v-57984c1a] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 40px;
  text-align: center;
}
.empty-icon[data-v-57984c1a] {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-tertiary);
  border-radius: 50%;
  color: var(--text-muted);
  font-size: 1.75rem;
  margin-bottom: 8px;
}
.empty-state h4[data-v-57984c1a] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-primary);
}
.empty-state p[data-v-57984c1a] {
  margin: 0;
  font-size: 0.875rem;
  color: var(--text-secondary);
  max-width: 280px;
}
.empty-cta[data-v-57984c1a] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  margin-top: 8px;
  background: var(--brand);
  border: none;
  border-radius: var(--radius-md);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms;
}
.empty-cta[data-v-57984c1a]:hover {
  background: var(--brand-dark);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(var(--brand-rgb), 0.3);
}

/* CONTENT */
.tab-content[data-v-57984c1a] {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.content-container[data-v-57984c1a] {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
}
.content-container.docs[data-v-57984c1a],
.content-container.scrum[data-v-57984c1a],
.content-container.milestones[data-v-57984c1a] {
  background: transparent;
  border: none;
  padding: 0;
}
.content-container.designer[data-v-57984c1a] {
  background: transparent;
  border: none;
  padding: 0;
  overflow: hidden;
  min-height: 0;
}

/* ERROR & LOADING */
.error-banner[data-v-57984c1a] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  margin-bottom: 12px;
  background: var(--error-subtle);
  border: 1px solid var(--error);
  border-radius: var(--radius-md);
  color: var(--error);
  flex-shrink: 0;
}
.error-banner i[data-v-57984c1a] {
  font-size: 1rem;
}
.error-banner span[data-v-57984c1a] {
  flex: 1;
  font-size: 0.875rem;
  font-weight: 500;
}
.error-close[data-v-57984c1a] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--error);
  cursor: pointer;
  transition: background 150ms;
}
.error-close[data-v-57984c1a]:hover {
  background: rgba(239, 68, 68, 0.15);
}
.loading-state[data-v-57984c1a] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 40px;
}
.loading-icon[data-v-57984c1a] {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--brand-subtle);
  border-radius: 50%;
  color: var(--brand);
  font-size: 1.125rem;
}
.loading-state span[data-v-57984c1a] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-secondary);
}

/* TRANSITIONS */
.fade-enter-active[data-v-57984c1a],
.fade-leave-active[data-v-57984c1a] {
  transition: opacity 200ms;
}
.fade-enter-from[data-v-57984c1a],
.fade-leave-to[data-v-57984c1a] {
  opacity: 0;
}

/* RESPONSIVE */
@media (max-width: 900px) {
.tab-label[data-v-57984c1a] {
    display: none;
}
.tab-btn[data-v-57984c1a] {
    padding: 10px 14px;
}
.add-module-btn span[data-v-57984c1a] {
    display: none;
}
.add-module-btn[data-v-57984c1a] {
    padding: 10px 14px;
}
}
@media (max-width: 600px) {
.project-header[data-v-57984c1a] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
.header-actions[data-v-57984c1a] {
    align-self: flex-end;
    margin-top: -48px;
}
.title-text p[data-v-57984c1a] {
    display: none;
}
.tab-btn[data-v-57984c1a] {
    padding: 10px 12px;
}
.tab-badge[data-v-57984c1a] {
    display: none;
}
.module-dropdown.module-dropdown--teleport[data-v-57984c1a] {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    bottom: 0 !important;
    top: auto !important;
    max-height: 70vh;
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
}
}

/* ═══════════════════════════════════════════════════════════════════════
   MESSAGE ROW — Slack-Style
═══════════════════════════════════════════════════════════════════════ */
.message-row[data-v-ddd1f009] {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  border-radius: var(--radius-sm);
  transition: background 120ms ease;
  width: 100%;
}
.message-row[data-v-ddd1f009]:hover {
  background: rgba(0, 0, 0, 0.02);
}
.message-row.is-deleted[data-v-ddd1f009] {
  opacity: 0.5;
}

/* ═══ Avatar ═══ */
.avatar-col[data-v-ddd1f009] {
  flex-shrink: 0;
  padding-top: 2px;
}
.avatar[data-v-ddd1f009] {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  user-select: none;
  overflow: hidden;
  flex-shrink: 0;
}
.avatar-img[data-v-ddd1f009] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.avatar-initials[data-v-ddd1f009] {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
}

/* ═══ Content ═══ */
.content-col[data-v-ddd1f009] {
  flex: 1;
  min-width: 0;
}

/* ═══ Header ═══ */
.msg-header[data-v-ddd1f009] {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 2px;
  flex-wrap: wrap;
}
.sender-name[data-v-ddd1f009] {
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--ink);
}
.you-badge[data-v-ddd1f009] {
  font-size: 0.625rem;
  font-weight: 600;
  padding: 1px 6px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--brand) 12%, transparent);
  color: var(--brand);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.msg-time[data-v-ddd1f009] {
  font-size: 0.75rem;
  color: var(--muted);
}
.edited-tag[data-v-ddd1f009] {
  font-style: italic;
  opacity: 0.7;
}

/* ═══ Status Badge ═══ */
.status-badge[data-v-ddd1f009] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.status-badge i[data-v-ddd1f009] { font-size: 0.5625rem;
}
.status-badge.open[data-v-ddd1f009] { background: var(--surface-raised); color: var(--muted);
}
.status-badge.in_progress[data-v-ddd1f009] { background: rgba(59, 130, 246, 0.1); color: #3b82f6;
}
.status-badge.urgent[data-v-ddd1f009] { background: rgba(239, 68, 68, 0.1); color: #ef4444;
}
.status-badge.done[data-v-ddd1f009] { background: rgba(34, 197, 94, 0.1); color: #22c55e;
}

/* ═══════════════════════════════════════════════════════════════════════
   COLLAPSIBLE MESSAGE TEXT
═══════════════════════════════════════════════════════════════════════ */
.message-text-wrapper[data-v-ddd1f009] {
  position: relative;
}
.message-text-inner[data-v-ddd1f009] {
  overflow: hidden;
  transition: max-height 350ms ease;
}
.message-text-wrapper.is-collapsed .message-text-inner[data-v-ddd1f009] {
  overflow: hidden;
}
.message-text[data-v-ddd1f009] {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--ink);
  word-break: break-word;
}

/* Fade am unteren Rand wenn collapsed */
.collapse-fade[data-v-ddd1f009] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  pointer-events: none;
  background: linear-gradient(to bottom, transparent, var(--surface-raised));
  border-radius: 0 0 4px 4px;
}

/* Hover-Zustand: Fade passt sich an */
.message-row:hover .collapse-fade[data-v-ddd1f009] {
  background: linear-gradient(to bottom, transparent, color-mix(in srgb, var(--surface-raised) 98%, rgba(0,0,0,0.02)));
}

/* Expand / Collapse Toggle */
.expand-toggle[data-v-ddd1f009] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  padding: 4px 12px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--brand);
  cursor: pointer;
  transition: all 150ms ease;
}
.expand-toggle[data-v-ddd1f009]:hover {
  background: color-mix(in srgb, var(--brand) 8%, var(--surface));
  border-color: var(--brand);
}
.expand-toggle i[data-v-ddd1f009] {
  font-size: 0.625rem;
  transition: transform 200ms ease;
}

/* ═══ Reply Quote ═══ */
.reply-quote[data-v-ddd1f009] {
  display: flex;
  gap: 8px;
  padding: 8px 12px;
  margin-bottom: 6px;
  border-radius: var(--radius-sm);
  background: rgba(0, 0, 0, 0.03);
  border: none;
  cursor: pointer;
  transition: background 150ms ease;
  text-align: left;
  width: fit-content;
  max-width: 100%;
}
.reply-quote[data-v-ddd1f009]:hover { background: rgba(0, 0, 0, 0.06);
}
.reply-quote-bar[data-v-ddd1f009] {
  width: 3px;
  border-radius: 2px;
  background: var(--brand);
  flex-shrink: 0;
}
.reply-quote-content[data-v-ddd1f009] { flex: 1; min-width: 0;
}
.reply-quote-author[data-v-ddd1f009] {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--brand);
  margin-bottom: 2px;
}
.reply-quote-text[data-v-ddd1f009] {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--ink-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ═══ Deleted ═══ */
.deleted-overlay[data-v-ddd1f009] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: var(--surface-raised);
  border-radius: var(--radius-sm);
  color: var(--muted);
  font-size: 0.875rem;
  font-style: italic;
}
.deleted-overlay i[data-v-ddd1f009] { opacity: 0.5;
}

/* ═══ Actions ═══ */
.msg-actions[data-v-ddd1f009] {
  display: flex;
  gap: 2px;
  margin-top: 4px;
  opacity: 0;
  transition: opacity 120ms ease;
}
.message-row:hover .msg-actions[data-v-ddd1f009] { opacity: 1;
}
.act-btn[data-v-ddd1f009] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 8px;
  border: none;
  border-radius: 6px;
  background: transparent;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--muted);
  cursor: pointer;
  transition: all 120ms ease;
}
.act-btn i[data-v-ddd1f009] { font-size: 0.6875rem;
}
.act-btn[data-v-ddd1f009]:hover { background: var(--surface-raised); color: var(--brand);
}
.thread-count[data-v-ddd1f009] {
  padding: 1px 6px;
  background: #8b5cf6;
  color: #fff;
  border-radius: 999px;
  font-size: 0.625rem;
  font-weight: 600;
  min-width: 18px;
  text-align: center;
}

/* ═══ More Menu ═══ */
.more-wrapper[data-v-ddd1f009] { position: relative;
}
.more-dropdown[data-v-ddd1f009] {
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: 6px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  z-index: 10;
  padding: 4px;
  min-width: 160px;
}
.menu-item[data-v-ddd1f009] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  font-size: 0.875rem;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  transition: background 120ms ease;
}
.menu-item i[data-v-ddd1f009] { width: 16px; font-size: 0.8125rem; opacity: 0.7;
}
.menu-item[data-v-ddd1f009]:hover { background: var(--surface-raised);
}
.menu-item.delete-item[data-v-ddd1f009] { color: #ef4444;
}
.menu-item.delete-item[data-v-ddd1f009]:hover { background: rgba(239, 68, 68, 0.08);
}
.menu-divider[data-v-ddd1f009] { height: 1px; background: var(--border); margin: 4px 0;
}

/* ═══ Edit Mode ═══ */
.edit-mode[data-v-ddd1f009] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 4px;
}
.edit-format-bar[data-v-ddd1f009] {
  display: flex;
  gap: 2px;
  padding: 4px 6px;
  background: #1e293b;
  border-radius: 8px;
  width: fit-content;
}
.fmt-btn[data-v-ddd1f009] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.75rem;
  cursor: pointer;
  transition: all 120ms ease;
}
.fmt-btn[data-v-ddd1f009]:hover { background: rgba(255, 255, 255, 0.12); color: #fff;
}
.edit-textarea[data-v-ddd1f009] {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  background: var(--surface);
  font-size: 0.9375rem;
  font-family: 'JetBrains Mono', 'Fira Code', monospace;
  line-height: 1.6;
  color: var(--ink);
  resize: vertical;
  min-height: 80px;
  outline: none;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
.edit-textarea[data-v-ddd1f009]:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(82, 139, 143, 0.12);
}
.edit-actions[data-v-ddd1f009] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.edit-cancel-btn[data-v-ddd1f009],
.edit-save-btn[data-v-ddd1f009] {
  padding: 6px 14px;
  border: none;
  border-radius: var(--radius-sm);
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 150ms ease;
}
.edit-cancel-btn[data-v-ddd1f009] { background: var(--surface-raised); color: var(--ink-secondary);
}
.edit-cancel-btn[data-v-ddd1f009]:hover { background: var(--border-strong);
}
.edit-save-btn[data-v-ddd1f009] { background: var(--brand); color: #fff; display: flex; align-items: center; gap: 6px;
}
.edit-save-btn[data-v-ddd1f009]:hover:not(:disabled) { background: var(--brand-dark);
}
.edit-save-btn[data-v-ddd1f009]:disabled { opacity: 0.5; cursor: not-allowed;
}

/* ═══ Markdown ═══ */
.rendered-markdown[data-v-ddd1f009] .mention-tag {
  display: inline-flex;
  align-items: center;
  padding: 1px 8px;
  border-radius: 999px;
  font-size: 0.8125em;
  font-weight: 600;
  cursor: pointer;
  background: color-mix(in srgb, var(--brand) 12%, transparent);
  color: var(--brand-dark);
  transition: background 150ms ease;
}
.rendered-markdown[data-v-ddd1f009] .mention-tag:hover {
  background: color-mix(in srgb, var(--brand) 20%, transparent);
}

/* ═══ Delete Modal ═══ */
.delete-modal-overlay[data-v-ddd1f009] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 20px;
}
.delete-modal[data-v-ddd1f009] {
  background: var(--surface);
  border-radius: var(--radius-lg);
  padding: 24px;
  max-width: 400px;
  width: 100%;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}
.modal-header[data-v-ddd1f009] { display: flex; align-items: center; gap: 12px; margin-bottom: 12px;
}
.modal-header i[data-v-ddd1f009] { font-size: 1.5rem; color: #ef4444;
}
.modal-header h3[data-v-ddd1f009] { margin: 0; font-size: 1.125rem; font-weight: 600;
}
.modal-body[data-v-ddd1f009] { margin: 0 0 20px; color: var(--ink-secondary); font-size: 0.9375rem;
}
.modal-footer[data-v-ddd1f009] { display: flex; justify-content: flex-end; gap: 8px;
}
.modal-cancel[data-v-ddd1f009],
.modal-delete[data-v-ddd1f009] {
  padding: 8px 16px;
  border: none;
  border-radius: var(--radius-sm);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 150ms ease;
}
.modal-cancel[data-v-ddd1f009] { background: var(--surface-raised); color: var(--ink-secondary);
}
.modal-cancel[data-v-ddd1f009]:hover { background: var(--border-strong);
}
.modal-delete[data-v-ddd1f009] { background: #ef4444; color: #fff; display: flex; align-items: center; gap: 6px;
}
.modal-delete[data-v-ddd1f009]:hover { background: #dc2626;
}

/* ═══ Transitions ═══ */
.menu-fade-enter-active[data-v-ddd1f009], .menu-fade-leave-active[data-v-ddd1f009] { transition: all 150ms ease;
}
.menu-fade-enter-from[data-v-ddd1f009], .menu-fade-leave-to[data-v-ddd1f009] { opacity: 0; transform: translateY(4px);
}
.modal-fade-enter-active[data-v-ddd1f009], .modal-fade-leave-active[data-v-ddd1f009] { transition: all 200ms ease;
}
.modal-fade-enter-from[data-v-ddd1f009], .modal-fade-leave-to[data-v-ddd1f009] { opacity: 0;
}

/* ═══ Responsive ═══ */
@media (max-width: 640px) {
.msg-actions[data-v-ddd1f009] { opacity: 1;
}
.act-btn span[data-v-ddd1f009]:not(.thread-count) { display: none;
}
.avatar[data-v-ddd1f009] { width: 32px; height: 32px;
}
.avatar-initials[data-v-ddd1f009] { font-size: 0.75rem;
}
}

.composer-toolbar[data-v-3d9d9a65] {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 6px 8px;
  width: 100%;
  max-width: 900px;
}
.tb-btn[data-v-3d9d9a65] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--muted, rgba(15, 23, 42, 0.45));
  font-size: 0.8125rem;
  cursor: pointer;
  transition: all 120ms ease;
}
.tb-btn[data-v-3d9d9a65]:hover {
  background: var(--surface, #fff);
  color: var(--ink, rgba(15, 23, 42, 0.92));
}
.tb-btn.active[data-v-3d9d9a65] {
  background: color-mix(in srgb, var(--brand, #528b8f) 15%, transparent);
  color: var(--brand, #528b8f);
}
.tb-divider[data-v-3d9d9a65] {
  width: 1px;
  height: 20px;
  background: var(--border, rgba(15, 23, 42, 0.06));
  margin: 0 4px;
}
@media (max-width: 640px) {
.composer-toolbar[data-v-3d9d9a65] {
    padding: 4px 6px;
}
.tb-btn[data-v-3d9d9a65] {
    width: 28px;
    height: 28px;
    font-size: 0.75rem;
}
}

.chat-layout[data-v-001a461c] {
  --brand: #528b8f;
  --brand-light: #64a3a7;
  --brand-lighter: #7bb8bc;
  --brand-dark: #457577;
  --brand-darker: #3a6264;

  --ink: rgba(15, 23, 42, 0.92);
  --ink-secondary: rgba(15, 23, 42, 0.65);
  --muted: rgba(15, 23, 42, 0.45);

  --border: rgba(15, 23, 42, 0.06);
  --border-strong: rgba(15, 23, 42, 0.12);

  --surface: #ffffff;
  --surface-raised: #fafafa;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);

  display: flex;
  height: 100%;
  min-height: 0;
  width: 100%;
  min-width: 0;
  background: var(--surface-raised);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--ink);
  overflow: hidden;
}
.main-content[data-v-001a461c] {
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--surface-raised);
}
.main-content.empty[data-v-001a461c] {
  align-items: center;
  justify-content: center;
}
.empty-room-state[data-v-001a461c] {
  text-align: center;
  padding: 40px;
}
.empty-room-icon[data-v-001a461c] {
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--brand) 12%, #ffffff);
  border-radius: 50%;
}
.empty-room-icon i[data-v-001a461c] {
  font-size: 2rem;
  color: var(--brand);
}
.empty-room-state h3[data-v-001a461c] {
  margin: 0 0 8px;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--ink);
}
.empty-room-state p[data-v-001a461c] {
  margin: 0;
  color: var(--ink-secondary);
}
.header[data-v-001a461c] {
  flex: 0 0 auto;
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 16px 24px;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
}
.header-left[data-v-001a461c] {
  flex: 1;
  min-width: 0;
}
.title-block h2[data-v-001a461c] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--ink);
  letter-spacing: -0.01em;
}
.title-block p[data-v-001a461c] {
  margin: 4px 0 0;
  font-size: 0.8125rem;
  color: var(--ink-secondary);
}
.tabs-nav[data-v-001a461c] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.tabs-track[data-v-001a461c] {
  position: relative;
  display: flex;
  padding: 4px;
  background: var(--surface-raised);
  border-radius: 10px;
  border: 1px solid var(--border);
}
.tab-btn[data-v-001a461c] {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--ink-secondary);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: var(--transition-fast);
}
.tab-btn i[data-v-001a461c] {
  font-size: 0.8125rem;
}
.tab-btn[data-v-001a461c]:hover:not(.active) {
  color: var(--ink);
}
.tab-btn.active[data-v-001a461c] {
  color: var(--brand);
}
.tab-indicator[data-v-001a461c] {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(50% - 4px);
  height: calc(100% - 8px);
  background: var(--surface);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-sm);
  transition: transform var(--transition);
}
.tab-add[data-v-001a461c] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed var(--border-strong);
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--muted);
  font-size: 0.875rem;
  cursor: pointer;
  transition: var(--transition-fast);
}
.tab-add[data-v-001a461c]:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 10%, #ffffff);
}
.info-btn[data-v-001a461c] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface);
  color: var(--ink-secondary);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: var(--transition);
}
.info-btn[data-v-001a461c]:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 10%, #ffffff);
}
.mobile-menu-btn[data-v-001a461c] {
  display: none;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface);
  color: var(--ink);
  font-size: 1rem;
  cursor: pointer;
  transition: var(--transition);
}
.mobile-menu-btn[data-v-001a461c]:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 10%, #ffffff);
}
.mobile-menu-btn.floating[data-v-001a461c] {
  position: absolute;
  top: 16px;
  left: 16px;
}
.content-area[data-v-001a461c] {
  flex: 1;
  min-height: 0;
  display: flex;
  gap: 0;
  background: var(--surface);
  overflow: hidden;
}

/* Messages Container - Zentriert mit max-width */
.messages-container[data-v-001a461c] {
  flex: 1;
  min-width: 0;
  display: flex;
  justify-content: center;
  overflow: hidden;
  background: var(--surface-raised);
}
.messages[data-v-001a461c] {
  width: 100%;
  max-width: 900px;
  overflow-y: auto;
  padding: 24px 32px;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: stretch;
}

/* Highlight Animation für scroll-to-message */
.messages[data-v-001a461c] [data-message-id].highlight-flash {
  animation: highlightFlash-001a461c 2s ease-out;
}
@keyframes highlightFlash-001a461c {
0%, 20% {
    background: color-mix(in srgb, var(--brand) 12%, transparent);
}
100% {
    background: transparent;
}
}
.empty-state[data-v-001a461c] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 48px;
}
.empty-icon[data-v-001a461c] {
  width: 64px;
  height: 64px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--brand) 12%, #ffffff);
  border-radius: 50%;
}
.empty-icon i[data-v-001a461c] {
  font-size: 1.5rem;
  color: var(--brand);
}
.empty-state p[data-v-001a461c] {
  margin: 0;
  font-weight: 500;
  color: var(--ink);
}
.empty-state span[data-v-001a461c] {
  margin-top: 4px;
  font-size: 0.875rem;
  color: var(--muted);
}
.date-separator[data-v-001a461c] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 24px 0 16px;
}
.date-line[data-v-001a461c] {
  flex: 1;
  height: 1px;
  background: var(--border);
}
.date-separator time[data-v-001a461c] {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.thread-panel[data-v-001a461c] {
  width: 380px;
  border-left: 1px solid var(--border);
  background: var(--surface);
  flex: 0 0 auto;
}

/* ============================================================================
   COMPOSER WRAPPER
============================================================================ */
.composer-wrapper[data-v-001a461c] {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 24px 24px;
  background: var(--surface-raised);
}

/* Reply Preview */
.reply-preview[data-v-001a461c] {
  width: 100%;
  max-width: 900px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  margin-bottom: 8px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--brand);
}
.reply-preview-content[data-v-001a461c] {
  flex: 1;
  display: flex;
  gap: 10px;
  min-width: 0;
}
.reply-preview-bar[data-v-001a461c] {
  width: 3px;
  border-radius: 2px;
  background: var(--brand);
  flex-shrink: 0;
}
.reply-preview-text[data-v-001a461c] {
  flex: 1;
  min-width: 0;
}
.reply-preview-label[data-v-001a461c] {
  display: block;
  font-size: 0.75rem;
  color: var(--brand);
  margin-bottom: 2px;
}
.reply-preview-label strong[data-v-001a461c] {
  font-weight: 600;
}
.reply-preview-text p[data-v-001a461c] {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--ink-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.reply-preview-close[data-v-001a461c] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  transition: all 150ms ease;
  flex-shrink: 0;
}
.reply-preview-close[data-v-001a461c]:hover {
  background: var(--surface-raised);
  color: var(--ink);
}

/* Composer */
.composer[data-v-001a461c] {
  width: 100%;
  max-width: 900px;
  display: flex;
  align-items: flex-end;
  gap: 12px;
  padding: 16px 32px;
  background: var(--surface);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
}
.composer-input[data-v-001a461c] {
  flex: 1;
  position: relative;
  min-width: 0;
}
.composer-input textarea[data-v-001a461c] {
  width: 100%;
  padding: 14px 18px;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  font-size: 0.9375rem;
  font-family: inherit;
  line-height: 1.5;
  color: var(--ink);
  resize: none;
  outline: none;
  transition: var(--transition);
  min-height: 48px;
  max-height: 200px;
}
.composer-input textarea[data-v-001a461c]::placeholder {
  color: var(--muted);
}
.composer-input textarea[data-v-001a461c]:focus {
  border-color: var(--brand);
  background: var(--surface);
  box-shadow: 0 0 0 3px rgba(82, 139, 143, 0.12);
}
.send-btn[data-v-001a461c] {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--brand-light) 0%, var(--brand) 100%);
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
  box-shadow: var(--shadow-md);
  transition: var(--transition);
}
.send-btn[data-v-001a461c]:hover:not(:disabled) {
  transform: scale(1.05);
  box-shadow: var(--shadow-lg);
}
.send-btn[data-v-001a461c]:active:not(:disabled) {
  transform: scale(0.98);
}
.send-btn[data-v-001a461c]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  box-shadow: none;
}
.project-content[data-v-001a461c] {
  flex: 1;
  min-height: 0;
  padding: 24px;
  overflow-y: auto;
  background: var(--surface);
  margin: 16px 24px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
}

/* ============================================================================
   TRANSITIONS
============================================================================ */
.slide-right-enter-active[data-v-001a461c],
.slide-right-leave-active[data-v-001a461c] {
  transition: all var(--transition-slow);
}
.slide-right-enter-from[data-v-001a461c],
.slide-right-leave-to[data-v-001a461c] {
  opacity: 0;
  transform: translateX(20px);
}
.slide-up-enter-active[data-v-001a461c],
.slide-up-leave-active[data-v-001a461c] {
  transition: all 200ms ease;
}
.slide-up-enter-from[data-v-001a461c],
.slide-up-leave-to[data-v-001a461c] {
  opacity: 0;
  transform: translateY(10px);
}
.chat-sidebar-overlay[data-v-001a461c] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transition: all var(--transition-slow);
}
.chat-sidebar-overlay.visible[data-v-001a461c] {
  opacity: 1;
  visibility: visible;
}

/* ============================================================================
   RESPONSIVE
============================================================================ */
@media (max-width: 1400px) {
.messages[data-v-001a461c] {
    max-width: 800px;
}
.composer[data-v-001a461c],
  .reply-preview[data-v-001a461c] {
    max-width: 800px;
}
}
@media (max-width: 1200px) {
.thread-panel[data-v-001a461c] {
    width: 320px;
}
.messages[data-v-001a461c] {
    max-width: 700px;
}
.composer[data-v-001a461c],
  .reply-preview[data-v-001a461c] {
    max-width: 700px;
}
}
@media (max-width: 1024px) {
.mobile-menu-btn[data-v-001a461c] {
    display: flex;
}
.info-btn span[data-v-001a461c] {
    display: none;
}
.main-content[data-v-001a461c] {
    width: 100%;
    position: relative;
    z-index: 1;
}
.messages[data-v-001a461c] {
    max-width: 100%;
    padding: 20px 24px;
}
.composer[data-v-001a461c],
  .reply-preview[data-v-001a461c] {
    max-width: 100%;
}
.composer[data-v-001a461c] {
    padding: 12px 24px;
}
}
@media (max-width: 768px) {
.header[data-v-001a461c] {
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px 16px;
}
.header-left[data-v-001a461c] {
    order: 2;
    width: 100%;
}
.tabs-nav[data-v-001a461c] {
    order: 3;
    width: 100%;
    margin-top: 8px;
}
.tabs-track[data-v-001a461c] {
    flex: 1;
}
.tab-btn[data-v-001a461c] {
    flex: 1;
    justify-content: center;
    padding: 8px 12px;
}
.tab-btn span[data-v-001a461c] {
    display: none;
}
.tab-add[data-v-001a461c] {
    display: none;
}
.messages[data-v-001a461c] {
    padding: 16px;
}
.composer-wrapper[data-v-001a461c] {
    padding: 0 12px 16px;
}
.composer[data-v-001a461c] {
    padding: 12px 16px;
}
.reply-preview[data-v-001a461c] {
    padding: 10px 12px;
}
}
.popup{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--popup-overlay-bg, rgba(0, 0, 0, .5));z-index:1000}.popup-content{background:var(--popup-bg, #fff);color:var(--body-text-color, #222);padding:1rem;border-radius:var(--popup-border-radius, 6px);max-width:450px;width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;box-shadow:0 4px 12px #0003}.top-right-icons{display:flex;justify-content:flex-end;gap:.5rem;margin-bottom:.5rem}.icon-button{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.2rem;color:var(--icon-color, #444);transition:color .2s}.icon-button:hover{color:var(--icon-hover-color, #646262)}.popup-title{font-size:1.5rem;font-weight:600;margin:.5rem 0 1rem;color:var(--button-bg-color, #222)}.popup-field{margin-bottom:.8rem}.popup-label{margin-bottom:.2rem;font-weight:600;color:var(--button-bg-color, #333)}.popup-input{width:100%;font-size:1rem;padding:.2rem 0;border:none;border-bottom:1px solid var(--grid-border-color, #ccc);background:transparent;outline:none;color:var(--body-text-color, #222)}.popup-input:focus{border-bottom-color:var(--button-bg-color, #007bff)}.section{margin-top:1.5rem}.list{list-style:none;padding:0;margin-bottom:.5rem}.list li{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.input-row{display:flex;gap:.5rem;margin-top:.3rem}.add-inline-button{background:var(--button-inline-bg, #ffffff);color:var(--button-inline-color, #444);width:2.2rem;height:2.2rem;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:.2s;font-size:1rem}.add-inline-button:hover{color:var(--button-inline-hover-color, #646262)}.popup-footer{margin-top:1.5rem;text-align:center}.save-button{background:var(--button-bg-color, #444);color:var(--button-color, #fff);border:none;padding:.6rem 1.2rem;font-size:1rem;border-radius:var(--button-border-radius, 6px);cursor:pointer;transition:.2s}.save-button:hover{background:var(--button-hover-bg-color, #646262)}.calendar-theme{--body-bg-color: #ffffff;--body-text-color: #000000;--form-bg-color: #ffffff;--form-padding: 1rem;--form-border-radius: 8px;--form-border: 1px solid #ccc;--form-gap: 1rem;--label-color: #333333;--label-font-weight: bold;--input-height: 40px;--input-padding: .5rem;--input-font-size: 1rem;--input-border: 1px solid #ccc;--input-border-radius: 6px;--input-bg-color: #ffffff;--input-color: #000000;--accent-color: #007bff;--accent-contrast: #ffffff;--calendar-primary-color: #a4d8ff;--grid-border-color: #cccccc;--button-bg-color: var(--accent-color);--button-hover-bg-color: #0056b3;--button-color: var(--accent-contrast);--button-padding: .6rem 1rem;--button-border-radius: 6px;--event-border-radius: 8px;--arrow-button-bg: var(--accent-color);--arrow-button-color: var(--accent-contrast);--current-week-color: #000000;--popup-bg: #ffffff;--popup-overlay-bg: rgba(0, 0, 0, .5);--popup-border-radius: 5px;--danger-bg: #e53e3e;--danger-text: #ffffff;color:var(--body-text-color)}.calendar-theme.dark{--body-text-color: #ffffff;--form-bg-color: #1c1c1c;--form-border: 1px solid rgba(255, 255, 255, .1);--label-color: #ffffff;--input-bg-color: #1e1e1e;--input-border: 1px solid rgba(255, 255, 255, .15);--input-color: #ffffff;--accent-color: #D2F7D8;--accent-contrast: #121212;--calendar-primary-color: #D2F7D8;--grid-border-color: rgba(255, 255, 255, .12);--button-bg-color: var(--accent-color);--button-hover-bg-color: #b2e7c0;--button-color: var(--accent-contrast);--current-week-color: #ffffff;--popup-bg: rgba(18, 18, 18, .95);--popup-overlay-bg: rgba(0, 0, 0, .7)}@media(prefers-color-scheme:dark){.calendar-theme:not(.dark):not(.light){--body-bg-color: #121212;--body-text-color: #ffffff;--form-bg-color: #1c1c1c;--form-border: 1px solid rgba(255, 255, 255, .1);--label-color: #ffffff;--input-bg-color: #1e1e1e;--input-border: 1px solid rgba(255, 255, 255, .15);--input-color: #ffffff;--accent-color: #D2F7D8;--accent-contrast: #121212;--calendar-primary-color: #D2F7D8;--grid-border-color: rgba(255, 255, 255, .12);--button-bg-color: var(--accent-color);--button-hover-bg-color: #b2e7c0;--button-color: var(--accent-contrast);--current-week-color: #ffffff;--popup-bg: rgba(18, 18, 18, .95);--popup-overlay-bg: rgba(0, 0, 0, .7)}}.calendar-theme .small-logo{width:20px;height:20px}.calendar-theme .form-container{display:flex;flex-wrap:wrap;gap:var(--form-gap);background-color:var(--form-bg-color);padding:var(--form-padding);border-radius:var(--form-border-radius);border:var(--form-border);margin-bottom:20px}.calendar-theme .form-group{flex:1;min-width:200px;margin-bottom:10px}.calendar-theme .form-label{display:block;color:var(--label-color);font-weight:var(--label-font-weight);margin-bottom:4px}.calendar-theme .form-input,.calendar-theme .form-select{width:100%;height:var(--input-height);padding:var(--input-padding);font-size:var(--input-font-size);border:var(--input-border);border-radius:var(--input-border-radius);box-sizing:border-box;appearance:none;background:var(--input-bg-color);color:var(--input-color)}.calendar-theme .form-input:focus,.calendar-theme .form-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #007bff26}.calendar-theme .submit-button{background-color:var(--button-bg-color);color:var(--button-color);padding:var(--button-padding);border-radius:var(--button-border-radius);border:none;cursor:pointer;transition:background-color .2s ease;font-size:1rem}.calendar-theme .submit-button:hover{background-color:var(--button-hover-bg-color)}.calendar-theme .calendar{display:flex;flex-direction:column}.calendar-theme .hours-and-days{display:flex;align-items:stretch}.calendar-theme .hours{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:50px;height:100%}.calendar-theme .hours .hour{min-height:40px;border-bottom:1px solid var(--grid-border-color);display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex-grow:1}.calendar-theme .weekdays-container{display:flex;flex-direction:column;width:100%}.calendar-theme .weekdays{list-style-type:none;display:flex;justify-content:center;align-items:center;padding:0;border-bottom:1px solid var(--grid-border-color);margin:0;height:40px}.calendar-theme .weekday{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center;margin-bottom:13px}.calendar-theme .days{display:flex;flex-grow:1}.calendar-theme .day{flex:1;border-left:1px solid var(--grid-border-color);position:relative}.calendar-theme .day .hour{min-height:40px;border-bottom:1px solid var(--grid-border-color);display:flex;align-items:center;box-sizing:border-box;flex-grow:1}.calendar-theme .event{background-color:var(--calendar-primary-color);padding:2px;font-size:12px;border-radius:var(--event-border-radius);width:95%;box-sizing:border-box;position:absolute;cursor:grab;transition:box-shadow .15s ease,transform .15s ease}.calendar-theme .event:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.calendar-theme .event:active{cursor:grabbing}.calendar-theme .event span{color:var(--event-title-color, #000);font-size:var(--event-title-size, 16px)}.calendar-theme .empty-slot{height:40px}.calendar-theme .navigation{display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.calendar-theme .arrow-button{background-color:var(--arrow-button-bg);color:var(--arrow-button-color);border:none;padding:.5rem 1rem;cursor:pointer;border-radius:5px;margin:0 1rem;transition:background-color .15s ease}.calendar-theme .arrow-button:hover{background-color:var(--button-hover-bg-color)}.calendar-theme .current-week{font-size:1.2rem;font-weight:700;color:var(--current-week-color)}.calendar-theme .info-button{position:absolute;top:2px;right:2px;background-color:transparent;border:none;color:var(--accent-color);font-weight:700;cursor:pointer;padding:2px;border-radius:4px;transition:background-color .15s ease}.calendar-theme .info-button:hover{background-color:#0000001a}.calendar-theme .remove-button{background-color:var(--danger-bg);color:var(--danger-text);border:none;padding:.5rem 1rem;cursor:pointer;border-radius:5px;margin-top:1rem;transition:filter .15s ease}.calendar-theme .remove-button:hover{filter:brightness(.9)}.calendar-theme .popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--popup-overlay-bg);display:flex;justify-content:center;align-items:center;z-index:1000}.calendar-theme .popup-content{background-color:var(--popup-bg);padding:1rem;border-radius:var(--popup-border-radius);max-width:400px;width:100%}.calendar-theme .close-button{background-color:var(--button-bg-color);color:var(--button-color);border:none;padding:.5rem 1rem;cursor:pointer;border-radius:5px;margin-top:1rem}@media(max-width:768px){.calendar-theme .form-container{flex-direction:column}.calendar-theme .form-group{min-width:100%}.calendar-theme .weekday span:first-child{font-size:.75rem}.calendar-theme .event{font-size:10px}.calendar-theme .event span{font-size:12px!important}}body{background-color:var(--body-bg-color, #ffffff);color:var(--body-text-color, #000)}:root{--body-bg-color: #ffffff;--body-text-color: #000;--form-bg-color: #ffffff;--form-padding: 1rem;--form-border-radius: 8px;--form-border: 1px solid #ccc;--label-color: #333;--label-font-weight: bold;--input-height: 40px;--input-padding: .5rem;--input-font-size: 1rem;--input-border: 1px solid #ccc;--input-border-radius: 6px;--input-bg-color: #ffffff;--input-color: #000;--button-bg-color: #007bff;--button-hover-bg-color: #0056b3;--button-color: #fff;--button-padding: .6rem 1rem;--button-border-radius: 6px;--calendar-bg-color: #ffffff;--calendar-primary-color: #a4d8ff;--calendar-border-color: #ccc;--calendar-border-radius: 8px;--weekday-bg-color: #f8f9fa;--weekday-text-color: #333;--weekday-border-color: #ccc;--hour-cell-bg-color: #ffffff;--hour-cell-border-color: #ccc;--hour-text-color: #666;--event-bg-color: #a4d8ff;--event-text-color: #000;--event-font-size: 14px;--event-border-radius: 8px;--event-padding: 4px;--nav-bg-color: transparent;--nav-text-color: #000;--arrow-button-bg: #007bff;--arrow-button-color: #fff;--arrow-button-border-radius: 5px;--current-week-text-color: #000;--current-week-font-weight: bold;--popup-bg-color: #ffffff;--popup-overlay-bg: rgba(0, 0, 0, .5);--popup-border-radius: 5px;--popup-padding: 1rem;--popup-shadow: 0 2px 8px rgba(0, 0, 0, .1);--remove-button-bg: #e53e3e;--remove-button-text-color: #fff;--close-button-bg: var(--button-bg-color);--close-button-text-color: var(--button-color);--info-button-color: blue;--info-button-size: 20px}@media(prefers-color-scheme:dark){:root:not(.light){--body-bg-color: #121212;--body-text-color: #ffffff;--form-bg-color: #1c1c1c;--form-border: 1px solid rgba(255, 255, 255, .1);--label-color: #fff;--input-bg-color: #1e1e1e;--input-border: 1px solid rgba(255, 255, 255, .15);--input-color: #ffffff;--button-bg-color: #D2F7D8;--button-hover-bg-color: #b2e7c0;--button-color: #121212;--calendar-bg-color: #1a1a1a;--calendar-border-color: rgba(255, 255, 255, .1);--weekday-bg-color: #1e1e1e;--weekday-text-color: #D2F7D8;--hour-cell-bg-color: #1e1e1e;--hour-text-color: #cccccc;--event-bg-color: #D2F7D8;--event-text-color: #121212;--event-border-radius: 10px;--popup-bg-color: rgba(18, 18, 18, .95);--popup-overlay-bg: rgba(0, 0, 0, .7);--popup-shadow: 0 8px 24px rgba(0, 0, 0, .4);--current-week-text-color: #ffffff;--current-week-font-weight: 600;--arrow-button-bg: #D2F7D8;--arrow-button-color: #121212;--arrow-button-border-radius: 8px;--remove-button-bg: #e5484d;--remove-button-text-color: #ffffff;--info-button-color: #D2F7D8}}:root.dark{--body-bg-color: #121212;--body-text-color: #ffffff;--form-bg-color: #1c1c1c;--form-border: 1px solid rgba(255, 255, 255, .1);--label-color: #ffffff;--input-bg-color: #1e1e1e;--input-border: 1px solid rgba(255, 255, 255, .15);--input-color: #ffffff;--button-bg-color: #D2F7D8;--button-hover-bg-color: #b2e7c0;--button-color: #121212;--calendar-bg-color: #1a1a1a;--calendar-border-color: rgba(255, 255, 255, .1);--weekday-bg-color: #1e1e1e;--weekday-text-color: #ffffff;--hour-cell-bg-color: #1e1e1e;--hour-text-color: #cccccc;--event-bg-color: #D2F7D8;--event-text-color: #121212;--popup-bg-color: rgba(18, 18, 18, .95);--popup-overlay-bg: rgba(0, 0, 0, .7);--popup-shadow: 0 8px 24px rgba(0, 0, 0, .4);--current-week-text-color: #ffffff;--current-week-font-weight: 600;--arrow-button-bg: #D2F7D8;--arrow-button-color: #121212;--remove-button-bg: #e5484d;--remove-button-text-color: #ffffff;--info-button-color: #D2F7D8}

.calendar-wrapper[data-v-a5fbeaa5] {
  height: 100%;
  width: 100%;
  padding: 40px;
  display: flex;
  flex-direction: column;
  background: var(--bg-primary);
  color: var(--text-primary);
}
.custom-form-shell[data-v-a5fbeaa5] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 12px;
}
.event-count[data-v-a5fbeaa5] {
  padding: 4px 10px;
  background: var(--bg-tertiary);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--text-muted);
}
.header-right[data-v-a5fbeaa5] {
  display: flex;
  gap: 12px;
}

/* ===== Buttons ===== */
.btn-primary[data-v-a5fbeaa5] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: var(--brand);
  border: none;
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  transition: all 150ms;
}
.btn-primary[data-v-a5fbeaa5]:hover:not(:disabled) {
  background: var(--brand-dark);
}
.btn-primary[data-v-a5fbeaa5]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-secondary[data-v-a5fbeaa5] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 150ms;
}
.btn-secondary[data-v-a5fbeaa5]:hover {
  background: var(--bg-secondary);
  border-color: var(--text-muted);
}
.btn-danger[data-v-a5fbeaa5] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: var(--error);
  border: none;
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  transition: all 150ms;
}
.btn-danger[data-v-a5fbeaa5]:hover {
  filter: brightness(0.9);
}
.btn-retry[data-v-a5fbeaa5] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  font-size: 0.8125rem;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 150ms;
}
.btn-retry[data-v-a5fbeaa5]:hover {
  border-color: var(--brand);
  color: var(--brand);
}

/* ===== Loading & Error States ===== */
.loading-state[data-v-a5fbeaa5],
.error-state[data-v-a5fbeaa5] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: var(--text-muted);
}
.loading-state i[data-v-a5fbeaa5],
.error-state i[data-v-a5fbeaa5] {
  font-size: 1.5rem;
}
.error-state[data-v-a5fbeaa5] {
  color: var(--error);
}

/* ===== Calendar Container ===== */
.calendar-container[data-v-a5fbeaa5] {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

/* ===== Modal ===== */
.modal-overlay[data-v-a5fbeaa5] {
  position: fixed;
  inset: 0;
  background: var(--overlay-bg);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}
.modal[data-v-a5fbeaa5] {
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-xl);
  width: 100%;
  max-width: 500px;
  max-height: 90vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.modal-header[data-v-a5fbeaa5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  background: var(--bg-tertiary);
  border-bottom: 1px solid var(--border-light);
}
.modal-header h3[data-v-a5fbeaa5] {
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 700;
}
.modal-close[data-v-a5fbeaa5] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  color: var(--text-muted);
  cursor: pointer;
  transition: all 150ms;
}
.modal-close[data-v-a5fbeaa5]:hover {
  background: var(--error-subtle);
  border-color: var(--error);
  color: var(--error);
}
.modal-body[data-v-a5fbeaa5] {
  padding: 20px;
  overflow-y: auto;
  flex: 1;
}

/* ===== Form ===== */
.form-group[data-v-a5fbeaa5] {
  margin-bottom: 16px;
}
.form-group label[data-v-a5fbeaa5] {
  display: block;
  margin-bottom: 6px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--text-muted);
}
.form-group input[data-v-a5fbeaa5],
.form-group select[data-v-a5fbeaa5],
.form-group textarea[data-v-a5fbeaa5] {
  width: 100%;
  padding: 10px 14px;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  font-size: 0.9375rem;
  color: var(--text-primary);
  outline: none;
  transition: all 150ms;
}
.form-group input[data-v-a5fbeaa5]:focus,
.form-group select[data-v-a5fbeaa5]:focus,
.form-group textarea[data-v-a5fbeaa5]:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-subtle);
}
.form-group textarea[data-v-a5fbeaa5] {
  resize: none;
}
.form-row[data-v-a5fbeaa5] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

/* Switch */
.switch[data-v-a5fbeaa5] {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.switch input[data-v-a5fbeaa5] {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider[data-v-a5fbeaa5] {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-full);
  transition: 150ms;
}
.slider[data-v-a5fbeaa5]:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 2px;
  background: var(--text-muted);
  border-radius: 50%;
  transition: 150ms;
}
input:checked + .slider[data-v-a5fbeaa5] {
  background: var(--brand);
  border-color: var(--brand);
}
input:checked + .slider[data-v-a5fbeaa5]:before {
  transform: translateX(20px);
  background: #fff;
}

/* Type Selector */
.type-selector[data-v-a5fbeaa5] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.type-btn[data-v-a5fbeaa5] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  font-size: 0.8125rem;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 150ms;
}
.type-btn[data-v-a5fbeaa5]:hover {
  border-color: var(--brand);
}
.type-btn.active[data-v-a5fbeaa5] {
  background: var(--brand-subtle);
  border-color: var(--brand);
  color: var(--brand);
}

/* Color Picker */
.color-picker[data-v-a5fbeaa5] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.color-swatch[data-v-a5fbeaa5] {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-md);
  border: 2px solid transparent;
  cursor: pointer;
  transition: all 150ms;
}
.color-swatch[data-v-a5fbeaa5]:hover {
  transform: scale(1.1);
}
.color-swatch.active[data-v-a5fbeaa5] {
  border-color: var(--text-primary);
  box-shadow: 0 0 0 2px var(--bg-secondary);
}

/* Modal Actions */
.modal-actions[data-v-a5fbeaa5] {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--border-light);
}
.action-right[data-v-a5fbeaa5] {
  display: flex;
  gap: 12px;
}

/* Confirm Modal */
.confirm-modal[data-v-a5fbeaa5] {
  max-width: 400px;
}
.confirm-content[data-v-a5fbeaa5] {
  padding: 24px;
  text-align: center;
}
.confirm-icon[data-v-a5fbeaa5] {
  width: 56px;
  height: 56px;
  margin: 0 auto 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.5rem;
}
.confirm-icon.danger[data-v-a5fbeaa5] {
  background: var(--error-subtle);
  color: var(--error);
}
.confirm-content h3[data-v-a5fbeaa5] {
  margin: 0 0 8px;
  font-size: 1.125rem;
  font-weight: 700;
}
.confirm-content p[data-v-a5fbeaa5] {
  margin: 0 0 20px;
  color: var(--text-secondary);
  font-size: 0.9375rem;
}
.confirm-actions[data-v-a5fbeaa5] {
  display: flex;
  gap: 12px;
  justify-content: center;
}

/* ===== Transitions ===== */
.modal-enter-active[data-v-a5fbeaa5],
.modal-leave-active[data-v-a5fbeaa5] {
  transition: all 200ms ease;
}
.modal-enter-from[data-v-a5fbeaa5],
.modal-leave-to[data-v-a5fbeaa5] {
  opacity: 0;
}
.modal-enter-from .modal[data-v-a5fbeaa5],
.modal-leave-to .modal[data-v-a5fbeaa5] {
  transform: scale(0.95) translateY(10px);
}

/* ===== Override Package Styles ===== */
[data-v-a5fbeaa5] .custom-calendar {
  height: 100%;
  font-family: inherit;
  background: var(--bg-primary);
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
.calendar-header[data-v-a5fbeaa5] {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}
.btn-primary span[data-v-a5fbeaa5] {
    display: none;
}
.form-row[data-v-a5fbeaa5] {
    grid-template-columns: 1fr;
}
[data-v-a5fbeaa5] .calendar-day {
    min-height: 60px !important;
}
[data-v-a5fbeaa5] .calendar-event {
    font-size: 0.625rem !important;
    padding: 2px 4px !important;
}
}

/* ===== Overlay ===== */
.overlay[data-v-2cfea4f8] {
  position: fixed;
  inset: 0;
  background: var(--overlay-bg, rgba(0, 0, 0, 0.5));
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}
.overlay.nested[data-v-2cfea4f8] {
  z-index: 1100;
  background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
}

/* ===== Modal ===== */
.modal[data-v-2cfea4f8] {
  width: 100%;
  max-width: 720px;
  max-height: calc(100vh - 40px);
  background: var(--bg-secondary, #fff);
  border: 1px solid var(--border-light, rgba(0,0,0,0.08));
  border-radius: 16px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* ===== Header ===== */
.header[data-v-2cfea4f8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid var(--border-light, #f0f0f0);
  background: var(--bg-tertiary, #fafafa);
}
.header-title[data-v-2cfea4f8] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.header h2[data-v-2cfea4f8] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--text-primary, #1a2e2f);
}
.header-badge[data-v-2cfea4f8] {
  padding: 4px 10px;
  background: var(--brand-subtle, rgba(82, 139, 143, 0.1));
  color: var(--brand, #528b8f);
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 600;
}
.close-btn[data-v-2cfea4f8] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-secondary, #fff);
  border: 1px solid var(--border-light, #e5e5e5);
  border-radius: 8px;
  color: var(--text-secondary, #666);
  cursor: pointer;
  transition: all 150ms;
}
.close-btn[data-v-2cfea4f8]:hover {
  background: var(--error-subtle, #fee2e2);
  border-color: var(--error, #ef4444);
  color: var(--error, #ef4444);
}
.close-btn.small[data-v-2cfea4f8] {
  width: 28px;
  height: 28px;
}

/* ===== Content ===== */
.content[data-v-2cfea4f8] {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* ===== Top Section ===== */
.top-section[data-v-2cfea4f8] {
  display: grid;
  grid-template-columns: 1fr 240px;
  gap: 16px;
}

/* ===== Stats Grid ===== */
.stats-grid[data-v-2cfea4f8] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.stat-card[data-v-2cfea4f8] {
  padding: 14px;
  background: var(--bg-tertiary, #fafafa);
  border: 1px solid var(--border-light, #f0f0f0);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.stat-icon[data-v-2cfea4f8] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 0.875rem;
}
.stat-icon.work[data-v-2cfea4f8] {
  background: var(--brand-subtle, rgba(82, 139, 143, 0.1));
  color: var(--brand, #528b8f);
}
.stat-icon.overtime[data-v-2cfea4f8] {
  background: var(--success-subtle, rgba(34, 197, 94, 0.1));
  color: var(--success, #22c55e);
}
.stat-icon.absence[data-v-2cfea4f8] {
  background: var(--warning-subtle, rgba(245, 158, 11, 0.1));
  color: var(--warning, #f59e0b);
}
.stat-icon.vacation[data-v-2cfea4f8] {
  background: var(--info-subtle, rgba(59, 130, 246, 0.1));
  color: var(--info, #3b82f6);
}
.stat-data[data-v-2cfea4f8] {
  display: flex;
  flex-direction: column;
}
.stat-value[data-v-2cfea4f8] {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-primary, #1a2e2f);
  font-variant-numeric: tabular-nums;
}
.stat-label[data-v-2cfea4f8] {
  font-size: 0.6875rem;
  color: var(--text-muted, #8fa8aa);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* ===== Calendar Card ===== */
.calendar-card[data-v-2cfea4f8] {
  background: var(--bg-tertiary, #fafafa);
  border: 1px solid var(--border-light, #f0f0f0);
  border-radius: 12px;
  padding: 12px;
}
.calendar-header[data-v-2cfea4f8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.nav-btn[data-v-2cfea4f8] {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-secondary, #fff);
  border: 1px solid var(--border-light, #e5e5e5);
  border-radius: 6px;
  color: var(--text-secondary, #666);
  font-size: 0.75rem;
  cursor: pointer;
  transition: all 150ms;
}
.nav-btn[data-v-2cfea4f8]:hover:not(:disabled) {
  border-color: var(--brand, #528b8f);
  color: var(--brand, #528b8f);
}
.nav-btn[data-v-2cfea4f8]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.month-label[data-v-2cfea4f8] {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-primary, #1a2e2f);
}
.calendar-grid[data-v-2cfea4f8] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
}
.weekday[data-v-2cfea4f8] {
  text-align: center;
  font-size: 0.625rem;
  font-weight: 600;
  color: var(--text-muted, #8fa8aa);
  padding: 4px 0;
}
.day-cell[data-v-2cfea4f8] {
  position: relative;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6875rem;
  font-weight: 500;
  color: var(--text-primary, #1a2e2f);
  border-radius: 4px;
  cursor: pointer;
  transition: all 100ms;
}
.day-cell[data-v-2cfea4f8]:hover:not(.other-month) {
  background: var(--border-light, #f0f0f0);
}
.day-cell.other-month[data-v-2cfea4f8] {
  opacity: 0.25;
  cursor: default;
}
.day-cell.weekend[data-v-2cfea4f8] {
  color: var(--text-muted, #8fa8aa);
}
.day-cell.today[data-v-2cfea4f8] {
  background: var(--brand, #528b8f);
  color: #fff;
  font-weight: 700;
}
.day-cell.selected[data-v-2cfea4f8] {
  box-shadow: inset 0 0 0 2px var(--brand, #528b8f);
}
.entry-dot[data-v-2cfea4f8] {
  position: absolute;
  bottom: 2px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.entry-dot.work[data-v-2cfea4f8] { background: var(--brand, #528b8f);
}

/* ===== Entries Section ===== */
.entries-section[data-v-2cfea4f8] {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.entries-header[data-v-2cfea4f8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.entries-header h3[data-v-2cfea4f8] {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-primary, #1a2e2f);
}
.add-btn[data-v-2cfea4f8] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: var(--brand, #528b8f);
  border: none;
  border-radius: 6px;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms;
}
.add-btn[data-v-2cfea4f8]:hover {
  background: var(--brand-dark, #457577);
}
.entries-table[data-v-2cfea4f8] {
  flex: 1;
  min-height: 120px;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid var(--border-light, #f0f0f0);
  border-radius: 10px;
  background: var(--bg-tertiary, #fafafa);
}
.empty-state[data-v-2cfea4f8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px;
  color: var(--text-muted, #8fa8aa);
  gap: 8px;
}
.empty-state i[data-v-2cfea4f8] {
  font-size: 1.5rem;
  opacity: 0.5;
}
.empty-state p[data-v-2cfea4f8] {
  margin: 0;
  font-size: 0.8125rem;
}
.entry-row[data-v-2cfea4f8] {
  display: grid;
  grid-template-columns: 50px 90px 90px 50px 1fr 60px;
  gap: 10px;
  align-items: center;
  padding: 10px 14px;
  border-bottom: 1px solid var(--border-light, #f5f5f5);
  font-size: 0.75rem;
  transition: background 150ms;
}
.entry-row[data-v-2cfea4f8]:last-child {
  border-bottom: none;
}
.entry-row[data-v-2cfea4f8]:hover {
  background: var(--bg-secondary, #fff);
}
.entry-row.selected[data-v-2cfea4f8] {
  background: var(--brand-subtle, rgba(82, 139, 143, 0.08));
}
.entry-date[data-v-2cfea4f8] {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.date-day[data-v-2cfea4f8] {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--text-primary, #1a2e2f);
}
.date-weekday[data-v-2cfea4f8] {
  font-size: 0.625rem;
  color: var(--text-muted, #8fa8aa);
  text-transform: uppercase;
}
.entry-type[data-v-2cfea4f8] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
}
.entry-type i[data-v-2cfea4f8] {
  font-size: 0.6875rem;
}
.entry-type.work[data-v-2cfea4f8] { color: var(--brand, #528b8f);
}
.entry-time[data-v-2cfea4f8] {
  color: var(--text-secondary, #666);
  font-variant-numeric: tabular-nums;
}
.entry-hours[data-v-2cfea4f8] {
  font-weight: 600;
  color: var(--text-primary, #1a2e2f);
  font-variant-numeric: tabular-nums;
}
.entry-note[data-v-2cfea4f8] {
  color: var(--text-muted, #8fa8aa);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.entry-actions[data-v-2cfea4f8] {
  display: flex;
  gap: 4px;
  justify-content: flex-end;
}
.action-btn[data-v-2cfea4f8] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-radius: 4px;
  color: var(--text-muted, #8fa8aa);
  font-size: 0.6875rem;
  cursor: pointer;
  opacity: 0;
  transition: all 150ms;
}
.entry-row:hover .action-btn[data-v-2cfea4f8] {
  opacity: 1;
}
.action-btn[data-v-2cfea4f8]:hover {
  background: var(--border-light, #f0f0f0);
  color: var(--brand, #528b8f);
}
.action-btn.danger[data-v-2cfea4f8]:hover {
  background: var(--error-subtle, #fee2e2);
  color: var(--error, #ef4444);
}

/* ===== Edit Modal ===== */
.edit-modal[data-v-2cfea4f8] {
  width: 100%;
  max-width: 380px;
  background: var(--bg-secondary, #fff);
  border: 1px solid var(--border-light, rgba(0,0,0,0.08));
  border-radius: 14px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.edit-header[data-v-2cfea4f8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px;
  border-bottom: 1px solid var(--border-light, #f0f0f0);
  background: var(--bg-tertiary, #fafafa);
}
.edit-header h3[data-v-2cfea4f8] {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary, #1a2e2f);
}
.edit-form[data-v-2cfea4f8] {
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.form-row[data-v-2cfea4f8] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.form-row.time-inputs[data-v-2cfea4f8] {
  flex-direction: row;
  gap: 10px;
}
.form-field[data-v-2cfea4f8] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.form-field.small[data-v-2cfea4f8] {
  flex: 0 0 80px;
}
.field-label[data-v-2cfea4f8] {
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--text-secondary, #666);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.field-label small[data-v-2cfea4f8] {
  font-weight: 400;
  text-transform: none;
  color: var(--text-muted, #aaa);
}
.edit-form input[data-v-2cfea4f8],
.edit-form textarea[data-v-2cfea4f8] {
  padding: 10px 12px;
  background: var(--bg-tertiary, #f9f9f9);
  border: 1px solid var(--border-light, #e5e5e5);
  border-radius: 8px;
  font-size: 0.875rem;
  font-family: inherit;
  color: var(--text-primary, #1a2e2f);
  outline: none;
  transition: all 150ms;
}
.edit-form input[data-v-2cfea4f8]:focus,
.edit-form textarea[data-v-2cfea4f8]:focus {
  border-color: var(--brand, #528b8f);
  background: var(--bg-secondary, #fff);
  box-shadow: 0 0 0 3px var(--brand-subtle, rgba(82, 139, 143, 0.1));
}
.edit-form textarea[data-v-2cfea4f8] {
  resize: none;
}
.input-suffix[data-v-2cfea4f8] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.input-suffix input[data-v-2cfea4f8] {
  width: 50px;
  text-align: center;
}
.input-suffix span[data-v-2cfea4f8] {
  font-size: 0.75rem;
  color: var(--text-muted, #888);
}
.form-actions[data-v-2cfea4f8] {
  display: flex;
  gap: 10px;
  margin-top: 6px;
  padding-top: 14px;
  border-top: 1px solid var(--border-light, #f0f0f0);
}
.btn[data-v-2cfea4f8] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px;
  border: none;
  border-radius: 8px;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms;
}
.btn[data-v-2cfea4f8]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn.secondary[data-v-2cfea4f8] {
  background: var(--bg-tertiary, #f5f5f5);
  color: var(--text-secondary, #666);
}
.btn.secondary[data-v-2cfea4f8]:hover {
  background: var(--border-light, #eee);
}
.btn.primary[data-v-2cfea4f8] {
  background: var(--brand, #528b8f);
  color: #fff;
}
.btn.primary[data-v-2cfea4f8]:hover:not(:disabled) {
  background: var(--brand-dark, #457577);
}

/* ===== Transitions ===== */
.modal-enter-active[data-v-2cfea4f8],
.modal-leave-active[data-v-2cfea4f8] {
  transition: all 200ms ease;
}
.modal-enter-from[data-v-2cfea4f8],
.modal-leave-to[data-v-2cfea4f8] {
  opacity: 0;
}
.modal-enter-from .modal[data-v-2cfea4f8],
.modal-enter-from .edit-modal[data-v-2cfea4f8],
.modal-leave-to .modal[data-v-2cfea4f8],
.modal-leave-to .edit-modal[data-v-2cfea4f8] {
  transform: scale(0.96) translateY(8px);
}

/* ===== Responsive ===== */
@media (max-width: 640px) {
.top-section[data-v-2cfea4f8] {
    grid-template-columns: 1fr;
}
.calendar-card[data-v-2cfea4f8] {
    order: -1;
}
.stats-grid[data-v-2cfea4f8] {
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}
.stat-card[data-v-2cfea4f8] {
    padding: 10px;
}
.stat-icon[data-v-2cfea4f8] {
    width: 28px;
    height: 28px;
    font-size: 0.75rem;
}
.stat-value[data-v-2cfea4f8] {
    font-size: 1rem;
}
.entry-row[data-v-2cfea4f8] {
    grid-template-columns: 45px 70px 1fr 50px;
}
.entry-time[data-v-2cfea4f8],
  .entry-note[data-v-2cfea4f8] {
    display: none;
}
}

.time-widget[data-v-812dc4c0] {
  display: flex;
  align-items: stretch;
  gap: 24px;
  padding: 20px;
  background: var(--bg-secondary, #fff);
  border: 1px solid var(--border-light, rgba(82, 139, 143, 0.12));
  border-radius: var(--radius-lg, 16px);
  margin-bottom: 24px;
}

/* Main section */
.widget-main[data-v-812dc4c0] {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-right: 24px;
  border-right: 1px solid var(--border-light, rgba(82, 139, 143, 0.12));
}
.time-display[data-v-812dc4c0] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.current-time[data-v-812dc4c0] {
  font-size: 2rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--text-primary, #1a2e2f);
  letter-spacing: -0.02em;
  line-height: 1;
}
.elapsed[data-v-812dc4c0] {
  font-size: 0.875rem;
  font-variant-numeric: tabular-nums;
  color: var(--text-muted, #8fa8aa);
  transition: color 200ms;
}
.elapsed.active[data-v-812dc4c0] {
  color: #22c55e;
  font-weight: 600;
}
.elapsed.paused[data-v-812dc4c0] {
  color: #f59e0b;
}
.break-hint[data-v-812dc4c0] {
  font-size: 0.6875rem;
  color: #f59e0b;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
.controls[data-v-812dc4c0] {
  display: flex;
  gap: 8px;
}
.ctrl-btn[data-v-812dc4c0] {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 50%;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 200ms;
}
.ctrl-btn[data-v-812dc4c0]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ctrl-btn.start[data-v-812dc4c0] {
  background: #22c55e;
  color: white;
}
.ctrl-btn.start[data-v-812dc4c0]:hover:not(:disabled) {
  background: #16a34a;
  transform: scale(1.05);
}
.ctrl-btn.pause[data-v-812dc4c0] {
  background: var(--bg-tertiary, #f1f5f5);
  color: var(--text-secondary, #5a7a7c);
}
.ctrl-btn.pause[data-v-812dc4c0]:hover {
  background: #fef3c7;
  color: #f59e0b;
}
.ctrl-btn.pause.active[data-v-812dc4c0] {
  background: #dcfce7;
  color: #22c55e;
}
.ctrl-btn.stop[data-v-812dc4c0] {
  background: var(--bg-tertiary, #f1f5f5);
  color: var(--text-secondary, #5a7a7c);
}
.ctrl-btn.stop[data-v-812dc4c0]:hover {
  background: #fee2e2;
  color: #ef4444;
}

/* Today list */
.today-list[data-v-812dc4c0] {
  flex: 1;
  min-width: 180px;
}
.today-header[data-v-812dc4c0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-muted, #8fa8aa);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.today-total[data-v-812dc4c0] {
  color: var(--brand, #528b8f);
  font-size: 0.8125rem;
}
.entries[data-v-812dc4c0] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.entry[data-v-812dc4c0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  background: var(--bg-tertiary, #f1f5f5);
  border-radius: var(--radius-sm, 8px);
  font-size: 0.8125rem;
}
.entry-time[data-v-812dc4c0] {
  color: var(--text-secondary, #5a7a7c);
  font-variant-numeric: tabular-nums;
}
.entry-dur[data-v-812dc4c0] {
  font-weight: 600;
  color: var(--text-primary, #1a2e2f);
}
.no-entries[data-v-812dc4c0] {
  font-size: 0.8125rem;
  color: var(--text-muted, #8fa8aa);
}

/* Side section */
.widget-side[data-v-812dc4c0] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  padding-left: 24px;
  border-left: 1px solid var(--border-light, rgba(82, 139, 143, 0.12));
}
.stats[data-v-812dc4c0] {
  display: flex;
  gap: 20px;
}
.stat[data-v-812dc4c0] {
  text-align: center;
}
.stat-val[data-v-812dc4c0] {
  display: block;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--text-primary, #1a2e2f);
  font-variant-numeric: tabular-nums;
}
.stat-lbl[data-v-812dc4c0] {
  font-size: 0.6875rem;
  color: var(--text-muted, #8fa8aa);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.overview-btn[data-v-812dc4c0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  background: var(--brand, #528b8f);
  border: none;
  border-radius: var(--radius-md, 12px);
  color: white;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 200ms;
}
.overview-btn[data-v-812dc4c0]:hover {
  background: var(--brand-dark, #457577);
}

/* Responsive */
@media (max-width: 900px) {
.time-widget[data-v-812dc4c0] {
    flex-wrap: wrap;
}
.widget-main[data-v-812dc4c0] {
    border-right: none;
    padding-right: 0;
}
.widget-side[data-v-812dc4c0] {
    border-left: none;
    padding-left: 0;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding-top: 16px;
    border-top: 1px solid var(--border-light, rgba(82, 139, 143, 0.12));
}
.stats[data-v-812dc4c0] {
    flex: 1;
}
}
@media (max-width: 600px) {
.today-list[data-v-812dc4c0] {
    display: none;
}
.widget-main[data-v-812dc4c0] {
    flex: 1;
}
}

.aum-overlay[data-v-b304fc12] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  z-index: 9999;
}
.aum-modal[data-v-b304fc12] {
  width: min(920px, 100%);
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.aum-header[data-v-b304fc12] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px 20px 14px;
  border-bottom: 1px solid rgba(82, 139, 143, 0.12);
}
.aum-title h3[data-v-b304fc12] {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 700;
  color: #1a2e2f;
}
.aum-title p[data-v-b304fc12] {
  margin: 6px 0 0;
  font-size: 0.875rem;
  color: #5a7a7c;
}
.aum-close[data-v-b304fc12] {
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 12px;
  background: rgba(82, 139, 143, 0.08);
  color: #457577;
  cursor: pointer;
  transition: 200ms;
}
.aum-close[data-v-b304fc12]:hover {
  background: rgba(82, 139, 143, 0.14);
}
.aum-body[data-v-b304fc12] {
  padding: 20px;
}
.aum-grid[data-v-b304fc12] {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 18px;
}
.aum-preview-card[data-v-b304fc12] {
  background: rgba(82, 139, 143, 0.06);
  border: 1px solid rgba(82, 139, 143, 0.12);
  border-radius: 16px;
  padding: 18px;
}
.aum-preview[data-v-b304fc12] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
}
.aum-circle[data-v-b304fc12] {
  position: relative;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.6);
  border: 2px solid rgba(82, 139, 143, 0.18);
}
.aum-ring[data-v-b304fc12] {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
  pointer-events: none;
}
.aum-image[data-v-b304fc12] {
  position: absolute;
  inset: -20%;
  background-size: cover;
  background-position: center;
  cursor: grab;
  user-select: none;
  touch-action: none;
}
.aum-image[data-v-b304fc12]:active {
  cursor: grabbing;
}
.aum-placeholder[data-v-b304fc12] {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  color: rgba(26, 46, 47, 0.5);
  font-weight: 600;
}
.aum-placeholder i[data-v-b304fc12] {
  font-size: 2rem;
  opacity: 0.6;
}
.aum-hint[data-v-b304fc12] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  font-size: 0.85rem;
  color: #5a7a7c;
}
.aum-controls[data-v-b304fc12] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.aum-actions[data-v-b304fc12] {
  display: flex;
  gap: 10px;
  align-items: center;
}
.aum-file[data-v-b304fc12] {
  display: none;
}
.btn-outline[data-v-b304fc12] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(82, 139, 143, 0.3);
  background: transparent;
  color: #457577;
  cursor: pointer;
  transition: 200ms;
  font-weight: 600;
}
.btn-outline[data-v-b304fc12]:hover {
  background: rgba(82, 139, 143, 0.08);
}
.btn-ghost[data-v-b304fc12] {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  border: 1px solid rgba(82, 139, 143, 0.2);
  background: transparent;
  color: rgba(26, 46, 47, 0.7);
  cursor: pointer;
  transition: 200ms;
}
.btn-ghost[data-v-b304fc12]:hover {
  background: rgba(82, 139, 143, 0.08);
}
.btn-ghost[data-v-b304fc12]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.aum-slider-group[data-v-b304fc12] {
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(82, 139, 143, 0.12);
  background: #fff;
}
.aum-label[data-v-b304fc12] {
  display: block;
  margin-bottom: 10px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #5a7a7c;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.aum-slider-row[data-v-b304fc12] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.aum-mini[data-v-b304fc12] {
  width: 24px;
  text-align: center;
  color: rgba(26, 46, 47, 0.55);
}
.aum-slider[data-v-b304fc12] {
  flex: 1;
  height: 6px;
  appearance: none;
  background: rgba(82, 139, 143, 0.16);
  border-radius: 999px;
  outline: none;
}
.aum-slider[data-v-b304fc12]:disabled {
  opacity: 0.45;
}
.aum-slider[data-v-b304fc12]::-webkit-slider-thumb {
  appearance: none;
  width: 18px;
  height: 18px;
  background: #528b8f;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(82, 139, 143, 0.25);
}
.aum-value[data-v-b304fc12] {
  min-width: 64px;
  text-align: right;
  font-size: 0.85rem;
  font-weight: 700;
  color: #457577;
}
.aum-secondary[data-v-b304fc12] {
  display: flex;
  gap: 10px;
}
.btn-subtle[data-v-b304fc12] {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(82, 139, 143, 0.18);
  background: rgba(82, 139, 143, 0.06);
  color: #457577;
  cursor: pointer;
  transition: 200ms;
  font-weight: 650;
}
.btn-subtle[data-v-b304fc12]:hover {
  background: rgba(82, 139, 143, 0.10);
}
.btn-subtle[data-v-b304fc12]:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.aum-footer[data-v-b304fc12] {
  display: flex;
  gap: 10px;
  padding-top: 6px;
}
.btn-ghost-wide[data-v-b304fc12] {
  flex: 1;
  padding: 11px 14px;
  border-radius: 12px;
  border: 1px solid rgba(82, 139, 143, 0.18);
  background: transparent;
  color: rgba(26, 46, 47, 0.7);
  cursor: pointer;
  transition: 200ms;
  font-weight: 650;
}
.btn-ghost-wide[data-v-b304fc12]:hover {
  background: rgba(82, 139, 143, 0.06);
}
.btn-ghost-wide[data-v-b304fc12]:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.btn-primary[data-v-b304fc12] {
  flex: 1;
  padding: 11px 14px;
  border-radius: 12px;
  border: none;
  background: #528b8f;
  color: white;
  cursor: pointer;
  transition: 200ms;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.btn-primary[data-v-b304fc12]:hover {
  filter: brightness(0.95);
}
.btn-primary[data-v-b304fc12]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.aum-error[data-v-b304fc12] {
  margin: 0;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(239, 68, 68, 0.08);
  color: #b91c1c;
  font-weight: 650;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(239, 68, 68, 0.18);
}
.fade-enter-active[data-v-b304fc12],
.fade-leave-active[data-v-b304fc12] {
  transition: opacity 200ms ease;
}
.fade-enter-from[data-v-b304fc12],
.fade-leave-to[data-v-b304fc12] {
  opacity: 0;
}
@media (max-width: 880px) {
.aum-grid[data-v-b304fc12] {
    grid-template-columns: 1fr;
}
.aum-circle[data-v-b304fc12] {
    width: 280px;
    height: 280px;
}
}

/* ========== Root Container ========== */
.settings-root[data-v-320938ee] {
  height: 100vh;
  overflow: hidden;
}

/* ========== Variables ========== */
.settings-page[data-v-320938ee] {
  --brand: #528b8f;
  --brand-light: #64a3a7;
  --brand-lighter: #7bb8bc;
  --brand-dark: #457577;
  --brand-subtle: rgba(82, 139, 143, 0.1);

  --bg-primary: #f8fafa;
  --bg-secondary: #ffffff;
  --bg-tertiary: #f1f5f5;

  --text-primary: #1a2e2f;
  --text-secondary: #5a7a7c;
  --text-muted: #8fa8aa;

  --border-light: rgba(82, 139, 143, 0.12);
  --border-medium: rgba(82, 139, 143, 0.2);

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.08);

  --transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);

  display: flex;
  height: 100vh;
  overflow: hidden;
  background: var(--bg-primary);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--text-primary);
}

/* ========== Sidebar Navigation ========== */
.settings-nav[data-v-320938ee] {
  width: 280px;
  height: 100vh;
  position: sticky;
  top: 0;
  background: var(--bg-secondary);
  border-right: 1px solid var(--border-light);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  overflow-y: auto;
}
.nav-header[data-v-320938ee] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px;
  border-bottom: 1px solid var(--border-light);
}
.back-btn[data-v-320938ee] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-tertiary);
  border: none;
  border-radius: var(--radius-md);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all var(--transition);
}
.back-btn[data-v-320938ee]:hover {
  background: var(--brand-subtle);
  color: var(--brand);
}
.nav-header h1[data-v-320938ee] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-primary);
}
.nav-menu[data-v-320938ee] {
  flex: 1;
  padding: 16px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.nav-item[data-v-320938ee] {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 16px;
  background: transparent;
  border: none;
  border-radius: var(--radius-md);
  color: var(--text-secondary);
  font-size: 0.9375rem;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  transition: all var(--transition);
}
.nav-item[data-v-320938ee]:hover {
  background: var(--bg-tertiary);
  color: var(--text-primary);
}
.nav-item.active[data-v-320938ee] {
  background: var(--brand-subtle);
  color: var(--brand);
}
.nav-icon[data-v-320938ee] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-tertiary);
  border-radius: var(--radius-sm);
  font-size: 0.875rem;
  transition: all var(--transition);
}
.nav-item.active .nav-icon[data-v-320938ee] {
  background: var(--brand);
  color: white;
}
.nav-arrow[data-v-320938ee] {
  margin-left: auto;
  font-size: 0.75rem;
  opacity: 0;
  transform: translateX(-4px);
  transition: all var(--transition);
}
.nav-item:hover .nav-arrow[data-v-320938ee],
.nav-item.active .nav-arrow[data-v-320938ee] {
  opacity: 0.5;
  transform: translateX(0);
}
.nav-footer[data-v-320938ee] {
  padding: 16px 24px;
  border-top: 1px solid var(--border-light);
}
.version-info[data-v-320938ee] {
  font-size: 0.75rem;
  color: var(--text-muted);
}

/* ========== Main Content ========== */
.settings-main[data-v-320938ee] {
  flex: 1;
  height: 100vh;
  overflow-y: auto;
  padding: 32px;
  padding-bottom: 100px;
}
.settings-container[data-v-320938ee] {
  width: 100%;
  max-width: 1200px;
}
.settings-section[data-v-320938ee] {
  animation: fadeIn-320938ee 300ms ease-out;
}
@keyframes fadeIn-320938ee {
from {
    opacity: 0;
    transform: translateY(8px);
}
}
.section-header[data-v-320938ee] {
  margin-bottom: 32px;
}
.section-title h2[data-v-320938ee] {
  margin: 0 0 6px;
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--text-primary);
}
.section-title p[data-v-320938ee] {
  margin: 0;
  font-size: 0.9375rem;
  color: var(--text-secondary);
}

/* ========== Profile Section ========== */
.profile-hero[data-v-320938ee] {
  display: flex;
  gap: 32px;
  padding: 32px;
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);
  border-radius: var(--radius-xl);
  margin-bottom: 32px;
}
.avatar-section[data-v-320938ee] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.avatar-large[data-v-320938ee] {
  position: relative;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  font-size: 2rem;
  font-weight: 700;
  color: white;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}
.avatar-img[data-v-320938ee] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}
.avatar-badge[data-v-320938ee] {
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 3px solid var(--brand);
}
.avatar-badge.online[data-v-320938ee] { background: #22c55e;
}
.avatar-badge.away[data-v-320938ee]   { background: #fbbf24;
}
.avatar-badge.busy[data-v-320938ee]   { background: #ef4444;
}
.avatar-badge.offline[data-v-320938ee]{ background: #9ca3af;
}
.avatar-actions[data-v-320938ee] {
  display: flex;
  gap: 8px;
}
.btn-outline[data-v-320938ee] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: var(--radius-sm);
  color: white;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  transition: all var(--transition);
}
.btn-outline[data-v-320938ee]:hover {
  background: rgba(255, 255, 255, 0.25);
}
.btn-ghost[data-v-320938ee] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--radius-sm);
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  transition: all var(--transition);
}
.btn-ghost[data-v-320938ee]:hover {
  background: rgba(255, 255, 255, 0.1);
  color: white;
}
.profile-stats[data-v-320938ee] {
  flex: 1;
  display: flex;
  gap: 16px;
  align-items: center;
}
.stat-card[data-v-320938ee] {
  flex: 1;
  padding: 20px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-md);
  text-align: center;
  backdrop-filter: blur(10px);
}
.stat-value[data-v-320938ee] {
  display: block;
  font-size: 1.75rem;
  font-weight: 700;
  color: white;
}
.stat-label[data-v-320938ee] {
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, 0.7);
}

/* ========== Form Grid ========== */
.form-grid[data-v-320938ee] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 32px;
}
.form-card[data-v-320938ee] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.form-card.full-width[data-v-320938ee] {
  grid-column: 1 / -1;
}
.form-label[data-v-320938ee] {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.input-modern[data-v-320938ee] {
  position: relative;
  display: flex;
  align-items: center;
}
.input-modern input[data-v-320938ee] {
  width: 100%;
  padding: 14px 16px;
  background: var(--bg-secondary);
  border: 2px solid var(--border-light);
  border-radius: var(--radius-md);
  font-size: 0.9375rem;
  color: var(--text-primary);
  outline: none;
  transition: all var(--transition);
}
.input-modern.has-prefix input[data-v-320938ee] {
  padding-left: 36px;
}
.input-modern.has-icon input[data-v-320938ee] {
  padding-left: 44px;
}
.input-prefix[data-v-320938ee] {
  position: absolute;
  left: 16px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-muted);
}
.input-modern > i[data-v-320938ee] {
  position: absolute;
  left: 16px;
  font-size: 0.875rem;
  color: var(--text-muted);
}
.input-modern input[data-v-320938ee]:focus {
  border-color: var(--brand);
}
.input-focus-ring[data-v-320938ee] {
  position: absolute;
  inset: -4px;
  border-radius: calc(var(--radius-md) + 4px);
  border: 2px solid transparent;
  pointer-events: none;
  transition: all var(--transition);
}
.input-modern input:focus ~ .input-focus-ring[data-v-320938ee] {
  border-color: var(--brand-subtle);
}
.input-badge[data-v-320938ee] {
  position: absolute;
  right: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
}
.input-badge.verified[data-v-320938ee] {
  background: rgba(34, 197, 94, 0.1);
  color: #16a34a;
}
.textarea-modern[data-v-320938ee] {
  position: relative;
}
.textarea-modern textarea[data-v-320938ee] {
  width: 100%;
  padding: 14px 16px;
  background: var(--bg-secondary);
  border: 2px solid var(--border-light);
  border-radius: var(--radius-md);
  font-size: 0.9375rem;
  font-family: inherit;
  color: var(--text-primary);
  resize: none;
  outline: none;
  transition: all var(--transition);
}
.textarea-modern textarea[data-v-320938ee]:focus {
  border-color: var(--brand);
}
.char-count[data-v-320938ee] {
  display: block;
  margin-top: 6px;
  text-align: right;
  font-size: 0.75rem;
  color: var(--text-muted);
}

/* ========== Status Section ========== */
.status-section[data-v-320938ee] {
  margin-bottom: 32px;
}
.status-grid[data-v-320938ee] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-top: 12px;
}
.status-card[data-v-320938ee] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 16px;
  background: var(--bg-secondary);
  border: 2px solid var(--border-light);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition);
  text-align: left;
}
.status-card[data-v-320938ee]:hover {
  border-color: var(--border-medium);
}
.status-card.active[data-v-320938ee] {
  border-color: var(--brand);
  background: var(--brand-subtle);
}
.status-indicator[data-v-320938ee] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-bottom: 4px;
}
.status-indicator.online[data-v-320938ee] { background: #22c55e; box-shadow: 0 0 8px rgba(34, 197, 94, 0.5);
}
.status-indicator.away[data-v-320938ee] { background: #fbbf24; box-shadow: 0 0 8px rgba(251, 191, 36, 0.5);
}
.status-indicator.busy[data-v-320938ee] { background: #ef4444; box-shadow: 0 0 8px rgba(239, 68, 68, 0.5);
}
.status-indicator.offline[data-v-320938ee] { background: #9ca3af;
}
.status-name[data-v-320938ee] {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
}
.status-desc[data-v-320938ee] {
  font-size: 0.8125rem;
  color: var(--text-muted);
}

/* ========== Notification Cards ========== */
.notification-cards[data-v-320938ee] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 32px;
}
.notif-card[data-v-320938ee] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  transition: all var(--transition);
}
.notif-card[data-v-320938ee]:hover {
  box-shadow: var(--shadow-md);
}
.notif-card.highlight[data-v-320938ee] {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.05) 0%, rgba(168, 85, 247, 0.05) 100%);
  border-color: rgba(99, 102, 241, 0.2);
}
.notif-icon[data-v-320938ee] {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  font-size: 1.125rem;
}
.notif-icon.push[data-v-320938ee] { background: rgba(59, 130, 246, 0.1); color: #3b82f6;
}
.notif-icon.sound[data-v-320938ee] { background: rgba(34, 197, 94, 0.1); color: #22c55e;
}
.notif-icon.email[data-v-320938ee] { background: rgba(249, 115, 22, 0.1); color: #f97316;
}
.notif-icon.dnd[data-v-320938ee] { background: rgba(139, 92, 246, 0.1); color: #8b5cf6;
}
.notif-content[data-v-320938ee] {
  flex: 1;
}
.notif-content h3[data-v-320938ee] {
  margin: 0 0 4px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
}
.notif-content p[data-v-320938ee] {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--text-muted);
}
.dnd-schedule[data-v-320938ee] {
  margin-top: 8px;
  padding: 6px 12px;
  background: rgba(139, 92, 246, 0.1);
  border-radius: var(--radius-sm);
  font-size: 0.75rem;
  color: #8b5cf6;
}

/* ========== Switch Modern ========== */
.switch-modern[data-v-320938ee] {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.switch-modern input[data-v-320938ee] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.switch-track[data-v-320938ee] {
  display: block;
  width: 52px;
  height: 28px;
  background: var(--border-medium);
  border-radius: 999px;
  transition: all var(--transition);
}
.switch-modern.small .switch-track[data-v-320938ee] {
  width: 44px;
  height: 24px;
}
.switch-thumb[data-v-320938ee] {
  display: block;
  width: 22px;
  height: 22px;
  margin: 3px;
  background: white;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  transition: all var(--transition);
}
.switch-modern.small .switch-thumb[data-v-320938ee] {
  width: 18px;
  height: 18px;
}
.switch-modern input:checked + .switch-track[data-v-320938ee] {
  background: var(--brand);
}
.switch-modern input:checked + .switch-track .switch-thumb[data-v-320938ee] {
  transform: translateX(24px);
}
.switch-modern.small input:checked + .switch-track .switch-thumb[data-v-320938ee] {
  transform: translateX(20px);
}

/* ========== Quiet Hours ========== */
.quiet-hours[data-v-320938ee] {
  padding: 24px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
}
.quiet-hours h3[data-v-320938ee] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 4px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
}
.quiet-hours > p[data-v-320938ee] {
  margin: 0 0 20px;
  font-size: 0.8125rem;
  color: var(--text-muted);
}
.time-range[data-v-320938ee] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.time-input[data-v-320938ee] {
  flex: 1;
}
.time-input label[data-v-320938ee] {
  display: block;
  margin-bottom: 6px;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-muted);
}
.time-input input[data-v-320938ee] {
  width: 100%;
  padding: 12px 16px;
  background: var(--bg-tertiary);
  border: 2px solid transparent;
  border-radius: var(--radius-md);
  font-size: 1rem;
  font-family: inherit;
  color: var(--text-primary);
  outline: none;
  transition: all var(--transition);
}
.time-input input[data-v-320938ee]:focus {
  border-color: var(--brand);
  background: var(--bg-secondary);
}
.time-separator[data-v-320938ee] {
  color: var(--text-muted);
  margin-top: 20px;
}

/* ========== Theme Selector ========== */
.theme-selector-modern[data-v-320938ee] {
  margin-bottom: 32px;
}
.theme-selector-modern h3[data-v-320938ee] {
  margin: 0 0 16px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
}
.theme-options[data-v-320938ee] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.theme-card[data-v-320938ee] {
  position: relative;
  padding: 16px;
  background: var(--bg-secondary);
  border: 2px solid var(--border-light);
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition);
  text-align: center;
}
.theme-card[data-v-320938ee]:hover {
  border-color: var(--border-medium);
}
.theme-card.active[data-v-320938ee] {
  border-color: var(--brand);
}
.theme-preview[data-v-320938ee] {
  display: flex;
  height: 80px;
  margin-bottom: 12px;
  border-radius: var(--radius-sm);
  overflow: hidden;
}
.theme-preview.light[data-v-320938ee] {
  background: #f8fafa;
}
.theme-preview.light .preview-sidebar[data-v-320938ee] { background: #528b8f;
}
.theme-preview.light .preview-content[data-v-320938ee] { background: #f8fafa;
}
.theme-preview.light .preview-header[data-v-320938ee] { background: #ffffff;
}
.theme-preview.light .preview-msg[data-v-320938ee] { background: #e5e7eb;
}
.theme-preview.light .preview-msg.own[data-v-320938ee] { background: #528b8f;
}
.theme-preview.dark[data-v-320938ee] {
  background: #1a1a1a;
}
.theme-preview.dark .preview-sidebar[data-v-320938ee] { background: #2d4a4c;
}
.theme-preview.dark .preview-content[data-v-320938ee] { background: #1a1a1a;
}
.theme-preview.dark .preview-header[data-v-320938ee] { background: #262626;
}
.theme-preview.dark .preview-msg[data-v-320938ee] { background: #333;
}
.theme-preview.dark .preview-msg.own[data-v-320938ee] { background: #528b8f;
}
.theme-preview.system[data-v-320938ee] {
  background: linear-gradient(135deg, #f8fafa 50%, #1a1a1a 50%);
}
.theme-preview.system .preview-sidebar[data-v-320938ee] { background: linear-gradient(180deg, #528b8f 50%, #2d4a4c 50%);
}
.theme-preview.system .preview-content[data-v-320938ee] { background: transparent;
}
.preview-sidebar[data-v-320938ee] {
  width: 30%;
}
.preview-content[data-v-320938ee] {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 6px;
}
.preview-header[data-v-320938ee] {
  height: 12px;
  border-radius: 2px;
  margin-bottom: 6px;
}
.preview-messages[data-v-320938ee] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: flex-end;
}
.preview-msg[data-v-320938ee] {
  height: 10px;
  width: 60%;
  border-radius: 2px;
}
.preview-msg.own[data-v-320938ee] {
  align-self: flex-end;
  width: 50%;
}
.theme-name[data-v-320938ee] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-primary);
}
.theme-check[data-v-320938ee] {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--brand);
  border-radius: 50%;
  color: white;
  font-size: 0.75rem;
}

/* ========== Appearance Options ========== */
.appearance-options[data-v-320938ee] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.option-card[data-v-320938ee] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
}
.option-info[data-v-320938ee] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.option-info > i[data-v-320938ee] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--brand-subtle);
  border-radius: var(--radius-sm);
  color: var(--brand);
  font-size: 1rem;
}
.option-info h4[data-v-320938ee] {
  margin: 0 0 2px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
}
.option-info p[data-v-320938ee] {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--text-muted);
}
.font-size-slider[data-v-320938ee] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.size-label[data-v-320938ee] {
  color: var(--text-muted);
}
.size-label.small[data-v-320938ee] { font-size: 0.75rem;
}
.size-label.large[data-v-320938ee] { font-size: 1.125rem; font-weight: 600;
}
.slider-modern[data-v-320938ee] {
  width: 120px;
  height: 6px;
  appearance: none;
  background: var(--border-light);
  border-radius: 999px;
  outline: none;
}
.slider-modern[data-v-320938ee]::-webkit-slider-thumb {
  appearance: none;
  width: 18px;
  height: 18px;
  background: var(--brand);
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(82, 139, 143, 0.3);
}
.size-value[data-v-320938ee] {
  min-width: 40px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--brand);
}

/* ========== Privacy Section ========== */
.security-status[data-v-320938ee] {
  padding: 24px;
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);
  border-radius: var(--radius-xl);
  margin-bottom: 24px;
}
.security-score[data-v-320938ee] {
  display: flex;
  align-items: center;
  gap: 24px;
}
.score-ring[data-v-320938ee] {
  position: relative;
  width: 100px;
  height: 100px;
}
.score-ring svg[data-v-320938ee] {
  transform: rotate(-90deg);
}
.score-bg[data-v-320938ee] {
  fill: none;
  stroke: rgba(255, 255, 255, 0.2);
  stroke-width: 8;
}
.score-fill[data-v-320938ee] {
  fill: none;
  stroke: white;
  stroke-width: 8;
  stroke-linecap: round;
  stroke-dasharray: 283;
  transition: stroke-dashoffset 1s ease;
}
.score-value[data-v-320938ee] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 700;
  color: white;
}
.score-info h3[data-v-320938ee] {
  margin: 0 0 4px;
  font-size: 1.125rem;
  font-weight: 600;
  color: white;
}
.score-info p[data-v-320938ee] {
  margin: 0;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.8);
}
.privacy-cards[data-v-320938ee] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.privacy-card[data-v-320938ee] {
  padding: 20px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
}
.privacy-header[data-v-320938ee] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-light);
}
.privacy-header i[data-v-320938ee] {
  color: var(--brand);
}
.privacy-header h4[data-v-320938ee] {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
}
.privacy-options[data-v-320938ee] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.privacy-option[data-v-320938ee] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
  color: var(--text-secondary);
}
.security-actions[data-v-320938ee] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.security-btn[data-v-320938ee] {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px;
  background: var(--bg-tertiary);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition);
  text-align: left;
}
.security-btn[data-v-320938ee]:hover {
  background: var(--border-light);
}
.security-btn .btn-icon[data-v-320938ee] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-secondary);
  border-radius: var(--radius-sm);
  color: var(--text-muted);
  font-size: 0.875rem;
}
.security-btn .btn-icon.enabled[data-v-320938ee] {
  background: rgba(34, 197, 94, 0.1);
  color: #22c55e;
}
.security-btn .btn-content[data-v-320938ee] {
  flex: 1;
}
.security-btn .btn-content span[data-v-320938ee] {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-primary);
}
.security-btn .btn-content small[data-v-320938ee] {
  font-size: 0.75rem;
  color: var(--text-muted);
}
.security-btn > i[data-v-320938ee]:last-child {
  color: var(--text-muted);
  font-size: 0.75rem;
}

/* ========== Language Section ========== */
.language-grid[data-v-320938ee] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.lang-card[data-v-320938ee] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
}
.lang-icon[data-v-320938ee] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--brand-subtle);
  border-radius: var(--radius-md);
  color: var(--brand);
  font-size: 1rem;
}
.lang-content[data-v-320938ee] {
  flex: 1;
}
.lang-content h4[data-v-320938ee] {
  margin: 0 0 8px;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-secondary);
}
.select-modern[data-v-320938ee] {
  width: 100%;
  padding: 10px 14px;
  background: var(--bg-tertiary);
  border: 2px solid transparent;
  border-radius: var(--radius-sm);
  font-size: 0.9375rem;
  font-family: inherit;
  color: var(--text-primary);
  cursor: pointer;
  outline: none;
  transition: all var(--transition);
}
.select-modern[data-v-320938ee]:focus {
  border-color: var(--brand);
  background: var(--bg-secondary);
}
.time-format-toggle[data-v-320938ee] {
  display: flex;
  background: var(--bg-tertiary);
  border-radius: var(--radius-sm);
  padding: 4px;
}
.time-format-toggle button[data-v-320938ee] {
  flex: 1;
  padding: 8px 16px;
  background: transparent;
  border: none;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-muted);
  cursor: pointer;
  transition: all var(--transition);
}
.time-format-toggle button.active[data-v-320938ee] {
  background: var(--bg-secondary);
  color: var(--brand);
  box-shadow: var(--shadow-sm);
}

/* ========== Account Section ========== */
.account-info-card[data-v-320938ee] {
  padding: 24px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  margin-bottom: 24px;
}
.account-details[data-v-320938ee] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.detail-row[data-v-320938ee] {
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-light);
}
.detail-row[data-v-320938ee]:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.detail-label[data-v-320938ee] {
  font-size: 0.875rem;
  color: var(--text-muted);
}
.detail-value[data-v-320938ee] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-primary);
}
.detail-value.mono[data-v-320938ee] {
  font-family: 'SF Mono', monospace;
}
.plan-badge[data-v-320938ee] {
  padding: 4px 12px;
  background: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: white;
}
.account-actions-grid[data-v-320938ee] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.action-card[data-v-320938ee] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 20px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition);
  text-align: left;
}
.action-card[data-v-320938ee]:hover {
  border-color: var(--brand);
  box-shadow: var(--shadow-md);
}
.action-card i[data-v-320938ee] {
  font-size: 1.25rem;
  color: var(--brand);
}
.action-card span[data-v-320938ee] {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
}
.action-card small[data-v-320938ee] {
  font-size: 0.8125rem;
  color: var(--text-muted);
}
.action-card.danger[data-v-320938ee] {
  border-color: rgba(239, 68, 68, 0.2);
}
.action-card.danger[data-v-320938ee]:hover {
  border-color: #ef4444;
  background: rgba(239, 68, 68, 0.05);
}
.action-card.danger i[data-v-320938ee],
.action-card.danger span[data-v-320938ee] {
  color: #ef4444;
}

/* ========== Save Bar ========== */
.save-bar[data-v-320938ee] {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 16px 24px;
  background: var(--text-primary);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  animation: slideUp-320938ee 300ms ease-out;
}
@keyframes slideUp-320938ee {
from {
    opacity: 0;
    transform: translateX(-50%) translateY(20px);
}
}
.save-bar span[data-v-320938ee] {
  font-size: 0.875rem;
  color: white;
}
.save-actions[data-v-320938ee] {
  display: flex;
  gap: 12px;
}
.save-bar .btn-ghost[data-v-320938ee] {
  padding: 8px 16px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--radius-sm);
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all var(--transition);
}
.save-bar .btn-ghost[data-v-320938ee]:hover {
  background: rgba(255, 255, 255, 0.1);
  color: white;
}
.save-bar .btn-primary[data-v-320938ee] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  background: white;
  border: none;
  border-radius: var(--radius-sm);
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition);
}
.save-bar .btn-primary[data-v-320938ee]:hover {
  transform: scale(1.02);
}

/* ========== Responsive ========== */
@media (max-width: 1400px) {
.form-grid[data-v-320938ee] {
    grid-template-columns: repeat(2, 1fr);
}
.status-grid[data-v-320938ee] {
    grid-template-columns: repeat(2, 1fr);
}
.language-grid[data-v-320938ee] {
    grid-template-columns: repeat(2, 1fr);
}
.account-actions-grid[data-v-320938ee] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 1024px) {
.settings-nav[data-v-320938ee] {
    width: 240px;
}
.profile-hero[data-v-320938ee] {
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.profile-stats[data-v-320938ee] {
    width: 100%;
}
.privacy-cards[data-v-320938ee] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.settings-page[data-v-320938ee] {
    flex-direction: column;
}
.settings-nav[data-v-320938ee] {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid var(--border-light);
}
.nav-menu[data-v-320938ee] {
    flex-direction: row;
    overflow-x: auto;
    padding: 12px;
    gap: 8px;
}
.nav-item[data-v-320938ee] {
    flex-direction: column;
    gap: 6px;
    padding: 12px;
    min-width: 80px;
    text-align: center;
}
.nav-item span[data-v-320938ee] {
    font-size: 0.75rem;
}
.nav-arrow[data-v-320938ee] {
    display: none;
}
.nav-footer[data-v-320938ee] {
    display: none;
}
.settings-main[data-v-320938ee] {
    padding: 20px;
}
.form-grid[data-v-320938ee],
  .status-grid[data-v-320938ee],
  .theme-options[data-v-320938ee],
  .privacy-cards[data-v-320938ee],
  .language-grid[data-v-320938ee],
  .account-actions-grid[data-v-320938ee] {
    grid-template-columns: 1fr;
}
.save-bar[data-v-320938ee] {
    left: 16px;
    right: 16px;
    transform: none;
    flex-direction: column;
    gap: 12px;
}
.save-actions[data-v-320938ee] {
    width: 100%;
}
.save-actions button[data-v-320938ee] {
    flex: 1;
}
}

.admin-panel[data-v-df941895] {
  --brand: #528b8f;
  --brand-light: #64a3a7;
  --brand-dark: #457577;
  --ink: rgba(15, 23, 42, 0.92);
  --ink-secondary: rgba(15, 23, 42, 0.65);
  --muted: rgba(15, 23, 42, 0.45);
  --border: rgba(15, 23, 42, 0.06);
  --border-strong: rgba(15, 23, 42, 0.12);
  --surface: #ffffff;
  --surface-raised: #fafafa;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.06);
  --transition-fast: 150ms cubic-bezier(0.4,0,0.2,1);
  --transition: 250ms cubic-bezier(0.4,0,0.2,1);
  width: 100%; height: 100%; overflow: auto;
  font-family: 'Inter', -apple-system, sans-serif;
  color: var(--ink); padding: 24px;
}
.admin-container[data-v-df941895] { display: flex; flex-direction: column; gap: 20px;
}

/* ── Header ── */
.admin-header[data-v-df941895] {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 16px 20px; background: var(--surface); border-radius: var(--radius-lg);
  border: 1px solid var(--border); box-shadow: var(--shadow-sm);
}
.header-left[data-v-df941895] { display: flex; align-items: center; gap: 14px;
}
.title-icon[data-v-df941895] {
  width: 42px; height: 42px; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--brand-light), var(--brand));
  border-radius: var(--radius-md); color: #fff; font-size: 1.1rem;
}
.title-block h1[data-v-df941895] { margin: 0; font-size: 1.25rem; font-weight: 700;
}
.title-block p[data-v-df941895] { margin: 2px 0 0; font-size: 0.8125rem; color: var(--ink-secondary);
}
.plan-badge[data-v-df941895] {
  display: flex; align-items: center; gap: 6px; padding: 6px 14px;
  border-radius: 999px; font-size: 0.75rem; font-weight: 600;
  background: color-mix(in srgb, var(--brand) 12%, #fff); color: var(--brand-dark);
}
.plan-badge.active[data-v-df941895] { background: rgba(16,185,129,0.1); color: #059669;
}
.plan-badge.trialing[data-v-df941895] { background: rgba(245,158,11,0.1); color: #d97706;
}

/* ── Loading ── */
.loading-state[data-v-df941895] {
  display: flex; align-items: center; justify-content: center; gap: 12px;
  padding: 60px; font-size: 0.9375rem; color: var(--muted);
}

/* ── Tabs ── */
.tabs-nav[data-v-df941895] {
  background: var(--surface); border-radius: var(--radius-lg);
  border: 1px solid var(--border); padding: 5px; box-shadow: var(--shadow-sm);
}
.tabs-track[data-v-df941895] { display: flex; gap: 3px;
}
.tab-btn[data-v-df941895] {
  flex: 1; display: flex; align-items: center; justify-content: center; gap: 7px;
  padding: 10px 16px; border: none; border-radius: var(--radius-md);
  background: transparent; color: var(--ink-secondary); font-size: 0.875rem;
  font-weight: 600; cursor: pointer; transition: all var(--transition-fast);
}
.tab-btn[data-v-df941895]:hover:not(.active) { color: var(--ink); background: var(--surface-raised);
}
.tab-btn.active[data-v-df941895] { color: var(--brand); background: color-mix(in srgb, var(--brand) 8%, #fff);
}

/* ── Content ── */
.content-area[data-v-df941895] {
  background: var(--surface); border-radius: var(--radius-lg);
  border: 1px solid var(--border); padding: 24px; box-shadow: var(--shadow-sm);
}
.tab-content[data-v-df941895] { display: flex; flex-direction: column; gap: 20px;
}
.section-header[data-v-df941895] {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding-bottom: 16px; border-bottom: 1px solid var(--border);
}
.section-header h2[data-v-df941895] { margin: 0; font-size: 1.2rem; font-weight: 700;
}

/* ── Subscription Banner ── */
.subscription-banner[data-v-df941895] {
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  padding: 16px 20px; border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--brand) 6%, #fff);
  border: 1px solid color-mix(in srgb, var(--brand) 15%, #fff);
}
.sub-info[data-v-df941895] { display: flex; flex-direction: column; gap: 4px;
}
.sub-plan[data-v-df941895] { display: flex; align-items: center; gap: 8px; font-weight: 700; color: var(--brand-dark); font-size: 1rem;
}
.sub-plan i[data-v-df941895] { font-size: 0.875rem;
}
.sub-status-badge[data-v-df941895] {
  padding: 2px 8px; border-radius: 999px; font-size: 0.6875rem;
  font-weight: 600; background: rgba(16,185,129,0.1); color: #059669;
}
.subscription-banner.trialing .sub-status-badge[data-v-df941895] { background: rgba(245,158,11,0.1); color: #d97706;
}
.sub-trial[data-v-df941895] { font-size: 0.8125rem; color: var(--ink-secondary);
}
.sub-seats[data-v-df941895] { min-width: 200px;
}
.seats-visual[data-v-df941895] { display: flex; flex-direction: column; gap: 6px;
}
.seats-bar[data-v-df941895] { height: 8px; background: var(--border); border-radius: 4px; overflow: hidden;
}
.seats-fill[data-v-df941895] { height: 100%; background: var(--brand); border-radius: 4px; transition: width var(--transition);
}
.seats-text[data-v-df941895] { font-size: 0.75rem; color: var(--ink-secondary); font-weight: 600; text-align: right;
}

/* ── Form Grid ── */
.form-grid[data-v-df941895] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;
}
.form-group[data-v-df941895] { display: flex; flex-direction: column; gap: 6px;
}
.form-group label[data-v-df941895] { font-size: 0.8125rem; font-weight: 600; color: var(--ink-secondary);
}
.input-field[data-v-df941895] {
  padding: 9px 13px; background: var(--surface-raised); border: 1px solid var(--border);
  border-radius: var(--radius-md); color: var(--ink); font-size: 0.875rem;
  transition: border-color var(--transition-fast);
}
.input-field[data-v-df941895]:focus { outline: none; border-color: var(--brand); box-shadow: 0 0 0 3px rgba(82,139,143,0.1);
}

/* ── Members List (kompakt) ── */
.members-list[data-v-df941895] { display: flex; flex-direction: column; gap: 2px;
}
.member-row[data-v-df941895] {
  display: grid; grid-template-columns: 36px 1fr auto auto auto 32px;
  align-items: center; gap: 12px; padding: 10px 14px;
  border-radius: var(--radius-sm); transition: background var(--transition-fast);
}
.member-row[data-v-df941895]:hover { background: var(--surface-raised);
}
.member-avatar[data-v-df941895] {
  width: 36px; height: 36px; border-radius: 50%; display: flex;
  align-items: center; justify-content: center; color: #fff;
  font-size: 0.75rem; font-weight: 700; overflow: hidden;
}
.member-avatar img[data-v-df941895] { width: 100%; height: 100%; object-fit: cover;
}
.member-info[data-v-df941895] { display: flex; flex-direction: column; min-width: 0;
}
.member-name[data-v-df941895] { font-size: 0.875rem; font-weight: 600; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.member-email[data-v-df941895] { font-size: 0.75rem; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.member-status[data-v-df941895] {
  padding: 3px 10px; border-radius: 999px; font-size: 0.6875rem; font-weight: 600;
}
.member-status.active[data-v-df941895] { background: rgba(16,185,129,0.1); color: #059669;
}
.member-status.pending[data-v-df941895] { background: rgba(245,158,11,0.1); color: #d97706;
}
.member-status.blocked[data-v-df941895] { background: rgba(239,68,68,0.1); color: #dc2626;
}
.role-select-sm[data-v-df941895] {
  padding: 5px 10px; border: 1px solid var(--border); border-radius: var(--radius-sm);
  background: var(--surface); font-size: 0.8125rem; color: var(--ink); cursor: pointer;
}
.role-select-sm[data-v-df941895]:disabled { opacity: 0.5; cursor: not-allowed;
}
.member-joined[data-v-df941895] { font-size: 0.75rem; color: var(--muted); white-space: nowrap;
}
.btn-icon-danger[data-v-df941895] {
  width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;
  border: none; border-radius: var(--radius-sm); background: transparent;
  color: var(--muted); cursor: pointer; transition: all var(--transition-fast);
}
.btn-icon-danger[data-v-df941895]:hover { background: rgba(239,68,68,0.1); color: #dc2626;
}
.btn-icon-placeholder[data-v-df941895] { width: 32px;
}

/* ── Settings ── */
.settings-grid[data-v-df941895] { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px;
}
.settings-card[data-v-df941895] {
  background: var(--surface-raised); border: 1px solid var(--border);
  border-radius: var(--radius-lg); padding: 18px;
}
.settings-card-header[data-v-df941895] { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--border);
}
.card-icon[data-v-df941895] {
  width: 36px; height: 36px; display: flex; align-items: center; justify-content: center;
  border-radius: var(--radius-sm); font-size: 0.875rem; color: #fff;
}
.card-icon.security[data-v-df941895] { background: linear-gradient(135deg, #3b82f6, #2563eb);
}
.card-icon.notifications[data-v-df941895] { background: linear-gradient(135deg, #f59e0b, #d97706);
}
.settings-card-header h3[data-v-df941895] { margin: 0; font-size: 1rem; font-weight: 600;
}
.settings-card-body[data-v-df941895] { display: flex; flex-direction: column; gap: 14px;
}
.setting-item[data-v-df941895] { display: flex; flex-direction: column;
}
.toggle-label[data-v-df941895] {
  display: flex; justify-content: space-between; align-items: center; gap: 14px;
  padding: 10px; background: var(--surface); border-radius: var(--radius-sm);
}
.toggle-info[data-v-df941895] { flex: 1; display: flex; flex-direction: column; gap: 2px;
}
.toggle-title[data-v-df941895] { font-size: 0.875rem; font-weight: 600; color: var(--ink);
}
.toggle-desc[data-v-df941895] { font-size: 0.75rem; color: var(--ink-secondary);
}
.toggle-switch[data-v-df941895] { position: relative;
}
.toggle-switch input[data-v-df941895] { display: none;
}
.toggle-slider[data-v-df941895] {
  display: block; width: 44px; height: 24px; background: var(--border-strong);
  border-radius: 12px; cursor: pointer; transition: background var(--transition);
  position: relative;
}
.toggle-slider[data-v-df941895]::before {
  content: ''; position: absolute; width: 18px; height: 18px; background: #fff;
  border-radius: 50%; top: 3px; left: 3px; transition: transform var(--transition);
}
.toggle-switch input:checked + .toggle-slider[data-v-df941895] { background: var(--brand);
}
.toggle-switch input:checked + .toggle-slider[data-v-df941895]::before { transform: translateX(20px);
}

/* ── Stats ── */
.stats-grid[data-v-df941895] { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px;
}
.stat-card[data-v-df941895] {
  background: var(--surface-raised); border: 1px solid var(--border);
  border-radius: var(--radius-md); padding: 16px; display: flex; align-items: center; gap: 14px;
}
.stat-icon[data-v-df941895] {
  width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;
  border-radius: var(--radius-sm); font-size: 1rem; color: #fff;
}
.stat-icon.users[data-v-df941895] { background: linear-gradient(135deg, var(--brand-light), var(--brand));
}
.stat-icon.active[data-v-df941895] { background: linear-gradient(135deg, #10b981, #059669);
}
.stat-icon.tasks[data-v-df941895] { background: linear-gradient(135deg, #8b5cf6, #7c3aed);
}
.stat-icon.revenue[data-v-df941895] { background: linear-gradient(135deg, #f59e0b, #d97706);
}
.stat-value[data-v-df941895] { font-size: 1.375rem; font-weight: 700; color: var(--ink);
}
.stat-label[data-v-df941895] { font-size: 0.8125rem; color: var(--ink-secondary);
}

/* ── Buttons ── */
.btn-primary[data-v-df941895] {
  display: inline-flex; align-items: center; gap: 7px; padding: 9px 18px;
  border: none; border-radius: var(--radius-md); font-size: 0.875rem; font-weight: 600;
  background: linear-gradient(135deg, var(--brand-light), var(--brand));
  color: #fff; cursor: pointer; transition: all var(--transition-fast);
}
.btn-primary[data-v-df941895]:hover { opacity: 0.9;
}
.btn-primary[data-v-df941895]:disabled { opacity: 0.6; cursor: not-allowed;
}

/* ── Empty ── */
.empty-state[data-v-df941895] { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 40px; color: var(--muted);
}
.empty-state i[data-v-df941895] { font-size: 2rem;
}

/* ── Responsive ── */
@media (max-width: 768px) {
.admin-panel[data-v-df941895] { padding: 16px;
}
.form-grid[data-v-df941895] { grid-template-columns: 1fr;
}
.member-row[data-v-df941895] { grid-template-columns: 36px 1fr auto 32px;
}
.member-joined[data-v-df941895], .member-status[data-v-df941895] { display: none;
}
.subscription-banner[data-v-df941895] { flex-direction: column;
}
.sub-seats[data-v-df941895] { min-width: unset; width: 100%;
}
}

.notification-item[data-v-9a67ccfc] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 20px;
  cursor: pointer;
  transition: background 150ms ease;
  position: relative;
}
.notification-item[data-v-9a67ccfc]:hover {
  background: var(--surface-hover, #f1f5f9);
}
.notification-item.unread[data-v-9a67ccfc] {
  background: color-mix(in srgb, var(--brand, #50868a) 4%, #fff);
}
.notification-item.unread[data-v-9a67ccfc]:hover {
  background: color-mix(in srgb, var(--brand, #50868a) 8%, #fff);
}
.unread-dot[data-v-9a67ccfc] {
  position: absolute;
  top: 16px;
  left: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--brand, #50868a);
}
.item-icon[data-v-9a67ccfc] {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-size: 0.875rem;
  color: var(--ink, rgba(15, 23, 42, 0.7));
}
.item-body[data-v-9a67ccfc] {
  flex: 1;
  min-width: 0;
}
.item-top[data-v-9a67ccfc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 2px;
}
.item-title[data-v-9a67ccfc] {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink, rgba(15, 23, 42, 0.92));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.item-time[data-v-9a67ccfc] {
  font-size: 0.625rem;
  color: var(--muted, rgba(15, 23, 42, 0.4));
  white-space: nowrap;
  flex-shrink: 0;
}
.item-message[data-v-9a67ccfc] {
  margin: 0 0 8px;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--ink-secondary, rgba(15, 23, 42, 0.65));
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* ── Invitation Actions ── */
.invitation-actions[data-v-9a67ccfc] {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
.invite-btn[data-v-9a67ccfc] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border: none;
  border-radius: 8px;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms ease;
}
.invite-btn[data-v-9a67ccfc]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.invite-btn.accept[data-v-9a67ccfc] {
  background: var(--brand, #50868a);
  color: #fff;
}
.invite-btn.accept[data-v-9a67ccfc]:hover:not(:disabled) {
  background: var(--brand-dark, #3d6b6e);
}
.invite-btn.decline[data-v-9a67ccfc] {
  background: var(--surface-raised, #f8f9fa);
  color: var(--ink-secondary, rgba(15, 23, 42, 0.65));
  border: 1px solid var(--border, rgba(15, 23, 42, 0.08));
}
.invite-btn.decline[data-v-9a67ccfc]:hover:not(:disabled) {
  background: rgba(239, 68, 68, 0.08);
  color: #dc2626;
  border-color: rgba(239, 68, 68, 0.2);
}
.invite-btn i[data-v-9a67ccfc] {
  font-size: 0.625rem;
}

/* ── Invitation Result ── */
.invitation-result[data-v-9a67ccfc] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 4px 0;
}
.invitation-result.accepted[data-v-9a67ccfc] {
  color: #16a34a;
}
.invitation-result.declined[data-v-9a67ccfc] {
  color: var(--muted, rgba(15, 23, 42, 0.4));
}
.invitation-result i[data-v-9a67ccfc] {
  font-size: 0.75rem;
}

/* ── Hover Actions ── */
.item-actions[data-v-9a67ccfc] {
  display: flex;
  gap: 2px;
  opacity: 0;
  transition: opacity 150ms ease;
}
.notification-item:hover .item-actions[data-v-9a67ccfc] {
  opacity: 1;
}
.item-action-btn[data-v-9a67ccfc] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--muted, rgba(15, 23, 42, 0.4));
  font-size: 0.6875rem;
  cursor: pointer;
  transition: all 150ms ease;
}
.item-action-btn[data-v-9a67ccfc]:hover {
  background: var(--surface-raised, #f8f9fa);
  color: var(--brand, #50868a);
}

.notification-panel[data-v-8caa2119] {
  --brand: #50868a;
  --brand-light: #5e9a9e;
  --brand-dark: #3d6b6e;
  --brand-subtle: color-mix(in srgb, #50868a 10%, #ffffff);
  --ink: rgba(15, 23, 42, 0.92);
  --ink-secondary: rgba(15, 23, 42, 0.65);
  --muted: rgba(15, 23, 42, 0.4);
  --border: rgba(15, 23, 42, 0.06);
  --border-strong: rgba(15, 23, 42, 0.12);
  --surface: #ffffff;
  --surface-raised: #f8f9fa;
  --surface-hover: #f1f5f9;
  --danger: #dc2626;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);

  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: var(--surface);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
.notification-panel.is-dropdown[data-v-8caa2119] {
  width: 440px;
  max-height: 640px;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  border: 1px solid var(--border);
}

/* ═══ HEADER ═══ */
.panel-header[data-v-8caa2119] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 20px;
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);
  color: #fff;
  flex-shrink: 0;
}
.header-left[data-v-8caa2119] { display: flex; align-items: center; gap: 12px;
}
.header-icon[data-v-8caa2119] {
  position: relative;
  width: 42px; height: 42px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,0.15);
  border-radius: var(--radius-md);
  font-size: 1.125rem;
}
.unread-badge[data-v-8caa2119] {
  position: absolute; top: -4px; right: -4px;
  min-width: 20px; height: 20px; padding: 0 6px;
  display: flex; align-items: center; justify-content: center;
  background: var(--danger); border: 2px solid var(--brand);
  border-radius: 999px; font-size: 0.625rem; font-weight: 700;
}
.header-text h3[data-v-8caa2119] { margin: 0; font-size: 1rem; font-weight: 600;
}
.header-text p[data-v-8caa2119] { margin: 2px 0 0; font-size: 0.75rem; opacity: 0.85;
}
.header-text .all-read[data-v-8caa2119] { color: rgba(255,255,255,0.7);
}
.header-actions[data-v-8caa2119] { display: flex; gap: 4px;
}
.action-btn[data-v-8caa2119] {
  width: 34px; height: 34px;
  display: flex; align-items: center; justify-content: center;
  border: none; border-radius: var(--radius-sm);
  background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.85);
  cursor: pointer; transition: all var(--transition-fast); font-size: 0.875rem;
}
.action-btn[data-v-8caa2119]:hover { background: rgba(255,255,255,0.2); color: #fff;
}

/* ═══ FILTER TABS ═══ */
.filter-tabs[data-v-8caa2119] {
  display: flex; gap: 4px;
  padding: 10px 16px;
  background: var(--surface-raised);
  border-bottom: 1px solid var(--border);
  overflow-x: auto; flex-shrink: 0;
}
.filter-tabs[data-v-8caa2119]::-webkit-scrollbar { height: 0;
}
.filter-btn[data-v-8caa2119] {
  display: flex; align-items: center; gap: 6px;
  padding: 6px 10px; border: none; border-radius: var(--radius-sm);
  background: transparent; color: var(--muted);
  font-size: 0.75rem; font-weight: 500;
  cursor: pointer; white-space: nowrap; transition: all var(--transition-fast);
}
.filter-btn[data-v-8caa2119]:hover { color: var(--ink-secondary); background: var(--surface);
}
.filter-btn.active[data-v-8caa2119] { color: var(--brand); background: var(--brand-subtle);
}
.filter-btn i[data-v-8caa2119] { font-size: 0.625rem;
}
.filter-count[data-v-8caa2119] {
  min-width: 16px; height: 16px; padding: 0 4px;
  display: flex; align-items: center; justify-content: center;
  background: var(--border-strong); border-radius: 999px;
  font-size: 0.5625rem; font-weight: 700; color: var(--ink-secondary);
}
.filter-btn.active .filter-count[data-v-8caa2119] { background: var(--brand); color: #fff;
}

/* ═══ NOTIFICATION LIST ═══ */
.notification-list[data-v-8caa2119] {
  flex: 1; overflow-y: auto; padding: 8px 0;
}
.notification-list[data-v-8caa2119]::-webkit-scrollbar { width: 6px;
}
.notification-list[data-v-8caa2119]::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: 3px;
}
.loading-state[data-v-8caa2119], .empty-state[data-v-8caa2119] {
  display: flex; flex-direction: column; align-items: center;
  justify-content: center; gap: 12px; padding: 48px 24px; text-align: center;
}
.loading-spinner[data-v-8caa2119] {
  width: 40px; height: 40px;
  display: flex; align-items: center; justify-content: center;
  background: var(--brand-subtle); border-radius: 50%;
  color: var(--brand); font-size: 1rem;
}
.loading-state span[data-v-8caa2119] { font-size: 0.875rem; color: var(--muted);
}
.empty-icon[data-v-8caa2119] {
  width: 64px; height: 64px;
  display: flex; align-items: center; justify-content: center;
  background: var(--surface-raised); border-radius: 50%;
  color: var(--muted); font-size: 1.5rem;
}
.empty-state h4[data-v-8caa2119] { margin: 0; font-size: 1rem; font-weight: 600; color: var(--ink);
}
.empty-state p[data-v-8caa2119] { margin: 0; font-size: 0.875rem; color: var(--ink-secondary);
}
.notification-group[data-v-8caa2119] { margin-bottom: 4px;
}
.group-header[data-v-8caa2119] {
  display: flex; align-items: center; gap: 12px; padding: 8px 20px;
}
.group-label[data-v-8caa2119] {
  font-size: 0.6875rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.5px; color: var(--muted); white-space: nowrap;
}
.group-line[data-v-8caa2119] { flex: 1; height: 1px; background: var(--border);
}

/* ═══ MENTION CARD ═══ */
.mention-card[data-v-8caa2119] {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 12px 20px;
  cursor: pointer; transition: all var(--transition-fast);
  position: relative;
}
.mention-card[data-v-8caa2119]:hover { background: var(--surface-hover);
}
.mention-card.unread[data-v-8caa2119] { background: color-mix(in srgb, var(--brand) 4%, #fff);
}
.mention-card.unread[data-v-8caa2119]:hover { background: color-mix(in srgb, var(--brand) 8%, #fff);
}
.unread-dot[data-v-8caa2119] {
  position: absolute; top: 16px; left: 10px;
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--brand);
}
.mention-avatar[data-v-8caa2119] {
  width: 36px; height: 36px; flex-shrink: 0;
  border-radius: 50%; overflow: hidden;
}
.mention-avatar img[data-v-8caa2119] { width: 100%; height: 100%; object-fit: cover;
}
.avatar-fallback[data-v-8caa2119] {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--brand-light), var(--brand));
  color: #fff; font-size: 0.6875rem; font-weight: 600;
}
.mention-body[data-v-8caa2119] { flex: 1; min-width: 0;
}
.mention-top-row[data-v-8caa2119] {
  display: flex; align-items: center; gap: 6px;
  flex-wrap: wrap; margin-bottom: 2px;
}
.mention-author[data-v-8caa2119] { font-size: 0.8125rem; font-weight: 600; color: var(--ink);
}
.mention-source[data-v-8caa2119] {
  display: inline-flex; align-items: center; gap: 3px;
  padding: 1px 6px; background: var(--surface-raised);
  border-radius: 999px; font-size: 0.625rem; font-weight: 500; color: var(--ink-secondary);
}
.mention-source i[data-v-8caa2119] { font-size: 0.5rem;
}
.mention-time[data-v-8caa2119] { font-size: 0.625rem; color: var(--muted); margin-left: auto;
}
.mention-excerpt[data-v-8caa2119] {
  margin: 0; font-size: 0.8125rem; line-height: 1.4; color: var(--ink-secondary);
  overflow: hidden; text-overflow: ellipsis;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.mention-actions[data-v-8caa2119] { display: flex; gap: 2px; opacity: 0; transition: opacity var(--transition-fast);
}
.mention-card:hover .mention-actions[data-v-8caa2119] { opacity: 1;
}
.mention-action-btn[data-v-8caa2119] {
  width: 28px; height: 28px;
  display: flex; align-items: center; justify-content: center;
  border: none; border-radius: var(--radius-sm);
  background: transparent; color: var(--muted);
  font-size: 0.6875rem; cursor: pointer; transition: all var(--transition-fast);
}
.mention-action-btn[data-v-8caa2119]:hover { background: var(--surface-raised); color: var(--brand);
}

/* ═══ LOAD MORE ═══ */
.load-more[data-v-8caa2119] { padding: 12px 20px;
}
.load-more-btn[data-v-8caa2119] {
  width: 100%;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 10px 16px;
  border: 1px dashed var(--border-strong); border-radius: var(--radius-sm);
  background: transparent; color: var(--ink-secondary);
  font-size: 0.8125rem; font-weight: 500;
  cursor: pointer; transition: all var(--transition-fast);
}
.load-more-btn[data-v-8caa2119]:hover:not(:disabled) { border-color: var(--brand); color: var(--brand); background: var(--brand-subtle);
}
.load-more-btn[data-v-8caa2119]:disabled { opacity: 0.5; cursor: not-allowed;
}
.load-more-btn i[data-v-8caa2119] { font-size: 0.75rem;
}

/* ═══ FOOTER ═══ */
.panel-footer[data-v-8caa2119] {
  padding: 12px 16px;
  background: var(--surface-raised);
  border-top: 1px solid var(--border);
  flex-shrink: 0;
}
.view-all-btn[data-v-8caa2119] {
  width: 100%;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 10px 16px; border: none; border-radius: var(--radius-sm);
  background: var(--brand); color: #fff;
  font-size: 0.8125rem; font-weight: 600;
  cursor: pointer; transition: all var(--transition-fast);
}
.view-all-btn[data-v-8caa2119]:hover { background: var(--brand-dark);
}
.view-all-btn i[data-v-8caa2119] { font-size: 0.75rem; transition: transform var(--transition-fast);
}
.view-all-btn:hover i[data-v-8caa2119] { transform: translateX(3px);
}

/* ═══ RESPONSIVE ═══ */
@media (max-width: 480px) {
.notification-panel.is-dropdown[data-v-8caa2119] {
    width: 100%; max-width: 100%;
    border-radius: 0; max-height: 100vh;
}
.filter-btn span[data-v-8caa2119] { display: none;
}
.mention-actions[data-v-8caa2119] { opacity: 1;
}
}

.contacts-panel[data-v-4264371d] {
  --brand: #50868a;
  --brand-light: #5e9a9e;
  --brand-dark: #3d6b6e;
  --brand-subtle: color-mix(in srgb, #50868a 12%, #ffffff);
  --ink: rgba(15, 23, 42, 0.92);
  --ink-secondary: rgba(15, 23, 42, 0.65);
  --muted: rgba(15, 23, 42, 0.4);
  --border: rgba(15, 23, 42, 0.06);
  --border-strong: rgba(15, 23, 42, 0.12);
  --surface: #ffffff;
  --surface-raised: #f8f9fa;
  --danger: #dc2626;
  --danger-light: rgba(220, 38, 38, 0.08);
  --warning: #f59e0b;
  --success: #10b981;
  --success-light: rgba(16, 185, 129, 0.1);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);

  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding: 25px;
  background: var(--surface-raised);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  overflow: auto;
}

/* Header */
.panel-header[data-v-4264371d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 24px;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
}
.header-left[data-v-4264371d] {
  display: flex;
  align-items: center;
  gap: 14px;
}
.header-icon[data-v-4264371d] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--brand-light), var(--brand));
  border-radius: var(--radius-md);
  color: #fff;
  font-size: 1.125rem;
}
.header-text h3[data-v-4264371d] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--ink);
}
.header-text p[data-v-4264371d] {
  margin: 3px 0 0;
  font-size: 0.8125rem;
  color: var(--ink-secondary);
}
.header-actions[data-v-4264371d] {
  display: flex;
  gap: 8px;
  align-items: center;
}
.btn-icon[data-v-4264371d] {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  color: var(--ink-secondary);
  font-size: 0.875rem;
  cursor: pointer;
  transition: all var(--transition-fast);
}
.btn-icon[data-v-4264371d]:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: var(--brand-subtle);
}
.spinning[data-v-4264371d] {
  animation: spin-4264371d 1s linear infinite;
}
@keyframes spin-4264371d {
to { transform: rotate(360deg);
}
}

/* Search & filter */
.search-filter-bar[data-v-4264371d] {
  padding: 16px 20px;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-shrink: 0;
}
.search-box[data-v-4264371d] {
  position: relative;
  display: flex;
  align-items: center;
}
.search-icon[data-v-4264371d] {
  position: absolute;
  left: 14px;
  color: var(--muted);
  font-size: 0.875rem;
  pointer-events: none;
}
.search-input[data-v-4264371d] {
  width: 100%;
  padding: 12px 40px 12px 42px;
  background: var(--surface-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  color: var(--ink);
  transition: all var(--transition-fast);
}
.search-input[data-v-4264371d]::placeholder { color: var(--muted);
}
.search-input[data-v-4264371d]:focus {
  outline: none;
  border-color: var(--brand);
  background: var(--surface);
  box-shadow: 0 0 0 3px rgba(80, 134, 138, 0.1);
}
.search-clear[data-v-4264371d] {
  position: absolute;
  right: 12px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--border-strong);
  border: none;
  border-radius: 50%;
  color: var(--ink-secondary);
  font-size: 0.625rem;
  cursor: pointer;
  transition: all var(--transition-fast);
}
.search-clear[data-v-4264371d]:hover {
  background: var(--brand);
  color: #fff;
}
.filter-tabs[data-v-4264371d] {
  display: flex;
  gap: 6px;
  overflow-x: auto;
}
.filter-tabs[data-v-4264371d]::-webkit-scrollbar { height: 0;
}
.filter-tab[data-v-4264371d] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: transparent;
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--ink-secondary);
  font-size: 0.8125rem;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  transition: all var(--transition-fast);
}
.filter-tab[data-v-4264371d]:hover { border-color: var(--brand); color: var(--brand);
}
.filter-tab.active[data-v-4264371d] {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
}
.filter-tab i[data-v-4264371d] { font-size: 0.6875rem;
}
.filter-badge[data-v-4264371d] {
  min-width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  background: var(--border-strong);
  border-radius: 999px;
  font-size: 0.625rem;
  font-weight: 700;
}
.filter-tab.active .filter-badge[data-v-4264371d] {
  background: rgba(255, 255, 255, 0.25);
  color: #fff;
}

/* Content */
.panel-content[data-v-4264371d] {
  flex: 1;
  overflow-y: auto;
  padding: 16px 20px;
}
.panel-content[data-v-4264371d]::-webkit-scrollbar { width: 6px;
}
.panel-content[data-v-4264371d]::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: 3px;
}

/* Loading */
.loading-state[data-v-4264371d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 64px 24px;
  color: var(--muted);
  font-size: 0.875rem;
}
.loading-spinner[data-v-4264371d] {
  width: 36px;
  height: 36px;
  border: 3px solid var(--border);
  border-top-color: var(--brand);
  border-radius: 50%;
  animation: spin-4264371d 0.8s linear infinite;
}

/* Empty */
.empty-state[data-v-4264371d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 64px 24px;
  text-align: center;
}
.empty-icon[data-v-4264371d] {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--surface);
  border: 2px dashed var(--border-strong);
  border-radius: 50%;
  color: var(--muted);
  font-size: 2rem;
}
.empty-state h4[data-v-4264371d] {
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 600;
  color: var(--ink);
}
.empty-state p[data-v-4264371d] {
  margin: 0;
  font-size: 0.875rem;
  color: var(--ink-secondary);
}

/* List */
.contacts-list[data-v-4264371d] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.letter-section[data-v-4264371d] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.letter-header[data-v-4264371d] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 4px 0;
}
.letter-badge[data-v-4264371d] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--brand);
  color: #fff;
  border-radius: var(--radius-sm);
  font-size: 0.8125rem;
  font-weight: 700;
}
.letter-line[data-v-4264371d] {
  flex: 1;
  height: 1px;
  background: var(--border);
}
.letter-count[data-v-4264371d] {
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--muted);
}
.letter-contacts[data-v-4264371d] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Card */
.contact-card[data-v-4264371d] {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  transition: all var(--transition-fast);
}
.contact-card[data-v-4264371d]:hover {
  border-color: var(--brand);
  box-shadow: var(--shadow-sm);
}
.contact-card.is-added[data-v-4264371d] {
  background: var(--success-light);
  border-color: rgba(16, 185, 129, 0.2);
}
.contact-avatar-wrapper[data-v-4264371d] { position: relative; flex-shrink: 0;
}
.contact-avatar[data-v-4264371d] {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  overflow: hidden;
}
.contact-avatar img[data-v-4264371d] { width: 100%; height: 100%; object-fit: cover;
}
.status-dot[data-v-4264371d] {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid var(--surface);
}
.status-dot.online[data-v-4264371d] { background: var(--success);
}
.status-dot.away[data-v-4264371d] { background: var(--warning);
}
.status-dot.busy[data-v-4264371d] { background: var(--danger);
}
.status-dot.offline[data-v-4264371d] { background: var(--muted);
}
.contact-info[data-v-4264371d] { flex: 1; min-width: 0;
}
.contact-name[data-v-4264371d] {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--ink);
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.verified-badge[data-v-4264371d] { color: var(--brand); font-size: 0.75rem;
}
.external-badge[data-v-4264371d] {
  margin-left: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 700;
  background: var(--brand-subtle);
  color: var(--brand);
  border: 1px solid rgba(80, 134, 138, 0.25);
}
.contact-email[data-v-4264371d] {
  font-size: 0.8125rem;
  color: var(--ink-secondary);
  margin-top: 2px;
}
.contact-meta[data-v-4264371d] {
  display: flex;
  gap: 8px;
  margin-top: 6px;
  flex-wrap: wrap;
}
.meta-tag[data-v-4264371d] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  background: var(--surface-raised);
  border-radius: 999px;
  font-size: 0.6875rem;
  color: var(--muted);
}
.meta-tag i[data-v-4264371d] { font-size: 0.5625rem;
}
.contact-actions[data-v-4264371d] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.btn-add[data-v-4264371d] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: var(--brand);
  border: none;
  border-radius: var(--radius-sm);
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-fast);
}
.btn-add[data-v-4264371d]:hover:not(:disabled) { background: var(--brand-dark);
}
.btn-add[data-v-4264371d]:disabled { opacity: 0.7; cursor: not-allowed;
}
.btn-add i[data-v-4264371d] { font-size: 0.6875rem;
}
.added-badge[data-v-4264371d] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: var(--success-light);
  border-radius: var(--radius-sm);
  color: #047857;
  font-size: 0.8125rem;
  font-weight: 600;
}
.added-badge i[data-v-4264371d] { font-size: 0.6875rem;
}
.btn-icon-sm[data-v-4264371d] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--surface-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--muted);
  font-size: 0.75rem;
  cursor: pointer;
  transition: all var(--transition-fast);
}
.btn-icon-sm[data-v-4264371d]:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: var(--brand-subtle);
}
.btn-icon-sm.danger[data-v-4264371d]:hover {
  border-color: var(--danger);
  color: var(--danger);
  background: var(--danger-light);
}

/* Footer */
.panel-footer[data-v-4264371d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 20px;
  background: var(--surface);
  border-top: 1px solid var(--border);
  flex-shrink: 0;
}
.footer-stats[data-v-4264371d] { display: flex; gap: 16px;
}
.stat-item[data-v-4264371d] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--muted);
}
.stat-item i[data-v-4264371d] { font-size: 0.5625rem;
}
.stat-item.online i[data-v-4264371d] { color: var(--success);
}
.stat-item.added i[data-v-4264371d] { color: var(--brand);
}

/* Buttons */
.btn-primary[data-v-4264371d] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  background: var(--brand);
  border: none;
  border-radius: var(--radius-sm);
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-fast);
}
.btn-primary[data-v-4264371d]:hover { background: var(--brand-dark);
}
.btn-primary i[data-v-4264371d] { font-size: 0.75rem;
}
.btn-secondary[data-v-4264371d] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  color: var(--ink-secondary);
  font-size: 0.8125rem;
  font-weight: 700;
  cursor: pointer;
  transition: all var(--transition-fast);
}
.btn-secondary[data-v-4264371d]:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: var(--brand-subtle);
}

/* Modal */
.modal-overlay[data-v-4264371d] {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.5);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  padding: 20px;
}
.profile-modal[data-v-4264371d] {
  position: relative;
  width: 100%;
  max-width: 420px;
  background: var(--surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}
.modal-close[data-v-4264371d] {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.9);
  border: none;
  border-radius: 50%;
  color: var(--ink-secondary);
  font-size: 0.875rem;
  cursor: pointer;
  transition: all var(--transition-fast);
  z-index: 1;
}
.modal-close[data-v-4264371d]:hover {
  background: var(--surface);
  color: var(--ink);
}
.profile-header[data-v-4264371d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 28px 24px 18px;
  background: linear-gradient(135deg, var(--brand-light), var(--brand));
}
.profile-avatar[data-v-4264371d] {
  width: 88px;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 4px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  font-size: 1.75rem;
  font-weight: 600;
  overflow: hidden;
}
.profile-status[data-v-4264371d] {
  padding: 4px 12px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
}
.profile-status.online[data-v-4264371d] { background: var(--success);
}
.profile-status.away[data-v-4264371d] { background: var(--warning);
}
.profile-status.busy[data-v-4264371d] { background: var(--danger);
}
.profile-body[data-v-4264371d] {
  padding: 22px 24px 10px;
  text-align: center;
}
.profile-body h3[data-v-4264371d] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--ink);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.profile-email[data-v-4264371d] {
  margin: 4px 0 0;
  font-size: 0.875rem;
  color: var(--ink-secondary);
}
.profile-bio[data-v-4264371d] {
  margin-top: 16px;
  padding: 12px;
  background: var(--surface-raised);
  border-radius: var(--radius-sm);
  font-size: 0.875rem;
  color: var(--ink-secondary);
  line-height: 1.5;
}
.profile-details[data-v-4264371d] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  text-align: left;
}
.detail-row[data-v-4264371d] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.875rem;
  color: var(--ink-secondary);
}
.detail-row i[data-v-4264371d] {
  width: 20px;
  text-align: center;
  color: var(--brand);
  font-size: 0.8125rem;
}
.profile-actions[data-v-4264371d] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 24px 22px;
}
.btn-primary.full[data-v-4264371d],
.btn-secondary.full[data-v-4264371d] {
  width: 100%;
  justify-content: center;
}

/* Form (create modal) */
.form-grid[data-v-4264371d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 14px;
}
.form-field[data-v-4264371d] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.form-field-full[data-v-4264371d] { grid-column: span 2;
}
.form-label[data-v-4264371d] {
  font-size: 0.75rem;
  color: var(--ink-secondary);
  font-weight: 700;
}
.form-input[data-v-4264371d],
.form-textarea[data-v-4264371d] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface-raised);
  color: var(--ink);
  font-size: 0.875rem;
  transition: all var(--transition-fast);
}
.form-input[data-v-4264371d]:focus,
.form-textarea[data-v-4264371d]:focus {
  outline: none;
  border-color: var(--brand);
  background: var(--surface);
  box-shadow: 0 0 0 3px rgba(80, 134, 138, 0.1);
}
.form-error[data-v-4264371d] {
  font-size: 0.75rem;
  color: var(--danger);
}
.form-error.global[data-v-4264371d] {
  margin-top: 10px;
  text-align: left;
}

/* Transitions */
.modal-enter-active[data-v-4264371d],
.modal-leave-active[data-v-4264371d] { transition: all var(--transition);
}
.modal-enter-from[data-v-4264371d],
.modal-leave-to[data-v-4264371d] { opacity: 0;
}
.modal-enter-from .profile-modal[data-v-4264371d],
.modal-leave-to .profile-modal[data-v-4264371d] {
  transform: scale(0.95) translateY(10px);
}
.contact-list-enter-active[data-v-4264371d],
.contact-list-leave-active[data-v-4264371d] { transition: all var(--transition);
}
.contact-list-enter-from[data-v-4264371d] {
  opacity: 0;
  transform: translateY(-10px);
}
.contact-list-leave-to[data-v-4264371d] {
  opacity: 0;
  transform: translateX(20px);
}
.contact-list-move[data-v-4264371d] { transition: transform var(--transition);
}

/* Responsive */
@media (max-width: 600px) {
.panel-header[data-v-4264371d] { padding: 16px;
}
.search-filter-bar[data-v-4264371d] { padding: 12px 16px;
}
.panel-content[data-v-4264371d] { padding: 12px 16px;
}
.contact-card[data-v-4264371d] { flex-wrap: wrap; gap: 12px;
}
.contact-info[data-v-4264371d] { flex: 1 1 calc(100% - 70px);
}
.contact-actions[data-v-4264371d] {
    width: 100%;
    justify-content: flex-end;
    padding-top: 8px;
    border-top: 1px solid var(--border);
}
.btn-add span[data-v-4264371d],
  .added-badge span[data-v-4264371d] { display: none;
}
.panel-footer[data-v-4264371d] {
    flex-direction: column;
    gap: 12px;
}
.footer-stats[data-v-4264371d] {
    width: 100%;
    justify-content: space-around;
}
.btn-primary[data-v-4264371d] { width: 100%; justify-content: center;
}
.filter-tab span[data-v-4264371d] { display: none;
}
.filter-tab[data-v-4264371d] { padding: 8px 12px;
}
.form-grid[data-v-4264371d] { grid-template-columns: 1fr;
}
.form-field-full[data-v-4264371d] { grid-column: span 1;
}
}

.patchnotes[data-v-b649d151] {
  height: 100%;
  min-height: 0;
  padding: 24px;
  overflow: auto;
  color: var(--text-primary);
}
.header[data-v-b649d151] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}
.header-left h1[data-v-b649d151] {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 800;
}
.subtitle[data-v-b649d151] {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 0.9375rem;
}
.search[data-v-b649d151] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
}
.search i[data-v-b649d151] {
  color: var(--text-muted);
}
.search input[data-v-b649d151] {
  border: none;
  outline: none;
  background: transparent;
  min-width: 220px;
  color: var(--text-primary);
}
.grid[data-v-b649d151] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.card[data-v-b649d151] {
  grid-column: auto;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  padding: 18px;
}
.card-top[data-v-b649d151] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.title[data-v-b649d151] {
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 800;
}
.meta[data-v-b649d151] {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 0.8125rem;
}
.tag[data-v-b649d151] {
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--brand-subtle);
  color: var(--brand);
  font-size: 0.75rem;
  font-weight: 700;
  white-space: nowrap;
}
.content[data-v-b649d151] p {
  margin: 10px 0;
  color: var(--text-secondary);
  line-height: 1.55;
}
.content[data-v-b649d151] h4 {
  margin: 14px 0 8px;
  font-size: 0.9375rem;
  font-weight: 800;
  color: var(--text-primary);
}
.content[data-v-b649d151] ul {
  margin: 10px 0;
  padding-left: 18px;
}
.content[data-v-b649d151] li {
  margin: 6px 0;
  color: var(--text-secondary);
  line-height: 1.5;
}
.content[data-v-b649d151] code {
  padding: 2px 6px;
  border-radius: 6px;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-light);
  color: var(--text-primary);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.85em;
}
.content[data-v-b649d151] blockquote {
  margin: 12px 0;
  padding: 10px 12px;
  border-left: 3px solid var(--brand);
  background: var(--bg-tertiary);
  border-radius: 10px;
  color: var(--text-secondary);
}
.content[data-v-b649d151] a {
  color: var(--brand);
  text-decoration: none;
  font-weight: 600;
}
.content[data-v-b649d151] a:hover {
  text-decoration: underline;
}
.empty[data-v-b649d151] {
  grid-column: 1 / -1;
  padding: 32px 16px;
  text-align: center;
  color: var(--text-muted);
}
.empty i[data-v-b649d151] {
  font-size: 2rem;
  opacity: 0.5;
}
@media (max-width: 1100px) {
.card[data-v-b649d151] { grid-column: span 12;
}
}
@media (max-width: 768px) {
.patchnotes[data-v-b649d151] { padding: 16px;
}
.header[data-v-b649d151] { flex-direction: column;
}
.search input[data-v-b649d151] { min-width: 0; width: 100%;
}
}

/* ══════════ Root ══════════ */
.settings-root[data-v-c45a622f] { height: 100vh; overflow: hidden;
}
.settings-page[data-v-c45a622f] {
  --brand: #528b8f;
  --brand-light: #64a3a7;
  --brand-dark: #457577;
  --brand-subtle: rgba(82,139,143,.08);
  --bg-primary: #f7f9f9;
  --bg-secondary: #fff;
  --bg-tertiary: #f0f4f4;
  --text-primary: #1a2e2f;
  --text-secondary: #5a7a7c;
  --text-muted: #8fa8aa;
  --border-light: rgba(82,139,143,.1);
  --border-medium: rgba(82,139,143,.18);
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 20px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.04);
  --shadow-md: 0 4px 16px rgba(0,0,0,.06);
  --shadow-lg: 0 8px 32px rgba(0,0,0,.1);
  --tr: 180ms cubic-bezier(.4,0,.2,1);
  display: flex; height: 100vh; overflow: hidden;
  background: var(--bg-primary);
  font-family: 'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  color: var(--text-primary);
}

/* ══════════ Sidebar ══════════ */
.settings-nav[data-v-c45a622f] {
  width: 272px; height: 100vh; position: sticky; top: 0;
  background: var(--bg-secondary); border-right: 1px solid var(--border-light);
  display: flex; flex-direction: column; flex-shrink: 0;
}
.nav-header[data-v-c45a622f] {
  display: flex; align-items: center; gap: 14px; padding: 20px 20px 16px;
  border-bottom: 1px solid var(--border-light);
}
.nav-header h1[data-v-c45a622f] { margin: 0; font-size: 1.2rem; font-weight: 800; flex: 1;
}
.nav-version[data-v-c45a622f] {
  font-size: .65rem; font-weight: 800; padding: 2px 8px; border-radius: 999px;
  background: var(--brand-subtle); color: var(--brand); text-transform: uppercase; letter-spacing: .05em;
}
.back-btn[data-v-c45a622f] {
  width: 36px; height: 36px; display: flex; align-items: center; justify-content: center;
  background: var(--bg-tertiary); border: none; border-radius: var(--r-md);
  color: var(--text-secondary); cursor: pointer; transition: all var(--tr);
}
.back-btn[data-v-c45a622f]:hover { background: var(--brand-subtle); color: var(--brand);
}
.nav-menu[data-v-c45a622f] { flex: 1; padding: 12px 10px; display: flex; flex-direction: column; gap: 2px; overflow-y: auto;
}
.nav-item[data-v-c45a622f] {
  display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 14px;
  background: transparent; border: none; border-radius: var(--r-md);
  color: var(--text-secondary); font-size: .875rem; font-weight: 600; text-align: left;
  cursor: pointer; transition: all var(--tr);
}
.nav-item[data-v-c45a622f]:hover { background: var(--bg-tertiary); color: var(--text-primary);
}
.nav-item.active[data-v-c45a622f] { background: var(--brand-subtle); color: var(--brand);
}
.nav-icon[data-v-c45a622f] {
  width: 34px; height: 34px; display: flex; align-items: center; justify-content: center;
  background: var(--bg-tertiary); border-radius: var(--r-sm); font-size: .8rem; transition: all var(--tr);
}
.nav-item.active .nav-icon[data-v-c45a622f] { background: var(--brand); color: #fff;
}
.nav-badge[data-v-c45a622f] {
  margin-left: auto; font-size: .7rem; font-weight: 900; min-width: 20px; height: 20px;
  display: flex; align-items: center; justify-content: center; border-radius: 999px;
  background: var(--brand); color: #fff;
}
.nav-arrow[data-v-c45a622f] { margin-left: auto; font-size: .7rem; opacity: 0; transition: all var(--tr);
}
.nav-item:hover .nav-arrow[data-v-c45a622f], .nav-item.active .nav-arrow[data-v-c45a622f] { opacity: .4;
}
.nav-item .nav-badge + .nav-arrow[data-v-c45a622f] { margin-left: 6px;
}
.nav-footer[data-v-c45a622f] {
  padding: 14px 20px; border-top: 1px solid var(--border-light);
  font-size: .75rem; color: var(--text-muted);
}

/* ══════════ Main ══════════ */
.settings-main[data-v-c45a622f] { flex: 1; height: 100vh; overflow-y: auto; padding: 28px 32px 100px;
}
.settings-container[data-v-c45a622f] { max-width: 1200px;
}
.settings-section[data-v-c45a622f] { animation: fadeSlide-c45a622f .25s ease-out;
}
@keyframes fadeSlide-c45a622f {
from { opacity: 0; transform: translateY(6px);
}
}
.section-header[data-v-c45a622f] { margin-bottom: 20px; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap;
}
.section-title h2[data-v-c45a622f] { margin: 0 0 4px; font-size: 1.6rem; font-weight: 800;
}
.section-title p[data-v-c45a622f] { margin: 0; font-size: .875rem; color: var(--text-secondary);
}
.header-actions[data-v-c45a622f] { display: flex; gap: 8px; flex-wrap: wrap;
}

/* ══════════ Buttons ══════════ */
.btn-primary[data-v-c45a622f] {
  display: inline-flex; align-items: center; gap: 7px; padding: 9px 16px;
  background: var(--brand); border: none; border-radius: var(--r-md);
  color: #fff; font-size: .8125rem; font-weight: 700; cursor: pointer; transition: all var(--tr);
}
.btn-primary[data-v-c45a622f]:hover { background: var(--brand-dark); transform: translateY(-1px);
}
.btn-outline[data-v-c45a622f] {
  display: inline-flex; align-items: center; gap: 7px; padding: 9px 16px;
  background: var(--bg-secondary); border: 1px solid var(--border-light); border-radius: var(--r-md);
  color: var(--text-secondary); font-size: .8125rem; font-weight: 700; cursor: pointer; transition: all var(--tr);
}
.btn-outline[data-v-c45a622f]:hover { border-color: var(--border-medium); color: var(--text-primary); background: var(--bg-tertiary);
}
.icon-btn[data-v-c45a622f] {
  width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center;
  border: none; border-radius: var(--r-sm); background: transparent;
  color: var(--text-muted); cursor: pointer; transition: all var(--tr); font-size: .8rem;
}
.icon-btn[data-v-c45a622f]:hover { background: var(--bg-tertiary); color: var(--text-primary);
}
.icon-btn.danger[data-v-c45a622f]:hover { background: rgba(239,68,68,.1); color: #dc2626;
}
.icon-btn.success[data-v-c45a622f]:hover { background: rgba(34,197,94,.1); color: #16a34a;
}

/* ══════════ Toolbar ══════════ */
.toolbar-row[data-v-c45a622f] { display: flex; gap: 10px; align-items: center; margin-bottom: 12px; flex-wrap: wrap;
}
.input-modern[data-v-c45a622f] { position: relative; display: flex; align-items: center; min-width: 280px; flex: 1;
}
.input-modern input[data-v-c45a622f] {
  width: 100%; padding: 10px 14px; background: var(--bg-secondary); border: 1.5px solid var(--border-light);
  border-radius: var(--r-md); font-size: .875rem; color: var(--text-primary); outline: none; transition: all var(--tr);
}
.input-modern.has-icon input[data-v-c45a622f] { padding-left: 38px;
}
.input-modern > i[data-v-c45a622f] { position: absolute; left: 12px; font-size: .8rem; color: var(--text-muted);
}
.input-modern input[data-v-c45a622f]:focus { border-color: var(--brand); box-shadow: 0 0 0 3px var(--brand-subtle);
}
.select-pill[data-v-c45a622f] {
  display: inline-flex; align-items: center; gap: 6px; padding: 9px 12px;
  border: 1px solid var(--border-light); background: var(--bg-secondary); border-radius: var(--r-md);
}
.select-pill i[data-v-c45a622f] { color: var(--text-muted); font-size: .8rem;
}
.select-pill select[data-v-c45a622f] { border: none; background: transparent; outline: none; font-weight: 700; color: var(--text-primary); cursor: pointer; font-size: .8125rem;
}

/* ══════════ Stats ══════════ */
.stats-row[data-v-c45a622f] { display: flex; gap: 8px; margin-bottom: 14px;
}
.stat-chip[data-v-c45a622f] {
  display: flex; align-items: center; gap: 6px; padding: 6px 14px;
  background: var(--bg-secondary); border: 1px solid var(--border-light); border-radius: var(--r-md);
}
.stat-chip.muted[data-v-c45a622f] { opacity: .7;
}
.stat-val[data-v-c45a622f] { font-weight: 900; font-size: .9rem; color: var(--brand);
}
.stat-lbl[data-v-c45a622f] { font-size: .75rem; color: var(--text-muted); font-weight: 600;
}

/* ══════════ Employee Cards ══════════ */
.grid-cards[data-v-c45a622f] { display: grid; grid-template-columns: repeat(auto-fill, minmax(480px, 1fr)); gap: 10px;
}
.entity-card[data-v-c45a622f] {
  width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 14px 16px; background: var(--bg-secondary); border: 1px solid var(--border-light);
  border-radius: var(--r-lg); cursor: pointer; transition: all var(--tr); text-align: left;
}
.entity-card[data-v-c45a622f]:hover { box-shadow: var(--shadow-md); border-color: var(--border-medium); transform: translateY(-1px);
}
.entity-left[data-v-c45a622f] { display: flex; align-items: center; gap: 12px; min-width: 0;
}
.entity-avatar[data-v-c45a622f] {
  position: relative; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center;
  background: var(--brand-subtle); color: var(--brand); font-weight: 800; font-size: .8rem;
  border-radius: 50%; flex-shrink: 0;
}
.entity-avatar.archived[data-v-c45a622f] { opacity: .6;
}
.status-dot[data-v-c45a622f] { position: absolute; right: 1px; bottom: 1px; width: 11px; height: 11px; border-radius: 50%; border: 2.5px solid var(--bg-secondary);
}
.status-dot.active[data-v-c45a622f] { background: #22c55e;
}
.status-dot.archived[data-v-c45a622f] { background: #9ca3af;
}
.entity-meta[data-v-c45a622f] { min-width: 0;
}
.entity-meta h3[data-v-c45a622f] { margin: 0 0 1px; font-size: .875rem; font-weight: 800;
}
.entity-email[data-v-c45a622f] { font-size: .75rem; display: block; margin-bottom: 4px;
}
.pill-row[data-v-c45a622f] { display: flex; flex-wrap: wrap; gap: 4px;
}
.pill[data-v-c45a622f] {
  display: inline-flex; padding: 2px 8px; border-radius: 999px;
  border: 1px solid var(--border-light); background: var(--bg-tertiary);
  font-size: .7rem; font-weight: 700; color: var(--text-secondary);
}
.pill.subtle[data-v-c45a622f] { opacity: .8;
}
.entity-right[data-v-c45a622f] { display: flex; align-items: center; gap: 10px; flex-shrink: 0;
}
.entity-actions[data-v-c45a622f] { display: flex; gap: 2px;
}
.mini-kv[data-v-c45a622f] { display: grid; gap: 1px; text-align: right;
}
.mini-kv .k[data-v-c45a622f] { font-size: .7rem; color: var(--text-muted);
}
.mini-kv .v[data-v-c45a622f] { font-size: .8rem; font-weight: 800;
}
.empty-state[data-v-c45a622f] { text-align: center; padding: 40px 20px; color: var(--text-muted); font-size: .9rem;
}
.empty-state i[data-v-c45a622f] { display: block; font-size: 2rem; margin-bottom: 10px; opacity: .5;
}
.empty-state.small[data-v-c45a622f] { padding: 24px 16px; font-size: .8125rem;
}
.empty-state.small i[data-v-c45a622f] { font-size: 1.4rem;
}

/* ══════════ Tabs ══════════ */
.tab-bar[data-v-c45a622f] { display: flex; gap: 4px; margin-bottom: 16px; padding: 4px; background: var(--bg-tertiary); border-radius: var(--r-md);
}
.tab-btn[data-v-c45a622f] {
  display: flex; align-items: center; gap: 6px; padding: 8px 16px; border: none; border-radius: var(--r-sm);
  background: transparent; color: var(--text-secondary); font-size: .8125rem; font-weight: 700;
  cursor: pointer; transition: all var(--tr);
}
.tab-btn[data-v-c45a622f]:hover { color: var(--text-primary);
}
.tab-btn.active[data-v-c45a622f] { background: var(--bg-secondary); color: var(--brand); box-shadow: var(--shadow-sm);
}
.tab-count[data-v-c45a622f] {
  font-size: .7rem; font-weight: 900; min-width: 18px; height: 18px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 999px; background: var(--brand-subtle); color: var(--brand);
}
.tab-btn.active .tab-count[data-v-c45a622f] { background: var(--brand); color: #fff;
}

/* ══════════ Split / Cards ══════════ */
.split-grid[data-v-c45a622f] { display: grid; grid-template-columns: 1.1fr .9fr; gap: 14px;
}
.card[data-v-c45a622f] { background: var(--bg-secondary); border: 1px solid var(--border-light); border-radius: var(--r-xl); padding: 16px;
}
.card-header[data-v-c45a622f] { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px;
}
.card-header h3[data-v-c45a622f] { margin: 0; font-size: .95rem; font-weight: 800;
}
.badge[data-v-c45a622f] {
  display: inline-flex; align-items: center; padding: 2px 9px; border-radius: 999px;
  border: 1px solid var(--border-light); background: var(--bg-tertiary);
  font-size: .7rem; font-weight: 900; color: var(--text-secondary);
}

/* ══════════ List Rows ══════════ */
.list[data-v-c45a622f] { display: flex; flex-direction: column; gap: 6px;
}
.list-row[data-v-c45a622f] {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 10px 12px; border-radius: var(--r-lg); border: 1px solid var(--border-light);
  background: var(--bg-secondary); cursor: pointer; transition: all var(--tr); text-align: left;
}
.list-row[data-v-c45a622f]:hover { background: var(--bg-tertiary); border-color: var(--border-medium);
}
.row-main[data-v-c45a622f] { display: flex; align-items: center; gap: 10px; min-width: 0;
}
.row-icon[data-v-c45a622f] {
  width: 36px; height: 36px; border-radius: var(--r-md); display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; font-size: .8rem;
}
.row-icon.vacation[data-v-c45a622f] { background: rgba(59,130,246,.1); color: #3b82f6;
}
.row-icon.sick[data-v-c45a622f] { background: rgba(239,68,68,.1); color: #ef4444;
}
.row-icon.special[data-v-c45a622f] { background: rgba(245,158,11,.1); color: #d97706;
}
.row-text[data-v-c45a622f] { display: grid; gap: 1px; min-width: 0;
}
.row-text strong[data-v-c45a622f] { font-size: .8125rem;
}
.muted[data-v-c45a622f] { color: var(--text-muted); font-size: .75rem;
}
.row-actions[data-v-c45a622f] { display: flex; align-items: center; gap: 4px;
}
.status-chip[data-v-c45a622f] {
  display: inline-flex; align-items: center; padding: 2px 9px; border-radius: 999px;
  font-size: .7rem; font-weight: 800; border: 1px solid transparent;
}
.status-chip.pending[data-v-c45a622f] { background: rgba(245,158,11,.1); color: #d97706; border-color: rgba(245,158,11,.2);
}
.status-chip.approved[data-v-c45a622f] { background: rgba(34,197,94,.1); color: #16a34a; border-color: rgba(34,197,94,.2);
}
.status-chip.rejected[data-v-c45a622f] { background: rgba(239,68,68,.1); color: #dc2626; border-color: rgba(239,68,68,.2);
}
.status-chip.active[data-v-c45a622f] { background: rgba(34,197,94,.1); color: #16a34a;
}
.status-chip.archived[data-v-c45a622f] { background: rgba(156,163,175,.15); color: #6b7280;
}

/* ══════════ Calendar ══════════ */
.cal-nav[data-v-c45a622f] { display: flex; gap: 4px;
}
.calendar-view[data-v-c45a622f] { display: flex; flex-direction: column; gap: 4px; max-height: 500px; overflow-y: auto;
}
.day-row[data-v-c45a622f] {
  display: grid; grid-template-columns: 80px 1fr; gap: 8px; align-items: center;
  padding: 8px 10px; border: 1px solid var(--border-light); border-radius: var(--r-md); background: var(--bg-secondary);
  transition: all var(--tr);
}
.day-row.today[data-v-c45a622f] { border-color: var(--brand); background: var(--brand-subtle);
}
.day-row.weekend[data-v-c45a622f] { opacity: .55;
}
.day-label[data-v-c45a622f] { display: flex; flex-direction: column;
}
.day-name[data-v-c45a622f] { font-weight: 800; font-size: .75rem; color: var(--text-secondary); text-transform: uppercase;
}
.day-date[data-v-c45a622f] { font-size: .8rem; font-weight: 700;
}
.day-events[data-v-c45a622f] { display: flex; flex-wrap: wrap; gap: 4px;
}
.event-chip[data-v-c45a622f] {
  display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px;
  border-radius: 999px; font-size: .7rem; font-weight: 800; border: 1px solid transparent;
}
.event-chip.vacation[data-v-c45a622f] { background: rgba(59,130,246,.1); color: #2563eb; border-color: rgba(59,130,246,.2);
}
.event-chip.sick[data-v-c45a622f] { background: rgba(239,68,68,.1); color: #dc2626; border-color: rgba(239,68,68,.2);
}
.event-chip.special[data-v-c45a622f] { background: rgba(245,158,11,.1); color: #b45309; border-color: rgba(245,158,11,.2);
}
.event-type[data-v-c45a622f] { font-weight: 600;
}
.empty-day[data-v-c45a622f] { color: var(--text-muted); font-size: .75rem;
}

/* ══════════ Roles ══════════ */
.roles-grid[data-v-c45a622f] { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 12px;
}
.role-card[data-v-c45a622f] { background: var(--bg-secondary); border: 1px solid var(--border-light); border-radius: var(--r-xl); padding: 16px;
}
.role-head[data-v-c45a622f] { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 12px;
}
.role-ic[data-v-c45a622f] {
  width: 38px; height: 38px; border-radius: var(--r-md); display: flex; align-items: center; justify-content: center;
  background: var(--brand-subtle); color: var(--brand); font-size: .85rem;
}
.role-title h3[data-v-c45a622f] { margin: 0 0 2px; font-size: .9rem; font-weight: 900;
}
.role-title p[data-v-c45a622f] { margin: 0; font-size: .75rem; color: var(--text-muted);
}
.perm-list[data-v-c45a622f] { display: flex; flex-direction: column; gap: 6px;
}
.perm-row[data-v-c45a622f] {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 8px 10px; border: 1px solid var(--border-light); border-radius: var(--r-md); background: var(--bg-tertiary);
}
.perm-row > span[data-v-c45a622f] { font-weight: 700; color: var(--text-secondary); font-size: .75rem;
}
.perm-right[data-v-c45a622f] { display: inline-flex; align-items: center; gap: 8px;
}
.perm-hint[data-v-c45a622f] { font-size: .7rem; color: var(--text-muted);
}

/* ══════════ Workflow ══════════ */
.workflow-board[data-v-c45a622f] { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px;
}
.wf-col[data-v-c45a622f] { background: var(--bg-secondary); border: 1px solid var(--border-light); border-radius: var(--r-xl); padding: 12px; min-height: 280px;
}
.wf-head[data-v-c45a622f] { display: flex; justify-content: space-between; align-items: center; padding: 4px 4px 8px;
}
.wf-head h3[data-v-c45a622f] { margin: 0; font-size: .9rem; font-weight: 900;
}
.wf-list[data-v-c45a622f] { display: flex; flex-direction: column; gap: 8px;
}
.wf-card[data-v-c45a622f] {
  text-align: left; border: 1px solid var(--border-light); background: var(--bg-tertiary);
  border-radius: var(--r-md); padding: 10px; transition: all var(--tr);
}
.wf-card[data-v-c45a622f]:hover { background: var(--bg-secondary); box-shadow: var(--shadow-sm);
}
.wf-top[data-v-c45a622f] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px;
}
.wf-type[data-v-c45a622f] { font-size: .7rem; font-weight: 900; color: var(--text-secondary); text-transform: uppercase; letter-spacing: .04em;
}
.wf-prio[data-v-c45a622f] { font-size: .65rem; font-weight: 900; padding: 2px 7px; border-radius: 999px; text-transform: uppercase;
}
.wf-prio.low[data-v-c45a622f] { background: rgba(34,197,94,.1); color: #16a34a;
}
.wf-prio.mid[data-v-c45a622f] { background: rgba(245,158,11,.1); color: #b45309;
}
.wf-prio.high[data-v-c45a622f] { background: rgba(239,68,68,.1); color: #dc2626;
}
.wf-title[data-v-c45a622f] { display: block; font-weight: 800; font-size: .8125rem; margin-bottom: 2px;
}
.wf-meta[data-v-c45a622f] { display: block;
}

/* ══════════ Reports ══════════ */
.report-grid[data-v-c45a622f] { display: grid; grid-template-columns: 1fr 1fr; gap: 14px;
}
.kpi-grid[data-v-c45a622f] { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 8px; margin-bottom: 12px;
}
.kpi[data-v-c45a622f] { padding: 10px; border: 1px solid var(--border-light); border-radius: var(--r-md); background: var(--bg-tertiary);
}
.kpi-label[data-v-c45a622f] { display: block; font-size: .7rem; font-weight: 800; color: var(--text-muted); margin-bottom: 4px;
}
.kpi-value[data-v-c45a622f] { font-size: 1.4rem; font-weight: 900;
}
.actions-row[data-v-c45a622f] { display: flex; gap: 8px; flex-wrap: wrap;
}
.filters[data-v-c45a622f] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
}
.filter[data-v-c45a622f] { display: flex; flex-direction: column; gap: 4px;
}
.filter.span-2[data-v-c45a622f] { grid-column: span 2;
}
.filter label[data-v-c45a622f] { font-size: .75rem; font-weight: 800; color: var(--text-secondary); text-transform: uppercase; letter-spacing: .03em;
}
.filter select[data-v-c45a622f] {
  padding: 8px 10px; border-radius: var(--r-md); border: 1px solid var(--border-light);
  background: var(--bg-secondary); outline: none; font-weight: 700; color: var(--text-primary); font-size: .8125rem;
}
.preview-table[data-v-c45a622f] { border: 1px solid var(--border-light); border-radius: var(--r-md); overflow: hidden;
}
.t-head[data-v-c45a622f], .t-row[data-v-c45a622f] { display: grid; grid-template-columns: 1.2fr 1fr .8fr .6fr; gap: 8px; padding: 8px 10px; font-size: .8rem;
}
.t-head[data-v-c45a622f] { background: var(--bg-tertiary); font-weight: 900; color: var(--text-secondary); border-bottom: 1px solid var(--border-light); font-size: .75rem;
}
.t-row[data-v-c45a622f] { border-bottom: 1px solid var(--border-light);
}
.t-row[data-v-c45a622f]:last-child { border-bottom: none;
}

/* ══════════ Notifications ══════════ */
.notification-cards[data-v-c45a622f] { display: flex; flex-direction: column; gap: 10px; margin-bottom: 14px;
}
.notif-card[data-v-c45a622f] {
  display: flex; align-items: center; gap: 14px; padding: 16px;
  background: var(--bg-secondary); border: 1px solid var(--border-light); border-radius: var(--r-lg); transition: all var(--tr);
}
.notif-card[data-v-c45a622f]:hover { box-shadow: var(--shadow-md);
}
.notif-card.highlight[data-v-c45a622f] { background: linear-gradient(135deg,rgba(99,102,241,.04),rgba(168,85,247,.04)); border-color: rgba(99,102,241,.15);
}
.notif-icon[data-v-c45a622f] {
  width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;
  border-radius: var(--r-md); font-size: 1rem;
}
.notif-icon.push[data-v-c45a622f] { background: rgba(59,130,246,.08); color: #3b82f6;
}
.notif-icon.email[data-v-c45a622f] { background: rgba(249,115,22,.08); color: #f97316;
}
.notif-icon.dnd[data-v-c45a622f] { background: rgba(139,92,246,.08); color: #8b5cf6;
}
.notif-content[data-v-c45a622f] { flex: 1;
}
.notif-content h3[data-v-c45a622f] { margin: 0 0 2px; font-size: .875rem; font-weight: 800;
}
.notif-content p[data-v-c45a622f] { margin: 0; font-size: .75rem; color: var(--text-muted);
}

/* ══════════ Switch ══════════ */
.switch-modern[data-v-c45a622f] { display: flex; align-items: center; cursor: pointer;
}
.switch-modern input[data-v-c45a622f] { position: absolute; opacity: 0; width: 0; height: 0;
}
.switch-track[data-v-c45a622f] { display: block; width: 48px; height: 26px; background: var(--border-medium); border-radius: 999px; transition: all var(--tr);
}
.switch-modern.small .switch-track[data-v-c45a622f] { width: 40px; height: 22px;
}
.switch-thumb[data-v-c45a622f] { display: block; width: 20px; height: 20px; margin: 3px; background: #fff; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,.15); transition: all var(--tr);
}
.switch-modern.small .switch-thumb[data-v-c45a622f] { width: 16px; height: 16px;
}
.switch-modern input:checked + .switch-track[data-v-c45a622f] { background: var(--brand);
}
.switch-modern input:checked + .switch-track .switch-thumb[data-v-c45a622f] { transform: translateX(22px);
}
.switch-modern.small input:checked + .switch-track .switch-thumb[data-v-c45a622f] { transform: translateX(18px);
}

/* ══════════ Quiet Hours ══════════ */
.quiet-hours[data-v-c45a622f] {
  padding: 20px; background: var(--bg-secondary); border: 1px solid var(--border-light); border-radius: var(--r-lg);
  animation: fadeSlide-c45a622f .2s ease-out;
}
.quiet-hours h3[data-v-c45a622f] { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: .875rem; font-weight: 800;
}
.time-range[data-v-c45a622f] { display: flex; align-items: center; gap: 14px;
}
.time-input[data-v-c45a622f] { flex: 1;
}
.time-input label[data-v-c45a622f] { display: block; margin-bottom: 4px; font-size: .7rem; font-weight: 800; color: var(--text-muted); text-transform: uppercase;
}
.time-input input[data-v-c45a622f] {
  width: 100%; padding: 10px 14px; background: var(--bg-tertiary); border: 1.5px solid transparent;
  border-radius: var(--r-md); font-size: .9rem; font-family: inherit; color: var(--text-primary); outline: none; transition: all var(--tr);
}
.time-input input[data-v-c45a622f]:focus { border-color: var(--brand); background: var(--bg-secondary);
}
.time-separator[data-v-c45a622f] { color: var(--text-muted); margin-top: 18px;
}

/* ══════════ Dialogs ══════════ */
.dialog-backdrop[data-v-c45a622f] {
  position: fixed; inset: 0; background: rgba(0,0,0,.35); backdrop-filter: blur(6px);
  display: flex; align-items: center; justify-content: center; padding: 20px; z-index: 21000;
}
.dialog[data-v-c45a622f] {
  width: 100%; max-width: 540px; background: var(--bg-secondary); border: 1px solid var(--border-light);
  border-radius: var(--r-xl); box-shadow: 0 20px 60px rgba(0,0,0,.18); overflow: hidden;
}
.dialog.dialog-sm[data-v-c45a622f] { max-width: 440px;
}
.dialog.dialog-xs[data-v-c45a622f] { max-width: 380px;
}
.dialog-header[data-v-c45a622f] {
  display: flex; align-items: flex-start; gap: 12px; padding: 18px 20px;
  background: var(--bg-tertiary); border-bottom: 1px solid var(--border-light);
}
.dialog-icon[data-v-c45a622f] {
  width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
  background: var(--brand); border-radius: var(--r-md); color: #fff; font-size: .9rem; flex-shrink: 0;
}
.dialog-icon.leave[data-v-c45a622f] { background: rgba(59,130,246,.9);
}
.dialog-title[data-v-c45a622f] { flex: 1;
}
.dialog-title h3[data-v-c45a622f] { margin: 0; font-size: 1rem; font-weight: 900;
}
.dialog-title p[data-v-c45a622f] { margin: 3px 0 0; font-size: .75rem; color: var(--text-muted);
}
.dialog-close[data-v-c45a622f] {
  width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;
  border: none; border-radius: var(--r-sm); background: transparent; color: var(--text-muted); cursor: pointer; transition: all var(--tr);
}
.dialog-close[data-v-c45a622f]:hover { background: var(--bg-secondary); color: var(--text-primary);
}
.dialog-body[data-v-c45a622f] { padding: 18px 20px;
}
.form-grid[data-v-c45a622f] { display: grid; grid-template-columns: 1fr 1fr; gap: 14px;
}
.form-group[data-v-c45a622f] { display: flex; flex-direction: column; gap: 4px;
}
.form-group.span-2[data-v-c45a622f] { grid-column: span 2;
}
.form-group label[data-v-c45a622f] { font-size: .75rem; font-weight: 800; color: var(--text-secondary); text-transform: uppercase; letter-spacing: .03em;
}
.form-group input[data-v-c45a622f], .form-group select[data-v-c45a622f], .form-group textarea[data-v-c45a622f] {
  padding: 9px 12px; border: 1px solid var(--border-light); border-radius: var(--r-md);
  background: var(--bg-secondary); color: var(--text-primary); font-size: .875rem; font-family: inherit; outline: none; transition: all var(--tr);
}
.form-group textarea[data-v-c45a622f] { resize: none;
}
.form-group input[data-v-c45a622f]:focus, .form-group select[data-v-c45a622f]:focus, .form-group textarea[data-v-c45a622f]:focus {
  border-color: var(--brand); box-shadow: 0 0 0 3px var(--brand-subtle);
}
.leave-summary[data-v-c45a622f] {
  display: flex; align-items: center; gap: 8px; margin-top: 12px; padding: 10px 14px;
  background: var(--brand-subtle); border-radius: var(--r-md); color: var(--brand); font-weight: 700; font-size: .8125rem;
}
.dialog-footer[data-v-c45a622f] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--border-light);
}
.btn-cancel[data-v-c45a622f], .btn-submit[data-v-c45a622f] {
  padding: 9px 18px; border-radius: var(--r-md); font-size: .8125rem; font-weight: 800; cursor: pointer; transition: all var(--tr);
}
.btn-cancel[data-v-c45a622f] { border: 1px solid var(--border-light); background: var(--bg-secondary); color: var(--text-secondary);
}
.btn-cancel[data-v-c45a622f]:hover { background: var(--bg-tertiary);
}
.btn-submit[data-v-c45a622f] { display: flex; align-items: center; gap: 6px; border: none; background: var(--brand); color: #fff;
}
.btn-submit[data-v-c45a622f]:hover { background: var(--brand-dark);
}
.btn-submit.danger[data-v-c45a622f] { background: #dc2626;
}
.btn-submit.danger[data-v-c45a622f]:hover { background: #b91c1c;
}
.confirm-icon[data-v-c45a622f] { font-size: 2.5rem; color: #f59e0b;
}

/* ══════════ Toast ══════════ */
.toast[data-v-c45a622f] {
  position: fixed; bottom: 28px; left: 50%; transform: translateX(-50%);
  display: flex; align-items: center; gap: 10px; padding: 12px 22px;
  border-radius: var(--r-md); font-size: .8125rem; font-weight: 700;
  box-shadow: var(--shadow-lg); z-index: 23000; color: #fff;
}
.toast.success[data-v-c45a622f] { background: #16a34a;
}
.toast.info[data-v-c45a622f] { background: #2563eb;
}
.toast.warn[data-v-c45a622f] { background: #d97706;
}
.toast-enter-active[data-v-c45a622f] { animation: toastIn-c45a622f .25s ease-out;
}
.toast-leave-active[data-v-c45a622f] { animation: toastOut-c45a622f .2s ease-in;
}
@keyframes toastIn-c45a622f {
from { opacity: 0; transform: translateX(-50%) translateY(16px);
}
}
@keyframes toastOut-c45a622f {
to { opacity: 0; transform: translateX(-50%) translateY(16px);
}
}

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

/* ══════════ Responsive ══════════ */
@media (max-width: 1200px) {
.grid-cards[data-v-c45a622f] { grid-template-columns: 1fr;
}
.report-grid[data-v-c45a622f] { grid-template-columns: 1fr;
}
}
@media (max-width: 1024px) {
.settings-nav[data-v-c45a622f] { width: 220px;
}
.split-grid[data-v-c45a622f] { grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.settings-page[data-v-c45a622f] { flex-direction: column;
}
.settings-nav[data-v-c45a622f] { width: 100%; height: auto; border-right: none; border-bottom: 1px solid var(--border-light);
}
.nav-menu[data-v-c45a622f] { flex-direction: row; overflow-x: auto; padding: 8px; gap: 4px;
}
.nav-item[data-v-c45a622f] { flex-direction: column; gap: 4px; padding: 10px; min-width: 90px; text-align: center; font-size: .75rem;
}
.nav-arrow[data-v-c45a622f], .nav-footer[data-v-c45a622f] { display: none;
}
.settings-main[data-v-c45a622f] { padding: 16px;
}
}

.invitation-container[data-v-2fbe33aa] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background: linear-gradient(to bottom, #f0f9fa, #fafbfc);
  padding: 20px;
}
.invitation-card[data-v-2fbe33aa] {
  background: white;
  border-radius: 16px;
  padding: 48px;
  text-align: center;
  box-shadow: 0 10px 40px rgba(82, 139, 143, 0.12);
  max-width: 420px;
  width: 100%;
}
.icon[data-v-2fbe33aa] {
  font-size: 48px;
  margin-bottom: 16px;
}
h2[data-v-2fbe33aa] {
  color: #1a202c;
  margin-bottom: 12px;
  font-size: 22px;
}
p[data-v-2fbe33aa] {
  color: #4a5568;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 24px;
}
button[data-v-2fbe33aa] {
  background: linear-gradient(135deg, #64a3a7 0%, #528b8f 100%);
  color: white;
  border: none;
  padding: 12px 32px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.2s;
}
button[data-v-2fbe33aa]:hover {
  opacity: 0.9;
}
.spinner[data-v-2fbe33aa] {
  width: 40px;
  height: 40px;
  border: 4px solid #e2e8f0;
  border-top-color: #528b8f;
  border-radius: 50%;
  animation: spin-2fbe33aa 0.8s linear infinite;
  margin: 0 auto 20px;
}
@keyframes spin-2fbe33aa {
to { transform: rotate(360deg);
}
}
/* main.css */

/* ============================================
   LIGHT THEME
   ============================================ */
:root,
:root[data-theme="light"] {
  /* === Core Surfaces === */
  --bg-primary: #f8fafa;
  --bg-secondary: #ffffff;
  --bg-tertiary: #f1f5f5;
  --bg-elevated: #ffffff;

  /* === Text === */
  --text-primary: #1a2e2f;
  --text-secondary: #5a7a7c;
  --text-muted: #8fa8aa;
  --text-inverse: #ffffff;

  /* === Borders === */
  --border-light: rgba(82, 139, 143, 0.12);
  --border-medium: rgba(82, 139, 143, 0.2);
  --border-strong: rgba(82, 139, 143, 0.3);

  /* === Brand === */
  --brand: #528b8f;
  --brand-light: #64a3a7;
  --brand-dark: #457577;
  --brand-subtle: rgba(82, 139, 143, 0.1);
  --brand-muted: rgba(82, 139, 143, 0.06);

  /* === Semantic Colors === */
  --success: #22c55e;
  --success-subtle: rgba(34, 197, 94, 0.1);
  --warning: #f59e0b;
  --warning-subtle: rgba(245, 158, 11, 0.1);
  --error: #ef4444;
  --error-subtle: rgba(239, 68, 68, 0.1);
  --info: #3b82f6;
  --info-subtle: rgba(59, 130, 246, 0.1);

  /* === Shadows === */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.12);
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.16);
  --shadow-glow: 0 0 40px rgba(82, 139, 143, 0.2);

  /* === Radius === */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* === Transitions === */
  --transition-fast: 100ms ease;
  --transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);

  /* === App Chrome === */
  --chrome-bg: #40626a;
  --on-chrome: #f2fbfb;

  /* === Overlay === */
  --overlay-bg: rgba(0, 0, 0, 0.5);
  --overlay-blur: 8px;

  /* === Input Fields === */
  --input-bg: #fafafa;
  --input-bg-focus: #ffffff;
  --input-border: rgba(82, 139, 143, 0.15);
  --input-border-focus: #528b8f;
  --input-placeholder: #9cb8ba;

  /* === Chat Sidebar Tokens === */
  --sidebar-bg: linear-gradient(165deg, #5f9ea2 0%, #528b8f 50%, #4a7f83 100%);

  --sidebar-text-primary: rgba(255, 255, 255, 0.98);
  --sidebar-text-secondary: rgba(255, 255, 255, 0.75);
  --sidebar-text-muted: rgba(255, 255, 255, 0.55);

  --sidebar-glass: rgba(255, 255, 255, 0.15);
  --sidebar-glass-border: rgba(255, 255, 255, 0.25);
  --sidebar-glass-hover: rgba(255, 255, 255, 0.25);

  --sidebar-active-bg: rgba(255, 255, 255, 0.9);
  --sidebar-active-border: #ffffff;

  --sidebar-form-bg: rgba(255, 255, 255, 0.12);

  --sidebar-input-bg: rgba(255, 255, 255, 0.15);
  --sidebar-input-bg-focus: rgba(255, 255, 255, 0.2);
  --sidebar-input-border-focus: rgba(255, 255, 255, 0.5);
  --sidebar-focus-ring: rgba(255, 255, 255, 0.15);

  --sidebar-check-bg: #ffffff;

  --sidebar-cta-bg: rgba(255, 255, 255, 0.95);
  --sidebar-cta-shine: rgba(82, 139, 143, 0.2);

  --sidebar-search-border-focus: rgba(255, 255, 255, 0.4);
  --sidebar-kbd-bg: rgba(0, 0, 0, 0.15);

  --sidebar-scrollbar: rgba(255, 255, 255, 0.2);

  --sidebar-room-active-bg: rgba(255, 255, 255, 0.25);
  --sidebar-room-active-border: rgba(255, 255, 255, 0.4);
  --sidebar-avatar-ring: #ffffff;

  --sidebar-user-status: #86efac;
  --sidebar-icon-bg: rgba(255, 255, 255, 0.25);

  --sidebar-orb-opacity: 0.4;
  --sidebar-orb-1: radial-gradient(circle, rgba(255, 255, 255, 0.4) 0%, transparent 70%);
  --sidebar-orb-2: radial-gradient(circle, rgba(100, 163, 167, 0.5) 0%, transparent 70%);
  --sidebar-orb-3: radial-gradient(circle, rgba(123, 184, 188, 0.4) 0%, transparent 70%);
  --sidebar-noise-opacity: 0.04;

  /* === Own Message Bubble (Light) === */
  --msg-own-bg: linear-gradient(135deg, #64a3a7 0%, #528b8f 100%);
  --msg-own-border: transparent;
  --msg-own-text: rgba(255, 255, 255, 0.95);
  --msg-own-text-primary: #ffffff;
  --msg-own-muted: rgba(255, 255, 255, 0.7);
}


/* ============================================
   DARK THEME - Elegant & Modern
   ============================================ */
:root[data-theme="dark"] {
  /* === Core Surfaces ===
     Tiefe, satte Dunkelheit mit subtilen blauen Untertönen */
  --bg-primary: #0a0e10;           /* Tiefste Ebene - fast schwarz */
  --bg-secondary: #12181c;         /* Haupt-Arbeitsfläche */
  --bg-tertiary: #1a2228;          /* Cards, Panels */
  --bg-elevated: #212a32;          /* Erhöhte Elemente, Modals */

  /* === Text ===
     Warmes Off-White für angenehmes Lesen */
  --text-primary: #f0f4f5;
  --text-secondary: rgba(240, 244, 245, 0.7);
  --text-muted: rgba(240, 244, 245, 0.45);
  --text-inverse: #0a0e10;

  /* === Borders ===
     Subtile Grenzen, die Tiefe schaffen */
  --border-light: rgba(255, 255, 255, 0.06);
  --border-medium: rgba(255, 255, 255, 0.1);
  --border-strong: rgba(255, 255, 255, 0.16);

  /* === Brand ===
     Leuchtende Teal-Akzente für Dark Mode */
  --brand: #5ec4c9;
  --brand-light: #7dd8dc;
  --brand-dark: #3da8ad;
  --brand-subtle: rgba(94, 196, 201, 0.15);
  --brand-muted: rgba(94, 196, 201, 0.08);

  /* === Semantic Colors ===
     Leicht angepasst für bessere Lesbarkeit im Dark Mode */
  --success: #34d399;
  --success-subtle: rgba(52, 211, 153, 0.15);
  --warning: #fbbf24;
  --warning-subtle: rgba(251, 191, 36, 0.15);
  --error: #f87171;
  --error-subtle: rgba(248, 113, 113, 0.15);
  --info: #60a5fa;
  --info-subtle: rgba(96, 165, 250, 0.15);

  /* === Shadows ===
     Tiefere Schatten für echte Dimension */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.6);
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.7);
  --shadow-glow: 0 0 40px rgba(94, 196, 201, 0.2);

  /* === App Chrome ===
     Subtiler Gradient für die Sidebar */
  --chrome-bg: linear-gradient(
    165deg,
    #162228 0%,
    #1a2a32 50%,
    #14222a 100%
  );
  --on-chrome: #f0f4f5;

  /* === Overlay === */
  --overlay-bg: rgba(0, 0, 0, 0.7);
  --overlay-blur: 12px;

  /* === Input Fields === */
  --input-bg: rgba(255, 255, 255, 0.04);
  --input-bg-focus: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.08);
  --input-border-focus: var(--brand);
  --input-placeholder: rgba(240, 244, 245, 0.35);

  /* === Chat Sidebar Tokens === */
  --sidebar-bg: var(--chrome-bg);

  --sidebar-text-primary: var(--text-primary);
  --sidebar-text-secondary: var(--text-secondary);
  --sidebar-text-muted: var(--text-muted);

  --sidebar-glass: rgba(255, 255, 255, 0.04);
  --sidebar-glass-border: rgba(255, 255, 255, 0.08);
  --sidebar-glass-hover: rgba(255, 255, 255, 0.08);

  --sidebar-active-bg: rgba(94, 196, 201, 0.15);
  --sidebar-active-border: rgba(94, 196, 201, 0.3);

  --sidebar-form-bg: rgba(255, 255, 255, 0.04);

  --sidebar-input-bg: rgba(255, 255, 255, 0.04);
  --sidebar-input-bg-focus: rgba(255, 255, 255, 0.08);
  --sidebar-input-border-focus: rgba(94, 196, 201, 0.4);
  --sidebar-focus-ring: rgba(94, 196, 201, 0.2);

  --sidebar-check-bg: var(--brand);

  --sidebar-cta-bg: var(--brand);
  --sidebar-cta-shine: rgba(255, 255, 255, 0.15);

  --sidebar-search-border-focus: rgba(255, 255, 255, 0.12);
  --sidebar-kbd-bg: rgba(0, 0, 0, 0.3);

  --sidebar-scrollbar: rgba(255, 255, 255, 0.1);

  --sidebar-room-active-bg: rgba(94, 196, 201, 0.12);
  --sidebar-room-active-border: rgba(94, 196, 201, 0.25);
  --sidebar-avatar-ring: var(--brand);

  --sidebar-user-status: #34d399;
  --sidebar-icon-bg: rgba(255, 255, 255, 0.08);

  --sidebar-orb-opacity: 0.25;
  --sidebar-orb-1: radial-gradient(circle, rgba(94, 196, 201, 0.15) 0%, transparent 70%);
  --sidebar-orb-2: radial-gradient(circle, rgba(61, 168, 173, 0.12) 0%, transparent 70%);
  --sidebar-orb-3: radial-gradient(circle, rgba(125, 216, 220, 0.1) 0%, transparent 70%);
  --sidebar-noise-opacity: 0.02;

  /* === Own Message Bubble (Dark) - Dezent & Modern === */
  --msg-own-bg: rgba(94, 196, 201, 0.12);
  --msg-own-border: rgba(94, 196, 201, 0.25);
  --msg-own-text: var(--brand);
  --msg-own-text-primary: var(--text-primary);
  --msg-own-muted: var(--text-muted);
}


/* ============================================
   BASE STYLES
   ============================================ */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html,
body,
#app {
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  overscroll-behavior: none;
}

body {
  background: var(--bg-primary);
  color: var(--text-primary);
  transition: background-color var(--transition-slow), color var(--transition-slow);
}

#app {
  display: block;
  margin: 0;
}

/* Selection */
::selection {
  background: var(--brand-subtle);
  color: var(--text-primary);
}

/* ============================================
   CUSTOM SCROLLBAR - Global & Beautiful
   ============================================ */

/* Webkit Browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--bg-tertiary);
  border-radius: var(--radius-full);
  margin: 4px 0;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--brand-light) 0%, var(--brand) 100%);
  border-radius: var(--radius-full);
  border: 2px solid var(--bg-tertiary);
  transition: all 200ms ease;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, var(--brand) 0%, var(--brand-dark) 100%);
  border-color: var(--bg-secondary);
  box-shadow: 0 0 8px rgba(82, 139, 143, 0.3);
}

::-webkit-scrollbar-thumb:active {
  background: var(--brand-dark);
}

/* Dark Mode Scrollbar Glow */
:root[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  box-shadow: 0 0 12px rgba(94, 196, 201, 0.4);
}

/* Firefox Scrollbar */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--brand) var(--bg-tertiary);
}

/* Focus Visible */
:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
}

/* Code */
code {
  font-weight: 600;
  padding: 3px 6px;
  border-radius: var(--radius-xs);
  font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
  font-size: 0.875em;
  background: var(--bg-tertiary);
  color: var(--brand);
}

/* Links */
a {
  color: var(--brand);
  text-decoration: none;
  transition: color var(--transition-fast);
}

a:hover {
  color: var(--brand-light);
}

/* Auth Layout */
.auth-only {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  background: var(--bg-primary);
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201422%20800'%20opacity='0.3'%3e%3cdefs%3e%3clinearGradient%20x1='50%25'%20y1='0%25'%20x2='50%25'%20y2='100%25'%20id='oooscillate-grad'%3e%3cstop%20stop-color='hsl(206,%2075%25,%2049%25)'%20stop-opacity='1'%20offset='0%25'%3e%3c/stop%3e%3cstop%20stop-color='hsl(331,%2090%25,%2056%25)'%20stop-opacity='1'%20offset='100%25'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20stroke-width='1'%20stroke='url(%23oooscillate-grad)'%20fill='none'%20stroke-linecap='round'%3e%3cpath%20d='M%200%20448%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20448'%20opacity='0.05'%3e%3c/path%3e%3cpath%20d='M%200%20420%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20420'%20opacity='0.11'%3e%3c/path%3e%3cpath%20d='M%200%20392%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20392'%20opacity='0.18'%3e%3c/path%3e%3cpath%20d='M%200%20364%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20364'%20opacity='0.24'%3e%3c/path%3e%3cpath%20d='M%200%20336%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20336'%20opacity='0.30'%3e%3c/path%3e%3cpath%20d='M%200%20308%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20308'%20opacity='0.37'%3e%3c/path%3e%3cpath%20d='M%200%20280%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20280'%20opacity='0.43'%3e%3c/path%3e%3cpath%20d='M%200%20252%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20252'%20opacity='0.49'%3e%3c/path%3e%3cpath%20d='M%200%20224%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20224'%20opacity='0.56'%3e%3c/path%3e%3cpath%20d='M%200%20196%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20196'%20opacity='0.62'%3e%3c/path%3e%3cpath%20d='M%200%20168%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20168'%20opacity='0.68'%3e%3c/path%3e%3cpath%20d='M%200%20140%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20140'%20opacity='0.75'%3e%3c/path%3e%3cpath%20d='M%200%20112%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20112'%20opacity='0.81'%3e%3c/path%3e%3cpath%20d='M%200%2084%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%2084'%20opacity='0.87'%3e%3c/path%3e%3cpath%20d='M%200%2056%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%2056'%20opacity='0.94'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
  background-size: cover;
}

:root[data-theme="dark"] .auth-only {
  background-image:
    radial-gradient(ellipse 80% 60% at 50% -20%, rgba(94, 196, 201, 0.08), transparent),
    radial-gradient(ellipse 60% 50% at 100% 50%, rgba(94, 196, 201, 0.05), transparent),
    url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201422%20800'%20opacity='0.3'%3e%3cdefs%3e%3clinearGradient%20x1='50%25'%20y1='0%25'%20x2='50%25'%20y2='100%25'%20id='oooscillate-grad'%3e%3cstop%20stop-color='hsl(206,%2075%25,%2049%25)'%20stop-opacity='1'%20offset='0%25'%3e%3c/stop%3e%3cstop%20stop-color='hsl(331,%2090%25,%2056%25)'%20stop-opacity='1'%20offset='100%25'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20stroke-width='1'%20stroke='url(%23oooscillate-grad)'%20fill='none'%20stroke-linecap='round'%3e%3cpath%20d='M%200%20448%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20448'%20opacity='0.05'%3e%3c/path%3e%3cpath%20d='M%200%20420%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20420'%20opacity='0.11'%3e%3c/path%3e%3cpath%20d='M%200%20392%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20392'%20opacity='0.18'%3e%3c/path%3e%3cpath%20d='M%200%20364%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20364'%20opacity='0.24'%3e%3c/path%3e%3cpath%20d='M%200%20336%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20336'%20opacity='0.30'%3e%3c/path%3e%3cpath%20d='M%200%20308%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20308'%20opacity='0.37'%3e%3c/path%3e%3cpath%20d='M%200%20280%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20280'%20opacity='0.43'%3e%3c/path%3e%3cpath%20d='M%200%20252%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20252'%20opacity='0.49'%3e%3c/path%3e%3cpath%20d='M%200%20224%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20224'%20opacity='0.56'%3e%3c/path%3e%3cpath%20d='M%200%20196%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20196'%20opacity='0.62'%3e%3c/path%3e%3cpath%20d='M%200%20168%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20168'%20opacity='0.68'%3e%3c/path%3e%3cpath%20d='M%200%20140%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20140'%20opacity='0.75'%3e%3c/path%3e%3cpath%20d='M%200%20112%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%20112'%20opacity='0.81'%3e%3c/path%3e%3cpath%20d='M%200%2084%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%2084'%20opacity='0.87'%3e%3c/path%3e%3cpath%20d='M%200%2056%20Q%20355.5%20-100%20711%20400%20Q%201066.5%20900%201422%2056'%20opacity='0.94'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}


/* ============================================
   UTILITY CLASSES
   ============================================ */

/* Surfaces */
.surface-primary { background: var(--bg-primary); }
.surface-secondary { background: var(--bg-secondary); }
.surface-tertiary { background: var(--bg-tertiary); }
.surface-elevated { background: var(--bg-elevated); }

/* Text */
.text-primary { color: var(--text-primary); }
.text-secondary { color: var(--text-secondary); }
.text-muted { color: var(--text-muted); }
.text-brand { color: var(--brand); }
.text-success { color: var(--success); }
.text-warning { color: var(--warning); }
.text-error { color: var(--error); }

/* Borders */
.border-light { border-color: var(--border-light); }
.border-medium { border-color: var(--border-medium); }

/* Border Radius */
.rounded-sm { border-radius: var(--radius-sm); }
.rounded-md { border-radius: var(--radius-md); }
.rounded-lg { border-radius: var(--radius-lg); }
.rounded-xl { border-radius: var(--radius-xl); }
.rounded-full { border-radius: var(--radius-full); }

/* Shadows */
.shadow-sm { box-shadow: var(--shadow-sm); }
.shadow-md { box-shadow: var(--shadow-md); }
.shadow-lg { box-shadow: var(--shadow-lg); }


/* ============================================
   COMPONENT TOKENS
   ============================================ */

.card {
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
}

:root[data-theme="dark"] .card {
  background: var(--bg-tertiary);
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 18px;
  border: none;
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition);
}

.btn-primary {
  background: var(--brand);
  color: var(--text-inverse);
}

.btn-primary:hover {
  background: var(--brand-dark);
}

.btn-secondary {
  background: var(--bg-tertiary);
  color: var(--text-secondary);
}

.btn-secondary:hover {
  background: var(--border-light);
  color: var(--text-primary);
}

.btn-ghost {
  background: transparent;
  color: var(--text-secondary);
}

.btn-ghost:hover {
  background: var(--bg-tertiary);
  color: var(--text-primary);
}

.input {
  width: 100%;
  padding: 12px 16px;
  background: var(--input-bg);
  border: 1px solid var(--input-border);
  border-radius: var(--radius-md);
  font-size: 0.9375rem;
  color: var(--text-primary);
  outline: none;
  transition: all var(--transition);
}

.input::placeholder {
  color: var(--input-placeholder);
}

.input:focus {
  background: var(--input-bg-focus);
  border-color: var(--input-border-focus);
  box-shadow: 0 0 0 3px var(--brand-subtle);
}

.badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 600;
}

.badge-brand {
  background: var(--brand-subtle);
  color: var(--brand);
}

.badge-success {
  background: var(--success-subtle);
  color: var(--success);
}

.badge-warning {
  background: var(--warning-subtle);
  color: var(--warning);
}

.badge-error {
  background: var(--error-subtle);
  color: var(--error);
}
/*!
 * Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2025 Fonticons, Inc.
 */
.fa,.fa-brands,.fa-classic,.fa-regular,.fa-solid,.fab,.far,.fas{--_fa-family:var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free"));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:var(--fa-display,inline-block);font-family:var(--_fa-family);font-feature-settings:normal;font-style:normal;font-synthesis:none;font-variant:normal;font-weight:var(--fa-style,900);line-height:1;text-align:center;text-rendering:auto;width:var(--fa-width,1.25em)}:is(.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands,.fa-classic,.fa):before{content:var(--fa)/""}@supports not (content:""/""){:is(.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands,.fa-classic,.fa):before{content:var(--fa)}}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-width-auto{--fa-width:auto}.fa-fw,.fa-width-fixed{--fa-width:1.25em}.fa-ul{list-style-type:none;margin-inline-start:var(--fa-li-margin,2.5em);padding-inline-start:0}.fa-ul>li{position:relative}.fa-li{inset-inline-start:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.0625em) var(--fa-border-style,solid) var(--fa-border-color,#eee);box-sizing:var(--fa-border-box-sizing,content-box);padding:var(--fa-border-padding,.1875em .25em)}.fa-pull-left,.fa-pull-start{float:inline-start;margin-inline-end:var(--fa-pull-margin,.3em)}.fa-pull-end,.fa-pull-right{float:inline-end;margin-inline-start:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-name:fa-beat-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{animation-name:fa-spin;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation:none!important;transition:none!important}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{--fa-width:100%;inset:0;position:absolute;text-align:center;width:var(--fa-width);z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}

.fa-0{--fa:"\30 "}.fa-1{--fa:"\31 "}.fa-2{--fa:"\32 "}.fa-3{--fa:"\33 "}.fa-4{--fa:"\34 "}.fa-5{--fa:"\35 "}.fa-6{--fa:"\36 "}.fa-7{--fa:"\37 "}.fa-8{--fa:"\38 "}.fa-9{--fa:"\39 "}.fa-exclamation{--fa:"\!"}.fa-hashtag{--fa:"\#"}.fa-dollar,.fa-dollar-sign,.fa-usd{--fa:"\$"}.fa-percent,.fa-percentage{--fa:"\%"}.fa-asterisk{--fa:"\*"}.fa-add,.fa-plus{--fa:"\+"}.fa-less-than{--fa:"\<"}.fa-equals{--fa:"\="}.fa-greater-than{--fa:"\>"}.fa-question{--fa:"\?"}.fa-at{--fa:"\@"}.fa-a{--fa:"A"}.fa-b{--fa:"B"}.fa-c{--fa:"C"}.fa-d{--fa:"D"}.fa-e{--fa:"E"}.fa-f{--fa:"F"}.fa-g{--fa:"G"}.fa-h{--fa:"H"}.fa-i{--fa:"I"}.fa-j{--fa:"J"}.fa-k{--fa:"K"}.fa-l{--fa:"L"}.fa-m{--fa:"M"}.fa-n{--fa:"N"}.fa-o{--fa:"O"}.fa-p{--fa:"P"}.fa-q{--fa:"Q"}.fa-r{--fa:"R"}.fa-s{--fa:"S"}.fa-t{--fa:"T"}.fa-u{--fa:"U"}.fa-v{--fa:"V"}.fa-w{--fa:"W"}.fa-x{--fa:"X"}.fa-y{--fa:"Y"}.fa-z{--fa:"Z"}.fa-faucet{--fa:"\e005"}.fa-faucet-drip{--fa:"\e006"}.fa-house-chimney-window{--fa:"\e00d"}.fa-house-signal{--fa:"\e012"}.fa-temperature-arrow-down,.fa-temperature-down{--fa:"\e03f"}.fa-temperature-arrow-up,.fa-temperature-up{--fa:"\e040"}.fa-trailer{--fa:"\e041"}.fa-bacteria{--fa:"\e059"}.fa-bacterium{--fa:"\e05a"}.fa-box-tissue{--fa:"\e05b"}.fa-hand-holding-medical{--fa:"\e05c"}.fa-hand-sparkles{--fa:"\e05d"}.fa-hands-bubbles,.fa-hands-wash{--fa:"\e05e"}.fa-handshake-alt-slash,.fa-handshake-simple-slash,.fa-handshake-slash{--fa:"\e060"}.fa-head-side-cough{--fa:"\e061"}.fa-head-side-cough-slash{--fa:"\e062"}.fa-head-side-mask{--fa:"\e063"}.fa-head-side-virus{--fa:"\e064"}.fa-house-chimney-user{--fa:"\e065"}.fa-house-laptop,.fa-laptop-house{--fa:"\e066"}.fa-lungs-virus{--fa:"\e067"}.fa-people-arrows,.fa-people-arrows-left-right{--fa:"\e068"}.fa-plane-slash{--fa:"\e069"}.fa-pump-medical{--fa:"\e06a"}.fa-pump-soap{--fa:"\e06b"}.fa-shield-virus{--fa:"\e06c"}.fa-sink{--fa:"\e06d"}.fa-soap{--fa:"\e06e"}.fa-stopwatch-20{--fa:"\e06f"}.fa-shop-slash,.fa-store-alt-slash{--fa:"\e070"}.fa-store-slash{--fa:"\e071"}.fa-toilet-paper-slash{--fa:"\e072"}.fa-users-slash{--fa:"\e073"}.fa-virus{--fa:"\e074"}.fa-virus-slash{--fa:"\e075"}.fa-viruses{--fa:"\e076"}.fa-vest{--fa:"\e085"}.fa-vest-patches{--fa:"\e086"}.fa-arrow-trend-down{--fa:"\e097"}.fa-arrow-trend-up{--fa:"\e098"}.fa-arrow-up-from-bracket{--fa:"\e09a"}.fa-austral-sign{--fa:"\e0a9"}.fa-baht-sign{--fa:"\e0ac"}.fa-bitcoin-sign{--fa:"\e0b4"}.fa-bolt-lightning{--fa:"\e0b7"}.fa-book-bookmark{--fa:"\e0bb"}.fa-camera-rotate{--fa:"\e0d8"}.fa-cedi-sign{--fa:"\e0df"}.fa-chart-column{--fa:"\e0e3"}.fa-chart-gantt{--fa:"\e0e4"}.fa-clapperboard{--fa:"\e131"}.fa-clover{--fa:"\e139"}.fa-code-compare{--fa:"\e13a"}.fa-code-fork{--fa:"\e13b"}.fa-code-pull-request{--fa:"\e13c"}.fa-colon-sign{--fa:"\e140"}.fa-cruzeiro-sign{--fa:"\e152"}.fa-display{--fa:"\e163"}.fa-dong-sign{--fa:"\e169"}.fa-elevator{--fa:"\e16d"}.fa-filter-circle-xmark{--fa:"\e17b"}.fa-florin-sign{--fa:"\e184"}.fa-folder-closed{--fa:"\e185"}.fa-franc-sign{--fa:"\e18f"}.fa-guarani-sign{--fa:"\e19a"}.fa-gun{--fa:"\e19b"}.fa-hands-clapping{--fa:"\e1a8"}.fa-home-user,.fa-house-user{--fa:"\e1b0"}.fa-indian-rupee,.fa-indian-rupee-sign,.fa-inr{--fa:"\e1bc"}.fa-kip-sign{--fa:"\e1c4"}.fa-lari-sign{--fa:"\e1c8"}.fa-litecoin-sign{--fa:"\e1d3"}.fa-manat-sign{--fa:"\e1d5"}.fa-mask-face{--fa:"\e1d7"}.fa-mill-sign{--fa:"\e1ed"}.fa-money-bills{--fa:"\e1f3"}.fa-naira-sign{--fa:"\e1f6"}.fa-notdef{--fa:"\e1fe"}.fa-panorama{--fa:"\e209"}.fa-peseta-sign{--fa:"\e221"}.fa-peso-sign{--fa:"\e222"}.fa-plane-up{--fa:"\e22d"}.fa-rupiah-sign{--fa:"\e23d"}.fa-stairs{--fa:"\e289"}.fa-timeline{--fa:"\e29c"}.fa-truck-front{--fa:"\e2b7"}.fa-try,.fa-turkish-lira,.fa-turkish-lira-sign{--fa:"\e2bb"}.fa-vault{--fa:"\e2c5"}.fa-magic-wand-sparkles,.fa-wand-magic-sparkles{--fa:"\e2ca"}.fa-wheat-alt,.fa-wheat-awn{--fa:"\e2cd"}.fa-wheelchair-alt,.fa-wheelchair-move{--fa:"\e2ce"}.fa-bangladeshi-taka-sign{--fa:"\e2e6"}.fa-bowl-rice{--fa:"\e2eb"}.fa-person-pregnant{--fa:"\e31e"}.fa-home-lg,.fa-house-chimney{--fa:"\e3af"}.fa-house-crack{--fa:"\e3b1"}.fa-house-medical{--fa:"\e3b2"}.fa-cent-sign{--fa:"\e3f5"}.fa-plus-minus{--fa:"\e43c"}.fa-sailboat{--fa:"\e445"}.fa-section{--fa:"\e447"}.fa-shrimp{--fa:"\e448"}.fa-brazilian-real-sign{--fa:"\e46c"}.fa-chart-simple{--fa:"\e473"}.fa-diagram-next{--fa:"\e476"}.fa-diagram-predecessor{--fa:"\e477"}.fa-diagram-successor{--fa:"\e47a"}.fa-earth-oceania,.fa-globe-oceania{--fa:"\e47b"}.fa-bug-slash{--fa:"\e490"}.fa-file-circle-plus{--fa:"\e494"}.fa-shop-lock{--fa:"\e4a5"}.fa-virus-covid{--fa:"\e4a8"}.fa-virus-covid-slash{--fa:"\e4a9"}.fa-anchor-circle-check{--fa:"\e4aa"}.fa-anchor-circle-exclamation{--fa:"\e4ab"}.fa-anchor-circle-xmark{--fa:"\e4ac"}.fa-anchor-lock{--fa:"\e4ad"}.fa-arrow-down-up-across-line{--fa:"\e4af"}.fa-arrow-down-up-lock{--fa:"\e4b0"}.fa-arrow-right-to-city{--fa:"\e4b3"}.fa-arrow-up-from-ground-water{--fa:"\e4b5"}.fa-arrow-up-from-water-pump{--fa:"\e4b6"}.fa-arrow-up-right-dots{--fa:"\e4b7"}.fa-arrows-down-to-line{--fa:"\e4b8"}.fa-arrows-down-to-people{--fa:"\e4b9"}.fa-arrows-left-right-to-line{--fa:"\e4ba"}.fa-arrows-spin{--fa:"\e4bb"}.fa-arrows-split-up-and-left{--fa:"\e4bc"}.fa-arrows-to-circle{--fa:"\e4bd"}.fa-arrows-to-dot{--fa:"\e4be"}.fa-arrows-to-eye{--fa:"\e4bf"}.fa-arrows-turn-right{--fa:"\e4c0"}.fa-arrows-turn-to-dots{--fa:"\e4c1"}.fa-arrows-up-to-line{--fa:"\e4c2"}.fa-bore-hole{--fa:"\e4c3"}.fa-bottle-droplet{--fa:"\e4c4"}.fa-bottle-water{--fa:"\e4c5"}.fa-bowl-food{--fa:"\e4c6"}.fa-boxes-packing{--fa:"\e4c7"}.fa-bridge{--fa:"\e4c8"}.fa-bridge-circle-check{--fa:"\e4c9"}.fa-bridge-circle-exclamation{--fa:"\e4ca"}.fa-bridge-circle-xmark{--fa:"\e4cb"}.fa-bridge-lock{--fa:"\e4cc"}.fa-bridge-water{--fa:"\e4ce"}.fa-bucket{--fa:"\e4cf"}.fa-bugs{--fa:"\e4d0"}.fa-building-circle-arrow-right{--fa:"\e4d1"}.fa-building-circle-check{--fa:"\e4d2"}.fa-building-circle-exclamation{--fa:"\e4d3"}.fa-building-circle-xmark{--fa:"\e4d4"}.fa-building-flag{--fa:"\e4d5"}.fa-building-lock{--fa:"\e4d6"}.fa-building-ngo{--fa:"\e4d7"}.fa-building-shield{--fa:"\e4d8"}.fa-building-un{--fa:"\e4d9"}.fa-building-user{--fa:"\e4da"}.fa-building-wheat{--fa:"\e4db"}.fa-burst{--fa:"\e4dc"}.fa-car-on{--fa:"\e4dd"}.fa-car-tunnel{--fa:"\e4de"}.fa-child-combatant,.fa-child-rifle{--fa:"\e4e0"}.fa-children{--fa:"\e4e1"}.fa-circle-nodes{--fa:"\e4e2"}.fa-clipboard-question{--fa:"\e4e3"}.fa-cloud-showers-water{--fa:"\e4e4"}.fa-computer{--fa:"\e4e5"}.fa-cubes-stacked{--fa:"\e4e6"}.fa-envelope-circle-check{--fa:"\e4e8"}.fa-explosion{--fa:"\e4e9"}.fa-ferry{--fa:"\e4ea"}.fa-file-circle-exclamation{--fa:"\e4eb"}.fa-file-circle-minus{--fa:"\e4ed"}.fa-file-circle-question{--fa:"\e4ef"}.fa-file-shield{--fa:"\e4f0"}.fa-fire-burner{--fa:"\e4f1"}.fa-fish-fins{--fa:"\e4f2"}.fa-flask-vial{--fa:"\e4f3"}.fa-glass-water{--fa:"\e4f4"}.fa-glass-water-droplet{--fa:"\e4f5"}.fa-group-arrows-rotate{--fa:"\e4f6"}.fa-hand-holding-hand{--fa:"\e4f7"}.fa-handcuffs{--fa:"\e4f8"}.fa-hands-bound{--fa:"\e4f9"}.fa-hands-holding-child{--fa:"\e4fa"}.fa-hands-holding-circle{--fa:"\e4fb"}.fa-heart-circle-bolt{--fa:"\e4fc"}.fa-heart-circle-check{--fa:"\e4fd"}.fa-heart-circle-exclamation{--fa:"\e4fe"}.fa-heart-circle-minus{--fa:"\e4ff"}.fa-heart-circle-plus{--fa:"\e500"}.fa-heart-circle-xmark{--fa:"\e501"}.fa-helicopter-symbol{--fa:"\e502"}.fa-helmet-un{--fa:"\e503"}.fa-hill-avalanche{--fa:"\e507"}.fa-hill-rockslide{--fa:"\e508"}.fa-house-circle-check{--fa:"\e509"}.fa-house-circle-exclamation{--fa:"\e50a"}.fa-house-circle-xmark{--fa:"\e50b"}.fa-house-fire{--fa:"\e50c"}.fa-house-flag{--fa:"\e50d"}.fa-house-flood-water{--fa:"\e50e"}.fa-house-flood-water-circle-arrow-right{--fa:"\e50f"}.fa-house-lock{--fa:"\e510"}.fa-house-medical-circle-check{--fa:"\e511"}.fa-house-medical-circle-exclamation{--fa:"\e512"}.fa-house-medical-circle-xmark{--fa:"\e513"}.fa-house-medical-flag{--fa:"\e514"}.fa-house-tsunami{--fa:"\e515"}.fa-jar{--fa:"\e516"}.fa-jar-wheat{--fa:"\e517"}.fa-jet-fighter-up{--fa:"\e518"}.fa-jug-detergent{--fa:"\e519"}.fa-kitchen-set{--fa:"\e51a"}.fa-land-mine-on{--fa:"\e51b"}.fa-landmark-flag{--fa:"\e51c"}.fa-laptop-file{--fa:"\e51d"}.fa-lines-leaning{--fa:"\e51e"}.fa-location-pin-lock{--fa:"\e51f"}.fa-locust{--fa:"\e520"}.fa-magnifying-glass-arrow-right{--fa:"\e521"}.fa-magnifying-glass-chart{--fa:"\e522"}.fa-mars-and-venus-burst{--fa:"\e523"}.fa-mask-ventilator{--fa:"\e524"}.fa-mattress-pillow{--fa:"\e525"}.fa-mobile-retro{--fa:"\e527"}.fa-money-bill-transfer{--fa:"\e528"}.fa-money-bill-trend-up{--fa:"\e529"}.fa-money-bill-wheat{--fa:"\e52a"}.fa-mosquito{--fa:"\e52b"}.fa-mosquito-net{--fa:"\e52c"}.fa-mound{--fa:"\e52d"}.fa-mountain-city{--fa:"\e52e"}.fa-mountain-sun{--fa:"\e52f"}.fa-oil-well{--fa:"\e532"}.fa-people-group{--fa:"\e533"}.fa-people-line{--fa:"\e534"}.fa-people-pulling{--fa:"\e535"}.fa-people-robbery{--fa:"\e536"}.fa-people-roof{--fa:"\e537"}.fa-person-arrow-down-to-line{--fa:"\e538"}.fa-person-arrow-up-from-line{--fa:"\e539"}.fa-person-breastfeeding{--fa:"\e53a"}.fa-person-burst{--fa:"\e53b"}.fa-person-cane{--fa:"\e53c"}.fa-person-chalkboard{--fa:"\e53d"}.fa-person-circle-check{--fa:"\e53e"}.fa-person-circle-exclamation{--fa:"\e53f"}.fa-person-circle-minus{--fa:"\e540"}.fa-person-circle-plus{--fa:"\e541"}.fa-person-circle-question{--fa:"\e542"}.fa-person-circle-xmark{--fa:"\e543"}.fa-person-dress-burst{--fa:"\e544"}.fa-person-drowning{--fa:"\e545"}.fa-person-falling{--fa:"\e546"}.fa-person-falling-burst{--fa:"\e547"}.fa-person-half-dress{--fa:"\e548"}.fa-person-harassing{--fa:"\e549"}.fa-person-military-pointing{--fa:"\e54a"}.fa-person-military-rifle{--fa:"\e54b"}.fa-person-military-to-person{--fa:"\e54c"}.fa-person-rays{--fa:"\e54d"}.fa-person-rifle{--fa:"\e54e"}.fa-person-shelter{--fa:"\e54f"}.fa-person-walking-arrow-loop-left{--fa:"\e551"}.fa-person-walking-arrow-right{--fa:"\e552"}.fa-person-walking-dashed-line-arrow-right{--fa:"\e553"}.fa-person-walking-luggage{--fa:"\e554"}.fa-plane-circle-check{--fa:"\e555"}.fa-plane-circle-exclamation{--fa:"\e556"}.fa-plane-circle-xmark{--fa:"\e557"}.fa-plane-lock{--fa:"\e558"}.fa-plate-wheat{--fa:"\e55a"}.fa-plug-circle-bolt{--fa:"\e55b"}.fa-plug-circle-check{--fa:"\e55c"}.fa-plug-circle-exclamation{--fa:"\e55d"}.fa-plug-circle-minus{--fa:"\e55e"}.fa-plug-circle-plus{--fa:"\e55f"}.fa-plug-circle-xmark{--fa:"\e560"}.fa-ranking-star{--fa:"\e561"}.fa-road-barrier{--fa:"\e562"}.fa-road-bridge{--fa:"\e563"}.fa-road-circle-check{--fa:"\e564"}.fa-road-circle-exclamation{--fa:"\e565"}.fa-road-circle-xmark{--fa:"\e566"}.fa-road-lock{--fa:"\e567"}.fa-road-spikes{--fa:"\e568"}.fa-rug{--fa:"\e569"}.fa-sack-xmark{--fa:"\e56a"}.fa-school-circle-check{--fa:"\e56b"}.fa-school-circle-exclamation{--fa:"\e56c"}.fa-school-circle-xmark{--fa:"\e56d"}.fa-school-flag{--fa:"\e56e"}.fa-school-lock{--fa:"\e56f"}.fa-sheet-plastic{--fa:"\e571"}.fa-shield-cat{--fa:"\e572"}.fa-shield-dog{--fa:"\e573"}.fa-shield-heart{--fa:"\e574"}.fa-square-nfi{--fa:"\e576"}.fa-square-person-confined{--fa:"\e577"}.fa-square-virus{--fa:"\e578"}.fa-rod-asclepius,.fa-rod-snake,.fa-staff-aesculapius,.fa-staff-snake{--fa:"\e579"}.fa-sun-plant-wilt{--fa:"\e57a"}.fa-tarp{--fa:"\e57b"}.fa-tarp-droplet{--fa:"\e57c"}.fa-tent{--fa:"\e57d"}.fa-tent-arrow-down-to-line{--fa:"\e57e"}.fa-tent-arrow-left-right{--fa:"\e57f"}.fa-tent-arrow-turn-left{--fa:"\e580"}.fa-tent-arrows-down{--fa:"\e581"}.fa-tents{--fa:"\e582"}.fa-toilet-portable{--fa:"\e583"}.fa-toilets-portable{--fa:"\e584"}.fa-tower-cell{--fa:"\e585"}.fa-tower-observation{--fa:"\e586"}.fa-tree-city{--fa:"\e587"}.fa-trowel{--fa:"\e589"}.fa-trowel-bricks{--fa:"\e58a"}.fa-truck-arrow-right{--fa:"\e58b"}.fa-truck-droplet{--fa:"\e58c"}.fa-truck-field{--fa:"\e58d"}.fa-truck-field-un{--fa:"\e58e"}.fa-truck-plane{--fa:"\e58f"}.fa-users-between-lines{--fa:"\e591"}.fa-users-line{--fa:"\e592"}.fa-users-rays{--fa:"\e593"}.fa-users-rectangle{--fa:"\e594"}.fa-users-viewfinder{--fa:"\e595"}.fa-vial-circle-check{--fa:"\e596"}.fa-vial-virus{--fa:"\e597"}.fa-wheat-awn-circle-exclamation{--fa:"\e598"}.fa-worm{--fa:"\e599"}.fa-xmarks-lines{--fa:"\e59a"}.fa-child-dress{--fa:"\e59c"}.fa-child-reaching{--fa:"\e59d"}.fa-file-circle-check{--fa:"\e5a0"}.fa-file-circle-xmark{--fa:"\e5a1"}.fa-person-through-window{--fa:"\e5a9"}.fa-plant-wilt{--fa:"\e5aa"}.fa-stapler{--fa:"\e5af"}.fa-train-tram{--fa:"\e5b4"}.fa-table-cells-column-lock{--fa:"\e678"}.fa-table-cells-row-lock{--fa:"\e67a"}.fa-thumb-tack-slash,.fa-thumbtack-slash{--fa:"\e68f"}.fa-table-cells-row-unlock{--fa:"\e691"}.fa-chart-diagram{--fa:"\e695"}.fa-comment-nodes{--fa:"\e696"}.fa-file-fragment{--fa:"\e697"}.fa-file-half-dashed{--fa:"\e698"}.fa-hexagon-nodes{--fa:"\e699"}.fa-hexagon-nodes-bolt{--fa:"\e69a"}.fa-square-binary{--fa:"\e69b"}.fa-pentagon{--fa:"\e790"}.fa-non-binary{--fa:"\e807"}.fa-spiral{--fa:"\e80a"}.fa-mobile-vibrate{--fa:"\e816"}.fa-single-quote-left{--fa:"\e81b"}.fa-single-quote-right{--fa:"\e81c"}.fa-bus-side{--fa:"\e81d"}.fa-heptagon,.fa-septagon{--fa:"\e820"}.fa-glass-martini,.fa-martini-glass-empty{--fa:"\f000"}.fa-music{--fa:"\f001"}.fa-magnifying-glass,.fa-search{--fa:"\f002"}.fa-heart{--fa:"\f004"}.fa-star{--fa:"\f005"}.fa-user,.fa-user-alt,.fa-user-large{--fa:"\f007"}.fa-film,.fa-film-alt,.fa-film-simple{--fa:"\f008"}.fa-table-cells-large,.fa-th-large{--fa:"\f009"}.fa-table-cells,.fa-th{--fa:"\f00a"}.fa-table-list,.fa-th-list{--fa:"\f00b"}.fa-check{--fa:"\f00c"}.fa-close,.fa-multiply,.fa-remove,.fa-times,.fa-xmark{--fa:"\f00d"}.fa-magnifying-glass-plus,.fa-search-plus{--fa:"\f00e"}.fa-magnifying-glass-minus,.fa-search-minus{--fa:"\f010"}.fa-power-off{--fa:"\f011"}.fa-signal,.fa-signal-5,.fa-signal-perfect{--fa:"\f012"}.fa-cog,.fa-gear{--fa:"\f013"}.fa-home,.fa-home-alt,.fa-home-lg-alt,.fa-house{--fa:"\f015"}.fa-clock,.fa-clock-four{--fa:"\f017"}.fa-road{--fa:"\f018"}.fa-download{--fa:"\f019"}.fa-inbox{--fa:"\f01c"}.fa-arrow-right-rotate,.fa-arrow-rotate-forward,.fa-arrow-rotate-right,.fa-redo{--fa:"\f01e"}.fa-arrows-rotate,.fa-refresh,.fa-sync{--fa:"\f021"}.fa-list-alt,.fa-rectangle-list{--fa:"\f022"}.fa-lock{--fa:"\f023"}.fa-flag{--fa:"\f024"}.fa-headphones,.fa-headphones-alt,.fa-headphones-simple{--fa:"\f025"}.fa-volume-off{--fa:"\f026"}.fa-volume-down,.fa-volume-low{--fa:"\f027"}.fa-volume-high,.fa-volume-up{--fa:"\f028"}.fa-qrcode{--fa:"\f029"}.fa-barcode{--fa:"\f02a"}.fa-tag{--fa:"\f02b"}.fa-tags{--fa:"\f02c"}.fa-book{--fa:"\f02d"}.fa-bookmark{--fa:"\f02e"}.fa-print{--fa:"\f02f"}.fa-camera,.fa-camera-alt{--fa:"\f030"}.fa-font{--fa:"\f031"}.fa-bold{--fa:"\f032"}.fa-italic{--fa:"\f033"}.fa-text-height{--fa:"\f034"}.fa-text-width{--fa:"\f035"}.fa-align-left{--fa:"\f036"}.fa-align-center{--fa:"\f037"}.fa-align-right{--fa:"\f038"}.fa-align-justify{--fa:"\f039"}.fa-list,.fa-list-squares{--fa:"\f03a"}.fa-dedent,.fa-outdent{--fa:"\f03b"}.fa-indent{--fa:"\f03c"}.fa-video,.fa-video-camera{--fa:"\f03d"}.fa-image{--fa:"\f03e"}.fa-location-pin,.fa-map-marker{--fa:"\f041"}.fa-adjust,.fa-circle-half-stroke{--fa:"\f042"}.fa-droplet,.fa-tint{--fa:"\f043"}.fa-edit,.fa-pen-to-square{--fa:"\f044"}.fa-arrows,.fa-arrows-up-down-left-right{--fa:"\f047"}.fa-backward-step,.fa-step-backward{--fa:"\f048"}.fa-backward-fast,.fa-fast-backward{--fa:"\f049"}.fa-backward{--fa:"\f04a"}.fa-play{--fa:"\f04b"}.fa-pause{--fa:"\f04c"}.fa-stop{--fa:"\f04d"}.fa-forward{--fa:"\f04e"}.fa-fast-forward,.fa-forward-fast{--fa:"\f050"}.fa-forward-step,.fa-step-forward{--fa:"\f051"}.fa-eject{--fa:"\f052"}.fa-chevron-left{--fa:"\f053"}.fa-chevron-right{--fa:"\f054"}.fa-circle-plus,.fa-plus-circle{--fa:"\f055"}.fa-circle-minus,.fa-minus-circle{--fa:"\f056"}.fa-circle-xmark,.fa-times-circle,.fa-xmark-circle{--fa:"\f057"}.fa-check-circle,.fa-circle-check{--fa:"\f058"}.fa-circle-question,.fa-question-circle{--fa:"\f059"}.fa-circle-info,.fa-info-circle{--fa:"\f05a"}.fa-crosshairs{--fa:"\f05b"}.fa-ban,.fa-cancel{--fa:"\f05e"}.fa-arrow-left{--fa:"\f060"}.fa-arrow-right{--fa:"\f061"}.fa-arrow-up{--fa:"\f062"}.fa-arrow-down{--fa:"\f063"}.fa-mail-forward,.fa-share{--fa:"\f064"}.fa-expand{--fa:"\f065"}.fa-compress{--fa:"\f066"}.fa-minus,.fa-subtract{--fa:"\f068"}.fa-circle-exclamation,.fa-exclamation-circle{--fa:"\f06a"}.fa-gift{--fa:"\f06b"}.fa-leaf{--fa:"\f06c"}.fa-fire{--fa:"\f06d"}.fa-eye{--fa:"\f06e"}.fa-eye-slash{--fa:"\f070"}.fa-exclamation-triangle,.fa-triangle-exclamation,.fa-warning{--fa:"\f071"}.fa-plane{--fa:"\f072"}.fa-calendar-alt,.fa-calendar-days{--fa:"\f073"}.fa-random,.fa-shuffle{--fa:"\f074"}.fa-comment{--fa:"\f075"}.fa-magnet{--fa:"\f076"}.fa-chevron-up{--fa:"\f077"}.fa-chevron-down{--fa:"\f078"}.fa-retweet{--fa:"\f079"}.fa-cart-shopping,.fa-shopping-cart{--fa:"\f07a"}.fa-folder,.fa-folder-blank{--fa:"\f07b"}.fa-folder-open{--fa:"\f07c"}.fa-arrows-up-down,.fa-arrows-v{--fa:"\f07d"}.fa-arrows-h,.fa-arrows-left-right{--fa:"\f07e"}.fa-bar-chart,.fa-chart-bar{--fa:"\f080"}.fa-camera-retro{--fa:"\f083"}.fa-key{--fa:"\f084"}.fa-cogs,.fa-gears{--fa:"\f085"}.fa-comments{--fa:"\f086"}.fa-star-half{--fa:"\f089"}.fa-arrow-right-from-bracket,.fa-sign-out{--fa:"\f08b"}.fa-thumb-tack,.fa-thumbtack{--fa:"\f08d"}.fa-arrow-up-right-from-square,.fa-external-link{--fa:"\f08e"}.fa-arrow-right-to-bracket,.fa-sign-in{--fa:"\f090"}.fa-trophy{--fa:"\f091"}.fa-upload{--fa:"\f093"}.fa-lemon{--fa:"\f094"}.fa-phone{--fa:"\f095"}.fa-phone-square,.fa-square-phone{--fa:"\f098"}.fa-unlock{--fa:"\f09c"}.fa-credit-card,.fa-credit-card-alt{--fa:"\f09d"}.fa-feed,.fa-rss{--fa:"\f09e"}.fa-hard-drive,.fa-hdd{--fa:"\f0a0"}.fa-bullhorn{--fa:"\f0a1"}.fa-certificate{--fa:"\f0a3"}.fa-hand-point-right{--fa:"\f0a4"}.fa-hand-point-left{--fa:"\f0a5"}.fa-hand-point-up{--fa:"\f0a6"}.fa-hand-point-down{--fa:"\f0a7"}.fa-arrow-circle-left,.fa-circle-arrow-left{--fa:"\f0a8"}.fa-arrow-circle-right,.fa-circle-arrow-right{--fa:"\f0a9"}.fa-arrow-circle-up,.fa-circle-arrow-up{--fa:"\f0aa"}.fa-arrow-circle-down,.fa-circle-arrow-down{--fa:"\f0ab"}.fa-globe{--fa:"\f0ac"}.fa-wrench{--fa:"\f0ad"}.fa-list-check,.fa-tasks{--fa:"\f0ae"}.fa-filter{--fa:"\f0b0"}.fa-briefcase{--fa:"\f0b1"}.fa-arrows-alt,.fa-up-down-left-right{--fa:"\f0b2"}.fa-users{--fa:"\f0c0"}.fa-chain,.fa-link{--fa:"\f0c1"}.fa-cloud{--fa:"\f0c2"}.fa-flask{--fa:"\f0c3"}.fa-cut,.fa-scissors{--fa:"\f0c4"}.fa-copy{--fa:"\f0c5"}.fa-paperclip{--fa:"\f0c6"}.fa-floppy-disk,.fa-save{--fa:"\f0c7"}.fa-square{--fa:"\f0c8"}.fa-bars,.fa-navicon{--fa:"\f0c9"}.fa-list-dots,.fa-list-ul{--fa:"\f0ca"}.fa-list-1-2,.fa-list-numeric,.fa-list-ol{--fa:"\f0cb"}.fa-strikethrough{--fa:"\f0cc"}.fa-underline{--fa:"\f0cd"}.fa-table{--fa:"\f0ce"}.fa-magic,.fa-wand-magic{--fa:"\f0d0"}.fa-truck{--fa:"\f0d1"}.fa-money-bill{--fa:"\f0d6"}.fa-caret-down{--fa:"\f0d7"}.fa-caret-up{--fa:"\f0d8"}.fa-caret-left{--fa:"\f0d9"}.fa-caret-right{--fa:"\f0da"}.fa-columns,.fa-table-columns{--fa:"\f0db"}.fa-sort,.fa-unsorted{--fa:"\f0dc"}.fa-sort-desc,.fa-sort-down{--fa:"\f0dd"}.fa-sort-asc,.fa-sort-up{--fa:"\f0de"}.fa-envelope{--fa:"\f0e0"}.fa-arrow-left-rotate,.fa-arrow-rotate-back,.fa-arrow-rotate-backward,.fa-arrow-rotate-left,.fa-undo{--fa:"\f0e2"}.fa-gavel,.fa-legal{--fa:"\f0e3"}.fa-bolt,.fa-zap{--fa:"\f0e7"}.fa-sitemap{--fa:"\f0e8"}.fa-umbrella{--fa:"\f0e9"}.fa-file-clipboard,.fa-paste{--fa:"\f0ea"}.fa-lightbulb{--fa:"\f0eb"}.fa-arrow-right-arrow-left,.fa-exchange{--fa:"\f0ec"}.fa-cloud-arrow-down,.fa-cloud-download,.fa-cloud-download-alt{--fa:"\f0ed"}.fa-cloud-arrow-up,.fa-cloud-upload,.fa-cloud-upload-alt{--fa:"\f0ee"}.fa-user-doctor,.fa-user-md{--fa:"\f0f0"}.fa-stethoscope{--fa:"\f0f1"}.fa-suitcase{--fa:"\f0f2"}.fa-bell{--fa:"\f0f3"}.fa-coffee,.fa-mug-saucer{--fa:"\f0f4"}.fa-hospital,.fa-hospital-alt,.fa-hospital-wide{--fa:"\f0f8"}.fa-ambulance,.fa-truck-medical{--fa:"\f0f9"}.fa-medkit,.fa-suitcase-medical{--fa:"\f0fa"}.fa-fighter-jet,.fa-jet-fighter{--fa:"\f0fb"}.fa-beer,.fa-beer-mug-empty{--fa:"\f0fc"}.fa-h-square,.fa-square-h{--fa:"\f0fd"}.fa-plus-square,.fa-square-plus{--fa:"\f0fe"}.fa-angle-double-left,.fa-angles-left{--fa:"\f100"}.fa-angle-double-right,.fa-angles-right{--fa:"\f101"}.fa-angle-double-up,.fa-angles-up{--fa:"\f102"}.fa-angle-double-down,.fa-angles-down{--fa:"\f103"}.fa-angle-left{--fa:"\f104"}.fa-angle-right{--fa:"\f105"}.fa-angle-up{--fa:"\f106"}.fa-angle-down{--fa:"\f107"}.fa-laptop{--fa:"\f109"}.fa-tablet-button{--fa:"\f10a"}.fa-mobile-button{--fa:"\f10b"}.fa-quote-left,.fa-quote-left-alt{--fa:"\f10d"}.fa-quote-right,.fa-quote-right-alt{--fa:"\f10e"}.fa-spinner{--fa:"\f110"}.fa-circle{--fa:"\f111"}.fa-face-smile,.fa-smile{--fa:"\f118"}.fa-face-frown,.fa-frown{--fa:"\f119"}.fa-face-meh,.fa-meh{--fa:"\f11a"}.fa-gamepad{--fa:"\f11b"}.fa-keyboard{--fa:"\f11c"}.fa-flag-checkered{--fa:"\f11e"}.fa-terminal{--fa:"\f120"}.fa-code{--fa:"\f121"}.fa-mail-reply-all,.fa-reply-all{--fa:"\f122"}.fa-location-arrow{--fa:"\f124"}.fa-crop{--fa:"\f125"}.fa-code-branch{--fa:"\f126"}.fa-chain-broken,.fa-chain-slash,.fa-link-slash,.fa-unlink{--fa:"\f127"}.fa-info{--fa:"\f129"}.fa-superscript{--fa:"\f12b"}.fa-subscript{--fa:"\f12c"}.fa-eraser{--fa:"\f12d"}.fa-puzzle-piece{--fa:"\f12e"}.fa-microphone{--fa:"\f130"}.fa-microphone-slash{--fa:"\f131"}.fa-shield,.fa-shield-blank{--fa:"\f132"}.fa-calendar{--fa:"\f133"}.fa-fire-extinguisher{--fa:"\f134"}.fa-rocket{--fa:"\f135"}.fa-chevron-circle-left,.fa-circle-chevron-left{--fa:"\f137"}.fa-chevron-circle-right,.fa-circle-chevron-right{--fa:"\f138"}.fa-chevron-circle-up,.fa-circle-chevron-up{--fa:"\f139"}.fa-chevron-circle-down,.fa-circle-chevron-down{--fa:"\f13a"}.fa-anchor{--fa:"\f13d"}.fa-unlock-alt,.fa-unlock-keyhole{--fa:"\f13e"}.fa-bullseye{--fa:"\f140"}.fa-ellipsis,.fa-ellipsis-h{--fa:"\f141"}.fa-ellipsis-v,.fa-ellipsis-vertical{--fa:"\f142"}.fa-rss-square,.fa-square-rss{--fa:"\f143"}.fa-circle-play,.fa-play-circle{--fa:"\f144"}.fa-ticket{--fa:"\f145"}.fa-minus-square,.fa-square-minus{--fa:"\f146"}.fa-arrow-turn-up,.fa-level-up{--fa:"\f148"}.fa-arrow-turn-down,.fa-level-down{--fa:"\f149"}.fa-check-square,.fa-square-check{--fa:"\f14a"}.fa-pen-square,.fa-pencil-square,.fa-square-pen{--fa:"\f14b"}.fa-external-link-square,.fa-square-arrow-up-right{--fa:"\f14c"}.fa-share-from-square,.fa-share-square{--fa:"\f14d"}.fa-compass{--fa:"\f14e"}.fa-caret-square-down,.fa-square-caret-down{--fa:"\f150"}.fa-caret-square-up,.fa-square-caret-up{--fa:"\f151"}.fa-caret-square-right,.fa-square-caret-right{--fa:"\f152"}.fa-eur,.fa-euro,.fa-euro-sign{--fa:"\f153"}.fa-gbp,.fa-pound-sign,.fa-sterling-sign{--fa:"\f154"}.fa-rupee,.fa-rupee-sign{--fa:"\f156"}.fa-cny,.fa-jpy,.fa-rmb,.fa-yen,.fa-yen-sign{--fa:"\f157"}.fa-rouble,.fa-rub,.fa-ruble,.fa-ruble-sign{--fa:"\f158"}.fa-krw,.fa-won,.fa-won-sign{--fa:"\f159"}.fa-file{--fa:"\f15b"}.fa-file-alt,.fa-file-lines,.fa-file-text{--fa:"\f15c"}.fa-arrow-down-a-z,.fa-sort-alpha-asc,.fa-sort-alpha-down{--fa:"\f15d"}.fa-arrow-up-a-z,.fa-sort-alpha-up{--fa:"\f15e"}.fa-arrow-down-wide-short,.fa-sort-amount-asc,.fa-sort-amount-down{--fa:"\f160"}.fa-arrow-up-wide-short,.fa-sort-amount-up{--fa:"\f161"}.fa-arrow-down-1-9,.fa-sort-numeric-asc,.fa-sort-numeric-down{--fa:"\f162"}.fa-arrow-up-1-9,.fa-sort-numeric-up{--fa:"\f163"}.fa-thumbs-up{--fa:"\f164"}.fa-thumbs-down{--fa:"\f165"}.fa-arrow-down-long,.fa-long-arrow-down{--fa:"\f175"}.fa-arrow-up-long,.fa-long-arrow-up{--fa:"\f176"}.fa-arrow-left-long,.fa-long-arrow-left{--fa:"\f177"}.fa-arrow-right-long,.fa-long-arrow-right{--fa:"\f178"}.fa-female,.fa-person-dress{--fa:"\f182"}.fa-male,.fa-person{--fa:"\f183"}.fa-sun{--fa:"\f185"}.fa-moon{--fa:"\f186"}.fa-archive,.fa-box-archive{--fa:"\f187"}.fa-bug{--fa:"\f188"}.fa-caret-square-left,.fa-square-caret-left{--fa:"\f191"}.fa-circle-dot,.fa-dot-circle{--fa:"\f192"}.fa-wheelchair{--fa:"\f193"}.fa-lira-sign{--fa:"\f195"}.fa-shuttle-space,.fa-space-shuttle{--fa:"\f197"}.fa-envelope-square,.fa-square-envelope{--fa:"\f199"}.fa-bank,.fa-building-columns,.fa-institution,.fa-museum,.fa-university{--fa:"\f19c"}.fa-graduation-cap,.fa-mortar-board{--fa:"\f19d"}.fa-language{--fa:"\f1ab"}.fa-fax{--fa:"\f1ac"}.fa-building{--fa:"\f1ad"}.fa-child{--fa:"\f1ae"}.fa-paw{--fa:"\f1b0"}.fa-cube{--fa:"\f1b2"}.fa-cubes{--fa:"\f1b3"}.fa-recycle{--fa:"\f1b8"}.fa-automobile,.fa-car{--fa:"\f1b9"}.fa-cab,.fa-taxi{--fa:"\f1ba"}.fa-tree{--fa:"\f1bb"}.fa-database{--fa:"\f1c0"}.fa-file-pdf{--fa:"\f1c1"}.fa-file-word{--fa:"\f1c2"}.fa-file-excel{--fa:"\f1c3"}.fa-file-powerpoint{--fa:"\f1c4"}.fa-file-image{--fa:"\f1c5"}.fa-file-archive,.fa-file-zipper{--fa:"\f1c6"}.fa-file-audio{--fa:"\f1c7"}.fa-file-video{--fa:"\f1c8"}.fa-file-code{--fa:"\f1c9"}.fa-life-ring{--fa:"\f1cd"}.fa-circle-notch{--fa:"\f1ce"}.fa-paper-plane{--fa:"\f1d8"}.fa-clock-rotate-left,.fa-history{--fa:"\f1da"}.fa-header,.fa-heading{--fa:"\f1dc"}.fa-paragraph{--fa:"\f1dd"}.fa-sliders,.fa-sliders-h{--fa:"\f1de"}.fa-share-alt,.fa-share-nodes{--fa:"\f1e0"}.fa-share-alt-square,.fa-square-share-nodes{--fa:"\f1e1"}.fa-bomb{--fa:"\f1e2"}.fa-futbol,.fa-futbol-ball,.fa-soccer-ball{--fa:"\f1e3"}.fa-teletype,.fa-tty{--fa:"\f1e4"}.fa-binoculars{--fa:"\f1e5"}.fa-plug{--fa:"\f1e6"}.fa-newspaper{--fa:"\f1ea"}.fa-wifi,.fa-wifi-3,.fa-wifi-strong{--fa:"\f1eb"}.fa-calculator{--fa:"\f1ec"}.fa-bell-slash{--fa:"\f1f6"}.fa-trash{--fa:"\f1f8"}.fa-copyright{--fa:"\f1f9"}.fa-eye-dropper,.fa-eye-dropper-empty,.fa-eyedropper{--fa:"\f1fb"}.fa-paint-brush,.fa-paintbrush{--fa:"\f1fc"}.fa-birthday-cake,.fa-cake,.fa-cake-candles{--fa:"\f1fd"}.fa-area-chart,.fa-chart-area{--fa:"\f1fe"}.fa-chart-pie,.fa-pie-chart{--fa:"\f200"}.fa-chart-line,.fa-line-chart{--fa:"\f201"}.fa-toggle-off{--fa:"\f204"}.fa-toggle-on{--fa:"\f205"}.fa-bicycle{--fa:"\f206"}.fa-bus{--fa:"\f207"}.fa-closed-captioning{--fa:"\f20a"}.fa-ils,.fa-shekel,.fa-shekel-sign,.fa-sheqel,.fa-sheqel-sign{--fa:"\f20b"}.fa-cart-plus{--fa:"\f217"}.fa-cart-arrow-down{--fa:"\f218"}.fa-diamond{--fa:"\f219"}.fa-ship{--fa:"\f21a"}.fa-user-secret{--fa:"\f21b"}.fa-motorcycle{--fa:"\f21c"}.fa-street-view{--fa:"\f21d"}.fa-heart-pulse,.fa-heartbeat{--fa:"\f21e"}.fa-venus{--fa:"\f221"}.fa-mars{--fa:"\f222"}.fa-mercury{--fa:"\f223"}.fa-mars-and-venus{--fa:"\f224"}.fa-transgender,.fa-transgender-alt{--fa:"\f225"}.fa-venus-double{--fa:"\f226"}.fa-mars-double{--fa:"\f227"}.fa-venus-mars{--fa:"\f228"}.fa-mars-stroke{--fa:"\f229"}.fa-mars-stroke-up,.fa-mars-stroke-v{--fa:"\f22a"}.fa-mars-stroke-h,.fa-mars-stroke-right{--fa:"\f22b"}.fa-neuter{--fa:"\f22c"}.fa-genderless{--fa:"\f22d"}.fa-server{--fa:"\f233"}.fa-user-plus{--fa:"\f234"}.fa-user-times,.fa-user-xmark{--fa:"\f235"}.fa-bed{--fa:"\f236"}.fa-train{--fa:"\f238"}.fa-subway,.fa-train-subway{--fa:"\f239"}.fa-battery,.fa-battery-5,.fa-battery-full{--fa:"\f240"}.fa-battery-4,.fa-battery-three-quarters{--fa:"\f241"}.fa-battery-3,.fa-battery-half{--fa:"\f242"}.fa-battery-2,.fa-battery-quarter{--fa:"\f243"}.fa-battery-0,.fa-battery-empty{--fa:"\f244"}.fa-arrow-pointer,.fa-mouse-pointer{--fa:"\f245"}.fa-i-cursor{--fa:"\f246"}.fa-object-group{--fa:"\f247"}.fa-object-ungroup{--fa:"\f248"}.fa-note-sticky,.fa-sticky-note{--fa:"\f249"}.fa-clone{--fa:"\f24d"}.fa-balance-scale,.fa-scale-balanced{--fa:"\f24e"}.fa-hourglass-1,.fa-hourglass-start{--fa:"\f251"}.fa-hourglass-2,.fa-hourglass-half{--fa:"\f252"}.fa-hourglass-3,.fa-hourglass-end{--fa:"\f253"}.fa-hourglass,.fa-hourglass-empty{--fa:"\f254"}.fa-hand-back-fist,.fa-hand-rock{--fa:"\f255"}.fa-hand,.fa-hand-paper{--fa:"\f256"}.fa-hand-scissors{--fa:"\f257"}.fa-hand-lizard{--fa:"\f258"}.fa-hand-spock{--fa:"\f259"}.fa-hand-pointer{--fa:"\f25a"}.fa-hand-peace{--fa:"\f25b"}.fa-trademark{--fa:"\f25c"}.fa-registered{--fa:"\f25d"}.fa-television,.fa-tv,.fa-tv-alt{--fa:"\f26c"}.fa-calendar-plus{--fa:"\f271"}.fa-calendar-minus{--fa:"\f272"}.fa-calendar-times,.fa-calendar-xmark{--fa:"\f273"}.fa-calendar-check{--fa:"\f274"}.fa-industry{--fa:"\f275"}.fa-map-pin{--fa:"\f276"}.fa-map-signs,.fa-signs-post{--fa:"\f277"}.fa-map{--fa:"\f279"}.fa-comment-alt,.fa-message{--fa:"\f27a"}.fa-circle-pause,.fa-pause-circle{--fa:"\f28b"}.fa-circle-stop,.fa-stop-circle{--fa:"\f28d"}.fa-bag-shopping,.fa-shopping-bag{--fa:"\f290"}.fa-basket-shopping,.fa-shopping-basket{--fa:"\f291"}.fa-universal-access{--fa:"\f29a"}.fa-blind,.fa-person-walking-with-cane{--fa:"\f29d"}.fa-audio-description{--fa:"\f29e"}.fa-phone-volume,.fa-volume-control-phone{--fa:"\f2a0"}.fa-braille{--fa:"\f2a1"}.fa-assistive-listening-systems,.fa-ear-listen{--fa:"\f2a2"}.fa-american-sign-language-interpreting,.fa-asl-interpreting,.fa-hands-american-sign-language-interpreting,.fa-hands-asl-interpreting{--fa:"\f2a3"}.fa-deaf,.fa-deafness,.fa-ear-deaf,.fa-hard-of-hearing{--fa:"\f2a4"}.fa-hands,.fa-sign-language,.fa-signing{--fa:"\f2a7"}.fa-eye-low-vision,.fa-low-vision{--fa:"\f2a8"}.fa-handshake,.fa-handshake-alt,.fa-handshake-simple{--fa:"\f2b5"}.fa-envelope-open{--fa:"\f2b6"}.fa-address-book,.fa-contact-book{--fa:"\f2b9"}.fa-address-card,.fa-contact-card,.fa-vcard{--fa:"\f2bb"}.fa-circle-user,.fa-user-circle{--fa:"\f2bd"}.fa-id-badge{--fa:"\f2c1"}.fa-drivers-license,.fa-id-card{--fa:"\f2c2"}.fa-temperature-4,.fa-temperature-full,.fa-thermometer-4,.fa-thermometer-full{--fa:"\f2c7"}.fa-temperature-3,.fa-temperature-three-quarters,.fa-thermometer-3,.fa-thermometer-three-quarters{--fa:"\f2c8"}.fa-temperature-2,.fa-temperature-half,.fa-thermometer-2,.fa-thermometer-half{--fa:"\f2c9"}.fa-temperature-1,.fa-temperature-quarter,.fa-thermometer-1,.fa-thermometer-quarter{--fa:"\f2ca"}.fa-temperature-0,.fa-temperature-empty,.fa-thermometer-0,.fa-thermometer-empty{--fa:"\f2cb"}.fa-shower{--fa:"\f2cc"}.fa-bath,.fa-bathtub{--fa:"\f2cd"}.fa-podcast{--fa:"\f2ce"}.fa-window-maximize{--fa:"\f2d0"}.fa-window-minimize{--fa:"\f2d1"}.fa-window-restore{--fa:"\f2d2"}.fa-square-xmark,.fa-times-square,.fa-xmark-square{--fa:"\f2d3"}.fa-microchip{--fa:"\f2db"}.fa-snowflake{--fa:"\f2dc"}.fa-spoon,.fa-utensil-spoon{--fa:"\f2e5"}.fa-cutlery,.fa-utensils{--fa:"\f2e7"}.fa-rotate-back,.fa-rotate-backward,.fa-rotate-left,.fa-undo-alt{--fa:"\f2ea"}.fa-trash-alt,.fa-trash-can{--fa:"\f2ed"}.fa-rotate,.fa-sync-alt{--fa:"\f2f1"}.fa-stopwatch{--fa:"\f2f2"}.fa-right-from-bracket,.fa-sign-out-alt{--fa:"\f2f5"}.fa-right-to-bracket,.fa-sign-in-alt{--fa:"\f2f6"}.fa-redo-alt,.fa-rotate-forward,.fa-rotate-right{--fa:"\f2f9"}.fa-poo{--fa:"\f2fe"}.fa-images{--fa:"\f302"}.fa-pencil,.fa-pencil-alt{--fa:"\f303"}.fa-pen{--fa:"\f304"}.fa-pen-alt,.fa-pen-clip{--fa:"\f305"}.fa-octagon{--fa:"\f306"}.fa-down-long,.fa-long-arrow-alt-down{--fa:"\f309"}.fa-left-long,.fa-long-arrow-alt-left{--fa:"\f30a"}.fa-long-arrow-alt-right,.fa-right-long{--fa:"\f30b"}.fa-long-arrow-alt-up,.fa-up-long{--fa:"\f30c"}.fa-hexagon{--fa:"\f312"}.fa-file-edit,.fa-file-pen{--fa:"\f31c"}.fa-expand-arrows-alt,.fa-maximize{--fa:"\f31e"}.fa-clipboard{--fa:"\f328"}.fa-arrows-alt-h,.fa-left-right{--fa:"\f337"}.fa-arrows-alt-v,.fa-up-down{--fa:"\f338"}.fa-alarm-clock{--fa:"\f34e"}.fa-arrow-alt-circle-down,.fa-circle-down{--fa:"\f358"}.fa-arrow-alt-circle-left,.fa-circle-left{--fa:"\f359"}.fa-arrow-alt-circle-right,.fa-circle-right{--fa:"\f35a"}.fa-arrow-alt-circle-up,.fa-circle-up{--fa:"\f35b"}.fa-external-link-alt,.fa-up-right-from-square{--fa:"\f35d"}.fa-external-link-square-alt,.fa-square-up-right{--fa:"\f360"}.fa-exchange-alt,.fa-right-left{--fa:"\f362"}.fa-repeat{--fa:"\f363"}.fa-code-commit{--fa:"\f386"}.fa-code-merge{--fa:"\f387"}.fa-desktop,.fa-desktop-alt{--fa:"\f390"}.fa-gem{--fa:"\f3a5"}.fa-level-down-alt,.fa-turn-down{--fa:"\f3be"}.fa-level-up-alt,.fa-turn-up{--fa:"\f3bf"}.fa-lock-open{--fa:"\f3c1"}.fa-location-dot,.fa-map-marker-alt{--fa:"\f3c5"}.fa-microphone-alt,.fa-microphone-lines{--fa:"\f3c9"}.fa-mobile-alt,.fa-mobile-screen-button{--fa:"\f3cd"}.fa-mobile,.fa-mobile-android,.fa-mobile-phone{--fa:"\f3ce"}.fa-mobile-android-alt,.fa-mobile-screen{--fa:"\f3cf"}.fa-money-bill-1,.fa-money-bill-alt{--fa:"\f3d1"}.fa-phone-slash{--fa:"\f3dd"}.fa-image-portrait,.fa-portrait{--fa:"\f3e0"}.fa-mail-reply,.fa-reply{--fa:"\f3e5"}.fa-shield-alt,.fa-shield-halved{--fa:"\f3ed"}.fa-tablet-alt,.fa-tablet-screen-button{--fa:"\f3fa"}.fa-tablet,.fa-tablet-android{--fa:"\f3fb"}.fa-ticket-alt,.fa-ticket-simple{--fa:"\f3ff"}.fa-rectangle-times,.fa-rectangle-xmark,.fa-times-rectangle,.fa-window-close{--fa:"\f410"}.fa-compress-alt,.fa-down-left-and-up-right-to-center{--fa:"\f422"}.fa-expand-alt,.fa-up-right-and-down-left-from-center{--fa:"\f424"}.fa-baseball-bat-ball{--fa:"\f432"}.fa-baseball,.fa-baseball-ball{--fa:"\f433"}.fa-basketball,.fa-basketball-ball{--fa:"\f434"}.fa-bowling-ball{--fa:"\f436"}.fa-chess{--fa:"\f439"}.fa-chess-bishop{--fa:"\f43a"}.fa-chess-board{--fa:"\f43c"}.fa-chess-king{--fa:"\f43f"}.fa-chess-knight{--fa:"\f441"}.fa-chess-pawn{--fa:"\f443"}.fa-chess-queen{--fa:"\f445"}.fa-chess-rook{--fa:"\f447"}.fa-dumbbell{--fa:"\f44b"}.fa-football,.fa-football-ball{--fa:"\f44e"}.fa-golf-ball,.fa-golf-ball-tee{--fa:"\f450"}.fa-hockey-puck{--fa:"\f453"}.fa-broom-ball,.fa-quidditch,.fa-quidditch-broom-ball{--fa:"\f458"}.fa-square-full{--fa:"\f45c"}.fa-ping-pong-paddle-ball,.fa-table-tennis,.fa-table-tennis-paddle-ball{--fa:"\f45d"}.fa-volleyball,.fa-volleyball-ball{--fa:"\f45f"}.fa-allergies,.fa-hand-dots{--fa:"\f461"}.fa-band-aid,.fa-bandage{--fa:"\f462"}.fa-box{--fa:"\f466"}.fa-boxes,.fa-boxes-alt,.fa-boxes-stacked{--fa:"\f468"}.fa-briefcase-medical{--fa:"\f469"}.fa-burn,.fa-fire-flame-simple{--fa:"\f46a"}.fa-capsules{--fa:"\f46b"}.fa-clipboard-check{--fa:"\f46c"}.fa-clipboard-list{--fa:"\f46d"}.fa-diagnoses,.fa-person-dots-from-line{--fa:"\f470"}.fa-dna{--fa:"\f471"}.fa-dolly,.fa-dolly-box{--fa:"\f472"}.fa-cart-flatbed,.fa-dolly-flatbed{--fa:"\f474"}.fa-file-medical{--fa:"\f477"}.fa-file-medical-alt,.fa-file-waveform{--fa:"\f478"}.fa-first-aid,.fa-kit-medical{--fa:"\f479"}.fa-circle-h,.fa-hospital-symbol{--fa:"\f47e"}.fa-id-card-alt,.fa-id-card-clip{--fa:"\f47f"}.fa-notes-medical{--fa:"\f481"}.fa-pallet{--fa:"\f482"}.fa-pills{--fa:"\f484"}.fa-prescription-bottle{--fa:"\f485"}.fa-prescription-bottle-alt,.fa-prescription-bottle-medical{--fa:"\f486"}.fa-bed-pulse,.fa-procedures{--fa:"\f487"}.fa-shipping-fast,.fa-truck-fast{--fa:"\f48b"}.fa-smoking{--fa:"\f48d"}.fa-syringe{--fa:"\f48e"}.fa-tablets{--fa:"\f490"}.fa-thermometer{--fa:"\f491"}.fa-vial{--fa:"\f492"}.fa-vials{--fa:"\f493"}.fa-warehouse{--fa:"\f494"}.fa-weight,.fa-weight-scale{--fa:"\f496"}.fa-x-ray{--fa:"\f497"}.fa-box-open{--fa:"\f49e"}.fa-comment-dots,.fa-commenting{--fa:"\f4ad"}.fa-comment-slash{--fa:"\f4b3"}.fa-couch{--fa:"\f4b8"}.fa-circle-dollar-to-slot,.fa-donate{--fa:"\f4b9"}.fa-dove{--fa:"\f4ba"}.fa-hand-holding{--fa:"\f4bd"}.fa-hand-holding-heart{--fa:"\f4be"}.fa-hand-holding-dollar,.fa-hand-holding-usd{--fa:"\f4c0"}.fa-hand-holding-droplet,.fa-hand-holding-water{--fa:"\f4c1"}.fa-hands-holding{--fa:"\f4c2"}.fa-hands-helping,.fa-handshake-angle{--fa:"\f4c4"}.fa-parachute-box{--fa:"\f4cd"}.fa-people-carry,.fa-people-carry-box{--fa:"\f4ce"}.fa-piggy-bank{--fa:"\f4d3"}.fa-ribbon{--fa:"\f4d6"}.fa-route{--fa:"\f4d7"}.fa-seedling,.fa-sprout{--fa:"\f4d8"}.fa-sign,.fa-sign-hanging{--fa:"\f4d9"}.fa-face-smile-wink,.fa-smile-wink{--fa:"\f4da"}.fa-tape{--fa:"\f4db"}.fa-truck-loading,.fa-truck-ramp-box{--fa:"\f4de"}.fa-truck-moving{--fa:"\f4df"}.fa-video-slash{--fa:"\f4e2"}.fa-wine-glass{--fa:"\f4e3"}.fa-user-astronaut{--fa:"\f4fb"}.fa-user-check{--fa:"\f4fc"}.fa-user-clock{--fa:"\f4fd"}.fa-user-cog,.fa-user-gear{--fa:"\f4fe"}.fa-user-edit,.fa-user-pen{--fa:"\f4ff"}.fa-user-friends,.fa-user-group{--fa:"\f500"}.fa-user-graduate{--fa:"\f501"}.fa-user-lock{--fa:"\f502"}.fa-user-minus{--fa:"\f503"}.fa-user-ninja{--fa:"\f504"}.fa-user-shield{--fa:"\f505"}.fa-user-alt-slash,.fa-user-large-slash,.fa-user-slash{--fa:"\f506"}.fa-user-tag{--fa:"\f507"}.fa-user-tie{--fa:"\f508"}.fa-users-cog,.fa-users-gear{--fa:"\f509"}.fa-balance-scale-left,.fa-scale-unbalanced{--fa:"\f515"}.fa-balance-scale-right,.fa-scale-unbalanced-flip{--fa:"\f516"}.fa-blender{--fa:"\f517"}.fa-book-open{--fa:"\f518"}.fa-broadcast-tower,.fa-tower-broadcast{--fa:"\f519"}.fa-broom{--fa:"\f51a"}.fa-blackboard,.fa-chalkboard{--fa:"\f51b"}.fa-chalkboard-teacher,.fa-chalkboard-user{--fa:"\f51c"}.fa-church{--fa:"\f51d"}.fa-coins{--fa:"\f51e"}.fa-compact-disc{--fa:"\f51f"}.fa-crow{--fa:"\f520"}.fa-crown{--fa:"\f521"}.fa-dice{--fa:"\f522"}.fa-dice-five{--fa:"\f523"}.fa-dice-four{--fa:"\f524"}.fa-dice-one{--fa:"\f525"}.fa-dice-six{--fa:"\f526"}.fa-dice-three{--fa:"\f527"}.fa-dice-two{--fa:"\f528"}.fa-divide{--fa:"\f529"}.fa-door-closed{--fa:"\f52a"}.fa-door-open{--fa:"\f52b"}.fa-feather{--fa:"\f52d"}.fa-frog{--fa:"\f52e"}.fa-gas-pump{--fa:"\f52f"}.fa-glasses{--fa:"\f530"}.fa-greater-than-equal{--fa:"\f532"}.fa-helicopter{--fa:"\f533"}.fa-infinity{--fa:"\f534"}.fa-kiwi-bird{--fa:"\f535"}.fa-less-than-equal{--fa:"\f537"}.fa-memory{--fa:"\f538"}.fa-microphone-alt-slash,.fa-microphone-lines-slash{--fa:"\f539"}.fa-money-bill-wave{--fa:"\f53a"}.fa-money-bill-1-wave,.fa-money-bill-wave-alt{--fa:"\f53b"}.fa-money-check{--fa:"\f53c"}.fa-money-check-alt,.fa-money-check-dollar{--fa:"\f53d"}.fa-not-equal{--fa:"\f53e"}.fa-palette{--fa:"\f53f"}.fa-parking,.fa-square-parking{--fa:"\f540"}.fa-diagram-project,.fa-project-diagram{--fa:"\f542"}.fa-receipt{--fa:"\f543"}.fa-robot{--fa:"\f544"}.fa-ruler{--fa:"\f545"}.fa-ruler-combined{--fa:"\f546"}.fa-ruler-horizontal{--fa:"\f547"}.fa-ruler-vertical{--fa:"\f548"}.fa-school{--fa:"\f549"}.fa-screwdriver{--fa:"\f54a"}.fa-shoe-prints{--fa:"\f54b"}.fa-skull{--fa:"\f54c"}.fa-ban-smoking,.fa-smoking-ban{--fa:"\f54d"}.fa-store{--fa:"\f54e"}.fa-shop,.fa-store-alt{--fa:"\f54f"}.fa-bars-staggered,.fa-reorder,.fa-stream{--fa:"\f550"}.fa-stroopwafel{--fa:"\f551"}.fa-toolbox{--fa:"\f552"}.fa-shirt,.fa-t-shirt,.fa-tshirt{--fa:"\f553"}.fa-person-walking,.fa-walking{--fa:"\f554"}.fa-wallet{--fa:"\f555"}.fa-angry,.fa-face-angry{--fa:"\f556"}.fa-archway{--fa:"\f557"}.fa-atlas,.fa-book-atlas{--fa:"\f558"}.fa-award{--fa:"\f559"}.fa-backspace,.fa-delete-left{--fa:"\f55a"}.fa-bezier-curve{--fa:"\f55b"}.fa-bong{--fa:"\f55c"}.fa-brush{--fa:"\f55d"}.fa-bus-alt,.fa-bus-simple{--fa:"\f55e"}.fa-cannabis{--fa:"\f55f"}.fa-check-double{--fa:"\f560"}.fa-cocktail,.fa-martini-glass-citrus{--fa:"\f561"}.fa-bell-concierge,.fa-concierge-bell{--fa:"\f562"}.fa-cookie{--fa:"\f563"}.fa-cookie-bite{--fa:"\f564"}.fa-crop-alt,.fa-crop-simple{--fa:"\f565"}.fa-digital-tachograph,.fa-tachograph-digital{--fa:"\f566"}.fa-dizzy,.fa-face-dizzy{--fa:"\f567"}.fa-compass-drafting,.fa-drafting-compass{--fa:"\f568"}.fa-drum{--fa:"\f569"}.fa-drum-steelpan{--fa:"\f56a"}.fa-feather-alt,.fa-feather-pointed{--fa:"\f56b"}.fa-file-contract{--fa:"\f56c"}.fa-file-arrow-down,.fa-file-download{--fa:"\f56d"}.fa-arrow-right-from-file,.fa-file-export{--fa:"\f56e"}.fa-arrow-right-to-file,.fa-file-import{--fa:"\f56f"}.fa-file-invoice{--fa:"\f570"}.fa-file-invoice-dollar{--fa:"\f571"}.fa-file-prescription{--fa:"\f572"}.fa-file-signature{--fa:"\f573"}.fa-file-arrow-up,.fa-file-upload{--fa:"\f574"}.fa-fill{--fa:"\f575"}.fa-fill-drip{--fa:"\f576"}.fa-fingerprint{--fa:"\f577"}.fa-fish{--fa:"\f578"}.fa-face-flushed,.fa-flushed{--fa:"\f579"}.fa-face-frown-open,.fa-frown-open{--fa:"\f57a"}.fa-glass-martini-alt,.fa-martini-glass{--fa:"\f57b"}.fa-earth-africa,.fa-globe-africa{--fa:"\f57c"}.fa-earth,.fa-earth-america,.fa-earth-americas,.fa-globe-americas{--fa:"\f57d"}.fa-earth-asia,.fa-globe-asia{--fa:"\f57e"}.fa-face-grimace,.fa-grimace{--fa:"\f57f"}.fa-face-grin,.fa-grin{--fa:"\f580"}.fa-face-grin-wide,.fa-grin-alt{--fa:"\f581"}.fa-face-grin-beam,.fa-grin-beam{--fa:"\f582"}.fa-face-grin-beam-sweat,.fa-grin-beam-sweat{--fa:"\f583"}.fa-face-grin-hearts,.fa-grin-hearts{--fa:"\f584"}.fa-face-grin-squint,.fa-grin-squint{--fa:"\f585"}.fa-face-grin-squint-tears,.fa-grin-squint-tears{--fa:"\f586"}.fa-face-grin-stars,.fa-grin-stars{--fa:"\f587"}.fa-face-grin-tears,.fa-grin-tears{--fa:"\f588"}.fa-face-grin-tongue,.fa-grin-tongue{--fa:"\f589"}.fa-face-grin-tongue-squint,.fa-grin-tongue-squint{--fa:"\f58a"}.fa-face-grin-tongue-wink,.fa-grin-tongue-wink{--fa:"\f58b"}.fa-face-grin-wink,.fa-grin-wink{--fa:"\f58c"}.fa-grid-horizontal,.fa-grip,.fa-grip-horizontal{--fa:"\f58d"}.fa-grid-vertical,.fa-grip-vertical{--fa:"\f58e"}.fa-headset{--fa:"\f590"}.fa-highlighter{--fa:"\f591"}.fa-hot-tub,.fa-hot-tub-person{--fa:"\f593"}.fa-hotel{--fa:"\f594"}.fa-joint{--fa:"\f595"}.fa-face-kiss,.fa-kiss{--fa:"\f596"}.fa-face-kiss-beam,.fa-kiss-beam{--fa:"\f597"}.fa-face-kiss-wink-heart,.fa-kiss-wink-heart{--fa:"\f598"}.fa-face-laugh,.fa-laugh{--fa:"\f599"}.fa-face-laugh-beam,.fa-laugh-beam{--fa:"\f59a"}.fa-face-laugh-squint,.fa-laugh-squint{--fa:"\f59b"}.fa-face-laugh-wink,.fa-laugh-wink{--fa:"\f59c"}.fa-cart-flatbed-suitcase,.fa-luggage-cart{--fa:"\f59d"}.fa-map-location,.fa-map-marked{--fa:"\f59f"}.fa-map-location-dot,.fa-map-marked-alt{--fa:"\f5a0"}.fa-marker{--fa:"\f5a1"}.fa-medal{--fa:"\f5a2"}.fa-face-meh-blank,.fa-meh-blank{--fa:"\f5a4"}.fa-face-rolling-eyes,.fa-meh-rolling-eyes{--fa:"\f5a5"}.fa-monument{--fa:"\f5a6"}.fa-mortar-pestle{--fa:"\f5a7"}.fa-paint-roller{--fa:"\f5aa"}.fa-passport{--fa:"\f5ab"}.fa-pen-fancy{--fa:"\f5ac"}.fa-pen-nib{--fa:"\f5ad"}.fa-pen-ruler,.fa-pencil-ruler{--fa:"\f5ae"}.fa-plane-arrival{--fa:"\f5af"}.fa-plane-departure{--fa:"\f5b0"}.fa-prescription{--fa:"\f5b1"}.fa-face-sad-cry,.fa-sad-cry{--fa:"\f5b3"}.fa-face-sad-tear,.fa-sad-tear{--fa:"\f5b4"}.fa-shuttle-van,.fa-van-shuttle{--fa:"\f5b6"}.fa-signature{--fa:"\f5b7"}.fa-face-smile-beam,.fa-smile-beam{--fa:"\f5b8"}.fa-solar-panel{--fa:"\f5ba"}.fa-spa{--fa:"\f5bb"}.fa-splotch{--fa:"\f5bc"}.fa-spray-can{--fa:"\f5bd"}.fa-stamp{--fa:"\f5bf"}.fa-star-half-alt,.fa-star-half-stroke{--fa:"\f5c0"}.fa-suitcase-rolling{--fa:"\f5c1"}.fa-face-surprise,.fa-surprise{--fa:"\f5c2"}.fa-swatchbook{--fa:"\f5c3"}.fa-person-swimming,.fa-swimmer{--fa:"\f5c4"}.fa-ladder-water,.fa-swimming-pool,.fa-water-ladder{--fa:"\f5c5"}.fa-droplet-slash,.fa-tint-slash{--fa:"\f5c7"}.fa-face-tired,.fa-tired{--fa:"\f5c8"}.fa-tooth{--fa:"\f5c9"}.fa-umbrella-beach{--fa:"\f5ca"}.fa-weight-hanging{--fa:"\f5cd"}.fa-wine-glass-alt,.fa-wine-glass-empty{--fa:"\f5ce"}.fa-air-freshener,.fa-spray-can-sparkles{--fa:"\f5d0"}.fa-apple-alt,.fa-apple-whole{--fa:"\f5d1"}.fa-atom{--fa:"\f5d2"}.fa-bone{--fa:"\f5d7"}.fa-book-open-reader,.fa-book-reader{--fa:"\f5da"}.fa-brain{--fa:"\f5dc"}.fa-car-alt,.fa-car-rear{--fa:"\f5de"}.fa-battery-car,.fa-car-battery{--fa:"\f5df"}.fa-car-burst,.fa-car-crash{--fa:"\f5e1"}.fa-car-side{--fa:"\f5e4"}.fa-charging-station{--fa:"\f5e7"}.fa-diamond-turn-right,.fa-directions{--fa:"\f5eb"}.fa-draw-polygon,.fa-vector-polygon{--fa:"\f5ee"}.fa-laptop-code{--fa:"\f5fc"}.fa-layer-group{--fa:"\f5fd"}.fa-location,.fa-location-crosshairs{--fa:"\f601"}.fa-lungs{--fa:"\f604"}.fa-microscope{--fa:"\f610"}.fa-oil-can{--fa:"\f613"}.fa-poop{--fa:"\f619"}.fa-shapes,.fa-triangle-circle-square{--fa:"\f61f"}.fa-star-of-life{--fa:"\f621"}.fa-dashboard,.fa-gauge,.fa-gauge-med,.fa-tachometer-alt-average{--fa:"\f624"}.fa-gauge-high,.fa-tachometer-alt,.fa-tachometer-alt-fast{--fa:"\f625"}.fa-gauge-simple,.fa-gauge-simple-med,.fa-tachometer-average{--fa:"\f629"}.fa-gauge-simple-high,.fa-tachometer,.fa-tachometer-fast{--fa:"\f62a"}.fa-teeth{--fa:"\f62e"}.fa-teeth-open{--fa:"\f62f"}.fa-masks-theater,.fa-theater-masks{--fa:"\f630"}.fa-traffic-light{--fa:"\f637"}.fa-truck-monster{--fa:"\f63b"}.fa-truck-pickup{--fa:"\f63c"}.fa-ad,.fa-rectangle-ad{--fa:"\f641"}.fa-ankh{--fa:"\f644"}.fa-bible,.fa-book-bible{--fa:"\f647"}.fa-briefcase-clock,.fa-business-time{--fa:"\f64a"}.fa-city{--fa:"\f64f"}.fa-comment-dollar{--fa:"\f651"}.fa-comments-dollar{--fa:"\f653"}.fa-cross{--fa:"\f654"}.fa-dharmachakra{--fa:"\f655"}.fa-envelope-open-text{--fa:"\f658"}.fa-folder-minus{--fa:"\f65d"}.fa-folder-plus{--fa:"\f65e"}.fa-filter-circle-dollar,.fa-funnel-dollar{--fa:"\f662"}.fa-gopuram{--fa:"\f664"}.fa-hamsa{--fa:"\f665"}.fa-bahai,.fa-haykal{--fa:"\f666"}.fa-jedi{--fa:"\f669"}.fa-book-journal-whills,.fa-journal-whills{--fa:"\f66a"}.fa-kaaba{--fa:"\f66b"}.fa-khanda{--fa:"\f66d"}.fa-landmark{--fa:"\f66f"}.fa-envelopes-bulk,.fa-mail-bulk{--fa:"\f674"}.fa-menorah{--fa:"\f676"}.fa-mosque{--fa:"\f678"}.fa-om{--fa:"\f679"}.fa-pastafarianism,.fa-spaghetti-monster-flying{--fa:"\f67b"}.fa-peace{--fa:"\f67c"}.fa-place-of-worship{--fa:"\f67f"}.fa-poll,.fa-square-poll-vertical{--fa:"\f681"}.fa-poll-h,.fa-square-poll-horizontal{--fa:"\f682"}.fa-person-praying,.fa-pray{--fa:"\f683"}.fa-hands-praying,.fa-praying-hands{--fa:"\f684"}.fa-book-quran,.fa-quran{--fa:"\f687"}.fa-magnifying-glass-dollar,.fa-search-dollar{--fa:"\f688"}.fa-magnifying-glass-location,.fa-search-location{--fa:"\f689"}.fa-socks{--fa:"\f696"}.fa-square-root-alt,.fa-square-root-variable{--fa:"\f698"}.fa-star-and-crescent{--fa:"\f699"}.fa-star-of-david{--fa:"\f69a"}.fa-synagogue{--fa:"\f69b"}.fa-scroll-torah,.fa-torah{--fa:"\f6a0"}.fa-torii-gate{--fa:"\f6a1"}.fa-vihara{--fa:"\f6a7"}.fa-volume-mute,.fa-volume-times,.fa-volume-xmark{--fa:"\f6a9"}.fa-yin-yang{--fa:"\f6ad"}.fa-blender-phone{--fa:"\f6b6"}.fa-book-dead,.fa-book-skull{--fa:"\f6b7"}.fa-campground{--fa:"\f6bb"}.fa-cat{--fa:"\f6be"}.fa-chair{--fa:"\f6c0"}.fa-cloud-moon{--fa:"\f6c3"}.fa-cloud-sun{--fa:"\f6c4"}.fa-cow{--fa:"\f6c8"}.fa-dice-d20{--fa:"\f6cf"}.fa-dice-d6{--fa:"\f6d1"}.fa-dog{--fa:"\f6d3"}.fa-dragon{--fa:"\f6d5"}.fa-drumstick-bite{--fa:"\f6d7"}.fa-dungeon{--fa:"\f6d9"}.fa-file-csv{--fa:"\f6dd"}.fa-fist-raised,.fa-hand-fist{--fa:"\f6de"}.fa-ghost{--fa:"\f6e2"}.fa-hammer{--fa:"\f6e3"}.fa-hanukiah{--fa:"\f6e6"}.fa-hat-wizard{--fa:"\f6e8"}.fa-hiking,.fa-person-hiking{--fa:"\f6ec"}.fa-hippo{--fa:"\f6ed"}.fa-horse{--fa:"\f6f0"}.fa-house-chimney-crack,.fa-house-damage{--fa:"\f6f1"}.fa-hryvnia,.fa-hryvnia-sign{--fa:"\f6f2"}.fa-mask{--fa:"\f6fa"}.fa-mountain{--fa:"\f6fc"}.fa-network-wired{--fa:"\f6ff"}.fa-otter{--fa:"\f700"}.fa-ring{--fa:"\f70b"}.fa-person-running,.fa-running{--fa:"\f70c"}.fa-scroll{--fa:"\f70e"}.fa-skull-crossbones{--fa:"\f714"}.fa-slash{--fa:"\f715"}.fa-spider{--fa:"\f717"}.fa-toilet-paper,.fa-toilet-paper-alt,.fa-toilet-paper-blank{--fa:"\f71e"}.fa-tractor{--fa:"\f722"}.fa-user-injured{--fa:"\f728"}.fa-vr-cardboard{--fa:"\f729"}.fa-wand-sparkles{--fa:"\f72b"}.fa-wind{--fa:"\f72e"}.fa-wine-bottle{--fa:"\f72f"}.fa-cloud-meatball{--fa:"\f73b"}.fa-cloud-moon-rain{--fa:"\f73c"}.fa-cloud-rain{--fa:"\f73d"}.fa-cloud-showers-heavy{--fa:"\f740"}.fa-cloud-sun-rain{--fa:"\f743"}.fa-democrat{--fa:"\f747"}.fa-flag-usa{--fa:"\f74d"}.fa-hurricane{--fa:"\f751"}.fa-landmark-alt,.fa-landmark-dome{--fa:"\f752"}.fa-meteor{--fa:"\f753"}.fa-person-booth{--fa:"\f756"}.fa-poo-bolt,.fa-poo-storm{--fa:"\f75a"}.fa-rainbow{--fa:"\f75b"}.fa-republican{--fa:"\f75e"}.fa-smog{--fa:"\f75f"}.fa-temperature-high{--fa:"\f769"}.fa-temperature-low{--fa:"\f76b"}.fa-cloud-bolt,.fa-thunderstorm{--fa:"\f76c"}.fa-tornado{--fa:"\f76f"}.fa-volcano{--fa:"\f770"}.fa-check-to-slot,.fa-vote-yea{--fa:"\f772"}.fa-water{--fa:"\f773"}.fa-baby{--fa:"\f77c"}.fa-baby-carriage,.fa-carriage-baby{--fa:"\f77d"}.fa-biohazard{--fa:"\f780"}.fa-blog{--fa:"\f781"}.fa-calendar-day{--fa:"\f783"}.fa-calendar-week{--fa:"\f784"}.fa-candy-cane{--fa:"\f786"}.fa-carrot{--fa:"\f787"}.fa-cash-register{--fa:"\f788"}.fa-compress-arrows-alt,.fa-minimize{--fa:"\f78c"}.fa-dumpster{--fa:"\f793"}.fa-dumpster-fire{--fa:"\f794"}.fa-ethernet{--fa:"\f796"}.fa-gifts{--fa:"\f79c"}.fa-champagne-glasses,.fa-glass-cheers{--fa:"\f79f"}.fa-glass-whiskey,.fa-whiskey-glass{--fa:"\f7a0"}.fa-earth-europe,.fa-globe-europe{--fa:"\f7a2"}.fa-grip-lines{--fa:"\f7a4"}.fa-grip-lines-vertical{--fa:"\f7a5"}.fa-guitar{--fa:"\f7a6"}.fa-heart-broken,.fa-heart-crack{--fa:"\f7a9"}.fa-holly-berry{--fa:"\f7aa"}.fa-horse-head{--fa:"\f7ab"}.fa-icicles{--fa:"\f7ad"}.fa-igloo{--fa:"\f7ae"}.fa-mitten{--fa:"\f7b5"}.fa-mug-hot{--fa:"\f7b6"}.fa-radiation{--fa:"\f7b9"}.fa-circle-radiation,.fa-radiation-alt{--fa:"\f7ba"}.fa-restroom{--fa:"\f7bd"}.fa-satellite{--fa:"\f7bf"}.fa-satellite-dish{--fa:"\f7c0"}.fa-sd-card{--fa:"\f7c2"}.fa-sim-card{--fa:"\f7c4"}.fa-person-skating,.fa-skating{--fa:"\f7c5"}.fa-person-skiing,.fa-skiing{--fa:"\f7c9"}.fa-person-skiing-nordic,.fa-skiing-nordic{--fa:"\f7ca"}.fa-sleigh{--fa:"\f7cc"}.fa-comment-sms,.fa-sms{--fa:"\f7cd"}.fa-person-snowboarding,.fa-snowboarding{--fa:"\f7ce"}.fa-snowman{--fa:"\f7d0"}.fa-snowplow{--fa:"\f7d2"}.fa-tenge,.fa-tenge-sign{--fa:"\f7d7"}.fa-toilet{--fa:"\f7d8"}.fa-screwdriver-wrench,.fa-tools{--fa:"\f7d9"}.fa-cable-car,.fa-tram{--fa:"\f7da"}.fa-fire-alt,.fa-fire-flame-curved{--fa:"\f7e4"}.fa-bacon{--fa:"\f7e5"}.fa-book-medical{--fa:"\f7e6"}.fa-bread-slice{--fa:"\f7ec"}.fa-cheese{--fa:"\f7ef"}.fa-clinic-medical,.fa-house-chimney-medical{--fa:"\f7f2"}.fa-clipboard-user{--fa:"\f7f3"}.fa-comment-medical{--fa:"\f7f5"}.fa-crutch{--fa:"\f7f7"}.fa-disease{--fa:"\f7fa"}.fa-egg{--fa:"\f7fb"}.fa-folder-tree{--fa:"\f802"}.fa-burger,.fa-hamburger{--fa:"\f805"}.fa-hand-middle-finger{--fa:"\f806"}.fa-hard-hat,.fa-hat-hard,.fa-helmet-safety{--fa:"\f807"}.fa-hospital-user{--fa:"\f80d"}.fa-hotdog{--fa:"\f80f"}.fa-ice-cream{--fa:"\f810"}.fa-laptop-medical{--fa:"\f812"}.fa-pager{--fa:"\f815"}.fa-pepper-hot{--fa:"\f816"}.fa-pizza-slice{--fa:"\f818"}.fa-sack-dollar{--fa:"\f81d"}.fa-book-tanakh,.fa-tanakh{--fa:"\f827"}.fa-bars-progress,.fa-tasks-alt{--fa:"\f828"}.fa-trash-arrow-up,.fa-trash-restore{--fa:"\f829"}.fa-trash-can-arrow-up,.fa-trash-restore-alt{--fa:"\f82a"}.fa-user-nurse{--fa:"\f82f"}.fa-wave-square{--fa:"\f83e"}.fa-biking,.fa-person-biking{--fa:"\f84a"}.fa-border-all{--fa:"\f84c"}.fa-border-none{--fa:"\f850"}.fa-border-style,.fa-border-top-left{--fa:"\f853"}.fa-digging,.fa-person-digging{--fa:"\f85e"}.fa-fan{--fa:"\f863"}.fa-heart-music-camera-bolt,.fa-icons{--fa:"\f86d"}.fa-phone-alt,.fa-phone-flip{--fa:"\f879"}.fa-phone-square-alt,.fa-square-phone-flip{--fa:"\f87b"}.fa-photo-film,.fa-photo-video{--fa:"\f87c"}.fa-remove-format,.fa-text-slash{--fa:"\f87d"}.fa-arrow-down-z-a,.fa-sort-alpha-desc,.fa-sort-alpha-down-alt{--fa:"\f881"}.fa-arrow-up-z-a,.fa-sort-alpha-up-alt{--fa:"\f882"}.fa-arrow-down-short-wide,.fa-sort-amount-desc,.fa-sort-amount-down-alt{--fa:"\f884"}.fa-arrow-up-short-wide,.fa-sort-amount-up-alt{--fa:"\f885"}.fa-arrow-down-9-1,.fa-sort-numeric-desc,.fa-sort-numeric-down-alt{--fa:"\f886"}.fa-arrow-up-9-1,.fa-sort-numeric-up-alt{--fa:"\f887"}.fa-spell-check{--fa:"\f891"}.fa-voicemail{--fa:"\f897"}.fa-hat-cowboy{--fa:"\f8c0"}.fa-hat-cowboy-side{--fa:"\f8c1"}.fa-computer-mouse,.fa-mouse{--fa:"\f8cc"}.fa-radio{--fa:"\f8d7"}.fa-record-vinyl{--fa:"\f8d9"}.fa-walkie-talkie{--fa:"\f8ef"}.fa-caravan{--fa:"\f8ff"}
:host,:root{--fa-family-brands:"Font Awesome 7 Brands";--fa-font-brands:normal 400 1em/1 var(--fa-family-brands)}@font-face{font-family:"Font Awesome 7 Brands";font-style:normal;font-weight:400;font-display:block;src:url(./fa-brands-400-BfBXV7Mm.woff2)}.fa-brands,.fa-classic.fa-brands,.fab{--fa-family:var(--fa-family-brands);--fa-style:400}.fa-firefox-browser{--fa:"\e007"}.fa-ideal{--fa:"\e013"}.fa-microblog{--fa:"\e01a"}.fa-pied-piper-square,.fa-square-pied-piper{--fa:"\e01e"}.fa-unity{--fa:"\e049"}.fa-dailymotion{--fa:"\e052"}.fa-instagram-square,.fa-square-instagram{--fa:"\e055"}.fa-mixer{--fa:"\e056"}.fa-shopify{--fa:"\e057"}.fa-deezer{--fa:"\e077"}.fa-edge-legacy{--fa:"\e078"}.fa-google-pay{--fa:"\e079"}.fa-rust{--fa:"\e07a"}.fa-tiktok{--fa:"\e07b"}.fa-unsplash{--fa:"\e07c"}.fa-cloudflare{--fa:"\e07d"}.fa-guilded{--fa:"\e07e"}.fa-hive{--fa:"\e07f"}.fa-42-group,.fa-innosoft{--fa:"\e080"}.fa-instalod{--fa:"\e081"}.fa-octopus-deploy{--fa:"\e082"}.fa-perbyte{--fa:"\e083"}.fa-uncharted{--fa:"\e084"}.fa-watchman-monitoring{--fa:"\e087"}.fa-wodu{--fa:"\e088"}.fa-wirsindhandwerk,.fa-wsh{--fa:"\e2d0"}.fa-bots{--fa:"\e340"}.fa-cmplid{--fa:"\e360"}.fa-bilibili{--fa:"\e3d9"}.fa-golang{--fa:"\e40f"}.fa-pix{--fa:"\e43a"}.fa-sitrox{--fa:"\e44a"}.fa-hashnode{--fa:"\e499"}.fa-meta{--fa:"\e49b"}.fa-padlet{--fa:"\e4a0"}.fa-nfc-directional{--fa:"\e530"}.fa-nfc-symbol{--fa:"\e531"}.fa-screenpal{--fa:"\e570"}.fa-space-awesome{--fa:"\e5ac"}.fa-square-font-awesome{--fa:"\e5ad"}.fa-gitlab-square,.fa-square-gitlab{--fa:"\e5ae"}.fa-odysee{--fa:"\e5c6"}.fa-stubber{--fa:"\e5c7"}.fa-debian{--fa:"\e60b"}.fa-shoelace{--fa:"\e60c"}.fa-threads{--fa:"\e618"}.fa-square-threads{--fa:"\e619"}.fa-square-x-twitter{--fa:"\e61a"}.fa-x-twitter{--fa:"\e61b"}.fa-opensuse{--fa:"\e62b"}.fa-letterboxd{--fa:"\e62d"}.fa-square-letterboxd{--fa:"\e62e"}.fa-mintbit{--fa:"\e62f"}.fa-google-scholar{--fa:"\e63b"}.fa-brave{--fa:"\e63c"}.fa-brave-reverse{--fa:"\e63d"}.fa-pixiv{--fa:"\e640"}.fa-upwork{--fa:"\e641"}.fa-webflow{--fa:"\e65c"}.fa-signal-messenger{--fa:"\e663"}.fa-bluesky{--fa:"\e671"}.fa-jxl{--fa:"\e67b"}.fa-square-upwork{--fa:"\e67c"}.fa-web-awesome{--fa:"\e682"}.fa-square-web-awesome{--fa:"\e683"}.fa-square-web-awesome-stroke{--fa:"\e684"}.fa-dart-lang{--fa:"\e693"}.fa-flutter{--fa:"\e694"}.fa-files-pinwheel{--fa:"\e69f"}.fa-css{--fa:"\e6a2"}.fa-square-bluesky{--fa:"\e6a3"}.fa-openai{--fa:"\e7cf"}.fa-square-linkedin{--fa:"\e7d0"}.fa-cash-app{--fa:"\e7d4"}.fa-disqus{--fa:"\e7d5"}.fa-11ty,.fa-eleventy{--fa:"\e7d6"}.fa-kakao-talk{--fa:"\e7d7"}.fa-linktree{--fa:"\e7d8"}.fa-notion{--fa:"\e7d9"}.fa-pandora{--fa:"\e7da"}.fa-pixelfed{--fa:"\e7db"}.fa-tidal{--fa:"\e7dc"}.fa-vsco{--fa:"\e7dd"}.fa-w3c{--fa:"\e7de"}.fa-lumon{--fa:"\e7e2"}.fa-lumon-drop{--fa:"\e7e3"}.fa-square-figma{--fa:"\e7e4"}.fa-tex{--fa:"\e7ff"}.fa-duolingo{--fa:"\e812"}.fa-square-twitter,.fa-twitter-square{--fa:"\f081"}.fa-facebook-square,.fa-square-facebook{--fa:"\f082"}.fa-linkedin{--fa:"\f08c"}.fa-github-square,.fa-square-github{--fa:"\f092"}.fa-twitter{--fa:"\f099"}.fa-facebook{--fa:"\f09a"}.fa-github{--fa:"\f09b"}.fa-pinterest{--fa:"\f0d2"}.fa-pinterest-square,.fa-square-pinterest{--fa:"\f0d3"}.fa-google-plus-square,.fa-square-google-plus{--fa:"\f0d4"}.fa-google-plus-g{--fa:"\f0d5"}.fa-linkedin-in{--fa:"\f0e1"}.fa-github-alt{--fa:"\f113"}.fa-maxcdn{--fa:"\f136"}.fa-html5{--fa:"\f13b"}.fa-css3{--fa:"\f13c"}.fa-btc{--fa:"\f15a"}.fa-youtube{--fa:"\f167"}.fa-xing{--fa:"\f168"}.fa-square-xing,.fa-xing-square{--fa:"\f169"}.fa-dropbox{--fa:"\f16b"}.fa-stack-overflow{--fa:"\f16c"}.fa-instagram{--fa:"\f16d"}.fa-flickr{--fa:"\f16e"}.fa-adn{--fa:"\f170"}.fa-bitbucket{--fa:"\f171"}.fa-tumblr{--fa:"\f173"}.fa-square-tumblr,.fa-tumblr-square{--fa:"\f174"}.fa-apple{--fa:"\f179"}.fa-windows{--fa:"\f17a"}.fa-android{--fa:"\f17b"}.fa-linux{--fa:"\f17c"}.fa-dribbble{--fa:"\f17d"}.fa-skype{--fa:"\f17e"}.fa-foursquare{--fa:"\f180"}.fa-trello{--fa:"\f181"}.fa-gratipay{--fa:"\f184"}.fa-vk{--fa:"\f189"}.fa-weibo{--fa:"\f18a"}.fa-renren{--fa:"\f18b"}.fa-pagelines{--fa:"\f18c"}.fa-stack-exchange{--fa:"\f18d"}.fa-square-vimeo,.fa-vimeo-square{--fa:"\f194"}.fa-slack,.fa-slack-hash{--fa:"\f198"}.fa-wordpress{--fa:"\f19a"}.fa-openid{--fa:"\f19b"}.fa-yahoo{--fa:"\f19e"}.fa-google{--fa:"\f1a0"}.fa-reddit{--fa:"\f1a1"}.fa-reddit-square,.fa-square-reddit{--fa:"\f1a2"}.fa-stumbleupon-circle{--fa:"\f1a3"}.fa-stumbleupon{--fa:"\f1a4"}.fa-delicious{--fa:"\f1a5"}.fa-digg{--fa:"\f1a6"}.fa-pied-piper-pp{--fa:"\f1a7"}.fa-pied-piper-alt{--fa:"\f1a8"}.fa-drupal{--fa:"\f1a9"}.fa-joomla{--fa:"\f1aa"}.fa-behance{--fa:"\f1b4"}.fa-behance-square,.fa-square-behance{--fa:"\f1b5"}.fa-steam{--fa:"\f1b6"}.fa-square-steam,.fa-steam-square{--fa:"\f1b7"}.fa-spotify{--fa:"\f1bc"}.fa-deviantart{--fa:"\f1bd"}.fa-soundcloud{--fa:"\f1be"}.fa-vine{--fa:"\f1ca"}.fa-codepen{--fa:"\f1cb"}.fa-jsfiddle{--fa:"\f1cc"}.fa-rebel{--fa:"\f1d0"}.fa-empire{--fa:"\f1d1"}.fa-git-square,.fa-square-git{--fa:"\f1d2"}.fa-git{--fa:"\f1d3"}.fa-hacker-news{--fa:"\f1d4"}.fa-tencent-weibo{--fa:"\f1d5"}.fa-qq{--fa:"\f1d6"}.fa-weixin{--fa:"\f1d7"}.fa-slideshare{--fa:"\f1e7"}.fa-twitch{--fa:"\f1e8"}.fa-yelp{--fa:"\f1e9"}.fa-paypal{--fa:"\f1ed"}.fa-google-wallet{--fa:"\f1ee"}.fa-cc-visa{--fa:"\f1f0"}.fa-cc-mastercard{--fa:"\f1f1"}.fa-cc-discover{--fa:"\f1f2"}.fa-cc-amex{--fa:"\f1f3"}.fa-cc-paypal{--fa:"\f1f4"}.fa-cc-stripe{--fa:"\f1f5"}.fa-lastfm{--fa:"\f202"}.fa-lastfm-square,.fa-square-lastfm{--fa:"\f203"}.fa-ioxhost{--fa:"\f208"}.fa-angellist{--fa:"\f209"}.fa-buysellads{--fa:"\f20d"}.fa-connectdevelop{--fa:"\f20e"}.fa-dashcube{--fa:"\f210"}.fa-forumbee{--fa:"\f211"}.fa-leanpub{--fa:"\f212"}.fa-sellsy{--fa:"\f213"}.fa-shirtsinbulk{--fa:"\f214"}.fa-simplybuilt{--fa:"\f215"}.fa-skyatlas{--fa:"\f216"}.fa-pinterest-p{--fa:"\f231"}.fa-whatsapp{--fa:"\f232"}.fa-viacoin{--fa:"\f237"}.fa-medium,.fa-medium-m{--fa:"\f23a"}.fa-y-combinator{--fa:"\f23b"}.fa-optin-monster{--fa:"\f23c"}.fa-opencart{--fa:"\f23d"}.fa-expeditedssl{--fa:"\f23e"}.fa-cc-jcb{--fa:"\f24b"}.fa-cc-diners-club{--fa:"\f24c"}.fa-creative-commons{--fa:"\f25e"}.fa-gg{--fa:"\f260"}.fa-gg-circle{--fa:"\f261"}.fa-odnoklassniki{--fa:"\f263"}.fa-odnoklassniki-square,.fa-square-odnoklassniki{--fa:"\f264"}.fa-get-pocket{--fa:"\f265"}.fa-wikipedia-w{--fa:"\f266"}.fa-safari{--fa:"\f267"}.fa-chrome{--fa:"\f268"}.fa-firefox{--fa:"\f269"}.fa-opera{--fa:"\f26a"}.fa-internet-explorer{--fa:"\f26b"}.fa-contao{--fa:"\f26d"}.fa-500px{--fa:"\f26e"}.fa-amazon{--fa:"\f270"}.fa-houzz{--fa:"\f27c"}.fa-vimeo-v{--fa:"\f27d"}.fa-black-tie{--fa:"\f27e"}.fa-fonticons{--fa:"\f280"}.fa-reddit-alien{--fa:"\f281"}.fa-edge{--fa:"\f282"}.fa-codiepie{--fa:"\f284"}.fa-modx{--fa:"\f285"}.fa-fort-awesome{--fa:"\f286"}.fa-usb{--fa:"\f287"}.fa-product-hunt{--fa:"\f288"}.fa-mixcloud{--fa:"\f289"}.fa-scribd{--fa:"\f28a"}.fa-bluetooth{--fa:"\f293"}.fa-bluetooth-b{--fa:"\f294"}.fa-gitlab{--fa:"\f296"}.fa-wpbeginner{--fa:"\f297"}.fa-wpforms{--fa:"\f298"}.fa-envira{--fa:"\f299"}.fa-glide{--fa:"\f2a5"}.fa-glide-g{--fa:"\f2a6"}.fa-viadeo{--fa:"\f2a9"}.fa-square-viadeo,.fa-viadeo-square{--fa:"\f2aa"}.fa-snapchat,.fa-snapchat-ghost{--fa:"\f2ab"}.fa-snapchat-square,.fa-square-snapchat{--fa:"\f2ad"}.fa-pied-piper{--fa:"\f2ae"}.fa-first-order{--fa:"\f2b0"}.fa-yoast{--fa:"\f2b1"}.fa-themeisle{--fa:"\f2b2"}.fa-google-plus{--fa:"\f2b3"}.fa-font-awesome,.fa-font-awesome-flag,.fa-font-awesome-logo-full{--fa:"\f2b4"}.fa-linode{--fa:"\f2b8"}.fa-quora{--fa:"\f2c4"}.fa-free-code-camp{--fa:"\f2c5"}.fa-telegram,.fa-telegram-plane{--fa:"\f2c6"}.fa-bandcamp{--fa:"\f2d5"}.fa-grav{--fa:"\f2d6"}.fa-etsy{--fa:"\f2d7"}.fa-imdb{--fa:"\f2d8"}.fa-ravelry{--fa:"\f2d9"}.fa-sellcast{--fa:"\f2da"}.fa-superpowers{--fa:"\f2dd"}.fa-wpexplorer{--fa:"\f2de"}.fa-meetup{--fa:"\f2e0"}.fa-font-awesome-alt,.fa-square-font-awesome-stroke{--fa:"\f35c"}.fa-accessible-icon{--fa:"\f368"}.fa-accusoft{--fa:"\f369"}.fa-adversal{--fa:"\f36a"}.fa-affiliatetheme{--fa:"\f36b"}.fa-algolia{--fa:"\f36c"}.fa-amilia{--fa:"\f36d"}.fa-angrycreative{--fa:"\f36e"}.fa-app-store{--fa:"\f36f"}.fa-app-store-ios{--fa:"\f370"}.fa-apper{--fa:"\f371"}.fa-asymmetrik{--fa:"\f372"}.fa-audible{--fa:"\f373"}.fa-avianex{--fa:"\f374"}.fa-aws{--fa:"\f375"}.fa-bimobject{--fa:"\f378"}.fa-bitcoin{--fa:"\f379"}.fa-bity{--fa:"\f37a"}.fa-blackberry{--fa:"\f37b"}.fa-blogger{--fa:"\f37c"}.fa-blogger-b{--fa:"\f37d"}.fa-buromobelexperte{--fa:"\f37f"}.fa-centercode{--fa:"\f380"}.fa-cloudscale{--fa:"\f383"}.fa-cloudsmith{--fa:"\f384"}.fa-cloudversify{--fa:"\f385"}.fa-cpanel{--fa:"\f388"}.fa-css3-alt{--fa:"\f38b"}.fa-cuttlefish{--fa:"\f38c"}.fa-d-and-d{--fa:"\f38d"}.fa-deploydog{--fa:"\f38e"}.fa-deskpro{--fa:"\f38f"}.fa-digital-ocean{--fa:"\f391"}.fa-discord{--fa:"\f392"}.fa-discourse{--fa:"\f393"}.fa-dochub{--fa:"\f394"}.fa-docker{--fa:"\f395"}.fa-draft2digital{--fa:"\f396"}.fa-dribbble-square,.fa-square-dribbble{--fa:"\f397"}.fa-dyalog{--fa:"\f399"}.fa-earlybirds{--fa:"\f39a"}.fa-erlang{--fa:"\f39d"}.fa-facebook-f{--fa:"\f39e"}.fa-facebook-messenger{--fa:"\f39f"}.fa-firstdraft{--fa:"\f3a1"}.fa-fonticons-fi{--fa:"\f3a2"}.fa-fort-awesome-alt{--fa:"\f3a3"}.fa-freebsd{--fa:"\f3a4"}.fa-gitkraken{--fa:"\f3a6"}.fa-gofore{--fa:"\f3a7"}.fa-goodreads{--fa:"\f3a8"}.fa-goodreads-g{--fa:"\f3a9"}.fa-google-drive{--fa:"\f3aa"}.fa-google-play{--fa:"\f3ab"}.fa-gripfire{--fa:"\f3ac"}.fa-grunt{--fa:"\f3ad"}.fa-gulp{--fa:"\f3ae"}.fa-hacker-news-square,.fa-square-hacker-news{--fa:"\f3af"}.fa-hire-a-helper{--fa:"\f3b0"}.fa-hotjar{--fa:"\f3b1"}.fa-hubspot{--fa:"\f3b2"}.fa-itunes{--fa:"\f3b4"}.fa-itunes-note{--fa:"\f3b5"}.fa-jenkins{--fa:"\f3b6"}.fa-joget{--fa:"\f3b7"}.fa-js{--fa:"\f3b8"}.fa-js-square,.fa-square-js{--fa:"\f3b9"}.fa-keycdn{--fa:"\f3ba"}.fa-kickstarter,.fa-square-kickstarter{--fa:"\f3bb"}.fa-kickstarter-k{--fa:"\f3bc"}.fa-laravel{--fa:"\f3bd"}.fa-line{--fa:"\f3c0"}.fa-lyft{--fa:"\f3c3"}.fa-magento{--fa:"\f3c4"}.fa-medapps{--fa:"\f3c6"}.fa-medrt{--fa:"\f3c8"}.fa-microsoft{--fa:"\f3ca"}.fa-mix{--fa:"\f3cb"}.fa-mizuni{--fa:"\f3cc"}.fa-monero{--fa:"\f3d0"}.fa-napster{--fa:"\f3d2"}.fa-node-js{--fa:"\f3d3"}.fa-npm{--fa:"\f3d4"}.fa-ns8{--fa:"\f3d5"}.fa-nutritionix{--fa:"\f3d6"}.fa-page4{--fa:"\f3d7"}.fa-palfed{--fa:"\f3d8"}.fa-patreon{--fa:"\f3d9"}.fa-periscope{--fa:"\f3da"}.fa-phabricator{--fa:"\f3db"}.fa-phoenix-framework{--fa:"\f3dc"}.fa-playstation{--fa:"\f3df"}.fa-pushed{--fa:"\f3e1"}.fa-python{--fa:"\f3e2"}.fa-red-river{--fa:"\f3e3"}.fa-rendact,.fa-wpressr{--fa:"\f3e4"}.fa-replyd{--fa:"\f3e6"}.fa-resolving{--fa:"\f3e7"}.fa-rocketchat{--fa:"\f3e8"}.fa-rockrms{--fa:"\f3e9"}.fa-schlix{--fa:"\f3ea"}.fa-searchengin{--fa:"\f3eb"}.fa-servicestack{--fa:"\f3ec"}.fa-sistrix{--fa:"\f3ee"}.fa-speakap{--fa:"\f3f3"}.fa-staylinked{--fa:"\f3f5"}.fa-steam-symbol{--fa:"\f3f6"}.fa-sticker-mule{--fa:"\f3f7"}.fa-studiovinari{--fa:"\f3f8"}.fa-supple{--fa:"\f3f9"}.fa-uber{--fa:"\f402"}.fa-uikit{--fa:"\f403"}.fa-uniregistry{--fa:"\f404"}.fa-untappd{--fa:"\f405"}.fa-ussunnah{--fa:"\f407"}.fa-vaadin{--fa:"\f408"}.fa-viber{--fa:"\f409"}.fa-vimeo{--fa:"\f40a"}.fa-vnv{--fa:"\f40b"}.fa-square-whatsapp,.fa-whatsapp-square{--fa:"\f40c"}.fa-whmcs{--fa:"\f40d"}.fa-wordpress-simple{--fa:"\f411"}.fa-xbox{--fa:"\f412"}.fa-yandex{--fa:"\f413"}.fa-yandex-international{--fa:"\f414"}.fa-apple-pay{--fa:"\f415"}.fa-cc-apple-pay{--fa:"\f416"}.fa-fly{--fa:"\f417"}.fa-node{--fa:"\f419"}.fa-osi{--fa:"\f41a"}.fa-react{--fa:"\f41b"}.fa-autoprefixer{--fa:"\f41c"}.fa-less{--fa:"\f41d"}.fa-sass{--fa:"\f41e"}.fa-vuejs{--fa:"\f41f"}.fa-angular{--fa:"\f420"}.fa-aviato{--fa:"\f421"}.fa-ember{--fa:"\f423"}.fa-gitter{--fa:"\f426"}.fa-hooli{--fa:"\f427"}.fa-strava{--fa:"\f428"}.fa-stripe{--fa:"\f429"}.fa-stripe-s{--fa:"\f42a"}.fa-typo3{--fa:"\f42b"}.fa-amazon-pay{--fa:"\f42c"}.fa-cc-amazon-pay{--fa:"\f42d"}.fa-ethereum{--fa:"\f42e"}.fa-korvue{--fa:"\f42f"}.fa-elementor{--fa:"\f430"}.fa-square-youtube,.fa-youtube-square{--fa:"\f431"}.fa-flipboard{--fa:"\f44d"}.fa-hips{--fa:"\f452"}.fa-php{--fa:"\f457"}.fa-quinscape{--fa:"\f459"}.fa-readme{--fa:"\f4d5"}.fa-java{--fa:"\f4e4"}.fa-pied-piper-hat{--fa:"\f4e5"}.fa-creative-commons-by{--fa:"\f4e7"}.fa-creative-commons-nc{--fa:"\f4e8"}.fa-creative-commons-nc-eu{--fa:"\f4e9"}.fa-creative-commons-nc-jp{--fa:"\f4ea"}.fa-creative-commons-nd{--fa:"\f4eb"}.fa-creative-commons-pd{--fa:"\f4ec"}.fa-creative-commons-pd-alt{--fa:"\f4ed"}.fa-creative-commons-remix{--fa:"\f4ee"}.fa-creative-commons-sa{--fa:"\f4ef"}.fa-creative-commons-sampling{--fa:"\f4f0"}.fa-creative-commons-sampling-plus{--fa:"\f4f1"}.fa-creative-commons-share{--fa:"\f4f2"}.fa-creative-commons-zero{--fa:"\f4f3"}.fa-ebay{--fa:"\f4f4"}.fa-keybase{--fa:"\f4f5"}.fa-mastodon{--fa:"\f4f6"}.fa-r-project{--fa:"\f4f7"}.fa-researchgate{--fa:"\f4f8"}.fa-teamspeak{--fa:"\f4f9"}.fa-first-order-alt{--fa:"\f50a"}.fa-fulcrum{--fa:"\f50b"}.fa-galactic-republic{--fa:"\f50c"}.fa-galactic-senate{--fa:"\f50d"}.fa-jedi-order{--fa:"\f50e"}.fa-mandalorian{--fa:"\f50f"}.fa-old-republic{--fa:"\f510"}.fa-phoenix-squadron{--fa:"\f511"}.fa-sith{--fa:"\f512"}.fa-trade-federation{--fa:"\f513"}.fa-wolf-pack-battalion{--fa:"\f514"}.fa-hornbill{--fa:"\f592"}.fa-mailchimp{--fa:"\f59e"}.fa-megaport{--fa:"\f5a3"}.fa-nimblr{--fa:"\f5a8"}.fa-rev{--fa:"\f5b2"}.fa-shopware{--fa:"\f5b5"}.fa-squarespace{--fa:"\f5be"}.fa-themeco{--fa:"\f5c6"}.fa-weebly{--fa:"\f5cc"}.fa-wix{--fa:"\f5cf"}.fa-ello{--fa:"\f5f1"}.fa-hackerrank{--fa:"\f5f7"}.fa-kaggle{--fa:"\f5fa"}.fa-markdown{--fa:"\f60f"}.fa-neos{--fa:"\f612"}.fa-zhihu{--fa:"\f63f"}.fa-alipay{--fa:"\f642"}.fa-the-red-yeti{--fa:"\f69d"}.fa-critical-role{--fa:"\f6c9"}.fa-d-and-d-beyond{--fa:"\f6ca"}.fa-dev{--fa:"\f6cc"}.fa-fantasy-flight-games{--fa:"\f6dc"}.fa-wizards-of-the-coast{--fa:"\f730"}.fa-think-peaks{--fa:"\f731"}.fa-reacteurope{--fa:"\f75d"}.fa-artstation{--fa:"\f77a"}.fa-atlassian{--fa:"\f77b"}.fa-canadian-maple-leaf{--fa:"\f785"}.fa-centos{--fa:"\f789"}.fa-confluence{--fa:"\f78d"}.fa-dhl{--fa:"\f790"}.fa-diaspora{--fa:"\f791"}.fa-fedex{--fa:"\f797"}.fa-fedora{--fa:"\f798"}.fa-figma{--fa:"\f799"}.fa-intercom{--fa:"\f7af"}.fa-invision{--fa:"\f7b0"}.fa-jira{--fa:"\f7b1"}.fa-mendeley{--fa:"\f7b3"}.fa-raspberry-pi{--fa:"\f7bb"}.fa-redhat{--fa:"\f7bc"}.fa-sketch{--fa:"\f7c6"}.fa-sourcetree{--fa:"\f7d3"}.fa-suse{--fa:"\f7d6"}.fa-ubuntu{--fa:"\f7df"}.fa-ups{--fa:"\f7e0"}.fa-usps{--fa:"\f7e1"}.fa-yarn{--fa:"\f7e3"}.fa-airbnb{--fa:"\f834"}.fa-battle-net{--fa:"\f835"}.fa-bootstrap{--fa:"\f836"}.fa-buffer{--fa:"\f837"}.fa-chromecast{--fa:"\f838"}.fa-evernote{--fa:"\f839"}.fa-itch-io{--fa:"\f83a"}.fa-salesforce{--fa:"\f83b"}.fa-speaker-deck{--fa:"\f83c"}.fa-symfony{--fa:"\f83d"}.fa-waze{--fa:"\f83f"}.fa-yammer{--fa:"\f840"}.fa-git-alt{--fa:"\f841"}.fa-stackpath{--fa:"\f842"}.fa-cotton-bureau{--fa:"\f89e"}.fa-buy-n-large{--fa:"\f8a6"}.fa-mdb{--fa:"\f8ca"}.fa-orcid{--fa:"\f8d2"}.fa-swift{--fa:"\f8e1"}.fa-umbraco{--fa:"\f8e8"}:host,:root{--fa-font-regular:normal 400 1em/1 var(--fa-family-classic)}@font-face{font-family:"Font Awesome 7 Free";font-style:normal;font-weight:400;font-display:block;src:url(./fa-regular-400-BVHPE7da.woff2)}.far{--fa-family:var(--fa-family-classic)}.fa-regular,.far{--fa-style:400}:host,:root{--fa-family-classic:"Font Awesome 7 Free";--fa-font-solid:normal 900 1em/1 var(--fa-family-classic);--fa-style-family-classic:var(--fa-family-classic)}@font-face{font-family:"Font Awesome 7 Free";font-style:normal;font-weight:900;font-display:block;src:url(./fa-solid-900-8GirhLYJ.woff2)}.fas{--fa-style:900}.fa-classic,.fas{--fa-family:var(--fa-family-classic)}.fa-solid{--fa-style:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(./fa-brands-400-BfBXV7Mm.woff2) format("woff2")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(./fa-solid-900-8GirhLYJ.woff2) format("woff2")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(./fa-regular-400-BVHPE7da.woff2) format("woff2")}@font-face{font-family:"FontAwesome";font-display:block;src:url(./fa-solid-900-8GirhLYJ.woff2) format("woff2")}@font-face{font-family:"FontAwesome";font-display:block;src:url(./fa-brands-400-BfBXV7Mm.woff2) format("woff2")}@font-face{font-family:"FontAwesome";font-display:block;src:url(./fa-regular-400-BVHPE7da.woff2) format("woff2");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url(data:font/woff2;base64,d09GMk9UVE8AAA/IAAkAAAAAIi4AAA9/A4EBAAAAAAAAAAAAAAAAAAAAAAAAAAAAATYCJAQGBmADgRwFiH0AghwHIA22GYUWESMRdnLSigfwXxK0JUN3PWgtIVtGtFABIUcjR8vMKvVNUhctBQIndOh7wFzNSdpf090C0MDGNSSuod3GJyMkmSUKlm72kk6vLpKqU4SDLlGqOoHx7wzNIRzzvZseTSBF/CoWaAkVRa5inol55lqxm5oz/9pr/qq+GXmakr21m0KxnJeWZ3dOoSo0//sTGj5e/r///znN1cDq77IugUrslFAFYg2CIfrG8Y3Q37GCqLAnZVKJvSuQC/x0zjP8v7/fp1rJjZ8tzGQcKS6iBFIAJMtql0EBKwIFJDuugO7Ztucm55fDg6nLQiMNIEFoAX1WesldzzU7W7qlB5C8/++0N/TOuYAMJkEJWxa0H6VUF8my5XljyWqW/HtHCdpC8/dzpf3Zo1xxtyzxz6xshdvbIjqxeb2f7J8c5YBze4Ccu5kUEBWBI0AH7IDAk6uwKytrZI3u+Oomu9N+Ch7edEI2hmbmj9mR4KGCCO1OI0Dr/VoFnpZiOoC03o/+9KGeq7f9lSyoBfSRrC9Amv8NNQXkv9dga9kX4SPg6q20ZH4KKkGH7ZxcnL4NSQJ3bNjDCltkZrMsvFjN7LHIvUfNiVvGzRR5g2liAY8ep1zeXndi8cn0bUAk+Rdo+H2aN3ibf00mnl6cTgSTzGQi2PwMLyybUdSOvMvrfRwevuNCicEtAc7iNqM5uMOiDXd5AXgoUDKe4wSrl3nYrJiJ5dgWy5eZNmGBqPqM7SiyHxMG13JMyioCC01sSbFISoxYYmjOYqngylWrJo0avhAvkN+mBQx+0Q/EuqY/MKvU/6QZOMFPn8YVKyFyLf/LwdGlvyBChm501AWTjv/yEZr7ZH17ZBCTYxHSc7VDmT9AFoyEi6CHBl359As9DQ82B5suxNn3j4gMt+UxWSNNYZZQvW8yZzIvpkfcsB9IM5scuJuxZ+gYJ1yo5FvehXBoyRMNnMS9UkW8OOc0MMSN2jR1ry3AabQk+JogpOfRBxzLQ6FlJ2OAKkDymQgcW9xTi3N58PQJMI1CpuCI5kjHZahelKvRmSv2ue23LAciStmv+qMxQMnoseN2TIh3nYzeu5gDMxPesxbeaVPhgpl1YJmQaT3p1uPa1l1QhEhsavLU+p3RJIxFqOwqyqks0qiMPn+ufnYItSTrkSg46sjY07FeCST6L1G6yVZZA2yuHrPmLfvQd7z6pC2GlriWzHIa3OjGNaElbS9udWlddmD03CQBYiOxu4x5MJj9aty8+8AtN195+WXnHXvMkeNHDepdrGj100fvPXPfPXedUS6QTH6OC8SLjm/RC7INBP1psFtAuh/jut1At7ug28Oumya6dSRdewT9u6fdi8KNPu45gM6I0glL5B4A5FS5OD6rJV07pr01Tbe7DNCfricygjae+C8jaQlwudWMKcHzYSyjgDACa+78r8uoVNCuVt7QVZyQLL8TeXFxjQoILPBnv12E3VdiCtFHfhcuFVlENkpnn2H/SXxVqpIlyc3yF4pgxXblcOUDlbeqTC1Xn9KUaxfCEQ5ZDvsdWhyTHXc4xTiPFe9zSekzvX2uzy5XoflexesHfIjl6zaU7k0eJ7GkJRisvss6IthIXzDKJNgOafeXL1zY+OrZ2RWDrpkmcPqRR0ALgU2f5sPNsN5mzE7tGsX/CsEmx07579/v/0rKfyU/B9xewNKUpWHBHGbSwWLhbS+nLAwOaSF2mpv37S0/A/N7tx/MR+H37AN49NY/GwSdrdlKnwmsNXUd0tTVHOFmclEYIQgaGkBICGSuZ2Zc1ZkgP6RM2kJWRDpVWXSeUXND5gKE1JyQkTqNKOsaR7iRmE+pgsyJlfylH6GUWXsT4uqgTL4XmmnNBvTSIeYa4auJkXz9tYBP6kI9QqqfU+wpBYuGK8AgbUZh6gA5zBkSrotIcz5B9ZUVMbvF5XkimQGmEkJDFtup83hwGaecgpTfOY8wQkjFBzHim294LkTOH5ONcFRwicEpLaxkTBrpwgUgBlRdiBbKSaPvsPwgNe+QUgccBUKDlOTvIscppyB76uemdhAoSqlahohzaq7UyX1ypuqk1WitUALYdpVCZjsbLNPWInJ/Wes1k6pryh+M6SRpjCbelogDZqvZoKqmSIjR31Kygf6f65K5G/LTlgDb0MVco6lFM67rlKt9moYigNgIdq9yZOjHuvIR2PQxkiarNVcVl9zfdHZiykproVioWsEItpndkPRp+9f1iEFZrhiBIGSl9F51vg6hluZQK1vrAmvXWTvJBc0mVVWMsuULNSugE0RQP9YSpt/9U5ZGBkV6UFpG3YtQk8V8RYcxEvldZR5I30VGzICwLSbvPXh/sd8AvSSvFjJZCB+d6PnyuEek88l8lBPR+BJaCYxfwwA0qhk0mcY4Z4w7NSIui2Spk3wgIpgJhpzfTmKALCrJLZCAScME5kqCYdqz+RVLJFffGEwnooYqpsl7EEYSN0SqBE30aFd04GY8/GVnAGNw86+H/zWjfEohq3YYxm0LulET5J7JoTAIGWn0CYlrS9e/DgdlMOlMMM2U/9dKwRHEda8hq2OZM8rY5I00yY9eXn4zGnIsmAASXcciw0TcLGE9Be859qlRjbeNBLjn/fu9kbEK/E0YQQ31G+2zQY3SuUUVjsBLePiL/6+46JcWPTyrzXIohckV6wVMt4jguZ/DT85pkL1XgabxDej/lYMB5gkvnpz879KLsg1b4DuSzocNzAOx8K39A+BeuhzA0bwHxKtUqlvryMsHHRjDoAqCdgrT6/MrNJIl8BAha+So2Z3q4y7bsHc2oWKDc3jqafI8EzgA8xbpBJ8JJKRRDnt7UXS0YwcEKRXGPKiGlDgD3ugGi52DrG2MM8+AO83Woq8P9JT6ox9mlDCwZhyDETO3JmvjwFnCPfnw45a5stJ9j1QK+bzOqv2jqUZBNibfaIdOl1eA1kQ7h2dQI8DTZTUXVFJmzyIlJVwFsTapQBQqjqdr4qXGfoma0Qnna96oFnEPDNrdtcWgvWAvEUqs4GC8mVtbJ8omjqeYiro6oT8pq3ip63X6up32Y4gP1PUX6APTS9osERNRRXR9i/+YulbmAd3XfI0eWF1ubK2AI4NK8ygBll5Oq4JoKJ127LhN21X7NfXV+7k0Rgtlu8hpjgyapeonI0xI1cn6T61Xpq5rpx3VT7g/pSGipIRrGWKB9tY56llBi0myy5NmDZRGrbd4OInkwyiXMhKjtl/T1iC5iId7UOocDRvAnozZYbGHekzqtCExsN/jToMDp2hoAT2/g7ySVayA/KCUxm07sANSKQ+JgVVb7bDjedw2hLw9aOsGPOucwfNDNPQ82R4kBooORoE6uEc368C/4EV6ptNehiCxci9VcrbhBugYGilx8skc9pfwz7f4lcUujBZqGRT7Yj9/GeF9uY9sli0x+jZku4B7V5CtDAsvQE+x4CGiGMrHlBnjZ0bH0PihMmF80fW1oCF2ZNt7v3jHuzgavrvcNTa8/Mf+lA28ePHHhdmlDs8Ijtsw41mQAzvwgOKGD1MfShiSoHyiyJrdYqp0/sF6cC6ZcQcwPs1nKZaFuzYcmZ63tyiDyriD0nlUmMlvEVDQLq09dX5+a/BCmp3giaHXbgvBDWB6GUeYkCJoe0RHFAuTiC7EWEtxIjYMlowP2ID2zjgBYs0FN4eE5IuVNZgWg21O/9fbq/bbBR+RDrc2rLVjxpO+anAx69iHLY8Rwbgn6BgDS4KZvlyRdNypPcT4G0RcEvfduSXZK9vbOhvOqxLHo0L53u3tM2fQ1171UqgFwaN7/iNt0KPwFbvwYwjhFlnWBIKVFEMvvpaVQNC18E19gVmLOadcxghyPsO0e9GzdZqJbAXKAazc/8ObOkWFE3IWDAnZDxLnMwOjzchyp7RASRrhFEiUFFsYUZZGhB5+IW2DBTHDEDOBSjHt/IyKa+I2YgshSBQUvjdFHVFSnRM7MLrKBcRwFxNCXuKIWxkkDZ3+GNSME7+HNFfwO/1sPObe41m+JMcl5i4nO+f7sAWpd3LiiRQKWk4dBljDES8g2BQw2ivsHIW4+jD/wt59GA//0G8vh/oQ5lvznmwzL8LRG9sCdLI+9lzbhO05llkvRHx2KbZmKzhzwqUGwYQo01QBjU9dhD4so8lPnjgxcUjV0SIEMK4oIhJD7FTYlJhAMCAvn9kKjWCzYoSFkOXbiZ9YkeBAyWHrMwq8OGUy2/ExrEh6VZNtBrZRyYayz4FnJlTvuR/zj9Jll0FK/h5zjG4lJQ84Rrz/PlWhF67tuOAAReg8QlviW7BqX0z6dNNNWjHPAf0783geYmU3uu+nMa96e7VTkIwddJvmc7uBmfrcbhKZC0RHpV/nFU6Q48pogAXcnadHcERQnjZYlsKgbAkz/PvinZmQWXZBy19p5MhAQE40OBPxz+fYZgK99OPNnJXHxomMWB7La/SnlBrolWVgu/xaRI7zL8ALVqePUC9iPvuUW3N3XZI6J6uRiMrebvG9YDIbfHGAXDedDHIpyu79Uq4D91aqY3+ABiG8rsVnRg1L5xpsOLVt51LUQTvrEAtUMqzOzqK2T2t2zP772rd/ZY6fUp1uF6ePhpWeIxiqoWyhNsRA69AZrcY5o5zVFHUIBwtfsdxjAkFKhVFxVByV78qjlajtlsg1clS7RI9XJ/f2gjjXdB/xy3u+B7Z1szrwPh1m8nMticlqfZJWvPGLmjcJBohzT5z1F63AWaocmFtuAY1ePeBY30R4kfL7aE9+GetD5Hvj8eGMZ3up6qQxKgieGx69dhLxDSY+nQ5FI3LRfrLhMDFvEwF2uOoME+/Gh0MqYxkm4s05u6D4DyLBRemu4kMtB6Nv/NOFUZPitzFD8qL8o0r+kYrPnnsY0vWZd5GEzsCREC+Wz3APkfzeqsAp0tZw0lLrhuy2DNy1E1VNM1LqdhIO45OPIwT3rftapv3Bq7mdNHFSgnKIkN8flMKWHNJF9U1BMQglWyx3EZ7e5f02oBD3RnnUPJn1p0wir+pGFraC2kyNDOKF8tvhNtQ4Hcy0KjTgZz2eIU55xre6wlnEltXkEBDbif0x/5SQnkBBsVWmb3r49ic42aAZm9yFY1aRg7n+S55ntbIbUFoODVCE879nRYAuMN+ACxenLXW8IjGFgtIdIwdl+hm8IjDZChcfQWQE4njeBgZtMFXgB6tKKFfpy23VFRCE125CitD/JeFiLDnXDHDSEnA6F9x0fPn4hNuPX1WQu8Z38LPLmCxI8nJVmHouX1lTh3BMEinPhg07NI3cNPSeEiWEBfG4rV6SAQMAAAA=) format("woff2");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}