.toasts[data-v-31ecbaf9] {
  position: fixed;
  top: 14px;
  right: 14px;
  z-index: 999999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: min(380px, calc(100vw - 28px));
}
.toast[data-v-31ecbaf9] {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 12px 12px;
  border-radius: 14px;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.28);
  backdrop-filter: blur(10px);
  overflow: hidden;
}
.toast__content[data-v-31ecbaf9] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.toast__title[data-v-31ecbaf9] {
  font-weight: 800;
  font-size: 0.92rem;
  line-height: 1.2;
}
.toast__message[data-v-31ecbaf9] {
  font-size: 0.85rem;
  opacity: 0.92;
  line-height: 1.35;
  word-break: break-word;
}
.toast__actions[data-v-31ecbaf9] {
  margin-top: 6px;
}
.toast__action[data-v-31ecbaf9] {
  border: 0;
  border-radius: 999px;
  padding: 8px 12px;
  font-weight: 800;
  font-size: 0.8rem;
  cursor: pointer;
}
.toast__close[data-v-31ecbaf9] {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 900;
  opacity: 0.85;
}

/* levels */
.toast--info[data-v-31ecbaf9] {
  background: rgba(30, 41, 59, 0.88);
  color: #fff;
}
.toast--success[data-v-31ecbaf9] {
  background: rgba(22, 163, 74, 0.86);
  color: #fff;
}
.toast--warning[data-v-31ecbaf9] {
  background: rgba(245, 158, 11, 0.88);
  color: #111;
}
.toast--error[data-v-31ecbaf9] {
  background: rgba(220, 38, 38, 0.88);
  color: #fff;
}
.toast--info .toast__action[data-v-31ecbaf9],
.toast--success .toast__action[data-v-31ecbaf9],
.toast--error .toast__action[data-v-31ecbaf9] {
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
}
.toast--warning .toast__action[data-v-31ecbaf9] {
  background: rgba(17, 17, 17, 0.12);
  color: #111;
}
.toast--info .toast__close[data-v-31ecbaf9],
.toast--success .toast__close[data-v-31ecbaf9],
.toast--error .toast__close[data-v-31ecbaf9] {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}
.toast--warning .toast__close[data-v-31ecbaf9] {
  background: rgba(17, 17, 17, 0.12);
  color: #111;
}
@media (max-width: 420px) {
.toasts[data-v-31ecbaf9] {
    right: 10px;
    left: 10px;
    width: auto;
}
}

/* ===== 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;

  /* one shared "app chrome" background (header + rail cohesive) */
  --chrome-bg: #40626a;

  /* height of the top app bar */
  --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 grid (Slack-ish: top bar spans full width) ===== */
.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';
}

/* regions */
.appbar {
  grid-area: appbar;
}
.sidebar {
  grid-area: sidebar;
}
.page {
  grid-area: page;
}

/* ===== Appbar (full width) ===== */
.appbar {
  height: var(--appbar-h);
  background: var(--chrome-bg);
  color: var(--on-brand);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 0;
  padding: 0 12px;
  position: relative;
}
.brand-full {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 900;
  letter-spacing: 0.2px;
}
.brand-name {
  font-size: 0.95rem;
  opacity: 0.98;
}
.appbar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.appbar-pill {
  border: 1px solid color-mix(in srgb, #fff 22%, transparent);
  background: color-mix(in srgb, #fff 10%, transparent);
  color: var(--on-brand);

  border-radius: 999px;
  padding: 0.45rem 0.75rem;

  cursor: pointer;
  font-weight: 800;
  font-size: 0.9rem;

  display: inline-flex;
  align-items: center;
  gap: 10px;

  transition: transform 80ms ease, background-color 140ms ease, border-color 140ms ease;
}
.appbar-pill:hover {
  transform: translateY(-1px);
  background: color-mix(in srgb, #fff 14%, transparent);
  border-color: color-mix(in srgb, #fff 30%, transparent);
}

/* ===== Sidebar (starts under appbar) ===== */
.sidebar {
  width: var(--rail-w);
  background: var(--chrome-bg);
  color: var(--on-brand);

  display: flex;
  flex-direction: column;

  /* stretch so items can truly center within the rail width */
  align-items: stretch;

  padding: 10px 0;
  gap: 10px;

  border-right: 0;
  overflow: hidden;
}

/* spacer so first icon doesn't stick to top edge */
.sidebar-head {
  height: 6px;
  width: 100%;
}

/* nav */
.nav {
  width: 100%;
  display: flex;
  flex-direction: column;

  /* adjust this for spacing between entries */
  gap: 12px;

  padding: 6px 0;
  align-items: center;
}

/* IMPORTANT:
   - No background/border on the whole link on hover/active
   - Only icon wrapper gets hover/active highlight
*/
.nav-link {
  width: 100%;
  text-decoration: none;
  color: var(--on-brand);

  display: grid;
  grid-template-rows: 38px auto; /* icon tile + label */
  justify-items: center;
  align-items: center;
  gap: 6px;

  padding: 0 6px; /* horizontal breathing room */
  border-radius: 14px;
  border: 0;
  background: transparent;

  transition: transform 80ms ease;
}
.nav-link:hover {
  transform: translateY(-1px);
}
.nav-link.router-link-active {
  /* keep link itself clean */
}

/* Icon wrapper: this is what gets highlighted */
.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, transform 80ms 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;
}

/* Label stays neutral (no hover/active visuals) */
.nav-label {
  font-size: 12px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: 0.2px;
  opacity: 0.95;
  text-align: center;
  white-space: nowrap;

  background: transparent !important;
  border: 0 !important;
  text-decoration: none !important;
  filter: none !important;
}

/* footer rail buttons */
.sidebar-foot {
  margin-top: auto;
  width: 100%;
  display: grid;
  gap: 12px;
  align-items: center;
  padding: 0 6px 8px;
}

/* footer buttons: same principle as nav */
.rail-btn,
.rail-status {
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--on-brand);

  display: grid;
  grid-template-rows: 38px auto;
  justify-items: center;
  align-items: center;
  gap: 6px;

  padding: 0;
  border-radius: 14px;
  cursor: pointer;

  transition: transform 80ms ease;
}
.rail-btn:hover,
.rail-status:hover {
  transform: translateY(-1px);
}

/* icon wrapper for footer buttons (gets highlight) */
.rail-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;
}
.rail-btn:hover .rail-ico-wrap,
.rail-status:hover .rail-ico-wrap {
  background: color-mix(in srgb, #fff 10%, transparent);
  border-color: color-mix(in srgb, #fff 18%, transparent);
}

/* Label stays neutral */
.rail-label {
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
  opacity: 0.95;

  background: transparent !important;
}

/* ===== Page ===== */
.page {
  min-height: 0;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  display: flex;
}

/* ===== Auth-only ===== */
.auth-only {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  background: var(--bg, #f6f7f8);
}
.logout-btn {
  background: rgba(239, 68, 68, 0.15) !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
}
.logout-btn:hover {
  background: rgba(239, 68, 68, 0.25) !important;
  border-color: rgba(239, 68, 68, 0.4) !important;
}

/* ===== Responsive ===== */
@media (max-width: 860px) {
.app-shell {
    grid-template-columns: 1fr;
    grid-template-rows: var(--appbar-h) 1fr;
    grid-template-areas:
      'appbar'
      'page';
}

  /* optional: rail as overlay on mobile */
.sidebar {
    position: fixed;
    left: 0;
    top: var(--appbar-h);
    z-index: 4;
}
}

.auth-layout[data-v-59f516b3] {
  --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;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  overflow: hidden;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ========== Animated Background ========== */
.auth-bg[data-v-59f516b3] {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
.bg-gradient[data-v-59f516b3] {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    #f0f7f7 0%,
    #e8f4f5 25%,
    #dff0f1 50%,
    #d5ecee 75%,
    #cce8ea 100%
  );
}
.bg-orb[data-v-59f516b3] {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.6;
  animation: float-59f516b3 25s ease-in-out infinite;
}
.bg-orb-1[data-v-59f516b3] {
  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-59f516b3] {
  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-59f516b3] {
  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-59f516b3 {
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-59f516b3] {
  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-59f516b3] {
  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-59f516b3] {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 100%;
  max-width: 440px;
}

/* ========== Brand Header ========== */
.auth-brand[data-v-59f516b3] {
  display: flex;
  align-items: center;
  gap: 16px;
  animation: fadeInDown-59f516b3 600ms ease-out;
}
@keyframes fadeInDown-59f516b3 {
from {
    opacity: 0;
    transform: translateY(-20px);
}
}
.brand-logo[data-v-59f516b3] {
  position: relative;
}
.brand-mark[data-v-59f516b3] {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--brand-light) 0%, var(--brand) 100%);
  box-shadow:
    var(--shadow-md),
    0 0 0 1px rgba(255, 255, 255, 0.5) inset;
  position: relative;
  overflow: hidden;
}
.brand-mark[data-v-59f516b3]::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url('../../../../resources/brand_logo.png');
  background-size: cover;
  background-position: center;
}
.brand-mark[data-v-59f516b3]::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  animation: shimmer-59f516b3 3s ease-in-out infinite;
}
@keyframes shimmer-59f516b3 {
0%, 100% { left: -100%;
}
50% { left: 150%;
}
}
.brand-text h1[data-v-59f516b3] {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--ink);
}
.brand-text p[data-v-59f516b3] {
  margin: 4px 0 0;
  font-size: 0.875rem;
  color: var(--ink-secondary);
}

/* ========== Card ========== */
.auth-card-wrapper[data-v-59f516b3] {
  width: 100%;
  animation: fadeInUp-59f516b3 600ms ease-out 150ms both;
}
@keyframes fadeInUp-59f516b3 {
from {
    opacity: 0;
    transform: translateY(20px);
}
}
.auth-card[data-v-59f516b3] {
  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-59f516b3] {
  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-59f516b3] {
  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-59f516b3] {
  font-size: 0.875rem;
  transition: transform var(--transition);
}
.auth-tab[data-v-59f516b3]:hover:not(.active) {
  color: var(--ink-secondary);
}
.auth-tab:hover:not(.active) i[data-v-59f516b3] {
  transform: scale(1.1);
}
.auth-tab.active[data-v-59f516b3] {
  color: var(--brand);
}
.tab-indicator[data-v-59f516b3] {
  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-59f516b3] {
  transform: translateX(100%);
}

/* ========== Form Container ========== */
.auth-form-container[data-v-59f516b3] {
  padding: 28px;
  min-height: 320px;
}

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

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

/* ========== Responsive ========== */
@media (max-width: 480px) {
.auth-layout[data-v-59f516b3] {
    padding: 16px;
}
.auth-brand[data-v-59f516b3] {
    gap: 12px;
}
.brand-mark[data-v-59f516b3] {
    width: 48px;
    height: 48px;
    border-radius: 14px;
}
.brand-text h1[data-v-59f516b3] {
    font-size: 1.25rem;
}
.auth-tabs[data-v-59f516b3] {
    padding: 4px;
}
.auth-tab[data-v-59f516b3] {
    padding: 12px 16px;
    font-size: 0.875rem;
}
.auth-tab span[data-v-59f516b3] {
    display: none;
}
.auth-form-container[data-v-59f516b3] {
    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);
}
}

/* ═══════════════════════════════════════════════════════════════════════════
   RECENT CHATS CARD
═══════════════════════════════════════════════════════════════════════════ */
.recent-chats-card[data-v-bb38321c] {
  --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);
  --success: #10b981;
  --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: 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;
}

/* ═══════════════════════════════════════════════════════════════════════════
   HEADER
═══════════════════════════════════════════════════════════════════════════ */
.card-header[data-v-bb38321c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px;
  border-bottom: 1px solid var(--border);
}
.header-left[data-v-bb38321c] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.header-icon[data-v-bb38321c] {
  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-bb38321c] {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--ink);
}
.header-text p[data-v-bb38321c] {
  margin: 2px 0 0;
  font-size: 0.75rem;
  color: var(--ink-secondary);
}
.header-actions[data-v-bb38321c] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.btn-icon[data-v-bb38321c] {
  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-bb38321c]:hover:not(:disabled) {
  border-color: var(--brand);
  color: var(--brand);
  background: var(--brand-subtle);
}
.btn-icon[data-v-bb38321c]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.spinning[data-v-bb38321c] {
  animation: spin-bb38321c 1s linear infinite;
}
@keyframes spin-bb38321c {
to { transform: rotate(360deg);
}
}
.view-all-btn[data-v-bb38321c] {
  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-bb38321c]:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: var(--brand-subtle);
}
.view-all-btn i[data-v-bb38321c] {
  font-size: 0.6875rem;
  transition: transform var(--transition-fast);
}
.view-all-btn:hover i[data-v-bb38321c] {
  transform: translateX(3px);
}

/* ═══════════════════════════════════════════════════════════════════════════
   LOADING STATE
═══════════════════════════════════════════════════════════════════════════ */
.loading-state[data-v-bb38321c] {
  padding: 8px 0;
}
.loading-skeleton[data-v-bb38321c] {
  display: flex;
  flex-direction: column;
}
.skeleton-item[data-v-bb38321c] {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 20px;
}
.skeleton-avatar[data-v-bb38321c] {
  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-bb38321c 1.5s infinite;
}
.skeleton-content[data-v-bb38321c] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.skeleton-line[data-v-bb38321c] {
  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-bb38321c 1.5s infinite;
}
.skeleton-line.short[data-v-bb38321c] {
  width: 60%;
  height: 14px;
}
.skeleton-meta[data-v-bb38321c] {
  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-bb38321c 1.5s infinite;
}
@keyframes shimmer-bb38321c {
0% { background-position: 200% 0;
}
100% { background-position: -200% 0;
}
}

/* ═══════════════════════════════════════════════════════════════════════════
   EMPTY STATE
═══════════════════════════════════════════════════════════════════════════ */
.empty-state[data-v-bb38321c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 48px 24px;
  text-align: center;
}
.empty-icon[data-v-bb38321c] {
  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-bb38321c] {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--ink);
}
.empty-state p[data-v-bb38321c] {
  margin: 0;
  font-size: 0.875rem;
  color: var(--ink-secondary);
}
.btn-primary[data-v-bb38321c] {
  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-bb38321c]:hover {
  background: var(--brand-dark);
}
.btn-primary i[data-v-bb38321c] {
  font-size: 0.75rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   CHATS LIST
═══════════════════════════════════════════════════════════════════════════ */
.chats-list[data-v-bb38321c] {
  display: flex;
  flex-direction: column;
}
.chat-item[data-v-bb38321c] {
  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-bb38321c]:last-child {
  border-bottom: none;
}
.chat-item[data-v-bb38321c]:hover {
  background: var(--surface-raised);
}
.chat-item.has-unread[data-v-bb38321c] {
  background: color-mix(in srgb, var(--brand) 4%, var(--surface));
}
.chat-item.has-unread[data-v-bb38321c]:hover {
  background: color-mix(in srgb, var(--brand) 8%, var(--surface));
}
.chat-avatar[data-v-bb38321c] {
  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-bb38321c] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.chat-title-row[data-v-bb38321c] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.chat-title[data-v-bb38321c] {
  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-bb38321c] {
  color: var(--brand-dark);
}
.unread-badge[data-v-bb38321c] {
  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-bb38321c] {
  font-size: 0.8125rem;
  color: var(--ink-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-preview .no-messages[data-v-bb38321c] {
  font-style: italic;
  color: var(--muted);
}
.chat-meta[data-v-bb38321c] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  flex-shrink: 0;
}
.chat-time[data-v-bb38321c] {
  font-size: 0.6875rem;
  font-weight: 500;
  color: var(--muted);
  white-space: nowrap;
}
.chat-item.has-unread .chat-time[data-v-bb38321c] {
  color: var(--brand);
  font-weight: 600;
}
.chat-arrow[data-v-bb38321c] {
  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-bb38321c] {
  opacity: 1;
  transform: translateX(0);
  color: var(--brand);
}

/* ═══════════════════════════════════════════════════════════════════════════
   SHOW MORE BUTTON
═══════════════════════════════════════════════════════════════════════════ */
.show-more-btn[data-v-bb38321c] {
  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-bb38321c]:hover {
  background: var(--brand-subtle);
  color: var(--brand);
}
.show-more-btn i[data-v-bb38321c] {
  font-size: 0.75rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════════════════════════════════════ */
.card-footer[data-v-bb38321c] {
  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-bb38321c] {
  display: flex;
  gap: 16px;
}
.stat-item[data-v-bb38321c] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--muted);
}
.stat-item i[data-v-bb38321c] {
  font-size: 0.625rem;
}
.stat-item.unread[data-v-bb38321c] {
  color: var(--brand);
  font-weight: 600;
}
.stat-item.unread i[data-v-bb38321c] {
  color: var(--brand);
}
.btn-new-chat[data-v-bb38321c] {
  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-bb38321c]:hover {
  background: var(--brand-dark);
}
.btn-new-chat i[data-v-bb38321c] {
  font-size: 0.625rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   TRANSITIONS
═══════════════════════════════════════════════════════════════════════════ */
.chat-item-enter-active[data-v-bb38321c],
.chat-item-leave-active[data-v-bb38321c] {
  transition: all var(--transition);
}
.chat-item-enter-from[data-v-bb38321c] {
  opacity: 0;
  transform: translateY(-10px);
}
.chat-item-leave-to[data-v-bb38321c] {
  opacity: 0;
  transform: translateX(20px);
}
.chat-item-move[data-v-bb38321c] {
  transition: transform var(--transition);
}

/* ═══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 600px) {
.card-header[data-v-bb38321c] {
    padding: 16px;
    flex-wrap: wrap;
    gap: 12px;
}
.header-actions[data-v-bb38321c] {
    width: 100%;
    justify-content: flex-end;
}
.view-all-btn span[data-v-bb38321c] {
    display: none;
}
.view-all-btn[data-v-bb38321c] {
    padding: 8px 12px;
}
.chat-item[data-v-bb38321c] {
    padding: 12px 16px;
}
.chat-avatar[data-v-bb38321c] {
    width: 40px;
    height: 40px;
    font-size: 0.875rem;
}
.chat-title[data-v-bb38321c] {
    font-size: 0.875rem;
}
.chat-preview[data-v-bb38321c] {
    font-size: 0.75rem;
}
.card-footer[data-v-bb38321c] {
    padding: 12px 16px;
    flex-direction: column;
    gap: 12px;
}
.footer-stats[data-v-bb38321c] {
    width: 100%;
    justify-content: space-around;
}
.btn-new-chat[data-v-bb38321c] {
    width: 100%;
    justify-content: center;
    padding: 10px 16px;
}
}

.dashboard[data-v-d81426b9] {
  min-height: 100vh;
  padding: 24px;
  background: var(--bg-primary);
  color: var(--text-primary);
  overflow: auto;
}

/* ===== Header ===== */
.dashboard-header[data-v-d81426b9] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 24px;
}
.dashboard-header h1[data-v-d81426b9] {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--text-primary);
}
.subtitle[data-v-d81426b9] {
  margin: 4px 0 0;
  font-size: 0.9375rem;
  color: var(--text-secondary);
}
.date-display[data-v-d81426b9] {
  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-d81426b9] {
  color: var(--brand);
}

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

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

/* ===== Chat Card ===== */
.chat-card[data-v-d81426b9] {
  grid-column: span 8;
  background: linear-gradient(135deg, var(--brand-subtle) 0%, var(--bg-secondary) 100%);
  border-color: var(--brand);
}
.chat-header[data-v-d81426b9] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}
.chat-icon[data-v-d81426b9] {
  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-d81426b9] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-primary);
}
.chat-info p[data-v-d81426b9] {
  margin: 4px 0 0;
  font-size: 0.875rem;
  color: var(--text-secondary);
}
.chat-input-preview[data-v-d81426b9] {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}
.chat-input-preview input[data-v-d81426b9] {
  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-d81426b9]:hover {
  border-color: var(--brand);
}
.chat-input-preview input[data-v-d81426b9]::placeholder {
  color: var(--text-muted);
}
.send-btn[data-v-d81426b9] {
  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-d81426b9]:hover {
  background: var(--brand-dark);
  transform: scale(1.05);
}
.chat-suggestions[data-v-d81426b9] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.suggestion-chip[data-v-d81426b9] {
  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-d81426b9]:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: var(--brand-subtle);
}
.suggestion-chip i[data-v-d81426b9] {
  font-size: 0.75rem;
}

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

/* ===== Recent Chats Card ===== */
.recent-chats-card[data-v-d81426b9] {
  grid-column: span 5;
}
.view-all-btn[data-v-d81426b9] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  background: none;
  border: none;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--brand);
  cursor: pointer;
  transition: all 150ms;
}
.view-all-btn[data-v-d81426b9]:hover {
  gap: 10px;
}
.empty-state[data-v-d81426b9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 40px 20px;
  text-align: center;
}
.empty-state i[data-v-d81426b9] {
  font-size: 2rem;
  color: var(--text-muted);
}
.empty-state p[data-v-d81426b9] {
  margin: 0;
  font-size: 0.875rem;
  color: var(--text-secondary);
}
.chats-list[data-v-d81426b9] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.chat-item[data-v-d81426b9] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: var(--bg-tertiary);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all 150ms;
}
.chat-item[data-v-d81426b9]:hover {
  background: var(--bg-primary);
  transform: translateX(4px);
}
.chat-avatar[data-v-d81426b9] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  color: #fff;
}
.chat-details[data-v-d81426b9] {
  flex: 1;
  min-width: 0;
}
.chat-title[data-v-d81426b9] {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat-preview[data-v-d81426b9] {
  display: block;
  font-size: 0.75rem;
  color: var(--text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat-meta[data-v-d81426b9] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
.chat-time[data-v-d81426b9] {
  font-size: 0.6875rem;
  color: var(--text-muted);
}
.unread-badge[data-v-d81426b9] {
  padding: 2px 8px;
  background: var(--brand);
  border-radius: var(--radius-full);
  font-size: 0.625rem;
  font-weight: 700;
  color: #fff;
}

/* ===== Actions Card ===== */
.actions-card[data-v-d81426b9] {
  grid-column: span 7;
}
.actions-grid[data-v-d81426b9] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.action-tile[data-v-d81426b9] {
  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-d81426b9]:hover {
  background: var(--bg-primary);
  border-color: var(--border-light);
  transform: translateY(-2px);
}
.action-icon[data-v-d81426b9] {
  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-d81426b9] { background: var(--brand-subtle); color: var(--brand);
}
.action-icon.purple[data-v-d81426b9] { background: #f3e8ff; color: #8b5cf6;
}
.action-icon.blue[data-v-d81426b9] { background: var(--info-subtle); color: var(--info);
}
.action-icon.gray[data-v-d81426b9] { background: var(--bg-tertiary); color: var(--text-secondary);
}
.action-label[data-v-d81426b9] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-primary);
}
.action-desc[data-v-d81426b9] {
  font-size: 0.6875rem;
  color: var(--text-muted);
}

/* ===== Model Card ===== */
.model-card[data-v-d81426b9] {
  grid-column: span 5;
}
.status-badge[data-v-d81426b9] {
  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-d81426b9] {
  background: var(--success-subtle);
  color: var(--success);
}
.status-dot[data-v-d81426b9] {
  width: 8px;
  height: 8px;
  background: currentColor;
  border-radius: 50%;
  animation: pulse-d81426b9 2s infinite;
}
@keyframes pulse-d81426b9 {
0%, 100% { opacity: 1;
}
50% { opacity: 0.5;
}
}
.model-info[data-v-d81426b9] {
  margin-bottom: 16px;
}
.model-main[data-v-d81426b9] {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}
.model-icon[data-v-d81426b9] {
  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-d81426b9] {
  display: block;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--text-primary);
}
.model-provider[data-v-d81426b9] {
  font-size: 0.8125rem;
  color: var(--text-muted);
}
.model-specs[data-v-d81426b9] {
  display: flex;
  gap: 16px;
}
.spec[data-v-d81426b9] {
  flex: 1;
  padding: 12px;
  background: var(--bg-tertiary);
  border-radius: var(--radius-md);
  text-align: center;
}
.spec-label[data-v-d81426b9] {
  display: block;
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: 4px;
}
.spec-value[data-v-d81426b9] {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
}
.change-model-btn[data-v-d81426b9] {
  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-d81426b9]:hover {
  border-color: var(--brand);
  color: var(--brand);
}

/* ===== Activity Card ===== */
.activity-card[data-v-d81426b9] {
  grid-column: span 7;
}
.activity-list[data-v-d81426b9] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.activity-item[data-v-d81426b9] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.activity-icon[data-v-d81426b9] {
  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-d81426b9] { background: var(--brand-subtle); color: var(--brand);
}
.activity-icon.success[data-v-d81426b9] { background: var(--success-subtle); color: var(--success);
}
.activity-icon.info[data-v-d81426b9] { background: var(--info-subtle); color: var(--info);
}
.activity-icon.warning[data-v-d81426b9] { background: var(--warning-subtle); color: var(--warning);
}
.activity-content[data-v-d81426b9] {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.activity-text[data-v-d81426b9] {
  font-size: 0.875rem;
  color: var(--text-primary);
}
.activity-time[data-v-d81426b9] {
  font-size: 0.75rem;
  color: var(--text-muted);
}

/* ===== Buttons ===== */
.btn-primary[data-v-d81426b9] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  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-d81426b9]:hover {
  background: var(--brand-dark);
}

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

.user-card[data-v-67dee406] {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
}

/* Main clickable area */
.user-card-main[data-v-67dee406] {
  flex: 1;
  min-width: 0;
  display: block;
  width: 100%;
  text-align: left;
  border: none;
  background: transparent;
  padding: 8px;
  margin: -8px; /* mimic your sidebar button hit-area */
  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-67dee406] {
  cursor: pointer;
}
.user-card-main.hoverable[data-v-67dee406]:hover {
  background: var(--sidebar-glass, rgba(255, 255, 255, 0.06));
}

/* Press motion */
.user-card-main.pressable[data-v-67dee406]:active {
  transform: translateY(var(--pressY, 1px)) scale(var(--pressScale, 0.99));
}
.user-inner[data-v-67dee406] {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.user-inner.variant-compact[data-v-67dee406] {
  gap: 10px;
}

/* ========== Avatar + Dot wrapper ========== */
.user-avatar-wrap[data-v-67dee406] {
  position: relative;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.user-inner.variant-compact .user-avatar-wrap[data-v-67dee406] {
  width: 36px;
  height: 36px;
}
.user-avatar[data-v-67dee406] {
  width: 100%;
  height: 100%;
  border-radius: 999px;
  overflow: hidden; /* keep clipping avatar image */
  display: grid;
  place-items: center;
  background: var(--sidebar-icon-bg, rgba(255, 255, 255, 0.08));
}
.avatar-img[data-v-67dee406] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.avatar-fallback[data-v-67dee406] {
  font-weight: 700;
  font-size: 0.875rem;
  color: var(--sidebar-text-primary, #fff);
}

/* Status dot now sits ABOVE avatar (not clipped) */
.status-dot[data-v-67dee406] {
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  z-index: 5;
}
.status-dot.is-online[data-v-67dee406] { background: var(--sidebar-user-status, #22c55e);
}
.status-dot.is-away[data-v-67dee406] { background: #f59e0b;
}
.status-dot.is-busy[data-v-67dee406] { background: #ef4444;
}
.status-dot.is-offline[data-v-67dee406] { background: #64748b;
}

/* Allow parent to control ring color by defining --status-ring */
[data-v-67dee406]:host, .user-card[data-v-67dee406] {
  --status-ring: var(--surface, #fff);
}

/* Info */
.user-info[data-v-67dee406] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.user-name[data-v-67dee406] {
  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-67dee406] {
  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-67dee406] {
  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-67dee406] {
  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-67dee406]:hover {
  background: var(--sidebar-glass-hover, rgba(255, 255, 255, 0.08));
  color: var(--sidebar-text-primary, #fff);
  transform: rotate(90deg);
}

/* ========== Wrapper ========== */
.chat-sidebar-wrapper[data-v-5fc6cfdc] {
  display: contents;
}

/* ========== Sidebar Base ========== */
.chat-sidebar[data-v-5fc6cfdc] {
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 300ms 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 Effects ========== */
.chat-sidebar-bg[data-v-5fc6cfdc] {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}
.bg-orb[data-v-5fc6cfdc] {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  opacity: var(--sidebar-orb-opacity);
  animation: float-5fc6cfdc 20s ease-in-out infinite;
}
.bg-orb-1[data-v-5fc6cfdc] {
  width: 300px;
  height: 300px;
  top: -100px;
  right: -100px;
  background: var(--sidebar-orb-1);
  animation-delay: 0s;
}
.bg-orb-2[data-v-5fc6cfdc] {
  width: 250px;
  height: 250px;
  bottom: 20%;
  left: -80px;
  background: var(--sidebar-orb-2);
  animation-delay: -7s;
}
.bg-orb-3[data-v-5fc6cfdc] {
  width: 200px;
  height: 200px;
  bottom: -50px;
  right: -50px;
  background: var(--sidebar-orb-3);
  animation-delay: -14s;
}
@keyframes float-5fc6cfdc {
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-5fc6cfdc] {
  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);
}

/* ========== Inner Container ========== */
.chat-sidebar-inner[data-v-5fc6cfdc] {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px 16px;
}

/* ========== Header ========== */
.chat-sidebar-header[data-v-5fc6cfdc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  flex-shrink: 0;
}
.logo-group[data-v-5fc6cfdc] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.logo-icon[data-v-5fc6cfdc] {
  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-5fc6cfdc] {
  width: 22px;
  height: 22px;
  color: var(--sidebar-text-primary);
}
.logo-text h1[data-v-5fc6cfdc] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--sidebar-text-primary);
  letter-spacing: -0.01em;
}
.channel-count[data-v-5fc6cfdc] {
  font-size: 0.75rem;
  color: var(--sidebar-text-secondary);
}
.create-btn[data-v-5fc6cfdc] {
  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-5fc6cfdc] {
  color: var(--sidebar-text-secondary);
  font-size: 0.875rem;
  transition: transform var(--transition);
}
.create-btn[data-v-5fc6cfdc]:hover {
  background: var(--sidebar-glass-hover);
  border-color: var(--sidebar-glass-border);
}
.create-btn:hover .create-btn-icon[data-v-5fc6cfdc] {
  color: var(--sidebar-text-primary);
}
.create-btn.active[data-v-5fc6cfdc] {
  background: var(--sidebar-cta-bg);
  border-color: transparent;
}
.create-btn.active .create-btn-icon[data-v-5fc6cfdc] {
  color: var(--brand, #528b8f);
  transform: rotate(90deg);
}

/* ========== Create Room Form ========== */
.create-room-wrapper[data-v-5fc6cfdc] {
  margin-bottom: 16px;
  overflow: hidden;
}
.create-room[data-v-5fc6cfdc] {
  padding: 16px;
  background: var(--sidebar-form-bg);
  border-radius: var(--radius-lg);
  backdrop-filter: blur(20px);
  border: 1px solid var(--sidebar-glass-border);
}
.form-header[data-v-5fc6cfdc] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--sidebar-text-primary);
}
.form-header i[data-v-5fc6cfdc] {
  color: var(--sidebar-text-secondary);
}
.input-field[data-v-5fc6cfdc] {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.input-icon[data-v-5fc6cfdc] {
  position: absolute;
  left: 12px;
  color: var(--sidebar-text-muted);
  font-size: 0.8125rem;
  z-index: 1;
}
.input-text[data-v-5fc6cfdc] {
  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-5fc6cfdc]::placeholder {
  color: var(--sidebar-text-muted);
}
.input-text[data-v-5fc6cfdc]: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-5fc6cfdc] {
  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-5fc6cfdc] {
  width: 100%;
  padding: 12px;
  background: var(--sidebar-cta-bg);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition);
  position: relative;
  overflow: hidden;
}
.submit-btn[data-v-5fc6cfdc]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.submit-btn[data-v-5fc6cfdc]:not(:disabled):hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.submit-btn-content[data-v-5fc6cfdc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--brand, #528b8f);
}

/* ========== Search ========== */
.search-wrapper[data-v-5fc6cfdc] {
  margin-bottom: 16px;
  flex-shrink: 0;
}
.search-field[data-v-5fc6cfdc] {
  position: relative;
  display: flex;
  align-items: center;
}
.search-field > i[data-v-5fc6cfdc] {
  position: absolute;
  left: 14px;
  color: var(--sidebar-text-muted);
  font-size: 0.8125rem;
}
.search-field input[data-v-5fc6cfdc] {
  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-5fc6cfdc]::placeholder {
  color: var(--sidebar-text-muted);
}
.search-field input[data-v-5fc6cfdc]: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-5fc6cfdc] {
  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 Navigation ========== */
.rooms-nav[data-v-5fc6cfdc] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  margin: 0 -8px;
  padding: 0 8px;
}
.rooms-nav[data-v-5fc6cfdc]::-webkit-scrollbar {
  width: 5px;
}
.rooms-nav[data-v-5fc6cfdc]::-webkit-scrollbar-track {
  background: transparent;
}
.rooms-nav[data-v-5fc6cfdc]::-webkit-scrollbar-thumb {
  background: var(--sidebar-scrollbar);
  border-radius: 3px;
}

/* ========== Rooms Section ========== */
.rooms-section[data-v-5fc6cfdc] {
  margin-bottom: 20px;
}
.section-header[data-v-5fc6cfdc] {
  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-5fc6cfdc] {
  font-size: 0.625rem;
  opacity: 0.7;
}
.section-count[data-v-5fc6cfdc] {
  margin-left: auto;
  padding: 2px 8px;
  background: var(--sidebar-glass);
  border-radius: 999px;
  font-size: 0.625rem;
}

/* ========== Room Items ========== */
.rooms-list[data-v-5fc6cfdc] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.room-item[data-v-5fc6cfdc] {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px 12px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition);
  text-align: left;
  font-family: inherit;
}
.room-item[data-v-5fc6cfdc]:hover {
  background: var(--sidebar-glass-hover);
  border-color: var(--sidebar-glass-border);
}
.room-item.active[data-v-5fc6cfdc] {
  background: var(--sidebar-room-active-bg);
  border-color: var(--sidebar-room-active-border);
}
.room-avatar[data-v-5fc6cfdc] {
  --hue: 180;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    135deg,
    hsl(var(--hue), 45%, 55%) 0%,
    hsl(var(--hue), 55%, 45%) 100%
  );
  border-radius: var(--radius-sm);
  font-size: 0.8125rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
  transition: transform var(--transition);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.room-item:hover .room-avatar[data-v-5fc6cfdc] {
  transform: scale(1.05);
}
.room-item.active .room-avatar[data-v-5fc6cfdc] {
  box-shadow: 0 0 0 2px var(--sidebar-avatar-ring), 0 4px 12px rgba(0, 0, 0, 0.2);
}
.room-info[data-v-5fc6cfdc] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.room-name[data-v-5fc6cfdc] {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--sidebar-text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.room-desc[data-v-5fc6cfdc] {
  font-size: 0.75rem;
  color: var(--sidebar-text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.room-meta[data-v-5fc6cfdc] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.unread-badge[data-v-5fc6cfdc] {
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  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-5fc6cfdc] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  color: var(--sidebar-text-muted);
  font-size: 0.8125rem;
  cursor: pointer;
  opacity: 0;
  transition: all var(--transition);
}
.room-item:hover .room-star[data-v-5fc6cfdc],
.room-star.active[data-v-5fc6cfdc] {
  opacity: 1;
}
.room-star[data-v-5fc6cfdc]:hover {
  background: var(--sidebar-glass);
  color: var(--sidebar-text-secondary);
}
.room-star.active[data-v-5fc6cfdc] {
  color: #fbbf24;
}

/* ========== Empty Search ========== */
.empty-search[data-v-5fc6cfdc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 32px 16px;
  color: var(--sidebar-text-muted);
}
.empty-search i[data-v-5fc6cfdc] {
  font-size: 2rem;
  opacity: 0.5;
}

/* ========== Sidebar Footer ========== */
.chat-sidebar-footer[data-v-5fc6cfdc] {
  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;
}
.user-profile[data-v-5fc6cfdc]:hover {
  background: var(--sidebar-glass);
}
.expand-enter-from[data-v-5fc6cfdc],
.expand-leave-to[data-v-5fc6cfdc] {
  opacity: 0;
  max-height: 0;
  margin-bottom: 0;
  transform: scaleY(0.95);
}
.expand-enter-to[data-v-5fc6cfdc],
.expand-leave-from[data-v-5fc6cfdc] {
  max-height: 300px;
}
.room-list-enter-active[data-v-5fc6cfdc],
.room-list-leave-active[data-v-5fc6cfdc] {
  transition: all var(--transition);
}
.room-list-enter-from[data-v-5fc6cfdc] {
  opacity: 0;
  transform: translateX(-20px);
}
.room-list-leave-to[data-v-5fc6cfdc] {
  opacity: 0;
  transform: translateX(20px);
}

/* ========== Responsive ========== */
@media (max-width: 1024px) {
.chat-sidebar[data-v-5fc6cfdc] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100vh;
    z-index: 100;
    transform: translateX(-100%);
    transition: transform var(--transition-slow);
}
.chat-sidebar.open[data-v-5fc6cfdc] {
    transform: translateX(0);
}
}
@media (max-width: 480px) {
.chat-sidebar[data-v-5fc6cfdc] {
    width: 100%;
}
}

.user-search[data-v-92804466] { width: 80%;
}
.label[data-v-92804466] { display:block; font-size:0.85rem; color:#444; margin-bottom:0.25rem;
}
.control[data-v-92804466] { position: relative;
}
.input[data-v-92804466] { 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-92804466] { 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-92804466] { position:absolute; left:0; top:calc(100% + 6px); font-size:0.8rem; color:#666;
}
.list[data-v-92804466] {
  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-92804466] { padding:0.45rem 0.55rem; border-radius:0.6rem; cursor:pointer;
}
.item.active[data-v-92804466], .item[data-v-92804466]:hover { background:#f3f4ff;
}
.name[data-v-92804466] { font-weight:600; font-size:0.9rem;
}
.sub[data-v-92804466] { font-size:0.8rem; color:#666;
}
.empty[data-v-92804466] {
  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-92804466] { margin-top:0.35rem; font-size:0.8rem; color:#b91c1c;
}
.selected[data-v-92804466] { margin-top:0.35rem; font-size:0.85rem; color:#111;
}

/* ========== Variables ========== */
.panel-overlay[data-v-4f4ecfda],
.panel-container[data-v-4f4ecfda] {
  --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-4f4ecfda] {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.4);
  backdrop-filter: blur(4px);
  z-index: 9998;
}

/* ========== Panel Container ========== */
.panel-container[data-v-4f4ecfda] {
  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-4f4ecfda] {
  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-4f4ecfda] {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
}
.header-icon[data-v-4f4ecfda] {
  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-4f4ecfda] {
  min-width: 0;
}
.header-text h3[data-v-4f4ecfda] {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.3;
}
.header-text p[data-v-4f4ecfda] {
  margin: 4px 0 0;
  font-size: 0.8125rem;
  color: var(--ink-secondary);
}
.close-btn[data-v-4f4ecfda] {
  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-4f4ecfda]:hover {
  border-color: var(--border-strong);
  background: var(--surface-raised);
  color: var(--ink);
}

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

/* ========== Section ========== */
.panel-section[data-v-4f4ecfda] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.section-header[data-v-4f4ecfda] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.section-header i[data-v-4f4ecfda] {
  font-size: 0.875rem;
  color: var(--brand);
}
.section-header h4[data-v-4f4ecfda] {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.user-count[data-v-4f4ecfda] {
  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-4f4ecfda] {
  display: flex;
  gap: 45px;
  align-items: flex-end;
}
.search-wrapper[data-v-4f4ecfda] {
  flex: 1;
  min-width: 0;
}
.user-search[data-v-4f4ecfda] {
  width: 100%;
}
.user-search[data-v-4f4ecfda] input {
  padding: 10px 14px;
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-md);
  font-size: 0.875rem;
}
.user-search[data-v-4f4ecfda] input:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(80, 134, 138, 0.12);
}
.invite-btn[data-v-4f4ecfda] {
  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-4f4ecfda]:hover:not(:disabled) {
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}
.invite-btn[data-v-4f4ecfda]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.invite-btn i[data-v-4f4ecfda] {
  font-size: 0.75rem;
}

/* ========== Messages ========== */
.error-message[data-v-4f4ecfda] {
  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-4f4ecfda] {
  font-size: 0.875rem;
}
.hint-text[data-v-4f4ecfda] {
  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-4f4ecfda] {
  margin-top: 2px;
  font-size: 0.75rem;
  color: var(--brand);
}

/* ========== Empty State ========== */
.empty-state[data-v-4f4ecfda] {
  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-4f4ecfda] {
  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-4f4ecfda] {
  font-size: 0.8125rem;
  color: var(--muted);
}

/* ========== User List ========== */
.user-list[data-v-4f4ecfda] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.user-item[data-v-4f4ecfda] {
  padding: 0;
  border: none;
  background: transparent;
}
.user-actions[data-v-4f4ecfda] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.user-row[data-v-4f4ecfda] {
  /* sorgt dafür, dass UserCard + Actions sauber in einer Row sitzen */
  display: flex;
  align-items: center;
  gap: 10px;

  /* hier setzen wir “Theme”-Variablen, falls UserCard darauf basiert */
  --sidebar-text-primary: rgba(15, 23, 42, 0.92);
  --sidebar-text-secondary: rgba(15, 23, 42, 0.65);
  --sidebar-text-muted: rgba(15, 23, 42, 0.45);

  --sidebar-glass: rgba(15, 23, 42, 0.04);
  --sidebar-glass-border: rgba(15, 23, 42, 0.08);
  --sidebar-glass-hover: rgba(15, 23, 42, 0.06);

  --sidebar-bg: #ffffff;
}

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

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

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

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

.thread-panel[data-v-6c05bbdd] {
  --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-6c05bbdd] {
  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-6c05bbdd] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.title-icon[data-v-6c05bbdd] {
  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-6c05bbdd] {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--ink);
}
.title-text p[data-v-6c05bbdd] {
  margin: 2px 0 0;
  font-size: 0.75rem;
  color: var(--ink-secondary);
}
.header-actions[data-v-6c05bbdd] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
}
.action-btn[data-v-6c05bbdd] {
  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-6c05bbdd]:hover {
  background: var(--surface-raised);
  color: var(--ink);
}
.action-btn.close-btn[data-v-6c05bbdd]:hover {
  background: rgba(220, 38, 38, 0.1);
  color: #dc2626;
}

/* ========== Menu Dropdown ========== */
.menu-dropdown[data-v-6c05bbdd] {
  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-6c05bbdd] {
  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-6c05bbdd] {
  width: 16px;
  font-size: 0.8125rem;
  color: var(--ink-secondary);
}
.menu-item[data-v-6c05bbdd]:hover {
  background: var(--surface-raised);
}
.menu-item[data-v-6c05bbdd]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.menu-item.danger[data-v-6c05bbdd] {
  color: #dc2626;
}
.menu-item.danger i[data-v-6c05bbdd] {
  color: #dc2626;
}
.menu-item.danger[data-v-6c05bbdd]:hover {
  background: rgba(220, 38, 38, 0.08);
}
.menu-divider[data-v-6c05bbdd] {
  height: 1px;
  margin: 6px 0;
  background: var(--border);
}

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

/* ========== Parent Message ========== */
.parent-message[data-v-6c05bbdd] {
  padding: 16px;
  background: var(--surface-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
}
.message-meta[data-v-6c05bbdd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.sender-info[data-v-6c05bbdd] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.avatar[data-v-6c05bbdd] {
  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-6c05bbdd] {
  width: 26px;
  height: 26px;
  font-size: 0.6875rem;
}
.sender-name[data-v-6c05bbdd] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ink);
}
.message-meta time[data-v-6c05bbdd],
.reply-meta time[data-v-6c05bbdd] {
  font-size: 0.75rem;
  color: var(--muted);
}
.message-body[data-v-6c05bbdd] {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--ink);
  white-space: pre-wrap;
  word-break: break-word;
}
.message-footer[data-v-6c05bbdd] {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--border);
}

/* ========== Status Selector ========== */
.status-selector[data-v-6c05bbdd] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.status-btn[data-v-6c05bbdd] {
  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-6c05bbdd] {
  font-size: 0.625rem;
}
.status-btn[data-v-6c05bbdd]:hover {
  border-color: var(--border-strong);
  background: var(--surface-raised);
}
.status-btn.active[data-v-6c05bbdd] {
  border-color: transparent;
}
.status-btn.open.active[data-v-6c05bbdd] {
  background: rgba(100, 116, 139, 0.15);
  color: #64748b;
}
.status-btn.in_progress.active[data-v-6c05bbdd] {
  background: rgba(37, 99, 235, 0.15);
  color: #2563eb;
}
.status-btn.urgent.active[data-v-6c05bbdd] {
  background: rgba(220, 38, 38, 0.15);
  color: #dc2626;
}
.status-btn.done.active[data-v-6c05bbdd] {
  background: rgba(22, 163, 74, 0.15);
  color: #16a34a;
}
.status-hint[data-v-6c05bbdd] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 0.75rem;
  color: var(--muted);
}
.status-hint i[data-v-6c05bbdd] {
  font-size: 0.625rem;
}

/* ========== Replies Section ========== */
.replies-section[data-v-6c05bbdd] {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.replies-header[data-v-6c05bbdd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.replies-count[data-v-6c05bbdd] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink);
}
.replies-count i[data-v-6c05bbdd] {
  color: var(--brand);
  font-size: 0.75rem;
}
.refresh-btn[data-v-6c05bbdd] {
  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-6c05bbdd]:hover {
  background: var(--surface-raised);
  color: var(--brand);
}
.refresh-btn i[data-v-6c05bbdd] {
  font-size: 0.6875rem;
}

/* ========== States ========== */
.loading-state[data-v-6c05bbdd],
.empty-state[data-v-6c05bbdd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 16px;
  text-align: center;
}
.loading-spinner[data-v-6c05bbdd] {
  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-6c05bbdd],
.empty-state span[data-v-6c05bbdd] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--ink);
}
.empty-icon[data-v-6c05bbdd] {
  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-6c05bbdd] {
  width: 64px;
  height: 64px;
  font-size: 1.5rem;
}
.empty-state p[data-v-6c05bbdd] {
  margin: 4px 0 0;
  font-size: 0.8125rem;
  color: var(--muted);
}

/* ========== Replies List ========== */
.replies-list[data-v-6c05bbdd] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
}
.reply-item[data-v-6c05bbdd] {
  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-6c05bbdd]:hover {
  box-shadow: var(--shadow-sm);
}
.reply-item.own[data-v-6c05bbdd] {
  background: var(--brand-bg);
  border-color: color-mix(in srgb, var(--brand) 20%, transparent);
}
.reply-meta[data-v-6c05bbdd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}
.reply-body[data-v-6c05bbdd] {
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--ink);
  white-space: pre-wrap;
  word-break: break-word;
}

/* ========== Footer ========== */
.thread-footer[data-v-6c05bbdd] {
  padding: 16px;
  border-top: 1px solid var(--border);
  background: var(--surface);
}
.reply-form[data-v-6c05bbdd] {
  display: flex;
  align-items: center;
  gap: 45px;
}
.input-wrapper[data-v-6c05bbdd] {
  flex: 1;
}
.input-wrapper input[data-v-6c05bbdd] {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface-raised);
  font-size: 0.875rem;
  color: var(--ink);
  outline: none;
  transition: var(--transition);
}
.input-wrapper input[data-v-6c05bbdd]::placeholder {
  color: var(--muted);
}
.input-wrapper input[data-v-6c05bbdd]:focus {
  border-color: var(--brand);
  background: var(--surface);
  box-shadow: 0 0 0 3px rgba(80, 134, 138, 0.12);
}
.send-btn[data-v-6c05bbdd] {
  width: 40px;
  height: 40px;
  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-6c05bbdd]:hover:not(:disabled) {
  transform: scale(1.05);
  box-shadow: var(--shadow-lg);
}
.send-btn[data-v-6c05bbdd]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  box-shadow: none;
}

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

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

.task-card[data-v-9a8f5af4] {
  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-9a8f5af4]:hover {
  border-color: var(--border-medium);
  box-shadow: var(--shadow-sm);
}
.task-card[data-v-9a8f5af4]:focus-visible {
  box-shadow: 0 0 0 3px var(--brand-subtle);
  border-color: var(--brand);
}

/* actions */
.task-actions[data-v-9a8f5af4] {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 5;
}
.task-menu-btn[data-v-9a8f5af4] {
  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-9a8f5af4]:hover:not(:disabled) {
  background: var(--bg-secondary);
  border-color: var(--border-medium);
  color: var(--text-primary);
}
.task-menu-btn[data-v-9a8f5af4]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.task-dropdown[data-v-9a8f5af4] {
  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-9a8f5af4] {
  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-9a8f5af4]:hover {
  background: var(--bg-tertiary);
}
.task-dropdown button i[data-v-9a8f5af4] {
  width: 16px;
  color: var(--text-muted);
}
.task-dropdown button.danger[data-v-9a8f5af4] {
  color: var(--error);
}
.task-dropdown button.danger i[data-v-9a8f5af4] {
  color: var(--error);
}
.task-dropdown button.danger[data-v-9a8f5af4]:hover:not(:disabled) {
  background: var(--error-subtle);
}
.task-dropdown button[data-v-9a8f5af4]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.dropdown-divider[data-v-9a8f5af4] {
  height: 1px;
  margin: 6px 0;
  background: var(--border-light);
}

/* content */
.task-priority[data-v-9a8f5af4] {
  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-9a8f5af4] { background: var(--info-subtle); color: var(--info);
}
.task-priority.normal[data-v-9a8f5af4] { background: var(--success-subtle); color: var(--success);
}
.task-priority.high[data-v-9a8f5af4] { background: var(--error-subtle); color: var(--error);
}
.task-title[data-v-9a8f5af4] {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
  line-height: 1.3;
}
.task-desc[data-v-9a8f5af4] {
  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-9a8f5af4] {
  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-9a8f5af4] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.meta-item[data-v-9a8f5af4] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  color: var(--text-muted);
}
.meta-item i[data-v-9a8f5af4] { font-size: 0.6875rem;
}
.meta-btn[data-v-9a8f5af4] {
  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-9a8f5af4]:hover {
  background: var(--brand-subtle);
  color: var(--brand);
}
.meta-btn i[data-v-9a8f5af4] { font-size: 0.8125rem;
}
.meta-due[data-v-9a8f5af4] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--text-secondary);
}
.meta-due.overdue[data-v-9a8f5af4] { color: var(--error);
}
.assignee-avatar[data-v-9a8f5af4] {
  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-5e41b9ea] {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--bg-primary);
  color: var(--text-primary);
}

/* ===== Header ===== */
.kanban-header[data-v-5e41b9ea] {
  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-5e41b9ea] {
  flex: 1;
  max-width: 400px;
}
.search-box[data-v-5e41b9ea] {
  position: relative;
  display: flex;
  align-items: center;
}
.search-box i[data-v-5e41b9ea] {
  position: absolute;
  left: 14px;
  color: var(--text-muted);
  font-size: 0.875rem;
}
.search-box input[data-v-5e41b9ea] {
  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-5e41b9ea]::placeholder {
  color: var(--text-muted);
}
.search-box input[data-v-5e41b9ea]:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-subtle);
}
.search-box kbd[data-v-5e41b9ea] {
  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-5e41b9ea] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.view-toggle[data-v-5e41b9ea] {
  display: flex;
  background: var(--bg-tertiary);
  border-radius: var(--radius-sm);
  padding: 4px;
}
.view-btn[data-v-5e41b9ea] {
  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-5e41b9ea]:hover {
  color: var(--text-primary);
}
.view-btn.active[data-v-5e41b9ea] {
  background: var(--bg-secondary);
  color: var(--brand);
  box-shadow: var(--shadow-xs);
}
.btn-primary[data-v-5e41b9ea] {
  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-5e41b9ea]:hover:not(:disabled) {
  background: var(--brand-dark);
}
.btn-primary[data-v-5e41b9ea]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

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

/* ===== Column ===== */
.column[data-v-5e41b9ea] {
  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-5e41b9ea] {
  position: relative;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.column-accent[data-v-5e41b9ea] {
  width: 4px;
  height: 24px;
  border-radius: 2px;
  flex-shrink: 0;
}
.column-title[data-v-5e41b9ea] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: var(--text-primary);
}
.column-count[data-v-5e41b9ea] {
  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-5e41b9ea] {
  position: relative;
}
.column-menu-btn[data-v-5e41b9ea] {
  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-5e41b9ea]:hover:not(:disabled) {
  background: var(--bg-tertiary);
  color: var(--text-primary);
}
.column-dropdown[data-v-5e41b9ea] {
  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-5e41b9ea] {
  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-5e41b9ea]:hover {
  background: var(--bg-tertiary);
}
.column-dropdown button i[data-v-5e41b9ea] {
  width: 16px;
  color: var(--text-muted);
}
.column-dropdown button.danger[data-v-5e41b9ea] {
  color: var(--error);
}
.column-dropdown button.danger i[data-v-5e41b9ea] {
  color: var(--error);
}
.column-dropdown button.danger[data-v-5e41b9ea]:hover {
  background: var(--error-subtle);
}
.dropdown-divider[data-v-5e41b9ea] {
  height: 1px;
  margin: 6px 0;
  background: var(--border-light);
}

/* ===== Tasks List ===== */
.column-tasks[data-v-5e41b9ea] {
  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-5e41b9ea] {
  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-5e41b9ea]:hover:not(:disabled) {
  border-color: var(--brand);
  color: var(--brand);
  background: var(--brand-subtle);
}
.add-task-btn[data-v-5e41b9ea]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Column Placeholder */
.column-placeholder[data-v-5e41b9ea] {
  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-5e41b9ea]:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: var(--brand-subtle);
}
.column-placeholder i[data-v-5e41b9ea] {
  font-size: 1.25rem;
}

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

/* ===== Modal Overlay ===== */
.modal-overlay[data-v-5e41b9ea] {
  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-5e41b9ea] {
  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-5e41b9ea] {
  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-5e41b9ea] {
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--text-primary);
}
.modal-close[data-v-5e41b9ea] {
  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-5e41b9ea]:hover {
  background: var(--error-subtle);
  border-color: var(--error);
  color: var(--error);
}
.modal-body[data-v-5e41b9ea] { padding: 20px;
}
.modal-actions[data-v-5e41b9ea] {
  display: flex;
  gap: 12px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--border-light);
}
.modal-actions .btn-secondary[data-v-5e41b9ea],
.modal-actions .btn-primary[data-v-5e41b9ea],
.modal-actions .btn-danger[data-v-5e41b9ea] {
  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-5e41b9ea] { background: var(--bg-tertiary); color: var(--text-secondary);
}
.btn-secondary[data-v-5e41b9ea]:hover { background: var(--border-light);
}
.btn-danger[data-v-5e41b9ea] { background: var(--error); color: #fff;
}
.btn-danger[data-v-5e41b9ea]:hover { filter: brightness(0.9);
}

/* ===== Task Modal ===== */
.task-modal[data-v-5e41b9ea] { width: 100%; max-width: 500px;
}
.form-group[data-v-5e41b9ea] { margin-bottom: 16px;
}
.form-group label[data-v-5e41b9ea] {
  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-5e41b9ea],
.form-group select[data-v-5e41b9ea],
.form-group textarea[data-v-5e41b9ea] {
  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-5e41b9ea]:focus,
.form-group select[data-v-5e41b9ea]:focus,
.form-group textarea[data-v-5e41b9ea]:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-subtle);
}
.form-group textarea[data-v-5e41b9ea] { resize: none;
}
.form-row[data-v-5e41b9ea] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.priority-selector[data-v-5e41b9ea] { display: flex; gap: 8px;
}
.priority-btn[data-v-5e41b9ea] {
  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-5e41b9ea] { font-size: 0.875rem;
}
.priority-btn[data-v-5e41b9ea]:hover { background: var(--border-light);
}
.priority-btn.active.low[data-v-5e41b9ea] {
  border-color: var(--info);
  background: var(--info-subtle);
  color: var(--info);
}
.priority-btn.active.normal[data-v-5e41b9ea] {
  border-color: var(--success);
  background: var(--success-subtle);
  color: var(--success);
}
.priority-btn.active.high[data-v-5e41b9ea] {
  border-color: var(--error);
  background: var(--error-subtle);
  color: var(--error);
}

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

/* ===== Confirm Modal ===== */
.confirm-modal[data-v-5e41b9ea] {
  width: 100%;
  max-width: 360px;
  padding: 24px;
  text-align: center;
}
.confirm-icon[data-v-5e41b9ea] {
  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-5e41b9ea] { font-size: 1.5rem; color: var(--error);
}
.confirm-modal h3[data-v-5e41b9ea] {
  margin: 0 0 8px;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--text-primary);
}
.confirm-modal p[data-v-5e41b9ea] {
  margin: 0 0 20px;
  font-size: 0.875rem;
  color: var(--text-secondary);
  line-height: 1.5;
}

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

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

/* ========== Variables ========== */
.tc-backdrop[data-v-b4222c98] {
  --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);
}

/* ========== Backdrop ========== */
.tc-backdrop[data-v-b4222c98] {
  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-b4222c98] {
  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-b4222c98] {
  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-b4222c98] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.tc-priority-badge[data-v-b4222c98] {
  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-b4222c98] {
  font-size: 0.625rem;
}
.tc-priority-badge.low[data-v-b4222c98] {
  background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
}
.tc-priority-badge.normal[data-v-b4222c98] {
  background: linear-gradient(135deg, var(--brand-light) 0%, var(--brand) 100%);
}
.tc-priority-badge.high[data-v-b4222c98] {
  background: linear-gradient(135deg, #f472b6 0%, #ec4899 100%);
}
.tc-title[data-v-b4222c98] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.3;
  word-break: break-word;
}
.tc-description[data-v-b4222c98] {
  margin: 0;
  font-size: 0.875rem;
  color: var(--ink-secondary);
  line-height: 1.5;
  word-break: break-word;
}
.tc-meta[data-v-b4222c98] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 4px;
}
.tc-meta-item[data-v-b4222c98] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--muted);
}
.tc-meta-item i[data-v-b4222c98] {
  font-size: 0.75rem;
  color: var(--muted);
}
.tc-close-btn[data-v-b4222c98] {
  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-b4222c98]:hover {
  border-color: var(--border-strong);
  background: var(--surface-raised);
  color: var(--ink);
}

/* ========== Body ========== */
.tc-body[data-v-b4222c98] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 20px;
  background: var(--surface-raised);
}
.tc-state[data-v-b4222c98] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 40px 24px;
  text-align: center;
}
.tc-state-icon[data-v-b4222c98] {
  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-b4222c98] {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--ink);
}
.tc-state p[data-v-b4222c98] {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--muted);
}
.tc-state-empty .tc-state-icon[data-v-b4222c98] {
  background: var(--surface);
  border: 2px dashed var(--border-strong);
}

/* ========== Comments List ========== */
.tc-comments-list[data-v-b4222c98] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.tc-comment[data-v-b4222c98] {
  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-b4222c98]:hover {
  box-shadow: var(--shadow-md);
}
.tc-comment-header[data-v-b4222c98] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.tc-author[data-v-b4222c98] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tc-avatar[data-v-b4222c98] {
  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-b4222c98] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.tc-author-name[data-v-b4222c98] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ink);
}
.tc-timestamp[data-v-b4222c98] {
  font-size: 0.75rem;
  color: var(--muted);
}
.tc-delete-btn[data-v-b4222c98] {
  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-b4222c98] {
  opacity: 1;
}
.tc-delete-btn[data-v-b4222c98]:hover {
  background: rgba(220, 38, 38, 0.1);
  color: #dc2626;
}
.tc-comment-body[data-v-b4222c98] {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--ink);
  white-space: pre-wrap;
  word-break: break-word;
}

/* ========== Composer ========== */
.tc-composer[data-v-b4222c98] {
  padding: 16px 20px 20px;
  border-top: 1px solid var(--border);
  background: var(--surface);
}
.tc-composer-form[data-v-b4222c98] {
  display: flex;
  align-items: flex-end;
  gap: 45px;
}
.tc-input-wrapper[data-v-b4222c98] {
  flex: 1;
}
.tc-textarea[data-v-b4222c98] {
  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-b4222c98]::placeholder {
  color: var(--muted);
}
.tc-textarea[data-v-b4222c98]:focus {
  border-color: var(--brand);
  background: var(--surface);
  box-shadow: 0 0 0 3px rgba(80, 134, 138, 0.12);
}
.tc-textarea[data-v-b4222c98]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.tc-send-btn[data-v-b4222c98] {
  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-b4222c98]:hover:not(:disabled) {
  transform: scale(1.05);
  box-shadow: var(--shadow-lg);
}
.tc-send-btn[data-v-b4222c98]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  box-shadow: none;
}
.tc-error[data-v-b4222c98] {
  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-b4222c98] {
  font-size: 0.875rem;
}

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

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

/* ========== Responsive ========== */
@media (max-width: 640px) {
.tc-backdrop[data-v-b4222c98] {
    padding: 16px;
}
.tc-panel[data-v-b4222c98] {
    max-height: calc(100vh - 32px);
}
.tc-header[data-v-b4222c98] {
    padding: 16px;
}
.tc-title[data-v-b4222c98] {
    font-size: 1rem;
}
.tc-meta[data-v-b4222c98] {
    gap: 12px;
}
.tc-meta-item[data-v-b4222c98] {
    font-size: 0.75rem;
}
.tc-body[data-v-b4222c98] {
    padding: 16px;
}
.tc-comment[data-v-b4222c98] {
    padding: 12px;
}
.tc-avatar[data-v-b4222c98] {
    width: 32px;
    height: 32px;
    font-size: 0.6875rem;
}
.tc-composer[data-v-b4222c98] {
    padding: 12px 16px 16px;
}
.tc-textarea[data-v-b4222c98] {
    padding: 10px 14px;
    font-size: 0.875rem;
}
.tc-send-btn[data-v-b4222c98] {
    width: 40px;
    height: 40px;
    font-size: 0.875rem;
}
}
@media (max-width: 480px) {
.tc-backdrop[data-v-b4222c98] {
    padding: 0;
}
.tc-panel[data-v-b4222c98] {
    max-height: 100vh;
    border-radius: 0;
}
.tc-delete-btn[data-v-b4222c98] {
    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-24a63d2e] {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--bg-primary);
  color: var(--text-primary);
}

/* ===== Header ===== */
.files-header[data-v-24a63d2e] {
  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-24a63d2e] {
  flex: 1;
  max-width: 320px;
}
.search-box[data-v-24a63d2e] {
  position: relative;
  display: flex;
  align-items: center;
}
.search-box i[data-v-24a63d2e] {
  position: absolute;
  left: 12px;
  color: var(--text-muted);
  font-size: 0.8125rem;
}
.search-box input[data-v-24a63d2e] {
  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-24a63d2e]::placeholder {
  color: var(--text-muted);
}
.search-box input[data-v-24a63d2e]:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-subtle);
}
.header-right[data-v-24a63d2e] {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Filter Dropdown */
.filter-dropdown[data-v-24a63d2e] {
  position: relative;
}
.filter-btn[data-v-24a63d2e] {
  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-24a63d2e]:hover,
.filter-btn.active[data-v-24a63d2e] {
  border-color: var(--brand);
  color: var(--text-primary);
}
.filter-btn i[data-v-24a63d2e]:last-child {
  font-size: 0.625rem;
  margin-left: 4px;
}
.dropdown-menu[data-v-24a63d2e] {
  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-24a63d2e] {
  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-24a63d2e]:hover {
  background: var(--bg-tertiary);
}
.dropdown-item.active[data-v-24a63d2e] {
  background: var(--brand-subtle);
  color: var(--brand);
}
.dropdown-item i[data-v-24a63d2e] {
  width: 16px;
  color: var(--text-muted);
}
.dropdown-item.active i[data-v-24a63d2e] {
  color: var(--brand);
}
.dropdown-item .count[data-v-24a63d2e] {
  margin-left: auto;
  font-size: 0.6875rem;
  color: var(--text-muted);
}

/* View Toggle */
.view-toggle[data-v-24a63d2e] {
  display: flex;
  padding: 4px;
  background: var(--bg-tertiary);
  border-radius: var(--radius-sm);
}
.view-btn[data-v-24a63d2e] {
  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-24a63d2e]:hover {
  color: var(--text-primary);
}
.view-btn.active[data-v-24a63d2e] {
  background: var(--bg-secondary);
  color: var(--brand);
  box-shadow: var(--shadow-xs);
}

/* Upload Button */
.btn-upload[data-v-24a63d2e] {
  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-24a63d2e]:hover {
  background: var(--brand-dark);
}

/* ===== Stats Bar ===== */
.stats-bar[data-v-24a63d2e] {
  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-24a63d2e] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8125rem;
  color: var(--text-secondary);
}
.stat-item i[data-v-24a63d2e] {
  color: var(--text-muted);
}
.stat-item.selected[data-v-24a63d2e] {
  color: var(--brand);
  font-weight: 500;
}
.stat-item.selected i[data-v-24a63d2e] {
  color: var(--brand);
}
.clear-selection[data-v-24a63d2e] {
  margin-left: 4px;
  padding: 2px 6px;
  background: transparent;
  border: none;
  color: var(--text-muted);
  cursor: pointer;
  transition: color 150ms;
}
.clear-selection[data-v-24a63d2e]:hover {
  color: var(--error);
}

/* ===== Loading & Empty States ===== */
.loading-state[data-v-24a63d2e],
.empty-state[data-v-24a63d2e] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 40px;
  text-align: center;
}
.loading-spinner[data-v-24a63d2e],
.empty-icon[data-v-24a63d2e] {
  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-24a63d2e],
.empty-state h3[data-v-24a63d2e] {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
}
.empty-state p[data-v-24a63d2e] {
  font-size: 0.875rem;
  color: var(--text-secondary);
  margin: 0;
}
.btn-upload-large[data-v-24a63d2e] {
  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-24a63d2e]:hover {
  background: var(--brand-dark);
}

/* ===== Grid View ===== */
.files-grid[data-v-24a63d2e] {
  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-24a63d2e] {
  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-24a63d2e]:hover {
  border-color: var(--border-medium);
  box-shadow: var(--shadow-md);
}
.file-card.selected[data-v-24a63d2e] {
  border-color: var(--brand);
  box-shadow: 0 0 0 2px var(--brand-subtle);
}
.file-checkbox[data-v-24a63d2e] {
  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-24a63d2e],
.file-card.selected .file-checkbox[data-v-24a63d2e] {
  opacity: 1;
}
.file-card.selected .file-checkbox[data-v-24a63d2e] {
  color: var(--brand);
}
.file-preview[data-v-24a63d2e] {
  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-24a63d2e] {
  background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%);
  color: #db2777;
}
.file-preview.documents[data-v-24a63d2e] {
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  color: #2563eb;
}
.file-preview.videos[data-v-24a63d2e] {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  color: #d97706;
}
.file-preview.audio[data-v-24a63d2e] {
  background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
  color: #059669;
}
.file-preview img[data-v-24a63d2e] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.file-info[data-v-24a63d2e] {
  padding: 12px;
}
.file-name[data-v-24a63d2e] {
  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-24a63d2e] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  font-size: 0.6875rem;
  color: var(--text-muted);
}
.file-source[data-v-24a63d2e] {
  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-24a63d2e] {
  font-size: 0.5625rem;
}
.file-actions[data-v-24a63d2e] {
  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-24a63d2e] {
  opacity: 1;
  transform: translateY(0);
}
.action-btn[data-v-24a63d2e] {
  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-24a63d2e]:hover {
  background: var(--bg-secondary);
  border-color: var(--border-medium);
  color: var(--text-primary);
}
.action-btn.danger[data-v-24a63d2e]:hover {
  background: var(--error-subtle);
  border-color: var(--error);
  color: var(--error);
}

/* ===== List View ===== */
.files-list[data-v-24a63d2e] {
  flex: 1;
  overflow-y: auto;
}
.files-list table[data-v-24a63d2e] {
  width: 100%;
  border-collapse: collapse;
}
.files-list th[data-v-24a63d2e],
.files-list td[data-v-24a63d2e] {
  padding: 12px 16px;
  text-align: left;
}
.files-list th[data-v-24a63d2e] {
  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-24a63d2e]:hover {
  color: var(--text-primary);
}
.files-list th i[data-v-24a63d2e] {
  margin-left: 4px;
  font-size: 0.5625rem;
}
.files-list tr[data-v-24a63d2e] {
  border-bottom: 1px solid var(--border-light);
  cursor: pointer;
  transition: background 150ms;
}
.files-list tbody tr[data-v-24a63d2e]:hover {
  background: var(--bg-tertiary);
}
.files-list tbody tr.selected[data-v-24a63d2e] {
  background: var(--brand-subtle);
}
.col-check[data-v-24a63d2e] {
  width: 40px;
}
.select-all-btn[data-v-24a63d2e] {
  padding: 4px;
  background: transparent;
  border: none;
  color: var(--text-muted);
  cursor: pointer;
}
.col-name[data-v-24a63d2e] {
  min-width: 200px;
}
.name-cell[data-v-24a63d2e] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.file-icon[data-v-24a63d2e] {
  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-24a63d2e] { background: #fce7f3; color: #db2777;
}
.file-icon.documents[data-v-24a63d2e] { background: #dbeafe; color: #2563eb;
}
.file-icon.videos[data-v-24a63d2e] { background: #fef3c7; color: #d97706;
}
.file-icon.audio[data-v-24a63d2e] { background: #d1fae5; color: #059669;
}
.name-text[data-v-24a63d2e] {
  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-24a63d2e] {
  width: 100px;
}
.source-badge[data-v-24a63d2e] {
  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-24a63d2e] { background: #dbeafe; color: #2563eb;
}
.source-badge.task[data-v-24a63d2e] { background: #d1fae5; color: #059669;
}
.source-badge.document[data-v-24a63d2e] { background: #fef3c7; color: #d97706;
}
.source-badge.upload[data-v-24a63d2e] { background: #e0e7ff; color: #4f46e5;
}
.col-size[data-v-24a63d2e],
.col-date[data-v-24a63d2e] {
  width: 100px;
  font-size: 0.8125rem;
  color: var(--text-secondary);
}
.col-actions[data-v-24a63d2e] {
  width: 120px;
}
.table-actions[data-v-24a63d2e] {
  display: flex;
  gap: 6px;
  opacity: 0;
  transition: opacity 150ms;
}
tr:hover .table-actions[data-v-24a63d2e] {
  opacity: 1;
}

/* ===== Bulk Actions ===== */
.bulk-actions[data-v-24a63d2e] {
  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-24a63d2e] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-primary);
}
.bulk-buttons[data-v-24a63d2e] {
  display: flex;
  gap: 10px;
}
.bulk-btn[data-v-24a63d2e] {
  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-24a63d2e]:hover {
  background: var(--bg-secondary);
  border-color: var(--border-medium);
}
.bulk-btn.danger[data-v-24a63d2e]:hover {
  background: var(--error-subtle);
  border-color: var(--error);
  color: var(--error);
}

/* ===== Preview Modal ===== */
.preview-modal[data-v-24a63d2e] {
  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-24a63d2e] {
  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-24a63d2e] {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.preview-content[data-v-24a63d2e] {
  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-24a63d2e] {
  max-width: 100%;
  max-height: 60vh;
  border-radius: var(--radius-md);
}
.preview-content video[data-v-24a63d2e],
.preview-content audio[data-v-24a63d2e] {
  max-width: 100%;
}
.preview-content iframe[data-v-24a63d2e] {
  width: 100%;
  height: 60vh;
  border: none;
  border-radius: var(--radius-md);
}
.no-preview[data-v-24a63d2e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 40px;
  color: var(--text-muted);
}
.no-preview i[data-v-24a63d2e] {
  font-size: 3rem;
}
.preview-footer[data-v-24a63d2e] {
  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-24a63d2e] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.8125rem;
  color: var(--text-secondary);
}
.btn-download[data-v-24a63d2e] {
  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-24a63d2e]:hover {
  background: var(--brand-dark);
}

/* ===== Confirm Modal ===== */
.modal-overlay[data-v-24a63d2e] {
  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-24a63d2e] {
  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-24a63d2e]:hover {
  background: var(--error-subtle);
  border-color: var(--error);
  color: var(--error);
}
.confirm-modal[data-v-24a63d2e] {
  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-24a63d2e] {
  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-24a63d2e] {
  margin: 0 0 8px;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--text-primary);
}
.confirm-modal p[data-v-24a63d2e] {
  margin: 0 0 20px;
  font-size: 0.875rem;
  color: var(--text-secondary);
  line-height: 1.5;
}
.modal-actions[data-v-24a63d2e] {
  display: flex;
  gap: 12px;
}
.btn-secondary[data-v-24a63d2e],
.btn-danger[data-v-24a63d2e] {
  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-24a63d2e] {
  background: var(--bg-tertiary);
  color: var(--text-secondary);
}
.btn-secondary[data-v-24a63d2e]:hover {
  background: var(--border-light);
}
.btn-danger[data-v-24a63d2e] {
  background: var(--error);
  color: #fff;
}
.btn-danger[data-v-24a63d2e]:hover {
  filter: brightness(0.9);
}

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

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

.toolbar[data-v-80e94e4d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  background: var(--surface-raised, #fafafa);
  border-bottom: 1px solid var(--border, rgba(15, 23, 42, 0.06));
}
.toolbar-left[data-v-80e94e4d],
.toolbar-right[data-v-80e94e4d] {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ========== View Switcher ========== */
.view-switcher[data-v-80e94e4d] {
  display: flex;
  gap: 2px;
  padding: 4px;
  background: var(--surface, #ffffff);
  border: 1px solid var(--border, rgba(15, 23, 42, 0.06));
  border-radius: var(--radius-sm, 8px);
}
.view-btn[data-v-80e94e4d] {
  padding: 6px 12px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--muted, rgba(15, 23, 42, 0.45));
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.view-btn[data-v-80e94e4d]:hover {
  color: var(--ink-secondary, rgba(15, 23, 42, 0.65));
  background: rgba(15, 23, 42, 0.04);
}
.view-btn.active[data-v-80e94e4d] {
  background: var(--surface-raised, #fafafa);
  color: var(--brand, #50868a);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* ========== Tool Buttons ========== */
.tool-btn[data-v-80e94e4d] {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border, rgba(15, 23, 42, 0.06));
  border-radius: var(--radius-sm, 8px);
  background: var(--surface, #ffffff);
  color: var(--ink-secondary, rgba(15, 23, 42, 0.65));
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.tool-btn[data-v-80e94e4d]:hover:not(:disabled) {
  border-color: var(--border-strong, rgba(15, 23, 42, 0.12));
  background: var(--surface-raised, #fafafa);
  color: var(--ink, rgba(15, 23, 42, 0.92));
}
.tool-btn[data-v-80e94e4d]:active:not(:disabled) {
  transform: translateY(1px);
}
.tool-btn[data-v-80e94e4d]:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.tool-btn.danger[data-v-80e94e4d] {
  border-color: rgba(220, 38, 38, 0.15);
  background: rgba(220, 38, 38, 0.06);
  color: var(--danger, #dc2626);
}
.tool-btn.danger[data-v-80e94e4d]:hover:not(:disabled) {
  background: rgba(220, 38, 38, 0.1);
  border-color: rgba(220, 38, 38, 0.25);
}

/* ========== Primary Buttons ========== */
.primary-btn[data-v-80e94e4d] {
  height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border: 1px solid color-mix(in srgb, var(--brand, #50868a) 20%, var(--border, rgba(15, 23, 42, 0.06)));
  border-radius: var(--radius-sm, 8px);
  background: color-mix(in srgb, var(--brand, #50868a) 12%, #ffffff);
  color: var(--brand-dark, #3d6b6e);
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
}
.primary-btn i[data-v-80e94e4d] {
  font-size: 0.75rem;
}
.primary-btn[data-v-80e94e4d]:hover:not(:disabled) {
  background: color-mix(in srgb, var(--brand, #50868a) 18%, #ffffff);
  border-color: color-mix(in srgb, var(--brand, #50868a) 35%, var(--border, rgba(15, 23, 42, 0.06)));
  box-shadow: 0 2px 4px rgba(80, 134, 138, 0.1);
}
.primary-btn[data-v-80e94e4d]:active:not(:disabled) {
  transform: translateY(1px);
  box-shadow: none;
}
.primary-btn[data-v-80e94e4d]:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.primary-btn.milestone[data-v-80e94e4d] {
  background: color-mix(in srgb, var(--warning, #f59e0b) 12%, #ffffff);
  border-color: color-mix(in srgb, var(--warning, #f59e0b) 20%, var(--border, rgba(15, 23, 42, 0.06)));
  color: #b45309;
}
.primary-btn.milestone[data-v-80e94e4d]:hover:not(:disabled) {
  background: color-mix(in srgb, var(--warning, #f59e0b) 18%, #ffffff);
  border-color: color-mix(in srgb, var(--warning, #f59e0b) 35%, var(--border, rgba(15, 23, 42, 0.06)));
  box-shadow: 0 2px 4px rgba(245, 158, 11, 0.15);
}

/* ========== Divider ========== */
.divider[data-v-80e94e4d] {
  width: 1px;
  height: 24px;
  background: var(--border-strong, rgba(15, 23, 42, 0.12));
  margin: 0 4px;
}

/* ========== Dropdown ========== */
.dropdown-wrapper[data-v-80e94e4d] {
  position: relative;
}
.dropdown-menu[data-v-80e94e4d] {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 180px;
  padding: 6px;
  background: var(--surface, #ffffff);
  border: 1px solid var(--border-strong, rgba(15, 23, 42, 0.12));
  border-radius: var(--radius-sm, 8px);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
  z-index: 100;
}
.dropdown-item[data-v-80e94e4d] {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--ink, rgba(15, 23, 42, 0.92));
  font-size: 0.8125rem;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.dropdown-item i[data-v-80e94e4d] {
  width: 18px;
  font-size: 0.9375rem;
  color: var(--ink-secondary, rgba(15, 23, 42, 0.65));
  text-align: center;
}
.dropdown-item[data-v-80e94e4d]:hover {
  background: var(--brand-subtle, rgba(80, 134, 138, 0.1));
  color: var(--brand, #50868a);
}
.dropdown-item:hover i[data-v-80e94e4d] {
  color: var(--brand, #50868a);
}
.dropdown-item[data-v-80e94e4d]:active {
  transform: translateY(1px);
}
.dropdown-divider[data-v-80e94e4d] {
  height: 1px;
  margin: 6px 0;
  background: var(--border, rgba(15, 23, 42, 0.06));
}

/* Dropdown Transition */
.dropdown-enter-active[data-v-80e94e4d],
.dropdown-leave-active[data-v-80e94e4d] {
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.dropdown-enter-from[data-v-80e94e4d],
.dropdown-leave-to[data-v-80e94e4d] {
  opacity: 0;
  transform: translateY(-8px);
}

/* ========== Responsive ========== */
@media (max-width: 700px) {
.toolbar[data-v-80e94e4d] {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
}
.toolbar-left[data-v-80e94e4d],
  .toolbar-right[data-v-80e94e4d] {
    justify-content: center;
    flex-wrap: wrap;
}
.view-switcher[data-v-80e94e4d] {
    width: 100%;
}
.view-btn[data-v-80e94e4d] {
    flex: 1;
    text-align: center;
}
.primary-btn span[data-v-80e94e4d] {
    display: none;
}
.primary-btn[data-v-80e94e4d] {
    width: 36px;
    padding: 0;
    justify-content: center;
}
.divider[data-v-80e94e4d] {
    display: none;
}
.dropdown-menu[data-v-80e94e4d] {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
}
.dropdown-enter-from[data-v-80e94e4d],
  .dropdown-leave-to[data-v-80e94e4d] {
    transform: translateX(-50%) translateY(-8px);
}
}
@media (max-width: 480px) {
.toolbar-right[data-v-80e94e4d] {
    gap: 6px;
}
.tool-btn[data-v-80e94e4d],
  .primary-btn[data-v-80e94e4d] {
    width: 32px;
    height: 32px;
    min-width: 32px;
}
.view-btn[data-v-80e94e4d] {
    padding: 5px 8px;
    font-size: 0.6875rem;
}
.dropdown-menu[data-v-80e94e4d] {
    min-width: 160px;
}
.dropdown-item[data-v-80e94e4d] {
    padding: 8px 10px;
    font-size: 0.75rem;
}
}
.confirm-timer-dialog-overlay[data-v-9e4877ac]{position:fixed;z-index:99999;top:0;left:0;right:0;bottom:0;background:#00000040;display:flex;align-items:center;justify-content:center}.confirm-timer-dialog[data-v-9e4877ac]{background:var(--gantt-bg-primary, #fff);border-radius:8px;box-shadow:0 4px 24px #0000001f;padding:24px 32px 18px;min-width:340px;max-width:90vw;display:flex;flex-direction:column;gap:16px}.gantt-root[data-theme=dark]{background:var(--gantt-bg-primary, #6b6b6b)}.dialog-message[data-v-9e4877ac]{font-size:14px;margin-bottom:4px;line-height:1.7}.dialog-message .task-name-highlight[data-v-9e4877ac]{color:#f44336;font-size:18px;font-weight:700;margin:0 2px;display:inline-block}.dialog-textarea[data-v-9e4877ac]{border:1px solid #dcdfe6;border-radius:4px;font-size:14px;padding:8px 10px;resize:vertical;min-height:60px;margin-bottom:8px}.dialog-actions[data-v-9e4877ac]{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.gantt-btn[data-v-9e4877ac]{min-width:96px;padding:10px 0;border:none;border-radius:4px;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s;text-align:center;display:inline-flex;align-items:center;justify-content:center}.gantt-btn-confirm[data-v-9e4877ac]{background:#4caf50;color:#fff}.gantt-btn-confirm[data-v-9e4877ac]:hover{background:#43a047}.gantt-btn{padding:10px 20px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid;transition:background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease;display:inline-flex;align-items:center;gap:6px;outline:none}.gantt-btn:disabled{cursor:not-allowed;opacity:.6}.gantt-btn-default{background:var(--gantt-bg-secondary, #f5f7fa);border-color:var(--gantt-border-medium, #dcdfe6);color:var(--gantt-text-secondary, #8d9095)}.gantt-btn-default:hover:not(:disabled){border-color:var(--gantt-border-dark, #c0c4cc);color:var(--gantt-primary, #409eff);background:var(--gantt-bg-hover, #f0f1f3)}:global(.gantt-root[data-theme=dark]) .gantt-btn-default{background:var(--gantt-bg-tertiary, #454545)!important;border-color:var(--gantt-border-color, #dcdfe6)!important;color:var(--gantt-text-white, #ffffff)!important}:global(.gantt-root[data-theme=dark]) .gantt-btn-default:hover:not(:disabled){background:var(--gantt-bg-hover, rgba(255, 255, 255, .1))!important;border-color:var(--gantt-primary, #409eff)!important;color:var(--gantt-primary, #409eff)!important}.gantt-btn-primary{background:var(--gantt-primary, #409eff);border-color:var(--gantt-primary, #409eff);color:#fff}.gantt-btn-primary:hover:not(:disabled){background:#66b1ff;border-color:#66b1ff}.gantt-btn-danger{background:var(--gantt-danger, #f56c6c);border-color:var(--gantt-danger, #f56c6c);color:#fff}.gantt-btn-danger:hover:not(:disabled){background:#f78989;border-color:#f78989}.gantt-btn-warning{background:var(--gantt-warning, #e6a23c);border-color:var(--gantt-warning, #e6a23c);color:#fff}.gantt-btn-warning:hover:not(:disabled){background:#ebb563;border-color:#ebb563}.gantt-root[data-theme=dark]{background:#1e1e1e;color-scheme:dark}.gantt-root[data-theme=light]{background:#fff;color-scheme:light}.gantt-confirm-overlay[data-v-d5826db5]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000040;z-index:9999;display:flex;align-items:center;justify-content:center}.gantt-confirm-dialog[data-v-d5826db5]{background:var(--gantt-bg-primary, #fff);border-radius:8px;box-shadow:0 4px 24px #0000002e;min-width:320px;max-width:90vw;padding:24px 28px 18px;display:flex;flex-direction:column}.gantt-confirm-header[data-v-d5826db5]{margin-bottom:12px}.gantt-confirm-title[data-v-d5826db5]{font-size:18px;font-weight:600;color:var(--gantt-text-primary, #303133);margin:0}.gantt-confirm-content[data-v-d5826db5]{font-size:15px;color:var(--gantt-text-secondary, #606266);margin-bottom:18px}.gantt-confirm-footer[data-v-d5826db5]{display:flex;justify-content:space-between;align-items:center;gap:12px}.gantt-confirm-footer-right[data-v-d5826db5]{display:flex;gap:12px}.gantt-root[data-theme=dark]{background:var(--gantt-bg-secondary, #f8f9fa)!important;border-color:var(--gantt-border-dark, #999999)!important}.task-context-menu[data-v-db119cb5]{position:fixed;background:#fff;border-radius:8px;box-shadow:0 2px 12px #00000026;padding:4px 0;width:180px;z-index:10000;-webkit-user-select:none;user-select:none;animation:fadeIn-db119cb5 .15s ease-out;border:1px solid #e4e7ed}.menu-item[data-v-db119cb5]{padding:6px 12px;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;font-size:14px;transition:all .2s ease;color:#333;gap:10px;height:36px}.menu-item[data-v-db119cb5]:hover{background-color:#f5f7fa;color:#409eff}.icon-wrapper[data-v-db119cb5]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-icon[data-v-db119cb5]{display:inline-flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;border-radius:2px;overflow:visible}.timer-icon[data-v-db119cb5],.stop-icon[data-v-db119cb5]{width:32px;height:32px}.predecessor-icon[data-v-db119cb5],.successor-icon[data-v-db119cb5]{width:20px;height:20px}.timer-icon[data-v-db119cb5]:before{content:"";position:absolute;width:20px;height:20px;border:2px solid currentColor;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box}.timer-icon[data-v-db119cb5]:after{content:"";position:absolute;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor;top:50%;left:50%;transform:translate(-30%,-50%)}.predecessor-icon[data-v-db119cb5]:before{content:"";position:absolute;width:12px;height:2px;background-color:currentColor;top:50%;left:50%;transform:translate(-35%,-50%)}.predecessor-icon[data-v-db119cb5]:after{content:"";position:absolute;width:5px;height:5px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;top:50%;left:50%;transform:translate(-120%,-50%) rotate(45deg)}.successor-icon[data-v-db119cb5]:before{content:"";position:absolute;width:12px;height:2px;background-color:currentColor;top:50%;left:50%;transform:translate(-65%,-50%)}.successor-icon[data-v-db119cb5]:after{content:"";position:absolute;width:5px;height:5px;border-right:2px solid currentColor;border-top:2px solid currentColor;top:50%;left:50%;transform:translate(20%,-50%) rotate(45deg)}.stop-icon[data-v-db119cb5]:before{content:"";position:absolute;width:20px;height:20px;border:2px solid currentColor;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box}.stop-icon[data-v-db119cb5]:after{content:"";position:absolute;width:8px;height:8px;background-color:currentColor;border-radius:0;top:50%;left:50%;transform:translate(-50%,-50%)}.menu-arrow[data-v-db119cb5]{position:absolute;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;transform-origin:center;filter:drop-shadow(0 -1px 2px rgba(0,0,0,.1));z-index:10001;pointer-events:none}@keyframes fadeIn-db119cb5{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.gantt-root[data-theme=dark]{color:#e5e5e5}.gantt-root[data-theme=dark]{background-color:#3a3a3a;color:#409eff}.gantt-root[data-theme=dark]{border-bottom-color:#2c2c2c;filter:drop-shadow(0 -1px 2px rgba(0,0,0,.25))}.menu-item-danger[data-v-db119cb5]{color:#e74c3c}.menu-item-danger[data-v-db119cb5]:hover{background-color:#faeaea;color:#c0392b}.menu-icon.delete-icon[data-v-db119cb5]{width:20px;height:20px;display:inline-block;background:none;position:relative}.menu-icon.delete-icon[data-v-db119cb5]:before{content:"";display:block;width:16px;height:16px;margin:2px auto;background:url('data:image/svg+xml;utf8,<svg fill="%23e74c3c" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m2 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6h14z" stroke="%23e74c3c" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg>') no-repeat center center;background-size:contain}.menu-divider[data-v-db119cb5]{height:1px;background:#ececec;width:92%;margin:4px 0 4px 4%}.menu-item-with-submenu[data-v-db119cb5]{position:relative;padding-right:30px}.submenu-arrow[data-v-db119cb5]{position:absolute;right:12px;font-style:normal;font-size:16px;color:#999}.submenu[data-v-db119cb5]{position:absolute;left:100%;top:0;margin-left:4px;background:#fff;border-radius:8px;box-shadow:0 2px 12px #00000026;padding:4px 0;min-width:200px;z-index:10001;border:1px solid #e4e7ed;animation:fadeIn-db119cb5 .15s ease-out}.submenu-item[data-v-db119cb5]{padding:8px 16px;font-size:13px;white-space:nowrap}.submenu-item[data-v-db119cb5]:hover{background-color:#fef0f0;color:#f56c6c}.link-delete-icon[data-v-db119cb5]{width:20px;height:20px;position:relative}.link-delete-icon[data-v-db119cb5]:before{content:"";position:absolute;width:14px;height:2px;background-color:currentColor;top:50%;left:3px;transform:translateY(-50%) rotate(45deg)}.link-delete-icon[data-v-db119cb5]:after{content:"";position:absolute;width:14px;height:2px;background-color:currentColor;top:50%;left:3px;transform:translateY(-50%) rotate(-45deg)}.gantt-root[data-theme=dark]{background-color:#2c2c2c;border-color:#444;box-shadow:0 2px 12px #00000059}.gantt-root[data-theme=dark]{background-color:#3a1f1f;color:#f56c6c}.collapse-btn[data-v-b8f89457]{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;cursor:pointer;margin-right:4px;color:var(--gantt-primary);border-radius:2px;transition:background-color .2s ease}.collapse-btn[data-v-b8f89457]:hover{background-color:var(--gantt-primary-light)}.collapse-btn svg[data-v-b8f89457]{transition:transform .2s ease}.task-icon[data-v-4f02d5e2]{margin-right:4px;color:var(--gantt-text-muted)}.task-icon svg[data-v-4f02d5e2]{vertical-align:middle}.milestone-group-icon[data-v-4f02d5e2]{color:var(--gantt-danger, #f56c6c);fill:var(--gantt-danger, #f56c6c)}.gantt-root[data-theme=dark]{color:var(--gantt-danger, #f67c7c);fill:var(--gantt-danger, #f67c7c)}.status-badge[data-v-890f023b]{display:inline-block;padding:2px 6px;border-radius:2px;font-size:10px;font-weight:700;margin-left:6px;color:#fff}.status-badge.overtime[data-v-890f023b]{background-color:transparent;border:1px solid var(--gantt-danger);color:var(--gantt-danger)}.status-badge.overdue[data-v-890f023b]{background-color:var(--gantt-danger)}.timer-badge[data-v-890f023b]{display:inline-block;padding:2px 6px;border-radius:2px;font-size:10px;font-weight:700;margin-left:6px;background-color:var(--gantt-info, #909399);color:#fff}.timer-badge.timer-active[data-v-890f023b]{background-color:var(--gantt-success, #67c23a)}.timer-dot[data-v-890f023b]{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#fff;margin-right:4px;animation:timer-pulse-890f023b 1.5s ease-in-out infinite}@keyframes timer-pulse-890f023b{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.task-name-text[data-v-f7324841]{display:inline-block;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.task-name-text.parent-task[data-v-f7324841]{font-weight:700;color:var(--gantt-text-parent, var(--gantt-text-primary))}[data-v-99318636]:root{--gantt-bg-primary: #ffffff;--gantt-bg-secondary: #f5f7fa;--gantt-bg-tertiary: #f9f9f9;--gantt-bg-hover: rgba(225, 228, 231, .2);--gantt-bg-hover-parent: rgba(245, 247, 250, .8);--gantt-bg-toolbar: #f8f9fa;--gantt-text-primary: #333333;--gantt-text-secondary: #8d9095;--gantt-text-muted: #909399;--gantt-text-white: #ffffff;--gantt-text-header: #333333;--gantt-border-light: #ebeef5;--gantt-border-medium: #dcdfe6;--gantt-border-dark: #c0c4cc;--gantt-border-color: #dcdfe6;--gantt-primary: #409eff;--gantt-primary-light: #ecf5ff;--gantt-success: #67c23a;--gantt-warning: #e6a23c;--gantt-warning-light: #f5dab1;--gantt-danger: #f56c6c;--gantt-danger-light: #fab6b6;--gantt-scrollbar-thumb: #c1c1c1;--gantt-scrollbar-thumb-hover: #a8a8a8}.gantt-root[data-theme=dark][data-v-99318636]{--gantt-bg-primary: #6b6b6b;--gantt-bg-secondary: #4b4b4b;--gantt-bg-tertiary: #7b7b7b;--gantt-bg-hover: rgba(180, 180, 180, .35);--gantt-bg-hover-parent: rgba(140, 140, 140, .8);--gantt-bg-toolbar: #5b5b5b;--gantt-text-primary: #ffffff;--gantt-text-secondary: #f8f8f8;--gantt-text-muted: #e0e0e0;--gantt-text-white: #ffffff;--gantt-text-parent: #ffffff;--gantt-text-header: #ffffff;--gantt-border-light: #888888;--gantt-border-medium: #666666;--gantt-border-dark: #999999;--gantt-border-color: #808080;--gantt-primary: #3399ff;--gantt-primary-light: #4d6699;--gantt-success: #66cc33;--gantt-warning: #ff9933;--gantt-warning-light: #cc7722;--gantt-danger: #ff4444;--gantt-danger-light: #cc3333;--gantt-scrollbar-thumb: #888888;--gantt-scrollbar-thumb-hover: #999999}.col[data-v-99318636]{display:flex;align-items:center;justify-content:center;height:100%;border-right:1px solid var(--gantt-border-light);box-sizing:border-box;overflow:hidden;flex:1 0 120px;min-width:120px;max-width:120px}.col-name[data-v-99318636]{flex:2 0 300px;min-width:300px;max-width:300px;justify-content:flex-start}.col-pre[data-v-99318636],.col-assignee[data-v-99318636]{flex:1 0 120px;min-width:120px;max-width:120px}.col-date[data-v-99318636]{flex:1.2 0 140px;min-width:140px;max-width:140px}.col-hours[data-v-99318636],.col-progress[data-v-99318636]{flex:1 0 100px;min-width:100px;max-width:100px}.col-taskName[data-v-99318636]{flex:2 0 300px;min-width:300px;max-width:300px;justify-content:flex-start}.col-predecessor[data-v-99318636]{flex:1 0 120px;min-width:120px;max-width:120px}.col-startDate[data-v-99318636],.col-endDate[data-v-99318636]{flex:1.2 0 140px;min-width:140px;max-width:140px}.col-estimatedHours[data-v-99318636],.col-actualHours[data-v-99318636]{flex:1 0 100px;min-width:100px;max-width:100px}.col[data-v-99318636]:last-child{border-right:none}.task-row[data-v-99318636]{display:flex;border-bottom:1px solid var(--gantt-border-light);height:51px;box-sizing:border-box;background:var(--gantt-bg-primary);align-items:center;color:var(--gantt-text-secondary);cursor:pointer;transition:all .3s ease;transform:scale(1);transform-origin:5px center;z-index:1;position:relative}.task-row[data-v-99318636]:hover{background-color:var(--gantt-bg-hover);transform:scale(1.02);box-shadow:0 4px 12px #00000026;z-index:10}.task-row-hovered[data-v-99318636]{background-color:var(--gantt-bg-hover)!important;transform:scale(1.02)!important;box-shadow:0 4px 12px #00000026!important;z-index:10!important}.task-row.parent-task[data-v-99318636]{background:var(--gantt-bg-tertiary);font-weight:600}.task-row.parent-task[data-v-99318636]:hover{background:var(--gantt-bg-hover-parent, var(--gantt-bg-hover));transform:scale(1.02);box-shadow:0 6px 16px #0003;z-index:10}.task-row.parent-task.task-row-hovered[data-v-99318636]{background:var(--gantt-bg-hover-parent, var(--gantt-bg-hover))!important;transform:scale(1.02)!important;box-shadow:0 6px 16px #0003!important;z-index:10!important}.milestone-group-row[data-v-99318636]{border-left:3px solid var(--gantt-danger, #f56c6c);background:linear-gradient(90deg,var(--gantt-bg-tertiary) 0%,var(--gantt-bg-primary) 100%)}.milestone-group-row[data-v-99318636]:hover{background:linear-gradient(90deg,var(--gantt-bg-hover-parent) 0%,var(--gantt-bg-hover) 100%);transform:scale(1.02);box-shadow:0 6px 16px #f56c6c4d,0 2px 8px #0000001a;z-index:10;border-left-color:var(--gantt-danger, #f56c6c);border-left-width:4px}.task-type-story[data-v-99318636]{border-left:3px solid var(--gantt-primary, #409eff)}.task-type-task[data-v-99318636]{border-left:3px solid var(--gantt-warning, #e6a23c)}.task-type-milestone[data-v-99318636]{border-left:3px solid var(--gantt-danger, #f56c6c)}.task-type-story[data-v-99318636]:hover{border-left:5px solid var(--gantt-primary, #409eff)}.task-type-task[data-v-99318636]:hover{border-left:5px solid var(--gantt-warning, #e6a23c)}.task-type-milestone[data-v-99318636]:hover{border-left:5px solid var(--gantt-danger, #f56c6c)}.task-row-hovered.task-type-story[data-v-99318636]{border-left:5px solid var(--gantt-primary, #409eff)!important}.task-row-hovered.task-type-task[data-v-99318636]{border-left:5px solid var(--gantt-warning, #e6a23c)!important}.task-row-hovered.task-type-milestone[data-v-99318636]{border-left:5px solid var(--gantt-danger, #f56c6c)!important}.gantt-root[data-theme=dark]{border-left-color:var(--gantt-primary, #7db4f0)}.gantt-root[data-theme=dark]{border-left-color:var(--gantt-warning, #f0b83c)}.gantt-root[data-theme=dark]{border-left-color:var(--gantt-danger, #f67c7c)}.collapse-btn[data-v-99318636]:hover{background-color:var(--gantt-primary-light)}.collapse-btn svg[data-v-99318636]{transition:transform .2s ease}.milestone-spacer[data-v-99318636]{display:inline-flex;width:18px;height:18px;margin-right:4px}.leaf-spacer[data-v-99318636]{display:inline-flex;width:20px;height:18px}.assignee-info[data-v-99318636]{display:flex;align-items:center;gap:8px}.assignee-avatars-container[data-v-99318636]{display:flex;align-items:center;position:relative}.assignee-avatars-container .avatar[data-v-99318636]{position:relative;transition:transform .2s ease;cursor:pointer}.assignee-avatars-container .avatar[data-v-99318636]:hover{transform:translateY(-2px) scale(1.1);z-index:999!important}.avatar[data-v-99318636]{min-width:25px;min-height:25px;width:25px;height:25px;border-radius:50%;background:var(--gantt-primary);color:var(--gantt-text-white);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;border:2px solid var(--gantt-border-medium);box-sizing:border-box;flex-shrink:0}.avatar img[data-v-99318636]{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar .avatar-text[data-v-99318636]{font-size:11px;font-weight:600}.assignee-name[data-v-99318636]{font-size:14px;color:var(--gantt-text-secondary);white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.progress-value[data-v-99318636]{font-weight:500;color:var(--gantt-text-secondary)}.progress-success[data-v-99318636]{color:var(--gantt-success)}.progress-warning[data-v-99318636]{color:var(--gantt-warning)}.progress-danger[data-v-99318636]{color:var(--gantt-danger)}.milestone-item-icon[data-v-99318636]{color:var(--gantt-danger, #f56c6c)}.milestone-empty-col[data-v-99318636]{color:var(--gantt-text-disabled, #c0c4cc);border-right-color:var(--gantt-border-light)!important}.milestone-empty-col[data-v-99318636]:after{content:"-"}.gantt-root[data-theme=dark]{color:var(--gantt-danger, #f67c7c)}.gantt-root[data-theme=dark]{color:var(--gantt-text-disabled, #606266);border-right-color:var(--gantt-border-light)!important}.gantt-root[data-theme=dark]{box-shadow:0 4px 12px #ffffff1a,0 2px 8px #0000004d}.gantt-root[data-theme=dark]{background-color:var(--gantt-bg-hover)!important;box-shadow:0 4px 12px #ffffff1a,0 2px 8px #0000004d!important}.gantt-root[data-theme=dark]{box-shadow:0 6px 16px #ffffff26,0 2px 8px #0006}.gantt-root[data-theme=dark]{background:var(--gantt-bg-hover-parent)!important;box-shadow:0 6px 16px #ffffff26,0 2px 8px #0006!important}.gantt-root[data-theme=dark]{box-shadow:0 6px 16px #f67c7c66,0 2px 8px #ffffff1a}.task-row-dragging[data-v-99318636]{opacity:.6!important;cursor:move!important}.task-row-drop-target.drop-after[data-v-99318636]{border-bottom:3px solid var(--gantt-primary, #409eff)!important;background-color:#409eff0d!important}.task-row-drop-target.drop-child[data-v-99318636]{border:2px solid var(--gantt-primary, #409eff)!important;background-color:#409eff0d!important}.gantt-root[data-theme=dark]{background-color:#7db4f01a!important}.first-col-wrapper[data-v-99318636]{display:flex;align-items:center;width:100%;box-sizing:border-box}.task-row .col[data-v-99318636]{padding:0 10px}[data-v-1a376aef]:root{--gantt-bg-primary: #ffffff;--gantt-bg-secondary: #f5f7fa;--gantt-bg-tertiary: #f9f9f9;--gantt-bg-hover: rgba(225, 228, 231, .2);--gantt-bg-hover-parent: rgba(245, 247, 250, .8);--gantt-bg-toolbar: #f8f9fa;--gantt-text-primary: #333333;--gantt-text-secondary: #8d9095;--gantt-text-muted: #909399;--gantt-text-white: #ffffff;--gantt-text-header: #333333;--gantt-border-light: #ebeef5;--gantt-border-medium: #dcdfe6;--gantt-border-dark: #c0c4cc;--gantt-border-color: #dcdfe6;--gantt-primary: #409eff;--gantt-primary-light: #ecf5ff;--gantt-success: #67c23a;--gantt-warning: #e6a23c;--gantt-warning-light: #f5dab1;--gantt-danger: #f56c6c;--gantt-danger-light: #fab6b6;--gantt-scrollbar-thumb: #c1c1c1;--gantt-scrollbar-thumb-hover: #a8a8a8}.gantt-root[data-theme=dark][data-v-1a376aef]{--gantt-bg-primary: #6b6b6b;--gantt-bg-secondary: #4b4b4b;--gantt-bg-tertiary: #7b7b7b;--gantt-bg-hover: rgba(180, 180, 180, .35);--gantt-bg-hover-parent: rgba(140, 140, 140, .8);--gantt-bg-toolbar: #5b5b5b;--gantt-text-primary: #ffffff;--gantt-text-secondary: #f8f8f8;--gantt-text-muted: #e0e0e0;--gantt-text-white: #ffffff;--gantt-text-parent: #ffffff;--gantt-text-header: #ffffff;--gantt-border-light: #888888;--gantt-border-medium: #666666;--gantt-border-dark: #999999;--gantt-border-color: #808080;--gantt-primary: #3399ff;--gantt-primary-light: #4d6699;--gantt-success: #66cc33;--gantt-warning: #ff9933;--gantt-warning-light: #cc7722;--gantt-danger: #ff4444;--gantt-danger-light: #cc3333;--gantt-scrollbar-thumb: #888888;--gantt-scrollbar-thumb-hover: #999999}.col[data-v-1a376aef]{display:flex;align-items:center;justify-content:center;height:100%;border-right:1px solid var(--gantt-border-light);box-sizing:border-box;overflow:hidden;flex:1 0 120px;min-width:120px;max-width:120px}.col-name[data-v-1a376aef]{flex:2 0 300px;min-width:300px;max-width:300px;justify-content:flex-start}.col-pre[data-v-1a376aef],.col-assignee[data-v-1a376aef]{flex:1 0 120px;min-width:120px;max-width:120px}.col-date[data-v-1a376aef]{flex:1.2 0 140px;min-width:140px;max-width:140px}.col-hours[data-v-1a376aef],.col-progress[data-v-1a376aef]{flex:1 0 100px;min-width:100px;max-width:100px}.col-taskName[data-v-1a376aef]{flex:2 0 300px;min-width:300px;max-width:300px;justify-content:flex-start}.col-predecessor[data-v-1a376aef]{flex:1 0 120px;min-width:120px;max-width:120px}.col-startDate[data-v-1a376aef],.col-endDate[data-v-1a376aef]{flex:1.2 0 140px;min-width:140px;max-width:140px}.col-estimatedHours[data-v-1a376aef],.col-actualHours[data-v-1a376aef]{flex:1 0 100px;min-width:100px;max-width:100px}.col[data-v-1a376aef]:last-child{border-right:none}.task-list[data-v-1a376aef]{width:100%;height:100%;font-size:15px;color:var(--gantt-text-primary);background:var(--gantt-bg-primary);display:flex;flex-direction:column;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--gantt-scrollbar-thumb) transparent}.task-list-header[data-v-1a376aef]{display:flex;background:var(--gantt-bg-secondary);border-bottom:1px solid var(--gantt-border-medium);border-left:3px solid transparent;font-weight:700;padding:0;height:80px;align-items:center;width:max-content;flex-shrink:0;position:sticky;top:0;z-index:10}.task-list-header .col[data-v-1a376aef]{justify-content:center;font-weight:700;background:var(--gantt-bg-secondary);color:var(--gantt-text-header);border-right-color:var(--gantt-border-medium);padding:0 10px;box-sizing:border-box}.task-list-body[data-v-1a376aef]{width:max-content;background:var(--gantt-bg-primary);flex:1;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gantt-scrollbar-thumb) transparent}.task-list-body-spacer[data-v-1a376aef]{width:100%}.task-list-body[data-v-1a376aef]::-webkit-scrollbar{width:8px;height:8px}.task-list-body[data-v-1a376aef]::-webkit-scrollbar-track{background:transparent}.task-list-body[data-v-1a376aef]::-webkit-scrollbar-thumb{background-color:var(--gantt-scrollbar-thumb);border-radius:4px;border:2px solid transparent;background-clip:content-box}.task-list-body[data-v-1a376aef]::-webkit-scrollbar-thumb:hover{background-color:var(--gantt-scrollbar-thumb-hover)}.task-list-body[data-v-1a376aef]::-webkit-scrollbar-corner{background:transparent}.link-anchor[data-v-15df63f3]{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;background:#409eff;border:2px solid #fff;cursor:pointer;opacity:0;transition:opacity .2s,transform .2s;z-index:200;transform:translateY(-50%) scale(1)}.link-anchor.anchor-predecessor[data-v-15df63f3]{left:-4px}.link-anchor.anchor-successor[data-v-15df63f3]{right:-4px}.link-anchor.visible[data-v-15df63f3]{opacity:1}.link-anchor[data-v-15df63f3]:hover{transform:translateY(-50%) scale(1.3);box-shadow:0 0 8px #409eff99;opacity:1!important}.link-anchor.drag-source[data-v-15df63f3]{opacity:1;transform:translateY(-50%) scale(1)}.link-anchor.drag-target[data-v-15df63f3]{opacity:1;transform:translateY(-50%) scale(1.5);animation:pulse-15df63f3 .8s infinite}.link-anchor.valid-target[data-v-15df63f3]{background:#67c23a;border-color:#fff}.link-anchor.invalid-target[data-v-15df63f3]{background:#f56c6c;border-color:#fff}.anchor-tooltip[data-v-15df63f3]{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-4px);padding:4px 8px;background:#000c;color:#fff;font-size:12px;white-space:nowrap;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s}.link-anchor:hover .anchor-tooltip[data-v-15df63f3]{opacity:1}@keyframes pulse-15df63f3{0%,to{box-shadow:0 0 8px #409eff99}50%{box-shadow:0 0 16px #409eff}}.gantt-root[data-theme=dark]{border-color:#1a1a1a}.gantt-root[data-theme=dark]{background:#ffffffe6;color:#1a1a1a}.task-bar[data-v-e001b16f]{position:absolute;border-radius:4px;-webkit-user-select:none;user-select:none;transition:box-shadow .2s,transform .3s,filter .3s;z-index:100;border:2px solid;box-shadow:inset 0 0 0 1px #0000001a;overflow:visible}.task-bar.has-actual[data-v-e001b16f]{border-width:2px;border-style:dashed;box-shadow:0 0 0 1px #ffffff4d inset,0 2px 8px #00000026}.task-bar.has-actual[data-v-e001b16f]:hover{z-index:160!important}.task-bar.has-actual .task-bar-content[data-v-e001b16f]{text-shadow:0 1px 3px rgba(255,255,255,.8),0 0 1px rgba(255,255,255,1)}.task-bar.has-actual .task-name[data-v-e001b16f],.task-bar.has-actual .task-progress[data-v-e001b16f]{font-weight:600;color:#333!important}.task-bar[data-v-e001b16f]:hover{box-shadow:0 4px 12px #0003;cursor:pointer}.task-bar.completed[data-v-e001b16f]{cursor:pointer!important}.task-bar.completed[data-v-e001b16f]:hover{box-shadow:0 2px 8px #00000026;cursor:pointer}.task-bar.dragging[data-v-e001b16f]{opacity:.8;z-index:1000}.task-bar.resizing[data-v-e001b16f]{z-index:1000}.task-bar.dimmed[data-v-e001b16f]{opacity:.35!important;filter:grayscale(.3)!important;transition:all .3s ease!important;z-index:1!important}.task-bar.highlighted[data-v-e001b16f]{z-index:1002!important;box-shadow:0 8px 24px #409eff80,0 6px 16px #0000004d!important;transform:translateY(-5px) scale(1.05)!important;transition:all .3s ease!important;cursor:grab!important}.task-bar.highlighted .task-bar-content[data-v-e001b16f]{font-weight:700!important}.task-bar.primary-highlight[data-v-e001b16f]{z-index:1003!important;box-shadow:0 12px 32px #409eff99,0 8px 20px #00000059!important;transform:translateY(-8px) scale(1.08)!important;transition:all .3s ease!important;cursor:grab!important}.task-bar.primary-highlight .task-bar-content[data-v-e001b16f]{font-weight:700!important}.task-bar.parent-task[data-v-e001b16f]{position:relative;border-radius:0!important;height:15px!important;border:none;top:50%!important;transform:translateY(-50%);cursor:pointer!important;overflow:visible;display:flex;align-items:center;justify-content:center}.task-bar.parent-task.highlighted[data-v-e001b16f]{box-shadow:0 8px 24px #409eff80,0 6px 16px #0000004d!important;filter:brightness(1.2) drop-shadow(0 0 8px rgba(64,158,255,.4))!important;transform:translateY(-50%) scale(1.05)!important}.task-bar.parent-task.primary-highlight[data-v-e001b16f]{box-shadow:0 12px 32px #409eff99,0 8px 20px #00000059!important;filter:brightness(1.25) drop-shadow(0 0 12px rgba(64,158,255,.6))!important;transform:translateY(-50%) scale(1.08)!important}.task-bar.parent-task[data-v-e001b16f]:before{content:"";position:absolute;top:14px;left:0;width:0;height:0;border-right:6px solid transparent;border-top:10px solid var(--parent-color, #409eff);z-index:15}.task-bar.parent-task[data-v-e001b16f]:after{content:"";position:absolute;top:14px;right:0;width:0;height:0;border-left:6px solid transparent;border-top:10px solid var(--parent-color, #409eff);z-index:15}.task-bar.parent-task .parent-label-inner[data-v-e001b16f]{color:#fff;font-size:11px;font-weight:700;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;height:100%}.progress-bar[data-v-e001b16f]{position:absolute;top:0;left:0;height:100%;opacity:.3;transition:width .3s ease}.actual-bar[data-v-e001b16f]{position:absolute;height:20px!important;border-radius:10px;z-index:150;transition:all .3s ease;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:1}.actual-bar.dimmed[data-v-e001b16f]{z-index:1!important;opacity:.35!important;filter:grayscale(.3) brightness(1.15) saturate(.9)!important}.actual-bar.highlighted[data-v-e001b16f]{z-index:1004!important;transform:translateY(-5px) scale(1.05)!important;transition:all .3s ease!important;filter:brightness(1.25) saturate(1)!important}.actual-bar.primary-highlight[data-v-e001b16f]{z-index:1005!important;transform:translateY(-8px) scale(1.08)!important;transition:all .3s ease!important;filter:brightness(1.3) saturate(1)!important}.actual-task-avatar[data-v-e001b16f]{width:24px;height:24px;border-radius:50%;overflow:hidden;background:#f0f0f0;border:2px solid rgba(255,255,255,.95);box-shadow:0 2px 4px #0000004d;pointer-events:none;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;z-index:200}.actual-task-avatar img[data-v-e001b16f]{width:100%;height:100%;object-fit:cover;display:block}.actual-task-avatar .avatar-text[data-v-e001b16f]{font-size:11px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.actual-task-avatar .avatar-icon[data-v-e001b16f]{width:14px;height:14px;color:#999}.actual-bar-content[data-v-e001b16f]{display:flex;align-items:center;justify-content:flex-end;height:100%;padding:0 8px;color:#fff;font-size:11px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;position:relative;z-index:200}.actual-bar-trailing[data-v-e001b16f]{position:absolute;left:100%;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:10px;margin-left:6px;pointer-events:none;z-index:200}.actual-task-name-wrapper[data-v-e001b16f]{position:relative;z-index:200;display:flex;align-items:center}.actual-task-name[data-v-e001b16f]{white-space:nowrap;overflow:visible;line-height:1.2;font-size:12px;font-weight:700;z-index:10}.actual-progress[data-v-e001b16f]{flex-shrink:0;opacity:.95;font-weight:700;letter-spacing:.3px;position:relative;z-index:200}.task-bar-content[data-v-e001b16f]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 8px;font-size:12px;font-weight:500;text-align:center;overflow:visible;position:relative;z-index:1}.task-avatars-container[data-v-e001b16f]{display:flex;align-items:center;position:absolute;left:calc(var(--handle-width, 5px) + 3px);top:50%;transform:translateY(-50%)}.actual-avatars-container[data-v-e001b16f]{display:flex;align-items:center;position:relative}.task-avatars-container .task-avatar[data-v-e001b16f],.actual-avatars-container .actual-task-avatar[data-v-e001b16f]{transition:transform .2s ease,z-index 0s;cursor:pointer;position:relative}.task-avatars-container .task-avatar[data-v-e001b16f]:hover,.actual-avatars-container .actual-task-avatar[data-v-e001b16f]:hover{transform:translateY(-3px) scale(1.15);z-index:999!important;box-shadow:0 4px 12px #0000004d}.task-avatar[data-v-e001b16f]{width:22px;height:22px;border-radius:50%;overflow:hidden;background:#f0f0f0;border:2px solid rgba(255,255,255,.9);box-shadow:0 1px 3px #0003;z-index:15;pointer-events:none;flex-shrink:0;display:flex;align-items:center;justify-content:center}.task-avatar img[data-v-e001b16f]{width:100%;height:100%;object-fit:cover;display:block}.task-avatar.avatar-default[data-v-e001b16f]{background:var(--gantt-bg-tertiary, #e0e0e0);color:var(--gantt-text-tertiary, #9e9e9e)}.task-avatar .avatar-text[data-v-e001b16f]{font-size:11px;font-weight:600;color:var(--gantt-text-white, #ffffff);background:var(--gantt-primary-color, #409eff);width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%}.task-avatar .avatar-icon[data-v-e001b16f]{width:14px;height:14px;color:var(--gantt-text-tertiary, #9e9e9e)}.task-avatars-container.avatar-outside[data-v-e001b16f]{left:-12px;z-index:20}.task-avatar.avatar-outside[data-v-e001b16f]{border-width:2px;box-shadow:0 2px 6px #0000004d}.task-bar-content[data-v-e001b16f]:has(.task-avatars-container){padding-left:36px}.task-bar-content[data-v-e001b16f]:has(.task-avatars-container.avatar-outside){padding-left:8px}.task-name[data-v-e001b16f]{white-space:nowrap;overflow:visible;line-height:1.2;font-size:12px;font-weight:700;z-index:10}.task-progress[data-v-e001b16f]{opacity:.9;font-size:11px;font-weight:700;z-index:10}.resize-handle[data-v-e001b16f]{position:absolute;top:0;height:100%;cursor:ew-resize;background:#0000001a;border-radius:2px;transition:all .2s;z-index:2}.resize-handle[data-v-e001b16f]:hover{background:#00000040;transform:scaleX(1.2)}.resize-handle-left[data-v-e001b16f]{left:0}.resize-handle-right[data-v-e001b16f]{right:0}.task-bar.overflow-effect .resize-handle[data-v-e001b16f]{z-index:20;background:#00000026}.task-bar.overflow-effect .resize-handle[data-v-e001b16f]:hover{background:#0000004d;transform:scaleX(1.3)}.task-bar.overflow-effect .resize-handle-left[data-v-e001b16f]{left:0}.task-bar.overflow-effect .resize-handle-right[data-v-e001b16f]{right:0}.bubble-indicator[data-v-e001b16f]{position:absolute;top:50%;width:8px;height:16px;z-index:15;cursor:pointer;border:2px solid;transform:translateY(-50%);box-shadow:0 2px 8px #00000026,0 1px 3px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.bubble-left[data-v-e001b16f]{border-radius:0 8px 8px 0;border-left:none;transform:translateY(-50%)}.bubble-right[data-v-e001b16f]{border-radius:8px 0 0 8px;border-right:none;transform:translateY(-50%)}.bubble-indicator[data-v-e001b16f]:hover{transform:translateY(-50%) scale(1.2);box-shadow:0 4px 12px #0003,0 2px 6px #0006}.bubble-left[data-v-e001b16f]:hover,.bubble-right[data-v-e001b16f]:hover{transform:translateY(-50%) scale(1.2)}@keyframes morphToLeftSemiCircle-e001b16f{0%{width:60px;height:30px;border-radius:4px 0 0 4px;border-right:2px solid;border-left:none;opacity:.8;transform:translateY(-50%)}30%{width:30px;height:28px;border-radius:6px 0 0 6px;opacity:.9;transform:translateY(-50%)}70%{width:12px;height:20px;border-radius:0 10px 10px 0;border-right:2px solid;border-left:none;opacity:1;transform:translateY(-50%)}to{width:8px;height:16px;border-radius:0 8px 8px 0;border-right:2px solid;border-left:none;opacity:1;transform:translateY(-50%)}}@keyframes morphToRightSemiCircle-e001b16f{0%{width:60px;height:30px;border-radius:0 4px 4px 0;border-left:2px solid;border-right:none;opacity:.8;transform:translateY(-50%)}30%{width:30px;height:28px;border-radius:0 6px 6px 0;opacity:.9;transform:translateY(-50%)}70%{width:12px;height:20px;border-radius:10px 0 0 10px;border-left:2px solid;border-right:none;opacity:1;transform:translateY(-50%)}to{width:8px;height:16px;border-radius:8px 0 0 8px;border-left:2px solid;border-right:none;opacity:1;transform:translateY(-50%)}}@keyframes semiCirclePulse-e001b16f{0%{opacity:.8;transform:translateY(-50%) scale(1);box-shadow:0 2px 8px #00000026}50%{opacity:1;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px #00000040}to{opacity:.8;transform:translateY(-50%) scale(1);box-shadow:0 2px 8px #00000026}}@keyframes leftSemiCirclePulse-e001b16f{0%{opacity:.8;transform:translateY(-50%) scale(1);box-shadow:0 2px 8px #00000026}50%{opacity:1;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px #00000040}to{opacity:.8;transform:translateY(-50%) scale(1);box-shadow:0 2px 8px #00000026}}@keyframes rightSemiCirclePulse-e001b16f{0%{opacity:.8;transform:translateY(-50%) scale(1);box-shadow:0 2px 8px #00000026}50%{opacity:1;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px #00000040}to{opacity:.8;transform:translateY(-50%) scale(1);box-shadow:0 2px 8px #00000026}}.bubble-animation-morphToSemiCircle[data-v-e001b16f]{animation:semiCirclePulse-e001b16f 2s ease-in-out infinite}.bubble-left.bubble-animation-morphToSemiCircle[data-v-e001b16f]{animation:morphToLeftSemiCircle-e001b16f .8s cubic-bezier(.25,.46,.45,.94) forwards,leftSemiCirclePulse-e001b16f 2s ease-in-out .8s infinite}.bubble-right.bubble-animation-morphToSemiCircle[data-v-e001b16f]{animation:morphToRightSemiCircle-e001b16f .8s cubic-bezier(.25,.46,.45,.94) forwards,rightSemiCirclePulse-e001b16f 2s ease-in-out .8s infinite}.task-tooltip[data-v-e001b16f]{position:fixed;background:#000000e6;color:#fff;padding:12px;border-radius:8px;font-size:12px;z-index:9999999999;max-width:250px;box-shadow:0 8px 24px #0006,0 4px 12px #0000004d;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.tooltip-title[data-v-e001b16f]{font-weight:700;font-size:13px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.2);color:#fff}.tooltip-content[data-v-e001b16f]{display:flex;flex-direction:column;gap:4px}.tooltip-row[data-v-e001b16f]{display:flex;justify-content:space-between;align-items:center;min-height:18px}.tooltip-label[data-v-e001b16f]{opacity:.8;min-width:60px;color:#e5e5e5}.tooltip-value[data-v-e001b16f]{font-weight:600;text-align:right;color:#fff}.drag-tooltip[data-v-e001b16f]{position:fixed;background:#007bfff2;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;z-index:999999999;box-shadow:0 2px 12px #007bff66;pointer-events:none;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drag-tooltip .tooltip-row[data-v-e001b16f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.drag-tooltip .tooltip-row[data-v-e001b16f]:last-child{margin-bottom:0}.drag-tooltip .tooltip-label[data-v-e001b16f]{opacity:.9;min-width:55px;font-size:11px}.drag-tooltip .tooltip-value[data-v-e001b16f]{font-weight:600;text-align:right;font-size:11px;margin-left:8px}.task-hover-tooltip[data-v-e001b16f]{position:fixed;background-color:#000000d9;color:#fff;padding:10px 14px;border-radius:6px;font-size:12px;z-index:999999999;box-shadow:0 4px 16px #0000004d;pointer-events:none;transform:translate(-50%,-100%);margin-top:-8px}.hover-tooltip-arrow[data-v-e001b16f]{position:absolute;left:50%;bottom:-5px;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,.85)}.hover-tooltip-content[data-v-e001b16f]{display:flex;flex-direction:column;gap:6px}.hover-tooltip-title[data-v-e001b16f]{font-weight:600;font-size:13px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:4px}.hover-tooltip-row[data-v-e001b16f]{display:flex;justify-content:space-between;align-items:center;gap:12px}.hover-tooltip-label[data-v-e001b16f]{opacity:.9;font-size:11px;white-space:nowrap}.hover-tooltip-value[data-v-e001b16f]{font-weight:500;text-align:right;font-size:11px}.sticky-text[data-v-e001b16f]{position:absolute;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2;z-index:10}.gantt-root[data-theme=dark]{border-color:#111827!important;box-shadow:0 4px 12px #000000b3,0 2px 4px #0000004d!important}.gantt-root[data-theme=dark]{box-shadow:0 6px 20px #000c,0 4px 8px #0006!important;transform:translateY(-2px);transition:all .2s ease}.gantt-root[data-theme=dark]{background:#070a0ffa!important;color:#f9fafb!important;box-shadow:0 4px 12px #0009!important}.gantt-root[data-theme=dark]{background:linear-gradient(135deg,#1e40af,#1e3a8a)!important;border-color:#1e3a8a!important}.gantt-root[data-theme=dark]{background:linear-gradient(135deg,#c2410c,#9a3412)!important;border-color:#9a3412!important}.gantt-root[data-theme=dark]{background:linear-gradient(135deg,#14532d,#16a34a)!important;border-color:#14532d!important}.gantt-root[data-theme=dark]{background:linear-gradient(135deg,#991b1b,#dc2626)!important;border-color:#991b1b!important}.gantt-root[data-theme=dark]{background:linear-gradient(135deg,#581c87,#7c3aed)!important;border-color:#581c87!important}.gantt-root[data-theme=dark]{background:#fff3!important}.gantt-root[data-theme=dark]{background:#fffc!important}.gantt-root[data-theme=dark]{background:#ffffff1a!important}.gantt-root[data-theme=dark]{background:#ffffff4d!important}.task-bar.week-view.short-task-bar[data-v-e001b16f]{position:relative;overflow:visible}.task-bar.overflow-effect .task-bar-content[data-v-e001b16f]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 8px;font-size:12px;font-weight:500;text-align:center;overflow:visible;position:relative;z-index:10;pointer-events:auto}.task-bar.overflow-effect .task-name[data-v-e001b16f]{white-space:nowrap;overflow:visible;line-height:1.2;font-size:12px;font-weight:700;z-index:15;pointer-events:none;min-width:max-content}.task-bar.overflow-effect .task-progress[data-v-e001b16f]{opacity:.9;font-size:11px;font-weight:700;z-index:16;pointer-events:none;padding:1px 3px;border-radius:2px}.task-bar.week-view[data-v-e001b16f]{min-width:4px;border-width:1px;border-radius:2px}.gantt-root[data-theme=dark]{background:#ffffff26}.gantt-root[data-theme=dark]{background:#ffffff4d}.gantt-root[data-theme=dark]{background:#000000e6;color:#fff}.gantt-root[data-theme=dark]{border-color:var(--gantt-border-light, #555555)}.gantt-root[data-theme=dark]{border-color:#ffffff4d;box-shadow:0 1px 3px #00000080}.gantt-root[data-theme=dark]{background:var(--gantt-bg-tertiary, #4a5568);color:var(--gantt-text-tertiary, #718096)}.gantt-root[data-theme=dark]{color:var(--gantt-text-tertiary, #718096)}.gantt-root[data-theme=dark]{border-color:#fff6;box-shadow:0 2px 8px #000000b3}[data-v-646ebbaf]:root{--gantt-bg-primary: #ffffff;--gantt-bg-secondary: #f5f7fa;--gantt-bg-tertiary: #f9f9f9;--gantt-bg-hover: rgba(225, 228, 231, .2);--gantt-bg-hover-parent: rgba(245, 247, 250, .8);--gantt-bg-toolbar: #f8f9fa;--gantt-text-primary: #333333;--gantt-text-secondary: #8d9095;--gantt-text-muted: #909399;--gantt-text-white: #ffffff;--gantt-text-header: #333333;--gantt-border-light: #ebeef5;--gantt-border-medium: #dcdfe6;--gantt-border-dark: #c0c4cc;--gantt-border-color: #dcdfe6;--gantt-primary: #409eff;--gantt-primary-light: #ecf5ff;--gantt-success: #67c23a;--gantt-warning: #e6a23c;--gantt-warning-light: #f5dab1;--gantt-danger: #f56c6c;--gantt-danger-light: #fab6b6;--gantt-scrollbar-thumb: #c1c1c1;--gantt-scrollbar-thumb-hover: #a8a8a8}.gantt-root[data-theme=dark][data-v-646ebbaf]{--gantt-bg-primary: #6b6b6b;--gantt-bg-secondary: #4b4b4b;--gantt-bg-tertiary: #7b7b7b;--gantt-bg-hover: rgba(180, 180, 180, .35);--gantt-bg-hover-parent: rgba(140, 140, 140, .8);--gantt-bg-toolbar: #5b5b5b;--gantt-text-primary: #ffffff;--gantt-text-secondary: #f8f8f8;--gantt-text-muted: #e0e0e0;--gantt-text-white: #ffffff;--gantt-text-parent: #ffffff;--gantt-text-header: #ffffff;--gantt-border-light: #888888;--gantt-border-medium: #666666;--gantt-border-dark: #999999;--gantt-border-color: #808080;--gantt-primary: #3399ff;--gantt-primary-light: #4d6699;--gantt-success: #66cc33;--gantt-warning: #ff9933;--gantt-warning-light: #cc7722;--gantt-danger: #ff4444;--gantt-danger-light: #cc3333;--gantt-scrollbar-thumb: #888888;--gantt-scrollbar-thumb-hover: #999999}.milestone[data-v-646ebbaf]{position:absolute;z-index:120;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;cursor:pointer;-webkit-user-select:none;user-select:none}.milestone.dimmed[data-v-646ebbaf]{opacity:.35!important;filter:grayscale(.3)!important;transition:all .3s ease!important}.milestone svg[data-v-646ebbaf]{filter:drop-shadow(0 0 8px var(--gantt-danger, #f56c6c));animation:milestone-glow-646ebbaf 2s ease-in-out infinite alternate}@keyframes milestone-glow-646ebbaf{0%{filter:drop-shadow(0 0 4px var(--gantt-danger, #f56c6c))}to{filter:drop-shadow(0 0 12px var(--gantt-danger, #f56c6c)) drop-shadow(0 0 20px rgba(245,108,108,.3))}}.milestone:hover svg[data-v-646ebbaf]{filter:drop-shadow(0 0 16px var(--gantt-danger, #f56c6c)) drop-shadow(0 0 24px rgba(245,108,108,.4));animation:milestone-glow-intense-646ebbaf 1.5s ease-in-out infinite alternate}@keyframes milestone-glow-intense-646ebbaf{0%{filter:drop-shadow(0 0 12px var(--gantt-danger, #f56c6c)) drop-shadow(0 0 20px rgba(245,108,108,.4))}to{filter:drop-shadow(0 0 20px var(--gantt-danger, #f56c6c)) drop-shadow(0 0 32px rgba(245,108,108,.6))}}.milestone-label[data-v-646ebbaf]{font-size:12px;font-weight:700;color:var(--gantt-text-primary, #222);white-space:nowrap;z-index:10}.milestone-label-right[data-v-646ebbaf]{margin-left:5px;align-self:center}.milestone-label[style*="position: absolute"][data-v-646ebbaf]{background:#ffffffe6;padding:2px 6px;border-radius:4px;box-shadow:0 2px 4px #0000001a;border:1px solid rgba(245,108,108,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rocket-emoji[data-v-646ebbaf]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;transform:rotate(-45deg);transition:transform .3s ease}.milestone:hover .rocket-emoji[data-v-646ebbaf]{transform:rotate(-45deg) scale(1.1)}.gantt-root[data-theme=dark]{color:var(--gantt-text-white, #ffffff)!important}.gantt-root[data-theme=dark]{background:#1e1e1ee6!important;border-color:#f67c7c4d!important;color:#fff!important}.gantt-root[data-theme=dark]{filter:drop-shadow(0 0 8px var(--gantt-danger, #f67c7c));animation:milestone-glow-dark-646ebbaf 2s ease-in-out infinite alternate}.gantt-root[data-theme=dark]{filter:drop-shadow(0 0 16px var(--gantt-danger, #f67c7c)) drop-shadow(0 0 24px rgba(246,124,124,.4));animation:milestone-glow-intense-dark-646ebbaf 1.5s ease-in-out infinite alternate}@keyframes milestone-glow-dark-646ebbaf{0%{filter:drop-shadow(0 0 4px var(--gantt-danger, #f67c7c))}to{filter:drop-shadow(0 0 12px var(--gantt-danger, #f67c7c)) drop-shadow(0 0 20px rgba(246,124,124,.3))}}@keyframes milestone-glow-intense-dark-646ebbaf{0%{filter:drop-shadow(0 0 12px var(--gantt-danger, #f67c7c)) drop-shadow(0 0 20px rgba(246,124,124,.4))}to{filter:drop-shadow(0 0 20px var(--gantt-danger, #f67c7c)) drop-shadow(0 0 32px rgba(246,124,124,.6))}}.milestone.dragging[data-v-646ebbaf]{z-index:1000;opacity:.8;transform:scale(1.1);cursor:grabbing}.milestone.dragging svg[data-v-646ebbaf]{filter:drop-shadow(0 0 20px var(--gantt-danger, #f56c6c)) drop-shadow(0 0 32px rgba(245,108,108,.6));animation:none}.gantt-root[data-theme=dark]{filter:drop-shadow(0 0 20px var(--gantt-danger, #f67c7c)) drop-shadow(0 0 32px rgba(246,124,124,.6))}.milestone-sticky svg[data-v-646ebbaf]{z-index:150;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.milestone-sticky-left svg[data-v-646ebbaf]{animation:milestone-glow-sticky-646ebbaf 3s ease-in-out infinite alternate}.milestone-sticky-right svg[data-v-646ebbaf]{animation:milestone-glow-sticky-646ebbaf 3s ease-in-out infinite alternate}.milestone-sticky-left svg[style*=clip-path][data-v-646ebbaf],.milestone-sticky-right svg[style*=clip-path][data-v-646ebbaf]{animation:none;filter:none}@keyframes milestone-glow-sticky-646ebbaf{0%{filter:drop-shadow(0 0 6px var(--gantt-danger, #f56c6c)) drop-shadow(0 0 12px rgba(245,108,108,.4))}to{filter:drop-shadow(0 0 10px var(--gantt-danger, #f56c6c)) drop-shadow(0 0 20px rgba(245,108,108,.6))}}.gantt-root[data-theme=dark]{animation:milestone-glow-sticky-dark-646ebbaf 3s ease-in-out infinite alternate}.gantt-root[data-theme=dark]{animation:none;filter:none}@keyframes milestone-glow-sticky-dark-646ebbaf{0%{filter:drop-shadow(0 0 6px var(--gantt-danger, #f67c7c)) drop-shadow(0 0 12px rgba(246,124,124,.4))}to{filter:drop-shadow(0 0 10px var(--gantt-danger, #f67c7c)) drop-shadow(0 0 20px rgba(246,124,124,.6))}}.milestone-sticky svg[style*=clip-path][data-v-646ebbaf]{transition:clip-path .4s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),filter .3s ease-in-out}.milestone-sticky-left svg[style*=clip-path][data-v-646ebbaf]{transform-origin:100% 50%}.milestone-sticky-right svg[style*=clip-path][data-v-646ebbaf]{transform-origin:0% 50%}.milestone-sticky svg[style*=clip-path][data-v-646ebbaf]:hover{transform:scale(1.15);filter:drop-shadow(0 0 18px var(--gantt-danger, #f56c6c)) drop-shadow(0 0 30px rgba(245,108,108,.8))}.milestone-sticky.milestone-pushing svg[data-v-646ebbaf]{transform:scale(1.1);filter:drop-shadow(0 0 15px var(--gantt-danger, #f56c6c)) drop-shadow(0 0 25px rgba(245,108,108,.7))}.milestone-sticky-left svg[data-v-646ebbaf],.milestone-sticky-right svg[data-v-646ebbaf]{animation:milestone-glow-sticky-enhanced-646ebbaf 2s ease-in-out infinite alternate}@keyframes milestone-glow-sticky-enhanced-646ebbaf{0%{filter:drop-shadow(0 0 8px var(--gantt-danger, #f56c6c)) drop-shadow(0 0 16px rgba(245,108,108,.5))}to{filter:drop-shadow(0 0 12px var(--gantt-danger, #f56c6c)) drop-shadow(0 0 24px rgba(245,108,108,.7)) drop-shadow(0 0 32px rgba(245,108,108,.3))}}.milestone-tooltip[data-v-646ebbaf]{position:fixed;background:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;z-index:10000;max-width:300px;box-shadow:0 4px 12px #0000004d,0 2px 6px #0003;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.milestone-tooltip .tooltip-content[data-v-646ebbaf]{font-weight:600;color:#fff;line-height:1.4}.gantt-root[data-theme=dark]{background:#1e1e1ef2!important;color:#fff!important}.milestone-pushing[data-v-646ebbaf]{animation:milestone-pushing-pulse-646ebbaf .6s ease-in-out}@keyframes milestone-pushing-pulse-646ebbaf{0%{transform:scale(1)}50%{transform:scale(1.1);filter:drop-shadow(0 0 12px var(--gantt-danger, #f56c6c)) drop-shadow(0 0 20px rgba(245,108,108,.6))}to{transform:scale(1)}}.milestone-pushed-out[data-v-646ebbaf]{opacity:0;transform:scale(.6) translateY(-10px);transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.milestone-sticky svg[data-v-646ebbaf]:hover{transform:scale(1.05);cursor:pointer}.milestone-sticky svg[data-v-646ebbaf]:active{transform:scale(.95)}.gantt-links-canvas[data-v-b6dfa999],.link-drag-guide-canvas[data-v-06dab396]{display:block;background:transparent;opacity:1}[data-v-0f3a7942]:root{--gantt-bg-primary: #ffffff;--gantt-bg-secondary: #f5f7fa;--gantt-bg-tertiary: #f9f9f9;--gantt-bg-hover: rgba(225, 228, 231, .2);--gantt-bg-hover-parent: rgba(245, 247, 250, .8);--gantt-bg-toolbar: #f8f9fa;--gantt-text-primary: #333333;--gantt-text-secondary: #8d9095;--gantt-text-muted: #909399;--gantt-text-white: #ffffff;--gantt-text-header: #333333;--gantt-border-light: #ebeef5;--gantt-border-medium: #dcdfe6;--gantt-border-dark: #c0c4cc;--gantt-border-color: #dcdfe6;--gantt-primary: #409eff;--gantt-primary-light: #ecf5ff;--gantt-success: #67c23a;--gantt-warning: #e6a23c;--gantt-warning-light: #f5dab1;--gantt-danger: #f56c6c;--gantt-danger-light: #fab6b6;--gantt-scrollbar-thumb: #c1c1c1;--gantt-scrollbar-thumb-hover: #a8a8a8}.gantt-root[data-theme=dark][data-v-0f3a7942]{--gantt-bg-primary: #6b6b6b;--gantt-bg-secondary: #4b4b4b;--gantt-bg-tertiary: #7b7b7b;--gantt-bg-hover: rgba(180, 180, 180, .35);--gantt-bg-hover-parent: rgba(140, 140, 140, .8);--gantt-bg-toolbar: #5b5b5b;--gantt-text-primary: #ffffff;--gantt-text-secondary: #f8f8f8;--gantt-text-muted: #e0e0e0;--gantt-text-white: #ffffff;--gantt-text-parent: #ffffff;--gantt-text-header: #ffffff;--gantt-border-light: #888888;--gantt-border-medium: #666666;--gantt-border-dark: #999999;--gantt-border-color: #808080;--gantt-primary: #3399ff;--gantt-primary-light: #4d6699;--gantt-success: #66cc33;--gantt-warning: #ff9933;--gantt-warning-light: #cc7722;--gantt-danger: #ff4444;--gantt-danger-light: #cc3333;--gantt-scrollbar-thumb: #888888;--gantt-scrollbar-thumb-hover: #999999}.timeline[data-v-0f3a7942]{height:100%;display:flex;flex-direction:column;background:var(--gantt-bg-primary, #ffffff);overflow-x:auto;overflow-y:auto;width:100%;cursor:grab;transition:background-color .3s ease;position:relative;scrollbar-width:thin;scrollbar-color:var(--gantt-scrollbar-thumb) transparent}.timeline[data-v-0f3a7942]:active{cursor:grabbing}.timeline[data-v-0f3a7942]::-webkit-scrollbar{width:8px;height:8px}.timeline[data-v-0f3a7942]::-webkit-scrollbar-track{background:transparent}.timeline[data-v-0f3a7942]::-webkit-scrollbar-thumb{background-color:var(--gantt-scrollbar-thumb);border-radius:4px;border:2px solid transparent;background-clip:content-box}.timeline[data-v-0f3a7942]::-webkit-scrollbar-thumb:hover{background-color:var(--gantt-scrollbar-thumb-hover)}.timeline[data-v-0f3a7942]::-webkit-scrollbar-corner{background:transparent}.timeline-header[data-v-0f3a7942]{height:80px;background:var(--gantt-bg-secondary);width:fit-content;display:flex;flex-direction:column}.timeline-header-row[data-v-0f3a7942]{display:flex;height:50%;border-bottom:1px solid var(--gantt-border-medium);min-width:fit-content}.timeline-header-row[data-v-0f3a7942]:last-child{border-bottom:none}.year-month-row[data-v-0f3a7942]{align-items:center;position:relative}.days-row[data-v-0f3a7942]{align-items:center}.timeline-month[data-v-0f3a7942]{display:flex;align-items:center;justify-content:center;border-right:1px solid var(--gantt-border-medium);box-sizing:border-box;height:100%;min-width:60px}.timeline-month[data-v-0f3a7942]:last-child{border-right:none}.year-month-label[data-v-0f3a7942]{font-size:14px;font-weight:600;color:var(--gantt-text-header);text-align:center}.timeline-month-days[data-v-0f3a7942]{display:flex;height:100%;border-right:1px solid var(--gantt-border-medium);box-sizing:border-box;min-width:120px}.timeline-month-days[data-v-0f3a7942]:last-child{border-right:none}.timeline-day[data-v-0f3a7942]{display:flex;align-items:center;justify-content:center;border-right:1px solid var(--gantt-border-light);width:30px;box-sizing:border-box;border-bottom:1px solid var(--gantt-border-medium);transition:background-color .2s}.timeline-day[data-v-0f3a7942]:last-child{border-right:none}.timeline-day.today[data-v-0f3a7942]{background-color:var(--gantt-primary);color:var(--gantt-text-white)}.timeline-day.today .day-label[data-v-0f3a7942]{color:var(--gantt-text-white);font-weight:600}.timeline-day.weekend[data-v-0f3a7942]{background-color:var(--gantt-bg-secondary);opacity:.6}.timeline-day.weekend .day-label[data-v-0f3a7942]{color:var(--gantt-border-dark)}.day-label[data-v-0f3a7942]{font-size:12px;color:var(--gantt-text-header);text-align:center}.timeline-month-weeks[data-v-0f3a7942]{display:flex;height:100%;border-right:1px solid var(--gantt-border-medium);box-sizing:border-box;min-width:60px}.timeline-month-weeks[data-v-0f3a7942]:last-child{border-right:none}.timeline-week[data-v-0f3a7942]{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--gantt-border-light);width:60px;box-sizing:border-box;border-bottom:1px solid var(--gantt-border-medium);transition:background-color .2s;position:relative}.timeline-week[data-v-0f3a7942]:last-child{border-right:none}.timeline-week.today[data-v-0f3a7942]{background-color:var(--gantt-primary);color:var(--gantt-text-white)}.timeline-week.today .week-label[data-v-0f3a7942]{color:var(--gantt-text-white);font-weight:600}.week-label[data-v-0f3a7942]{font-size:12px;color:var(--gantt-text-header);text-align:center;margin-bottom:2px}.week-sub-days[data-v-0f3a7942]{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none}.month-first-flag[data-v-0f3a7942]{position:absolute;bottom:-40px;z-index:1;pointer-events:none;display:flex;flex-direction:column;align-items:center}.flag-content[data-v-0f3a7942]{background-color:var(--gantt-primary, #409eff);color:#fff;font-size:10px;font-weight:600;padding:1px 4px;border-radius:2px;text-align:center;min-width:12px;box-shadow:0 1px 3px #0003;order:1}.flag-pole[data-v-0f3a7942]{width:1px;height:50px;background-color:var(--gantt-primary, #409eff);order:2}.gantt-root[data-theme=dark]{background-color:var(--gantt-primary-light, #66b1ff)}.gantt-root[data-theme=dark]{background-color:var(--gantt-primary-light, #66b1ff);box-shadow:0 1px 3px #0006}.month-week-columns[data-v-0f3a7942]{display:flex;position:relative}.week-column[data-v-0f3a7942]{position:relative;border-right:1px solid var(--gantt-border-light, #e4e7ed);box-sizing:border-box;display:grid;grid-template-columns:repeat(7,1fr);gap:0}.week-column[data-v-0f3a7942]:last-child{border-right:none}.week-column.today[data-v-0f3a7942]{background-color:#409eff1a}.sub-day-column[data-v-0f3a7942]{position:relative;box-sizing:border-box}.sub-day-column.weekend[data-v-0f3a7942]{background-color:var(--gantt-bg-secondary, #f5f7fa);opacity:.6}.sub-day-column.today[data-v-0f3a7942]{background-color:var(--gantt-primary-light, rgba(64, 158, 255, .2))}.timeline-body[data-v-0f3a7942]{flex:1;overflow-x:hidden;overflow-y:auto;position:relative;width:fit-content;background:var(--gantt-bg-primary, #ffffff);cursor:grab;transition:background-color .3s ease;scrollbar-width:none;-ms-overflow-style:none}.timeline-body[data-v-0f3a7942]::-webkit-scrollbar{display:none}.timeline-body-content[data-v-0f3a7942]{width:100%;height:100%;position:relative;background:var(--gantt-bg-primary, #ffffff);transition:background-color .3s ease}.task-bar-container[data-v-0f3a7942]{position:absolute;top:0;left:0;width:100%;z-index:100;pointer-events:none}.task-rows[data-v-0f3a7942]{position:relative;width:100%}.task-row[data-v-0f3a7942]{position:absolute;left:0;width:100%;height:51px;pointer-events:auto;z-index:11;transition:background-color .2s ease}.timeline-body .task-row-hovered[data-v-0f3a7942]{background-color:var(--gantt-bg-hover);z-index:11}.timeline-body .task-row-hovered[data-v-0f3a7942]>*{pointer-events:auto}.task-bar-placeholder[data-v-0f3a7942]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#909399;pointer-events:auto}.placeholder-text[data-v-0f3a7942]{font-size:18px;font-weight:600;margin-bottom:8px}.placeholder-desc[data-v-0f3a7942]{font-size:14px;color:#c0c4cc}.day-columns[data-v-0f3a7942]{display:flex;border-right:1px solid var(--gantt-border-light, #ebeef5);box-sizing:border-box;min-width:120px}.day-columns[data-v-0f3a7942]:last-child{border-right:none}.month-day-columns[data-v-0f3a7942]{display:flex;border-right:1px dashed var(--gantt-border-light, #ebeef5);box-sizing:border-box;min-width:120px}.month-day-columns[data-v-0f3a7942]:last-child{border-right:none}.day-column[data-v-0f3a7942]{width:30px;border-right:1px dashed var(--gantt-border-light, #f0f0f0);box-sizing:border-box;transition:background-color .2s;position:relative}.day-column[data-v-0f3a7942]:last-child{border-right:none}.day-column.weekend[data-v-0f3a7942]{background-color:var(--gantt-bg-secondary, #f5f7fa);opacity:.6}.day-column.today[data-v-0f3a7942]{border-left:3px solid var(--gantt-primary-color, #409eff);background-color:var(--gantt-primary-color, #409eff);opacity:.15;position:relative}.day-column.today[data-v-0f3a7942]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#409eff1a,#409eff0d,#409eff1a);pointer-events:none}.day-column.today.weekend[data-v-0f3a7942]{background-color:var(--gantt-primary-color, #409eff);opacity:.2}.day-column.today-highlight[data-v-0f3a7942]{background-color:var(--gantt-primary-color, #409eff)!important;opacity:.5!important;animation:today-pulse-0f3a7942 2s ease-in-out;border-left:3px solid var(--gantt-primary-color, #409eff)!important;box-shadow:0 0 8px #409eff66}.day-column.today-highlight[data-v-0f3a7942]:before{background:linear-gradient(to bottom,#409eff4d,#409eff33,#409eff4d)!important}@keyframes today-pulse-0f3a7942{0%{opacity:.8;transform:scale(1);box-shadow:0 0 8px #409eff99}50%{opacity:.9;transform:scale(1.02);box-shadow:0 0 12px #409effcc}to{opacity:.5;transform:scale(1);box-shadow:0 0 8px #409eff66}}.gantt-root[data-theme=dark]{background:var(--gantt-bg-primary, #3a3a3a)!important;color:var(--gantt-text-primary, #e5e5e5)!important}.gantt-root[data-theme=dark]{background:var(--gantt-bg-secondary, #1a1a1a)!important}.gantt-root[data-theme=dark]{border-bottom-color:var(--gantt-border-medium, #333333)!important}.gantt-root[data-theme=dark]{background:#1a365d!important;color:#e3f2fd!important}.gantt-root[data-theme=dark]{background:var(--gantt-bg-secondary, #1a1a1a)!important;color:var(--gantt-text-muted, #b0b0b0)!important}.gantt-root[data-theme=dark]{background:var(--gantt-bg-primary, #6b6b6b)!important}.gantt-root[data-theme=dark]{border-left-color:var(--gantt-primary, #409eff)!important;background-color:var(--gantt-primary, #409eff)!important}.gantt-root[data-theme=dark]{background:linear-gradient(to bottom,#409eff26,#409eff14,#409eff26)!important}.gantt-root[data-theme=dark]{background-color:var(--gantt-primary-color, #409eff)!important}.gantt-root[data-theme=dark]{background-color:var(--gantt-primary-color, #409eff)!important;box-shadow:0 0 8px #409eff99!important}.gantt-root[data-theme=dark]{background:linear-gradient(to bottom,#409eff66,#409eff40,#409eff66)!important}.gantt-root[data-theme=dark]{background-color:var(--gantt-bg-hover)!important;z-index:11!important}.gantt-root[data-theme=dark]{pointer-events:auto!important}.gantt-root[data-theme=dark]{color:var(--gantt-text-muted, #b0b0b0)!important}.year-row[data-v-0f3a7942]{min-height:36px;border-bottom:1px solid var(--gantt-border-medium, #e1e4e8);position:relative}.timeline-year[data-v-0f3a7942]{border-right:1px solid var(--gantt-border-medium, #e1e4e8);display:flex;align-items:center;justify-content:center;min-height:36px;box-sizing:border-box}.year-label[data-v-0f3a7942]{color:var(--gantt-text-header, #24292e);font-weight:600;font-size:14px;line-height:1.5;text-align:center;white-space:nowrap}.months-row[data-v-0f3a7942]{min-height:36px;border-bottom:1px solid var(--gantt-border-light, #d1d5da)}.timeline-month-item[data-v-0f3a7942]{border-right:1px solid var(--gantt-border-light, #d1d5da);border-bottom:1px solid var(--gantt-border-light, #d1d5da);display:flex;align-items:center;justify-content:center;min-height:36px;transition:background-color .2s ease}.timeline-month-item.today[data-v-0f3a7942]{background-color:var(--gantt-primary)}.month-label[data-v-0f3a7942]{color:var(--gantt-text-primary, #24292e);font-weight:500;font-size:13px;line-height:1.5;text-align:center}.month-column[data-v-0f3a7942]{border-right:1px solid var(--gantt-border-light, #d1d5da);position:relative;transition:background-color .2s ease}.month-column.today[data-v-0f3a7942]{background-color:var(--gantt-primary-color, #409eff);opacity:.15}.quarter-header-container[data-v-0f3a7942]{position:relative;overflow:hidden}.quarters-row[data-v-0f3a7942]{min-height:36px;background:var(--gantt-bg-secondary, #f6f8fa);border-bottom:1px solid var(--gantt-border-light, #d1d5da);position:relative}.timeline-quarter-item[data-v-0f3a7942]{border-right:1px solid var(--gantt-border-light, #d1d5da);border-bottom:1px solid var(--gantt-border-light, #d1d5da);display:flex;align-items:center;justify-content:center;min-height:36px;height:100%;transition:background-color .2s ease;box-sizing:border-box}.timeline-quarter-item.today[data-v-0f3a7942]{background-color:var(--gantt-primary-color, #409eff);color:#fff}.quarter-label[data-v-0f3a7942]{color:var(--gantt-text-primary, #24292e);font-weight:500;font-size:13px;line-height:1.5;text-align:center;white-space:nowrap}.timeline-quarter-item.today .quarter-label[data-v-0f3a7942]{color:#fff}.quarter-columns-container[data-v-0f3a7942]{position:relative;overflow:hidden}.quarter-column[data-v-0f3a7942]{border-right:1px solid var(--gantt-border-light, #d1d5da);position:absolute;transition:background-color .2s ease;box-sizing:border-box}.quarter-column.today[data-v-0f3a7942]{background-color:var(--gantt-primary-color, #409eff);opacity:.15}.half-years-row[data-v-0f3a7942]{min-height:36px;border-bottom:1px solid var(--gantt-border-light, #d1d5da)}.timeline-half-year-item[data-v-0f3a7942]{border-right:1px solid var(--gantt-border-light, #d1d5da);border-bottom:1px solid var(--gantt-border-light, #d1d5da);display:flex;align-items:center;justify-content:center;min-height:36px;transition:background-color .2s ease;box-sizing:border-box}.half-year-label[data-v-0f3a7942]{color:var(--gantt-text-primary, #24292e);font-weight:500;font-size:13px;line-height:1.5;text-align:center}.half-year-column[data-v-0f3a7942]{border-right:1px solid var(--gantt-border-light, #d1d5da);position:relative;transition:background-color .2s ease;background-color:var(--gantt-bg-primary, #ffffff);box-sizing:border-box}.half-year-column[data-v-0f3a7942]:hover{background-color:var(--gantt-bg-hover, rgba(64, 158, 255, .05))}.gantt-root[data-theme=dark]{background-color:var(--gantt-primary);border-left-color:var(--gantt-primary, #409eff)!important}.gantt-root[data-theme=dark]{background-color:var(--gantt-primary, #409eff)!important}.gantt-root[data-theme=dark]{background-color:var(--gantt-primary-color, #409eff);border-left-color:var(--gantt-primary-color, #409eff)!important}.gantt-root[data-theme=dark]{border-right-color:var(--gantt-border-light, #555555)!important;background-color:var(--gantt-bg-primary, #6b6b6b)!important}.gantt-root[data-theme=dark]{background-color:var(--gantt-bg-hover, rgba(64, 158, 255, .1))!important}.today-line-year-view[data-v-0f3a7942]{position:absolute;top:0;width:2px;background-color:var(--gantt-primary, #409eff);z-index:30;pointer-events:none;box-shadow:0 0 4px #409eff4d}.gantt-root[data-theme=dark]{background-color:var(--gantt-primary, #66b1ff);box-shadow:0 0 4px #66b1ff66}.hour-header-container[data-v-0f3a7942]{position:relative;min-width:100%}.date-row[data-v-0f3a7942]{min-height:40px;border-bottom:1px solid var(--gantt-border-light, #d1d5da);position:relative;overflow:hidden}.timeline-day-item[data-v-0f3a7942]{top:0;height:100%;border-right:1px solid var(--gantt-border-medium, #e1e4e8);background-color:var(--gantt-bg-secondary, #f6f8fa);display:flex;align-items:center;justify-content:center;min-height:40px;box-sizing:border-box}.timeline-day-item.hour-view-day[data-v-0f3a7942]{position:absolute;top:0;height:100%;border-right:1px solid var(--gantt-border-medium, #e1e4e8);background-color:var(--gantt-bg-secondary, #f6f8fa)}.date-label[data-v-0f3a7942]{color:var(--gantt-text-header, #24292e);font-weight:600;font-size:14px;line-height:1.5;text-align:center}.hours-row[data-v-0f3a7942]{min-height:40px;border-bottom:1px solid var(--gantt-border-light, #d1d5da);position:relative;overflow:hidden;display:flex}.hour-label[data-v-0f3a7942]{color:var(--gantt-text-primary, #24292e);font-weight:600;font-size:13px;line-height:1.3;text-align:center;letter-spacing:0px}.quarter-hour-lines[data-v-0f3a7942]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.quarter-line[data-v-0f3a7942]{position:absolute;top:0;bottom:0;width:1px;background-color:var(--gantt-border-light, #d1d5da);opacity:.5}.timeline-hour-item[data-v-0f3a7942]{top:0;height:100%;border-right:1px solid var(--gantt-border-light, #d1d5da);display:flex;align-items:center;justify-content:center;min-height:40px;transition:background-color .2s ease;box-sizing:border-box;flex-shrink:0}.timeline-hour-item.today[data-v-0f3a7942]{background-color:var(--gantt-primary);color:var(--gantt-text-white)}.timeline-hour-item.today .hour-label[data-v-0f3a7942]{color:var(--gantt-text-white)}.timeline-hour-item.non-working-hour[data-v-0f3a7942]{background-color:var(--gantt-bg-secondary)}.timeline-hour-item.non-working-hour .hour-label[data-v-0f3a7942]{color:var(--gantt-border-dark)}.hour-columns-container[data-v-0f3a7942]{position:relative;min-width:100%;min-height:100px;display:flex}.hour-column[data-v-0f3a7942]{position:absolute;top:0;bottom:0;border-right:1px solid var(--gantt-border-light, #e0e6ed);background-color:var(--gantt-bg-primary, #ffffff);transition:background-color .2s ease;box-sizing:border-box;flex-shrink:0;pointer-events:none;z-index:1}.hour-column.weekend[data-v-0f3a7942],.hour-column.rest-hour[data-v-0f3a7942]{background-color:var(--gantt-bg-secondary, #f5f7fa);opacity:.6}.hour-column.working-hour[data-v-0f3a7942]{background-color:var(--gantt-bg-primary, #ffffff)}.hour-column.today[data-v-0f3a7942]{background-color:var(--gantt-primary-color, #409eff);opacity:.2;border-left:2px solid var(--gantt-primary-color, #409eff)}.hour-column[data-v-0f3a7942]:hover{background-color:var(--gantt-bg-hover, rgba(64, 158, 255, .05))}.gantt-root[data-theme=dark]{border-right-color:var(--gantt-border-medium, #333333)!important}.gantt-root[data-theme=dark]{color:var(--gantt-text-header, #ffffff)!important}.gantt-root[data-theme=dark]{background:var(--gantt-bg-secondary, #1a1a1a)!important;border-bottom-color:var(--gantt-border-medium, #333333)!important}.gantt-root[data-theme=dark]{border-right-color:var(--gantt-border-light, #555555)!important;border-bottom-color:var(--gantt-border-light, #555555)!important}.gantt-root[data-theme=dark]{background-color:var(--gantt-primary, #1a365d)!important;color:var(--gantt-text-white, #e3f2fd)!important}.gantt-root[data-theme=dark]{color:var(--gantt-text-primary, #e5e5e5)!important}.gantt-root[data-theme=dark]{color:var(--gantt-text-white, #e3f2fd)!important}.gantt-root[data-theme=dark]{border-right-color:var(--gantt-border-light, #555555)!important}.gantt-root[data-theme=dark]{background-color:var(--gantt-bg-secondary, #1a1a1a)!important}.gantt-root[data-theme=dark]{background-color:var(--gantt-bg-primary, #6b6b6b)!important}.gantt-root[data-theme=dark]{background-color:var(--gantt-primary-color, #409eff)!important;border-left-color:var(--gantt-primary-color, #409eff)!important}.gantt-root[data-theme=dark]{background-color:var(--gantt-border-light, #555555)!important}[data-v-05b8eb7e]:root{--gantt-bg-primary: #ffffff;--gantt-bg-secondary: #f5f7fa;--gantt-bg-tertiary: #f9f9f9;--gantt-bg-hover: rgba(225, 228, 231, .2);--gantt-bg-hover-parent: rgba(245, 247, 250, .8);--gantt-bg-toolbar: #f8f9fa;--gantt-text-primary: #333333;--gantt-text-secondary: #8d9095;--gantt-text-muted: #909399;--gantt-text-white: #ffffff;--gantt-text-header: #333333;--gantt-border-light: #ebeef5;--gantt-border-medium: #dcdfe6;--gantt-border-dark: #c0c4cc;--gantt-border-color: #dcdfe6;--gantt-primary: #409eff;--gantt-primary-light: #ecf5ff;--gantt-success: #67c23a;--gantt-warning: #e6a23c;--gantt-warning-light: #f5dab1;--gantt-danger: #f56c6c;--gantt-danger-light: #fab6b6;--gantt-scrollbar-thumb: #c1c1c1;--gantt-scrollbar-thumb-hover: #a8a8a8}.gantt-root[data-theme=dark][data-v-05b8eb7e]{--gantt-bg-primary: #6b6b6b;--gantt-bg-secondary: #4b4b4b;--gantt-bg-tertiary: #7b7b7b;--gantt-bg-hover: rgba(180, 180, 180, .35);--gantt-bg-hover-parent: rgba(140, 140, 140, .8);--gantt-bg-toolbar: #5b5b5b;--gantt-text-primary: #ffffff;--gantt-text-secondary: #f8f8f8;--gantt-text-muted: #e0e0e0;--gantt-text-white: #ffffff;--gantt-text-parent: #ffffff;--gantt-text-header: #ffffff;--gantt-border-light: #888888;--gantt-border-medium: #666666;--gantt-border-dark: #999999;--gantt-border-color: #808080;--gantt-primary: #3399ff;--gantt-primary-light: #4d6699;--gantt-success: #66cc33;--gantt-warning: #ff9933;--gantt-warning-light: #cc7722;--gantt-danger: #ff4444;--gantt-danger-light: #cc3333;--gantt-scrollbar-thumb: #888888;--gantt-scrollbar-thumb-hover: #999999}.gantt-toolbar[data-v-05b8eb7e]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--gantt-bg-toolbar, #f8f9fa);border-bottom:1px solid var(--gantt-border-color, #ebeef5);box-shadow:0 1px 3px #0000001a}.toolbar-left[data-v-05b8eb7e]{display:flex;align-items:center;gap:12px}.toolbar-right[data-v-05b8eb7e]{display:flex;align-items:center;gap:8px}.toolbar-icon-btn[data-v-05b8eb7e]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-right:8px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--gantt-text-primary, #606266);cursor:pointer;outline:none}.toolbar-icon-btn[data-v-05b8eb7e]:hover{background:var(--gantt-bg-hover, rgba(0, 0, 0, .2));color:var(--gantt-primary, #409eff)}.toolbar-icon-btn[data-v-05b8eb7e]:focus{outline:none;background:var(--gantt-bg-hover, rgba(0, 0, 0, .2));color:var(--gantt-primary, #409eff)}.toolbar-icon-btn[data-v-05b8eb7e]:active{background:var(--gantt-bg-active, rgba(0, 0, 0, .3))}.toolbar-icon-btn .gantt-btn-icon[data-v-05b8eb7e]{width:18px;height:18px}.gantt-btn-icon[data-v-05b8eb7e]{width:16px;height:16px;stroke-width:2;fill:none;stroke:currentColor;display:block;flex-shrink:0}.icon-fallback[data-v-05b8eb7e]{position:absolute;font-size:16px;opacity:0;pointer-events:none;transition:opacity .2s ease;-webkit-user-select:none;user-select:none;top:50%;left:50%;transform:translate(-50%,-50%)}.language-dropdown[data-v-05b8eb7e]{position:relative;display:inline-block}.toolbar-lang-btn[data-v-05b8eb7e]{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 12px;border-radius:4px;background:transparent;border:1px solid var(--gantt-border-color, #dcdfe6);color:var(--gantt-text-primary, #606266);cursor:pointer;outline:none;font-size:14px;white-space:nowrap}.toolbar-lang-btn[data-v-05b8eb7e]:hover{background:var(--gantt-bg-hover, #f5f7fa);border-color:var(--gantt-primary-color, #409eff);color:var(--gantt-primary-color, #409eff)}.toolbar-lang-btn[data-v-05b8eb7e]:focus{outline:none;background:var(--gantt-bg-hover, #f5f7fa);border-color:var(--gantt-primary-color, #409eff);color:var(--gantt-primary-color, #409eff);box-shadow:0 0 0 2px #409eff33}.toolbar-lang-btn[data-v-05b8eb7e]:active{background:var(--gantt-bg-active, rgba(64, 158, 255, .1))}.toolbar-lang-btn .gantt-btn-icon[data-v-05b8eb7e]{width:16px;height:16px;stroke-width:2}.lang-text[data-v-05b8eb7e]{font-size:14px;font-weight:500}.dropdown-arrow[data-v-05b8eb7e]{width:12px;height:12px;stroke-width:2;transition:transform .2s ease}.language-dropdown[aria-expanded=true] .dropdown-arrow[data-v-05b8eb7e],.language-dropdown:has(.language-menu) .dropdown-arrow[data-v-05b8eb7e]{transform:rotate(180deg)}.language-menu[data-v-05b8eb7e]{position:absolute;top:100%;right:0;margin-top:4px;min-width:120px;background:var(--gantt-bg-primary, #ffffff);border:1px solid var(--gantt-border-color, #dcdfe6);border-radius:4px;box-shadow:0 4px 12px #0000001a;z-index:1000;overflow:hidden;animation:dropdown-appear-05b8eb7e .2s ease}@keyframes dropdown-appear-05b8eb7e{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.language-option[data-v-05b8eb7e]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;color:var(--gantt-text-primary, #606266);transition:all .2s ease;border-bottom:1px solid var(--gantt-border-color, #f0f0f0)}.language-option[data-v-05b8eb7e]:last-child{border-bottom:none}.language-option[data-v-05b8eb7e]:hover{background:var(--gantt-bg-hover, #f5f7fa);color:var(--gantt-primary-color, #409eff)}.language-option.active[data-v-05b8eb7e]{background:var(--gantt-primary-color, #409eff);color:#fff}.language-option.active[data-v-05b8eb7e]:hover{background:var(--gantt-primary-hover, #66b1ff)}.check-icon[data-v-05b8eb7e]{width:14px;height:14px;stroke-width:2.5;opacity:.9;flex-shrink:0}.confirm-dialog[data-v-05b8eb7e]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:dialog-fade-in-05b8eb7e .2s ease-out}.dialog-content[data-v-05b8eb7e]{background:var(--gantt-bg-primary, #ffffff);border-radius:8px;padding:24px;min-width:320px;box-shadow:0 8px 32px #0000001f;animation:dialog-slide-up-05b8eb7e .2s ease-out}.dialog-message[data-v-05b8eb7e]{font-size:16px;color:var(--gantt-text-primary, #303133);margin:0 0 20px;text-align:center;line-height:1.5}.dialog-actions[data-v-05b8eb7e]{display:flex;justify-content:center;gap:12px}.dialog-actions .btn+.btn[data-v-05b8eb7e]{margin-left:12px}.gantt-root[data-theme=dark]{background:var(--gantt-bg-hover, rgba(255, 255, 255, .08));color:var(--gantt-primary, #66b1ff)}.gantt-root[data-theme=dark]{background:var(--gantt-bg-hover, rgba(255, 255, 255, .1));color:var(--gantt-primary, #66b1ff)}.gantt-root[data-theme=dark]{background:var(--gantt-bg-hover, rgba(255, 255, 255, .06));border-color:var(--gantt-primary, #66b1ff);color:var(--gantt-primary, #66b1ff)}.gantt-root[data-theme=dark]{background:var(--gantt-bg-hover, rgba(255, 255, 255, .08));border-color:var(--gantt-primary, #66b1ff);color:var(--gantt-primary, #66b1ff);box-shadow:0 0 0 2px #66b1ff66}.gantt-root[data-theme=dark]{background:var(--gantt-bg-secondary, #2c2c2c)}.gantt-root[data-theme=dark]{color:var(--gantt-text-primary, #e5eaf3)}@keyframes dialog-fade-in-05b8eb7e{0%{opacity:0}to{opacity:1}}@keyframes dialog-slide-up-05b8eb7e{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.toolbar-lang-btn[data-v-05b8eb7e]{padding:0 8px;gap:4px}.lang-text[data-v-05b8eb7e]{display:none}.language-menu[data-v-05b8eb7e]{right:0;min-width:100px}.language-option[data-v-05b8eb7e]{padding:10px 12px}.dialog-content[data-v-05b8eb7e]{padding:16px}.dialog-message[data-v-05b8eb7e]{font-size:14px}.gantt-btn[data-v-05b8eb7e]{padding:8px 12px;font-size:13px}}.gantt-btn-group[data-v-05b8eb7e]{display:inline-flex;margin-right:8px;overflow:hidden;transition:all .2s ease}.gantt-btn-group[data-v-05b8eb7e]:hover,.gantt-btn-group[data-v-05b8eb7e]:focus-within{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.gantt-btn-group-item[data-v-05b8eb7e]{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid;background:#fff;color:#606266;font-size:14px;font-weight:500;cursor:pointer;outline:none;line-height:1;white-space:nowrap;position:relative;border-radius:0;margin:0;border-left:none;transition:all .2s ease}.gantt-btn-group-item[data-v-05b8eb7e]:first-child{border-left:1px solid;border-right:none;border-top-left-radius:4px;border-bottom-left-radius:4px}.gantt-btn-group-item[data-v-05b8eb7e]:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.gantt-btn-group-item[data-v-05b8eb7e]:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:var(--gantt-border-color, #dcdfe6);transition:opacity .2s ease}.gantt-add-btn-group .gantt-btn-group-item[data-v-05b8eb7e]{background:#409eff;border-color:#409eff;color:#fff}.gantt-add-btn-group .gantt-btn-group-item[data-v-05b8eb7e]:after{background:#ffffff4d}.gantt-add-btn-group .gantt-btn-group-item[data-v-05b8eb7e]:hover{background:#66b1ff;border-color:#66b1ff;z-index:1}.gantt-add-btn-group .gantt-btn-group-item[data-v-05b8eb7e]:focus{background:#3a8ee6;border-color:#3a8ee6;z-index:1;box-shadow:inset 0 0 0 1px #ffffff4d}.gantt-add-btn-group .gantt-btn-group-item[data-v-05b8eb7e]:active{background:#337ecc;border-color:#337ecc}.gantt-btn-group:hover .gantt-btn-group-item[data-v-05b8eb7e]:after,.gantt-btn-group:focus-within .gantt-btn-group-item[data-v-05b8eb7e]:after{opacity:0}.gantt-btn-group:not(.gantt-add-btn-group) .gantt-btn-group-item[data-v-05b8eb7e]{border-color:#dcdfe6}.gantt-btn-group:not(.gantt-add-btn-group) .gantt-btn-group-item[data-v-05b8eb7e]:hover{background:#ecf5ff;border-color:#b3d8ff;color:#409eff;z-index:1}.gantt-btn-group:not(.gantt-add-btn-group) .gantt-btn-group-item[data-v-05b8eb7e]:focus{background:#ecf5ff;border-color:#409eff;color:#409eff;z-index:1;box-shadow:inset 0 0 0 1px #409eff}.gantt-btn-group:not(.gantt-add-btn-group) .gantt-btn-group-item[data-v-05b8eb7e]:active{background:#d9ecff;border-color:#409eff;color:#409eff}.gantt-btn-group-item .gantt-btn-icon[data-v-05b8eb7e]{width:16px;height:16px;stroke-width:2}.gantt-root[data-theme=dark]{box-shadow:0 1px 3px #0000004d,0 1px 2px -1px #0000004d}.gantt-root[data-theme=dark]{box-shadow:0 4px 12px #00000080}.gantt-root[data-theme=dark]{background:#337ecc;border-color:#337ecc;color:#fff}.gantt-root[data-theme=dark]{background:#4d94d4;border-color:#4d94d4}.gantt-root[data-theme=dark]{background:#2c5aa0;border-color:#2c5aa0;box-shadow:inset 0 0 0 1px #ffffff4d}.gantt-root[data-theme=dark]{background:#1f4872;border-color:#1f4872}.gantt-root[data-theme=dark]{background:#2c2c2c;border-color:#4c4c4c;color:#e5e5e5}.segmented-control[data-v-05b8eb7e]{position:relative;display:inline-flex;background:var(--gantt-bg-primary, #ffffff);border:1px solid var(--gantt-border-color, #dcdfe6);border-radius:6px;padding:1px;margin-right:8px;overflow:hidden;transition:border-color .2s ease;height:36px}.segmented-control[data-v-05b8eb7e]:hover{border-color:var(--gantt-primary-light, #79bbff)}.segmented-track[data-v-05b8eb7e]{position:absolute;top:1px;left:1px;right:1px;bottom:1px;pointer-events:none}.segmented-thumb[data-v-05b8eb7e]{position:absolute;top:0;left:0;width:25%;height:100%;background:var(--gantt-primary, #409eff);border-radius:5px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000001a,0 1px 6px -1px #0000001a}.segmented-item[data-v-05b8eb7e]{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:1;height:34px;padding:0 12px;border:none;background:transparent;font-size:14px;font-weight:500;cursor:pointer;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:40px;z-index:1;border-radius:5px;-webkit-user-select:none;user-select:none}.segmented-item[data-v-05b8eb7e]:hover:not(.active){color:var(--gantt-primary, #409eff);background:var(--gantt-bg-hover, rgba(64, 158, 255, .06))}.segmented-item[data-v-05b8eb7e]:active:not(.active){background:var(--gantt-bg-active, rgba(64, 158, 255, .12))}.segmented-item.active[data-v-05b8eb7e]{color:#fff;font-weight:600}.time-scale-segmented[data-v-05b8eb7e]{height:36px}.time-scale-segmented .segmented-item[data-v-05b8eb7e]{height:34px;font-size:13px;min-width:36px}.gantt-root[data-theme=dark]{background:var(--gantt-bg-secondary, #4b4b4b);border-color:var(--gantt-border-color, #808080)}.gantt-root[data-theme=dark]{border-color:var(--gantt-primary, #3399ff)}.gantt-root[data-theme=dark]{background:var(--gantt-primary, #3399ff);box-shadow:0 1px 2px #0000004d,0 1px 6px -1px #0000004d}.gantt-root[data-theme=dark]{color:#fff!important}.gantt-root[data-theme=dark]{color:var(--gantt-primary, #3399ff);background:#3399ff1f}.gantt-root[data-theme=dark]{background:#39f3}[data-v-f31009e4]:root{--gantt-bg-primary: #ffffff;--gantt-bg-secondary: #f5f7fa;--gantt-bg-tertiary: #f9f9f9;--gantt-bg-hover: rgba(225, 228, 231, .2);--gantt-bg-hover-parent: rgba(245, 247, 250, .8);--gantt-bg-toolbar: #f8f9fa;--gantt-text-primary: #333333;--gantt-text-secondary: #8d9095;--gantt-text-muted: #909399;--gantt-text-white: #ffffff;--gantt-text-header: #333333;--gantt-border-light: #ebeef5;--gantt-border-medium: #dcdfe6;--gantt-border-dark: #c0c4cc;--gantt-border-color: #dcdfe6;--gantt-primary: #409eff;--gantt-primary-light: #ecf5ff;--gantt-success: #67c23a;--gantt-warning: #e6a23c;--gantt-warning-light: #f5dab1;--gantt-danger: #f56c6c;--gantt-danger-light: #fab6b6;--gantt-scrollbar-thumb: #c1c1c1;--gantt-scrollbar-thumb-hover: #a8a8a8}.gantt-root[data-theme=dark][data-v-f31009e4]{--gantt-bg-primary: #6b6b6b;--gantt-bg-secondary: #4b4b4b;--gantt-bg-tertiary: #7b7b7b;--gantt-bg-hover: rgba(180, 180, 180, .35);--gantt-bg-hover-parent: rgba(140, 140, 140, .8);--gantt-bg-toolbar: #5b5b5b;--gantt-text-primary: #ffffff;--gantt-text-secondary: #f8f8f8;--gantt-text-muted: #e0e0e0;--gantt-text-white: #ffffff;--gantt-text-parent: #ffffff;--gantt-text-header: #ffffff;--gantt-border-light: #888888;--gantt-border-medium: #666666;--gantt-border-dark: #999999;--gantt-border-color: #808080;--gantt-primary: #3399ff;--gantt-primary-light: #4d6699;--gantt-success: #66cc33;--gantt-warning: #ff9933;--gantt-warning-light: #cc7722;--gantt-danger: #ff4444;--gantt-danger-light: #cc3333;--gantt-scrollbar-thumb: #888888;--gantt-scrollbar-thumb-hover: #999999}.el-date-picker[data-v-f31009e4]{position:relative;display:inline-block;width:100%;font-size:14px;line-height:1.5}.el-input[data-v-f31009e4]{position:relative;font-size:14px;display:inline-flex;width:100%;line-height:32px;box-sizing:border-box;vertical-align:middle;height:44px}.el-input__wrapper[data-v-f31009e4]{display:flex;flex-grow:1;align-items:center;justify-content:center;padding:1px 11px;background-color:var(--gantt-bg-primary, #ffffff);background-image:none;border-radius:4px;cursor:text;transition:all .2s cubic-bezier(.645,.045,.355,1);transform:translateZ(0);box-shadow:0 0 0 1px var(--gantt-border-color, #dcdfe6) inset}.el-input__inner[data-v-f31009e4]{width:100%;flex-grow:1;-moz-appearance:none;appearance:none;-webkit-appearance:none;color:var(--gantt-text-primary, #606266);font-size:inherit;height:32px;line-height:32px;padding:0;outline:none;border:none;background:none;box-sizing:border-box}.el-input__inner-input[data-v-f31009e4]{width:100%;height:100%;border:none;outline:none;background:transparent;color:inherit;font-size:inherit;line-height:inherit;padding:0;margin:0}.el-input__inner-input[data-v-f31009e4]::-webkit-calendar-picker-indicator{display:none}.el-input__inner-input[data-v-f31009e4]::placeholder{color:var(--gantt-text-placeholder, #c0c4cc)}.el-input__suffix[data-v-f31009e4]{display:flex;flex-shrink:0;flex-wrap:nowrap;align-items:center;justify-content:center;color:var(--gantt-text-placeholder, #c0c4cc);text-align:center;transition:all .2s;pointer-events:none}.el-input__suffix-inner[data-v-f31009e4]{pointer-events:all;display:flex;align-items:center;justify-content:center}.el-input__icon[data-v-f31009e4]{height:inherit;line-height:inherit;display:flex;justify-content:center;align-items:center;transition:all .2s;color:var(--gantt-text-placeholder, #c0c4cc)}.el-input__clear[data-v-f31009e4]{height:inherit;line-height:inherit;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--gantt-text-placeholder, #c0c4cc);transition:all .2s;background:transparent;border:none;outline:none;padding:0;margin:0}.el-input__clear[data-v-f31009e4]:hover{color:var(--gantt-text-regular, #909399)}.el-icon[data-v-f31009e4]{width:14px;height:14px;font-size:14px;fill:currentColor;overflow:hidden}.el-range-input[data-v-f31009e4]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;display:inline-flex;position:relative;font-size:inherit;line-height:inherit;width:100%}.el-range-input__inner[data-v-f31009e4]{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;flex-grow:1}.el-range-input__start[data-v-f31009e4],.el-range-input__end[data-v-f31009e4]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;display:inline-block;height:100%;margin:0;padding:0;width:0;flex-grow:1;box-sizing:border-box;font-size:inherit;color:var(--gantt-text-primary, #606266);background:transparent;text-align:center;border-radius:0;min-width:0}.el-range-input__start[data-v-f31009e4]::-webkit-calendar-picker-indicator,.el-range-input__end[data-v-f31009e4]::-webkit-calendar-picker-indicator{display:none}.el-range-input__start[data-v-f31009e4]::placeholder,.el-range-input__end[data-v-f31009e4]::placeholder{color:var(--gantt-text-placeholder, #c0c4cc)}.el-range-separator[data-v-f31009e4]{flex-shrink:0;line-height:32px;padding:0 5px;color:var(--gantt-text-primary, #606266);text-align:center;font-size:14px}.el-date-picker--small .el-input[data-v-f31009e4]{line-height:24px}.el-date-picker--small .el-input__wrapper[data-v-f31009e4]{padding:1px 7px}.el-date-picker--small .el-input__inner[data-v-f31009e4]{height:24px;line-height:24px;font-size:12px}.el-date-picker--small .el-range-separator[data-v-f31009e4]{line-height:24px;font-size:12px}.el-date-picker--small .el-icon[data-v-f31009e4]{width:12px;height:12px;font-size:12px}.el-date-picker--large .el-input[data-v-f31009e4]{line-height:40px}.el-date-picker--large .el-input__wrapper[data-v-f31009e4]{padding:1px 15px}.el-date-picker--large .el-input__inner[data-v-f31009e4]{height:40px;line-height:40px;font-size:16px}.el-date-picker--large .el-range-separator[data-v-f31009e4]{line-height:40px;font-size:16px}.el-date-picker--large .el-icon[data-v-f31009e4]{width:16px;height:16px;font-size:16px}.el-date-picker.is-focused .el-input__wrapper[data-v-f31009e4]{box-shadow:0 0 0 1px var(--gantt-primary, #409eff) inset}.el-date-picker:hover .el-input__wrapper[data-v-f31009e4]{box-shadow:0 0 0 1px var(--gantt-border-hover, #c0c4cc) inset}.el-date-picker.is-focused:hover .el-input__wrapper[data-v-f31009e4]{box-shadow:0 0 0 1px var(--gantt-primary, #409eff) inset}.el-date-picker.is-disabled .el-input__wrapper[data-v-f31009e4]{background-color:var(--gantt-bg-disabled, #f5f7fa);box-shadow:0 0 0 1px var(--gantt-border-light, #e4e7ed) inset;color:var(--gantt-text-placeholder, #c0c4cc);cursor:not-allowed}.el-date-picker.is-disabled .el-input__inner[data-v-f31009e4],.el-date-picker.is-disabled .el-range-input__start[data-v-f31009e4],.el-date-picker.is-disabled .el-range-input__end[data-v-f31009e4]{color:var(--gantt-text-placeholder, #c0c4cc);cursor:not-allowed}.el-date-picker.is-error .el-input__wrapper[data-v-f31009e4],.el-date-picker.is-error.is-focused .el-input__wrapper[data-v-f31009e4]{box-shadow:0 0 0 1px var(--gantt-danger, #f56c6c) inset}.gantt-root[data-theme=dark]{background-color:var(--gantt-bg-secondary, #2c2c2c);box-shadow:0 0 0 1px var(--gantt-border-dark, #414243) inset}.gantt-root[data-theme=dark]{color:var(--gantt-text-muted, #9e9e9e)}.gantt-root[data-theme=dark]{box-shadow:0 0 0 1px var(--gantt-border-hover, #606266) inset}.gantt-root[data-theme=dark]{box-shadow:0 0 0 1px var(--gantt-primary, #409eff) inset}.gantt-root[data-theme=dark]{background-color:var(--gantt-bg-disabled, #3c3e40);box-shadow:0 0 0 1px var(--gantt-border-disabled, #4c4d4f) inset}.gantt-root[data-theme=dark]{color:var(--gantt-text-disabled, #73767a)}.el-picker-panel[data-v-f31009e4]{position:fixed;background:var(--gantt-bg-primary, #ffffff);border:1px solid var(--gantt-border-color, #e4e7ed);border-radius:4px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:280px;padding:8px;-webkit-user-select:none;user-select:none;z-index:10000}.el-date-picker__header[data-v-f31009e4]{display:flex;justify-content:space-between;align-items:center;padding:0 8px 8px;border-bottom:1px solid var(--gantt-border-light, #ebeef5);margin-bottom:8px}.el-date-picker__header-label[data-v-f31009e4]{font-size:14px;font-weight:500;color:var(--gantt-text-primary, #303133);flex:1;text-align:center;display:flex;align-items:center;justify-content:center;gap:4px}.el-date-picker__header-year[data-v-f31009e4],.el-date-picker__header-month[data-v-f31009e4]{cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.el-date-picker__header-year[data-v-f31009e4]:hover,.el-date-picker__header-month[data-v-f31009e4]:hover{background:var(--gantt-bg-hover, #f5f7fa);color:var(--gantt-primary, #409eff)}.el-year-picker[data-v-f31009e4]{min-width:280px;animation:fadeIn-f31009e4 .2s ease-in-out}.el-year-picker__header[data-v-f31009e4]{display:flex;justify-content:space-between;align-items:center;padding:0 8px 8px;border-bottom:1px solid var(--gantt-border-light, #ebeef5);margin-bottom:8px}.el-year-picker__header-label[data-v-f31009e4]{font-size:14px;font-weight:500;color:var(--gantt-text-primary, #303133);flex:1;text-align:center}.el-year-picker__content[data-v-f31009e4]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px}.el-year-picker__item[data-v-f31009e4]{display:flex;align-items:center;justify-content:center;height:40px;cursor:pointer;border-radius:4px;font-size:14px;color:var(--gantt-text-primary, #606266);transition:all .2s}.el-year-picker__item[data-v-f31009e4]:hover{background:var(--gantt-bg-hover, #f5f7fa);color:var(--gantt-primary, #409eff);transform:scale(1.05)}.el-year-picker__item.is-current[data-v-f31009e4]{background:var(--gantt-primary, #409eff);color:#fff;font-weight:500;box-shadow:0 2px 4px #409eff4d}.el-month-picker[data-v-f31009e4]{min-width:280px;animation:fadeIn-f31009e4 .2s ease-in-out}.el-month-picker__header[data-v-f31009e4]{display:flex;justify-content:space-between;align-items:center;padding:0 8px 8px;border-bottom:1px solid var(--gantt-border-light, #ebeef5);margin-bottom:8px}.el-month-picker__header-label[data-v-f31009e4]{font-size:14px;font-weight:500;color:var(--gantt-text-primary, #303133);flex:1;text-align:center;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.el-month-picker__header-label[data-v-f31009e4]:hover{background:var(--gantt-bg-hover, #f5f7fa);color:var(--gantt-primary, #409eff)}.el-month-picker__content[data-v-f31009e4]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px}.el-month-picker__item[data-v-f31009e4]{display:flex;align-items:center;justify-content:center;height:40px;cursor:pointer;border-radius:4px;font-size:14px;color:var(--gantt-text-primary, #606266);transition:all .2s}.el-month-picker__item[data-v-f31009e4]:hover{background:var(--gantt-bg-hover, #f5f7fa);color:var(--gantt-primary, #409eff);transform:scale(1.05)}.el-month-picker__item.is-current[data-v-f31009e4]{background:var(--gantt-primary, #409eff);color:#fff;font-weight:500;box-shadow:0 2px 4px #409eff4d}.el-picker-panel__icon-btn[data-v-f31009e4]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;cursor:pointer;border-radius:4px;color:var(--gantt-text-regular, #909399);transition:all .2s;outline:none;font-size:14px;font-weight:700;font-family:monospace}.el-picker-panel__icon-btn[data-v-f31009e4]:hover{background:var(--gantt-bg-hover, #f5f7fa);color:var(--gantt-text-primary, #303133)}.el-date-picker__content[data-v-f31009e4]{padding:0}.el-date-table__header[data-v-f31009e4]{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:4px}.el-date-table__header-cell[data-v-f31009e4]{display:flex;align-items:center;justify-content:center;height:32px;font-size:12px;font-weight:400;color:var(--gantt-text-regular, #909399);text-align:center}.el-date-table__body[data-v-f31009e4]{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.el-date-table__cell[data-v-f31009e4]{display:flex;align-items:center;justify-content:center;height:32px;cursor:pointer;position:relative;transition:all .2s}.el-date-table__cell[data-v-f31009e4]:hover{background:var(--gantt-bg-hover, #f5f7fa)}.el-date-table__cell-inner[data-v-f31009e4]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;font-size:12px;color:var(--gantt-text-primary, #606266);transition:all .2s}.el-date-table__cell.is-other-month .el-date-table__cell-inner[data-v-f31009e4]{color:var(--gantt-text-placeholder, #c0c4cc)}.el-date-table__cell.is-today .el-date-table__cell-inner[data-v-f31009e4]{color:var(--gantt-primary, #409eff);font-weight:500}.el-date-table__cell.is-selected .el-date-table__cell-inner[data-v-f31009e4],.el-date-table__cell.is-range-start .el-date-table__cell-inner[data-v-f31009e4],.el-date-table__cell.is-range-end .el-date-table__cell-inner[data-v-f31009e4]{background:var(--gantt-primary, #409eff);color:#fff;font-weight:500}.el-date-table__cell.is-in-range[data-v-f31009e4]{background:var(--gantt-primary-light, #ecf5ff)}.el-date-table__cell.is-in-range .el-date-table__cell-inner[data-v-f31009e4]{color:var(--gantt-primary, #409eff)}.el-date-table__cell.is-range-start[data-v-f31009e4],.el-date-table__cell.is-range-end[data-v-f31009e4]{background:transparent}.el-date-table__cell.is-range-start.is-in-range[data-v-f31009e4],.el-date-table__cell.is-range-end.is-in-range[data-v-f31009e4]{background:var(--gantt-primary-light, #ecf5ff)}.el-date-picker-footer[data-v-f31009e4]{padding:8px 0 0;border-top:1px solid var(--gantt-border-light, #ebeef5);margin-top:8px;display:flex;justify-content:flex-end}.el-date-picker-btn[data-v-f31009e4]{padding:4px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s;border:1px solid;outline:none;height:24px;line-height:14px}.el-date-picker-btn--confirm[data-v-f31009e4]{background:var(--gantt-primary, #409eff);border-color:var(--gantt-primary, #409eff);color:#fff}.el-date-picker-btn--confirm[data-v-f31009e4]:hover{background:var(--gantt-primary-dark, #337ecc);border-color:var(--gantt-primary-dark, #337ecc)}.gantt-root[data-theme=dark]{background:var(--gantt-bg-hover-dark, #3c3e40);color:var(--gantt-text-white, #ffffff)}.gantt-root[data-theme=dark]{color:var(--gantt-text-muted, #73767a)}.gantt-root[data-theme=dark]{background:#409eff33}@media(max-width:768px){.el-date-picker--large .el-input[data-v-f31009e4]{line-height:36px}.el-date-picker--large .el-input__inner[data-v-f31009e4]{height:36px;line-height:36px;font-size:14px}.el-date-picker--large .el-range-separator[data-v-f31009e4]{line-height:36px;font-size:14px}.el-picker-panel[data-v-f31009e4]{min-width:260px}}@keyframes fadeIn-f31009e4{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.el-date-picker__content-wrapper[data-v-f31009e4]{animation:fadeIn-f31009e4 .2s ease-in-out}.picker-fade-enter-active[data-v-f31009e4],.picker-fade-leave-active[data-v-f31009e4]{transition:all .2s ease}.picker-fade-enter-from[data-v-f31009e4],.picker-fade-leave-to[data-v-f31009e4]{opacity:0;transform:translateY(-10px) scale(.95)}.picker-fade-enter-to[data-v-f31009e4],.picker-fade-leave-from[data-v-f31009e4]{opacity:1;transform:translateY(0) scale(1)}.el-time-picker-input[data-v-f31009e4]{padding:8px 0;border-top:1px solid var(--gantt-border-light, #ebeef5);margin-top:8px;display:flex;align-items:center;gap:8px}.el-time-picker-label[data-v-f31009e4]{font-size:12px;color:var(--gantt-text-regular, #909399);font-weight:500;min-width:30px}.el-time-input[data-v-f31009e4]{flex:1;height:28px;padding:0 8px;border:1px solid var(--gantt-border-color, #dcdfe6);border-radius:4px;font-size:12px;color:var(--gantt-text-primary, #606266);background:var(--gantt-bg-primary, #ffffff);cursor:pointer;transition:all .2s}.el-time-input[data-v-f31009e4]:hover{border-color:var(--gantt-border-hover, #c0c4cc)}.el-time-input[data-v-f31009e4]:focus{outline:none;border-color:var(--gantt-primary, #409eff)}.el-time-picker-panel[data-v-f31009e4]{position:fixed;background:var(--gantt-bg-primary, #ffffff);border:1px solid var(--gantt-border-color, #e4e7ed);border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:10002;width:180px;-webkit-user-select:none;user-select:none;padding:8px}.el-time-picker-header[data-v-f31009e4]{padding:0 8px 8px;border-bottom:1px solid var(--gantt-border-light, #ebeef5);margin-bottom:8px;text-align:center}.el-time-picker-title[data-v-f31009e4]{font-size:14px;font-weight:500;color:var(--gantt-text-primary, #303133)}.el-time-picker-content[data-v-f31009e4]{padding:0;display:flex;gap:4px;justify-content:center}.el-time-column[data-v-f31009e4]{flex:0 0 50px;text-align:center}.el-time-column-header[data-v-f31009e4]{font-size:12px;font-weight:500;color:var(--gantt-text-primary, #606266);margin-bottom:4px}.el-time-column-list[data-v-f31009e4]{max-height:160px;overflow-y:auto;border-radius:4px;scrollbar-width:none;-ms-overflow-style:none}.el-time-column-list[data-v-f31009e4]::-webkit-scrollbar{width:0px;background:transparent}.el-time-column-list[data-v-f31009e4]:hover{scrollbar-width:thin}.el-time-column-list[data-v-f31009e4]:hover::-webkit-scrollbar{width:4px}.el-time-column-list[data-v-f31009e4]:hover::-webkit-scrollbar-track{background:transparent}.el-time-column-list[data-v-f31009e4]:hover::-webkit-scrollbar-thumb{background:var(--gantt-border-color, #dcdfe6);border-radius:2px}.el-time-item[data-v-f31009e4]{height:28px;line-height:28px;cursor:pointer;font-size:12px;color:var(--gantt-text-primary, #606266);transition:all .2s}.el-time-item[data-v-f31009e4]:hover{background:var(--gantt-bg-hover, #f5f7fa);color:var(--gantt-primary, #409eff)}.el-time-item.is-active[data-v-f31009e4]{background:var(--gantt-primary, #409eff);color:#fff;font-weight:500}.el-time-picker-footer[data-v-f31009e4]{padding:8px 0 0;border-top:1px solid var(--gantt-border-light, #ebeef5);margin-top:8px;display:flex;justify-content:flex-end;gap:8px}.el-time-picker-btn[data-v-f31009e4]{padding:4px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s;border:1px solid;outline:none;height:24px;line-height:14px}.el-time-picker-btn--cancel[data-v-f31009e4]{background:var(--gantt-bg-primary, #ffffff);border-color:var(--gantt-border-color, #dcdfe6);color:var(--gantt-text-primary, #606266)}.el-time-picker-btn--cancel[data-v-f31009e4]:hover{background:var(--gantt-bg-hover, #f5f7fa);border-color:var(--gantt-border-hover, #c0c4cc)}.el-time-picker-btn--confirm[data-v-f31009e4]{background:var(--gantt-primary, #409eff);border-color:var(--gantt-primary, #409eff);color:#fff}.el-time-picker-btn--confirm[data-v-f31009e4]:hover{background:var(--gantt-primary-dark, #337ecc);border-color:var(--gantt-primary-dark, #337ecc)}.gantt-root[data-theme=dark]{color:var(--gantt-text-secondary, #909399)}.gantt-root[data-theme=dark]{border-color:var(--gantt-border-hover, #606266)}.gantt-root[data-theme=dark]{background:var(--gantt-bg-secondary, #2c2c2c);border-color:var(--gantt-border-dark, #414243);box-shadow:0 4px 12px #0006}.gantt-root[data-theme=dark]{border-bottom-color:var(--gantt-border-dark, #414243)}.gantt-root[data-theme=dark]{border-color:var(--gantt-border-dark, #414243)}.gantt-root[data-theme=dark]{background:var(--gantt-border-hover, #606266)}.gantt-root[data-theme=dark]{color:var(--gantt-text-white, #ffffff)}.gantt-root[data-theme=dark]{background:var(--gantt-bg-hover-dark, #3c3e40)}.gantt-root[data-theme=dark]{border-top-color:var(--gantt-border-dark, #414243)}.gantt-root[data-theme=dark]{background:var(--gantt-bg-secondary, #2c2c2c);border-color:var(--gantt-border-dark, #414243);color:var(--gantt-text-white, #ffffff)}.gantt-root[data-theme=dark]{background:var(--gantt-bg-hover-dark, #3c3e40);border-color:var(--gantt-border-hover, #606266)}.multi-select-predecessor[data-v-bc7f35cb]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-bc7f35cb]{font-size:14px;font-weight:500;color:var(--gantt-text-secondary, #606266);line-height:1.4}.predecessor-selector[data-v-bc7f35cb]{display:flex;flex-direction:column;gap:8px}.selected-tags[data-v-bc7f35cb]{display:flex;flex-wrap:wrap;gap:6px}.predecessor-tag[data-v-bc7f35cb]{display:inline-flex;align-items:center;padding:4px 8px;background:var(--gantt-primary, #409eff);color:#fff;font-size:12px;border-radius:14px;gap:6px}.remove-tag-btn[data-v-bc7f35cb]{background:none;border:none;color:#fff;font-size:14px;font-weight:700;cursor:pointer;padding:0;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.remove-tag-btn[data-v-bc7f35cb]:hover{background:#fff3}.select-wrapper[data-v-bc7f35cb]{width:100%}.form-select[data-v-bc7f35cb]{padding:12px 16px;border:1px solid var(--gantt-border-medium, #dcdfe6);border-radius:4px;font-size:14px;color:var(--gantt-text-primary, #303133);background:var(--gantt-bg-primary, white);transition:border-color .2s;outline:none;width:100%}.form-select[data-v-bc7f35cb]:focus{border-color:var(--gantt-primary, #409eff)}.gantt-root[data-theme=dark]{background:var(--gantt-primary-dark, #337ecc)}.gantt-root[data-theme=dark]{background:var(--gantt-bg-primary, #2b2b2b);border-color:var(--gantt-border-medium, #4c4d4f);color:var(--gantt-text-primary, #e5eaf3)}[data-v-7f919056]:root{--gantt-bg-primary: #ffffff;--gantt-bg-secondary: #f5f7fa;--gantt-bg-tertiary: #f9f9f9;--gantt-bg-hover: rgba(225, 228, 231, .2);--gantt-bg-hover-parent: rgba(245, 247, 250, .8);--gantt-bg-toolbar: #f8f9fa;--gantt-text-primary: #333333;--gantt-text-secondary: #8d9095;--gantt-text-muted: #909399;--gantt-text-white: #ffffff;--gantt-text-header: #333333;--gantt-border-light: #ebeef5;--gantt-border-medium: #dcdfe6;--gantt-border-dark: #c0c4cc;--gantt-border-color: #dcdfe6;--gantt-primary: #409eff;--gantt-primary-light: #ecf5ff;--gantt-success: #67c23a;--gantt-warning: #e6a23c;--gantt-warning-light: #f5dab1;--gantt-danger: #f56c6c;--gantt-danger-light: #fab6b6;--gantt-scrollbar-thumb: #c1c1c1;--gantt-scrollbar-thumb-hover: #a8a8a8}.gantt-root[data-theme=dark][data-v-7f919056]{--gantt-bg-primary: #6b6b6b;--gantt-bg-secondary: #4b4b4b;--gantt-bg-tertiary: #7b7b7b;--gantt-bg-hover: rgba(180, 180, 180, .35);--gantt-bg-hover-parent: rgba(140, 140, 140, .8);--gantt-bg-toolbar: #5b5b5b;--gantt-text-primary: #ffffff;--gantt-text-secondary: #f8f8f8;--gantt-text-muted: #e0e0e0;--gantt-text-white: #ffffff;--gantt-text-parent: #ffffff;--gantt-text-header: #ffffff;--gantt-border-light: #888888;--gantt-border-medium: #666666;--gantt-border-dark: #999999;--gantt-border-color: #808080;--gantt-primary: #3399ff;--gantt-primary-light: #4d6699;--gantt-success: #66cc33;--gantt-warning: #ff9933;--gantt-warning-light: #cc7722;--gantt-danger: #ff4444;--gantt-danger-light: #cc3333;--gantt-scrollbar-thumb: #888888;--gantt-scrollbar-thumb-hover: #999999}.drawer-overlay[data-v-7f919056]{height:100%;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:10000;display:flex;justify-content:flex-end;align-items:stretch}.drawer-container[data-v-7f919056]{width:500px;background:var(--gantt-bg-primary, white);box-shadow:-2px 0 8px #0000001a;display:flex;flex-direction:column;animation:slideIn-7f919056 .3s ease-out;color:var(--gantt-text-primary, #303133)}@keyframes slideIn-7f919056{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header[data-v-7f919056]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--gantt-border-light, #ebeef5);background:var(--gantt-bg-secondary, #f5f7fa)}.drawer-title[data-v-7f919056]{margin:0;font-size:18px;font-weight:600;color:var(--gantt-text-primary, #303133)}.status-badge[data-v-7f919056]{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap;margin-left:12px}.drawer-close-btn[data-v-7f919056]{background:none;border:none;cursor:pointer;padding:4px;color:var(--gantt-text-muted, #909399);transition:color .2s;margin-left:12px}.drawer-close-btn[data-v-7f919056]:hover{color:var(--gantt-text-secondary, #606266)}.close-icon[data-v-7f919056]{width:16px;height:16px;stroke-width:2}.drawer-body[data-v-7f919056]{flex:1;padding:24px;overflow-y:auto}.task-form[data-v-7f919056]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-7f919056]{display:flex;flex-direction:column;gap:8px}.form-row[data-v-7f919056]{display:flex;gap:16px}.form-row .form-group[data-v-7f919056]{flex:1}.form-label[data-v-7f919056]{font-size:14px;font-weight:500;color:var(--gantt-text-secondary, #606266);line-height:1.4}.required[data-v-7f919056]{color:var(--gantt-danger, #f56c6c);margin-left:2px}.form-input[data-v-7f919056],.form-select[data-v-7f919056],.form-textarea[data-v-7f919056]{padding:12px 16px;border:1px solid var(--gantt-border-medium, #dcdfe6);border-radius:4px;font-size:14px;color:var(--gantt-text-primary, #303133);background:var(--gantt-bg-primary, white);transition:border-color .2s;outline:none}.form-input[data-v-7f919056]:focus,.form-select[data-v-7f919056]:focus,.form-textarea[data-v-7f919056]:focus{border-color:var(--gantt-primary, #409eff)}.form-input.error[data-v-7f919056],.form-select.error[data-v-7f919056]{border-color:var(--gantt-danger, #f56c6c)}.form-input[data-v-7f919056]::placeholder,.form-select[data-v-7f919056]::placeholder,.form-textarea[data-v-7f919056]::placeholder{color:var(--gantt-text-placeholder, #c0c4cc)}.form-textarea[data-v-7f919056]{resize:vertical;min-height:80px}.error-text[data-v-7f919056]{color:var(--gantt-danger, #f56c6c);font-size:12px;line-height:1.4}.progress-container[data-v-7f919056]{display:flex;align-items:center;gap:12px}.progress-slider[data-v-7f919056]{flex:1;height:6px;border-radius:3px;background:var(--gantt-border-light, #e4e7ed);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:relative;vertical-align:middle}.progress-slider[data-v-7f919056]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--gantt-primary, #409eff) 0%,var(--gantt-primary, #409eff) var(--progress-percent, 0%),var(--gantt-border-light, #e4e7ed) var(--progress-percent, 0%),var(--gantt-border-light, #e4e7ed) 100%)}.progress-slider[data-v-7f919056]::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--gantt-primary, #409eff) 0%,var(--gantt-primary, #409eff) var(--progress-percent, 0%),var(--gantt-border-light, #e4e7ed) var(--progress-percent, 0%),var(--gantt-border-light, #e4e7ed) 100%);border:none}.progress-slider[data-v-7f919056]::-moz-range-progress{height:6px;border-radius:3px;background:var(--gantt-primary, #409eff)}.progress-slider[data-v-7f919056]:before{content:"";position:absolute;top:0;left:0;height:6px;width:var(--progress-percent, 0%);background:var(--gantt-primary, #409eff);border-radius:3px;pointer-events:none;transition:width .2s ease}.progress-slider[data-v-7f919056]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--gantt-primary, #409eff);cursor:pointer;position:relative;z-index:2;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s ease;margin-top:-5px}.progress-slider[data-v-7f919056]::-webkit-slider-thumb:hover{box-shadow:0 4px 8px #00000026}.progress-slider[data-v-7f919056]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--gantt-primary, #409eff);cursor:pointer;border:none;position:relative;z-index:2;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s ease;margin-top:-5px}.progress-slider[data-v-7f919056]::-moz-range-thumb:hover{box-shadow:0 4px 8px #00000026}.progress-input-group[data-v-7f919056]{display:flex;align-items:center;border:1px solid var(--gantt-border-medium, #dcdfe6);border-radius:4px;background:var(--gantt-bg-primary, white);overflow:hidden;transition:border-color .2s ease;width:70px}.progress-input-group[data-v-7f919056]:hover{border-color:var(--gantt-primary, #409eff)}.progress-input-group[data-v-7f919056]:focus-within{border-color:var(--gantt-primary, #409eff)}.progress-input[data-v-7f919056]{flex:1;font-size:14px;color:var(--gantt-text-primary, #303133);text-align:center;border:none;outline:none;background:transparent;padding:12px 8px;min-width:0}.progress-input[data-v-7f919056]::placeholder{color:var(--gantt-text-placeholder, #c0c4cc)}.progress-unit[data-v-7f919056]{font-size:14px;color:var(--gantt-text-secondary, #606266);padding:12px 12px 12px 4px;-webkit-user-select:none;user-select:none;flex-shrink:0}.gantt-root[data-theme=dark]{border-color:var(--gantt-border-medium, #4c4d4f);background:var(--gantt-bg-primary, #2b2b2b)}.gantt-root[data-theme=dark]{border-color:var(--gantt-primary, #409eff)}.gantt-root[data-theme=dark]{color:var(--gantt-text-primary, #e5eaf3);background:transparent}.gantt-root[data-theme=dark]{color:var(--gantt-text-placeholder, #8b949e)}.gantt-root[data-theme=dark]{color:var(--gantt-text-secondary, #a8a8a8)}.drawer-footer[data-v-7f919056]{padding:16px 24px;border-top:1px solid var(--gantt-border-light, #ebeef5);background:var(--gantt-bg-toolbar, #fafafa);display:flex;justify-content:space-between;align-items:center}.footer-left[data-v-7f919056]{display:flex;align-items:center}.footer-right[data-v-7f919056]{display:flex;align-items:center;gap:12px}.loading-spinner[data-v-7f919056]{width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-7f919056 1s linear infinite}@keyframes spin-7f919056{to{transform:rotate(360deg)}}.message[data-v-7f919056]{animation:messageSlideIn-7f919056 .3s ease-out}@keyframes messageSlideIn-7f919056{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.gantt-root[data-theme=dark]{background:#000000b3!important}.gantt-root[data-theme=dark]{box-shadow:-4px 0 15px #0006!important}.gantt-root[data-theme=dark]{background:var(--gantt-bg-hover, rgba(255, 255, 255, .1))!important;border-radius:4px}.gantt-root[data-theme=dark]{box-shadow:0 0 0 2px #409eff33!important}.gantt-root[data-theme=dark]{color:var(--gantt-text-muted, #9e9e9e)!important}[data-v-bc577e53]:root{--gantt-bg-primary: #ffffff;--gantt-bg-secondary: #f5f7fa;--gantt-bg-tertiary: #f9f9f9;--gantt-bg-hover: rgba(225, 228, 231, .2);--gantt-bg-hover-parent: rgba(245, 247, 250, .8);--gantt-bg-toolbar: #f8f9fa;--gantt-text-primary: #333333;--gantt-text-secondary: #8d9095;--gantt-text-muted: #909399;--gantt-text-white: #ffffff;--gantt-text-header: #333333;--gantt-border-light: #ebeef5;--gantt-border-medium: #dcdfe6;--gantt-border-dark: #c0c4cc;--gantt-border-color: #dcdfe6;--gantt-primary: #409eff;--gantt-primary-light: #ecf5ff;--gantt-success: #67c23a;--gantt-warning: #e6a23c;--gantt-warning-light: #f5dab1;--gantt-danger: #f56c6c;--gantt-danger-light: #fab6b6;--gantt-scrollbar-thumb: #c1c1c1;--gantt-scrollbar-thumb-hover: #a8a8a8}.gantt-root[data-theme=dark][data-v-bc577e53]{--gantt-bg-primary: #6b6b6b;--gantt-bg-secondary: #4b4b4b;--gantt-bg-tertiary: #7b7b7b;--gantt-bg-hover: rgba(180, 180, 180, .35);--gantt-bg-hover-parent: rgba(140, 140, 140, .8);--gantt-bg-toolbar: #5b5b5b;--gantt-text-primary: #ffffff;--gantt-text-secondary: #f8f8f8;--gantt-text-muted: #e0e0e0;--gantt-text-white: #ffffff;--gantt-text-parent: #ffffff;--gantt-text-header: #ffffff;--gantt-border-light: #888888;--gantt-border-medium: #666666;--gantt-border-dark: #999999;--gantt-border-color: #808080;--gantt-primary: #3399ff;--gantt-primary-light: #4d6699;--gantt-success: #66cc33;--gantt-warning: #ff9933;--gantt-warning-light: #cc7722;--gantt-danger: #ff4444;--gantt-danger-light: #cc3333;--gantt-scrollbar-thumb: #888888;--gantt-scrollbar-thumb-hover: #999999}.milestone-dialog-overlay[data-v-bc577e53]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.milestone-dialog[data-v-bc577e53]{background:var(--gantt-bg-primary, #ffffff);border-radius:12px;box-shadow:0 20px 60px #00000026;width:90%;max-width:600px;max-height:90vh;overflow:hidden;border:1px solid var(--gantt-border-color, #dcdfe6)}.milestone-dialog-header[data-v-bc577e53]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--gantt-border-color, #dcdfe6);background:var(--gantt-bg-secondary, #f8f9fa)}.milestone-dialog-title[data-v-bc577e53]{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;color:var(--gantt-text-primary, #303133)}.milestone-icon[data-v-bc577e53]{width:20px;height:20px;color:var(--gantt-danger, #f56c6c);filter:drop-shadow(0 0 4px var(--gantt-danger, #f56c6c))}.milestone-dialog-close[data-v-bc577e53]{width:32px;height:32px;border:none;background:transparent;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--gantt-text-secondary, #909399);transition:all .2s ease;font-size:24px;font-weight:700;line-height:1}.milestone-dialog-content[data-v-bc577e53]{padding:24px;max-height:60vh;overflow-y:auto}.milestone-form[data-v-bc577e53]{display:flex;flex-direction:column;gap:20px}.milestone-form-row[data-v-bc577e53]{display:flex;gap:16px;align-items:flex-start}.milestone-form-item[data-v-bc577e53]{flex:1;display:flex;flex-direction:column;gap:8px}.milestone-form-item-full[data-v-bc577e53]{flex:1 1 100%}.milestone-form-label[data-v-bc577e53]{font-size:14px;font-weight:500;color:var(--gantt-text-secondary, #606266);line-height:1.4;margin:0}.milestone-form-label.required[data-v-bc577e53]:after{content:"*";color:var(--gantt-danger, #f56c6c);margin-left:4px}.milestone-form-input[data-v-bc577e53]{padding:12px 16px;border:1px solid var(--gantt-border-color, #dcdfe6);border-radius:4px;font-size:14px;color:var(--gantt-text-primary, #303133);background:var(--gantt-bg-primary, #ffffff);transition:all .2s ease;box-sizing:border-box;height:44px}.milestone-form-input[data-v-bc577e53]:focus{outline:none;border-color:var(--gantt-primary, #409eff);box-shadow:0 0 0 2px #409eff1a}.milestone-form-input.error[data-v-bc577e53]{border-color:var(--gantt-danger, #f56c6c);box-shadow:0 0 0 2px #f56c6c1a}.milestone-form-input[data-v-bc577e53]::placeholder{color:var(--gantt-text-placeholder, #c0c4cc)}.milestone-form-textarea[data-v-bc577e53]{width:100%;box-sizing:border-box;padding:12px 16px;border:1px solid var(--gantt-border-color, #dcdfe6);border-radius:4px;font-size:14px;color:var(--gantt-text-primary, #303133);background:var(--gantt-bg-primary, #ffffff);transition:all .2s ease;resize:none;min-height:80px;max-height:120px;font-family:inherit;line-height:1.5;overflow-y:auto}.milestone-form-textarea[data-v-bc577e53]:focus{outline:none;border-color:var(--gantt-primary, #409eff);box-shadow:0 0 0 2px #409eff1a}.milestone-form-textarea[data-v-bc577e53]::placeholder{color:var(--gantt-text-placeholder, #c0c4cc)}.textarea-wrapper[data-v-bc577e53]{position:relative}.textarea-footer[data-v-bc577e53]{display:flex;justify-content:flex-end;margin-top:4px}.char-count[data-v-bc577e53]{font-size:12px;color:var(--gantt-text-secondary, #909399)}.milestone-form-error[data-v-bc577e53]{font-size:12px;color:var(--gantt-danger, #f56c6c);margin-top:4px}.milestone-icon-dropdown[data-v-bc577e53]{position:relative}.milestone-icon-trigger[data-v-bc577e53]{width:100%;height:44px;padding:12px 16px;border:1px solid var(--gantt-border-color, #dcdfe6);border-radius:4px;background:var(--gantt-bg-primary, #ffffff);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;box-sizing:border-box}.milestone-icon-trigger[data-v-bc577e53]:hover{border-color:var(--gantt-primary, #409eff)}.milestone-icon-dropdown.active .milestone-icon-trigger[data-v-bc577e53]{border-color:var(--gantt-primary, #409eff);box-shadow:0 0 0 2px #409eff1a}.selected-icon[data-v-bc577e53]{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--gantt-text-primary, #303133)}.selected-icon svg[data-v-bc577e53]{width:16px;height:16px;color:var(--gantt-danger, #f56c6c)}.rocket-emoji-mini[data-v-bc577e53]{font-size:16px;transform:rotate(-45deg);display:inline-block}.dropdown-arrow[data-v-bc577e53]{width:16px;height:16px;color:var(--gantt-text-secondary, #909399);transition:transform .2s ease}.milestone-icon-dropdown.active .dropdown-arrow[data-v-bc577e53]{transform:rotate(180deg)}.milestone-icon-options[data-v-bc577e53]{position:absolute;top:100%;left:0;right:0;background:var(--gantt-bg-primary, #ffffff);border:1px solid var(--gantt-border-color, #dcdfe6);border-radius:4px;box-shadow:0 4px 12px #0000001a;z-index:1000;margin-top:4px}.icon-option[data-v-bc577e53]{display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--gantt-border-light, #e4e7ed)}.icon-option[data-v-bc577e53]:last-child{border-bottom:none}.icon-option[data-v-bc577e53]:hover{background:var(--gantt-bg-light, #f5f7fa)}.icon-option.selected[data-v-bc577e53]{background:var(--gantt-primary-lightest, #ecf5ff);color:var(--gantt-primary, #409eff)}.icon-option svg[data-v-bc577e53]{width:16px;height:16px;color:var(--gantt-danger, #f56c6c)}.rocket-emoji-option[data-v-bc577e53]{font-size:16px;transform:rotate(-45deg);display:inline-block}.icon-option span[data-v-bc577e53]{font-size:14px}.milestone-dialog-footer[data-v-bc577e53]{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--gantt-border-color, #dcdfe6);background:var(--gantt-bg-secondary, #f8f9fa)}.milestone-dialog-footer-left[data-v-bc577e53]{display:flex;align-items:center}.milestone-dialog-footer-right[data-v-bc577e53]{display:flex;align-items:center;gap:12px}.milestone-confirm-dialog[data-v-bc577e53]{background:var(--gantt-bg-primary, #ffffff);border-radius:8px;box-shadow:0 10px 30px #00000026;width:90%;max-width:400px;border:1px solid var(--gantt-border-color, #dcdfe6)}.milestone-confirm-header[data-v-bc577e53]{padding:20px 24px 0}.milestone-confirm-title[data-v-bc577e53]{margin:0;font-size:16px;font-weight:600;color:var(--gantt-text-primary, #303133)}.milestone-confirm-content[data-v-bc577e53]{padding:16px 24px}.milestone-confirm-content p[data-v-bc577e53]{margin:0;font-size:14px;color:var(--gantt-text-secondary, #606266);line-height:1.5}.milestone-confirm-footer[data-v-bc577e53]{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--gantt-border-color, #dcdfe6);background:var(--gantt-bg-secondary, #f8f9fa)}.gantt-root[data-theme=dark]{background:var(--gantt-bg-dark, #1d1e1f);border-color:var(--gantt-border-dark, #3c3e40)}.gantt-root[data-theme=dark]{background:var(--gantt-bg-darker, #141414);border-color:var(--gantt-border-dark, #3c3e40)}[data-v-58dd174f]:root{--gantt-bg-primary: #ffffff;--gantt-bg-secondary: #f5f7fa;--gantt-bg-tertiary: #f9f9f9;--gantt-bg-hover: rgba(225, 228, 231, .2);--gantt-bg-hover-parent: rgba(245, 247, 250, .8);--gantt-bg-toolbar: #f8f9fa;--gantt-text-primary: #333333;--gantt-text-secondary: #8d9095;--gantt-text-muted: #909399;--gantt-text-white: #ffffff;--gantt-text-header: #333333;--gantt-border-light: #ebeef5;--gantt-border-medium: #dcdfe6;--gantt-border-dark: #c0c4cc;--gantt-border-color: #dcdfe6;--gantt-primary: #409eff;--gantt-primary-light: #ecf5ff;--gantt-success: #67c23a;--gantt-warning: #e6a23c;--gantt-warning-light: #f5dab1;--gantt-danger: #f56c6c;--gantt-danger-light: #fab6b6;--gantt-scrollbar-thumb: #c1c1c1;--gantt-scrollbar-thumb-hover: #a8a8a8}.gantt-root[data-theme=dark][data-v-58dd174f]{--gantt-bg-primary: #6b6b6b;--gantt-bg-secondary: #4b4b4b;--gantt-bg-tertiary: #7b7b7b;--gantt-bg-hover: rgba(180, 180, 180, .35);--gantt-bg-hover-parent: rgba(140, 140, 140, .8);--gantt-bg-toolbar: #5b5b5b;--gantt-text-primary: #ffffff;--gantt-text-secondary: #f8f8f8;--gantt-text-muted: #e0e0e0;--gantt-text-white: #ffffff;--gantt-text-parent: #ffffff;--gantt-text-header: #ffffff;--gantt-border-light: #888888;--gantt-border-medium: #666666;--gantt-border-dark: #999999;--gantt-border-color: #808080;--gantt-primary: #3399ff;--gantt-primary-light: #4d6699;--gantt-success: #66cc33;--gantt-warning: #ff9933;--gantt-warning-light: #cc7722;--gantt-danger: #ff4444;--gantt-danger-light: #cc3333;--gantt-scrollbar-thumb: #888888;--gantt-scrollbar-thumb-hover: #999999}.gantt-root[data-v-58dd174f]{display:flex;flex-direction:column;width:100%;height:100%;background:#f5f7fa;box-shadow:0 6px 32px #0000001a,0 1.5px 6px #00000014;border-radius:12px;overflow:hidden}.gantt-body[data-v-58dd174f]{display:flex;flex:1;min-height:0}.gantt-panel[data-v-58dd174f]{height:100%;background:#fff;box-shadow:0 1px 4px #0000000a;display:flex;flex-direction:column}.gantt-panel-left[data-v-58dd174f]{min-width:320px;transition:width .1s}.gantt-panel-right[data-v-58dd174f]{flex:1;min-width:0;position:relative}.gantt-panel-right.full-width[data-v-58dd174f]{flex:1;width:100%}.focus-close-button[data-v-58dd174f]{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:1004;display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f56c6c;border:1px solid #f56c6c;border-radius:20px;box-shadow:0 4px 12px #f56c6c66;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.focus-close-button[data-v-58dd174f]:hover{background:#f78989;border-color:#f78989;box-shadow:0 6px 16px #f56c6c80;transform:translate(-50%) translateY(-2px)}.focus-close-button .close-icon[data-v-58dd174f]{width:18px;height:18px;color:#fff;transition:color .3s ease}.focus-close-button:hover .close-icon[data-v-58dd174f]{color:#fff}.focus-close-button .close-text[data-v-58dd174f]{font-size:14px;color:#fff;font-weight:500;transition:color .3s ease}.focus-close-button:hover .close-text[data-v-58dd174f]{color:#fff}.gantt-splitter[data-v-58dd174f]{position:relative;width:6px;cursor:col-resize;background:var(--gantt-border-light, #e4e7ed);transition:all .2s ease;z-index:999;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none}.gantt-splitter[data-v-58dd174f]:hover{background:var(--gantt-border-dark, #c0c4cc)}.placeholder[data-v-58dd174f]{color:#909399;text-align:center;margin:auto;font-size:18px}@keyframes slideLeftImpact-58dd174f{0%{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(2px)}60%{transform:translate(-3px)}80%{transform:translate(1px)}to{transform:translate(0)}}@keyframes slideRightImpact-58dd174f{0%{transform:translate(0)}20%{transform:translate(8px)}40%{transform:translate(-2px)}60%{transform:translate(3px)}80%{transform:translate(-1px)}to{transform:translate(0)}}.task-list-toggle[data-v-58dd174f]{position:absolute;top:0;left:6px;width:15px;height:35px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border:1px solid #d9d9d9;border-radius:0 6px 6px 0;cursor:pointer;z-index:1000;color:#666;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:1px 1px 4px #00000026}.task-list-toggle.collapsed[data-v-58dd174f]:hover{box-shadow:-1px 2px 8px #409eff40}.task-list-toggle[data-v-58dd174f]:active{transform:scale(1)}.task-list-toggle svg[data-v-58dd174f]{transition:transform .2s ease}.task-list-toggle:hover svg[data-v-58dd174f]{transform:scale(1.1)}.gantt-root[data-theme=dark]{background:#1e1e1e!important;color:#e5e5e5!important}.gantt-root[data-theme=dark]{background:#2c2c2c!important}.gantt-root[data-theme=dark]{border-right-color:#4c4c4c!important}.gantt-root[data-theme=dark]{background:#d85555;border-color:#d85555;box-shadow:0 4px 12px #d8555566}.gantt-root[data-theme=dark]{background:#e67676;border-color:#e67676;box-shadow:0 6px 16px #d8555580}.gantt-root[data-theme=dark]{color:#fff}.gantt-root[data-theme=dark]{background:linear-gradient(to right,transparent,var(--gantt-border-dark, #666666) 20%,var(--gantt-border-dark, #666666) 80%,transparent)!important;box-shadow:inset 0 0 2px #ffffff1a!important}.gantt-root[data-theme=dark]{background:linear-gradient(to right,transparent,var(--gantt-primary, #409eff) 20%,var(--gantt-primary, #409eff) 80%,transparent)!important;border-left-color:var(--gantt-primary, #409eff)!important;border-right-color:var(--gantt-primary, #409eff)!important;box-shadow:inset 0 0 4px #409eff4d,0 0 8px #409eff33!important}.gantt-root[data-theme=dark]{background:#2a2a2af2!important;border-color:#555!important;color:#ccc!important;box-shadow:1px 1px 4px #0006!important}.gantt-root[data-theme=dark]{box-shadow:-1px 1px 4px #0006!important}.gantt-root[data-theme=dark]{background:#2a2a2a!important;color:#569cd6!important;box-shadow:1px 2px 8px #569cd64d!important}.gantt-root[data-theme=dark]{box-shadow:-1px 2px 8px #569cd64d!important}.task-list-toggle.impact-left[data-v-58dd174f]{animation:slideLeftImpact-58dd174f .4s ease-out}.task-list-toggle.impact-right[data-v-58dd174f]{animation:slideRightImpact-58dd174f .4s ease-out}.gantt-fullscreen[data-v-58dd174f]{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;z-index:9999!important;background:#f5f7fa!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important;transition:all .3s ease-in-out;animation:ganttFullscreenEnter-58dd174f .3s ease-out}@keyframes ganttFullscreenEnter-58dd174f{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.gantt-fullscreen .gantt-body[data-v-58dd174f]{height:calc(100vh - 60px)}.gantt-fullscreen .gantt-toolbar[data-v-58dd174f]{border-radius:0!important;box-shadow:0 2px 8px #0000001a!important}.gantt-root[data-theme=dark]{background:#1e1e1e!important}.gantt-root[data-theme=dark]{box-shadow:0 2px 8px #0000004d!important}.gantt-root.splitter-dragging[data-v-58dd174f]{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.gantt-root.splitter-dragging .gantt-panel-right[data-v-58dd174f]{background:#ffffff1a}.gantt-root.splitter-dragging[data-v-58dd174f] *{cursor:col-resize!important}:root{--gantt-bg-primary: #ffffff;--gantt-bg-secondary: #f5f7fa;--gantt-bg-tertiary: #f9f9f9;--gantt-bg-hover: rgba(225, 228, 231, .2);--gantt-bg-hover-parent: rgba(245, 247, 250, .8);--gantt-bg-toolbar: #f8f9fa;--gantt-text-primary: #333333;--gantt-text-secondary: #8d9095;--gantt-text-muted: #909399;--gantt-text-white: #ffffff;--gantt-text-header: #333333;--gantt-border-light: #ebeef5;--gantt-border-medium: #dcdfe6;--gantt-border-dark: #c0c4cc;--gantt-border-color: #dcdfe6;--gantt-primary: #409eff;--gantt-primary-light: #ecf5ff;--gantt-success: #67c23a;--gantt-warning: #e6a23c;--gantt-warning-light: #f5dab1;--gantt-danger: #f56c6c;--gantt-danger-light: #fab6b6;--gantt-scrollbar-thumb: #c1c1c1;--gantt-scrollbar-thumb-hover: #a8a8a8}.gantt-root[data-theme=dark]{--gantt-bg-primary: #6b6b6b;--gantt-bg-secondary: #4b4b4b;--gantt-bg-tertiary: #7b7b7b;--gantt-bg-hover: rgba(180, 180, 180, .35);--gantt-bg-hover-parent: rgba(140, 140, 140, .8);--gantt-bg-toolbar: #5b5b5b;--gantt-text-primary: #ffffff;--gantt-text-secondary: #f8f8f8;--gantt-text-muted: #e0e0e0;--gantt-text-white: #ffffff;--gantt-text-parent: #ffffff;--gantt-text-header: #ffffff;--gantt-border-light: #888888;--gantt-border-medium: #666666;--gantt-border-dark: #999999;--gantt-border-color: #808080;--gantt-primary: #3399ff;--gantt-primary-light: #4d6699;--gantt-success: #66cc33;--gantt-warning: #ff9933;--gantt-warning-light: #cc7722;--gantt-danger: #ff4444;--gantt-danger-light: #cc3333;--gantt-scrollbar-thumb: #888888;--gantt-scrollbar-thumb-hover: #999999}
/* ═══════════════════════════════════════════════════════════════════════════
   MILESTONES PANEL STYLES
   ═══════════════════════════════════════════════════════════════════════════ */

/* ========== Variables ========== */
.milestones-inline[data-v-8c919bc6],
.panel-overlay[data-v-8c919bc6],
.panel-container[data-v-8c919bc6],
.dialog-overlay[data-v-8c919bc6] {
  --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;
  --danger: #dc2626;
  --danger-light: rgba(220, 38, 38, 0.08);
  --warning: #f59e0b;
  --warning-light: rgba(245, 158, 11, 0.12);
  --success: #10b981;
  --success-light: rgba(16, 185, 129, 0.12);
  --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);
}

/* ═══════════════════════════════════════════════════════════════════════════
   INLINE MODE
═══════════════════════════════════════════════════════════════════════════ */
.milestones-inline[data-v-8c919bc6] {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  background: var(--surface-raised);
  overflow: hidden;
}

/* Inline Header */
.inline-header[data-v-8c919bc6] {
  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-8c919bc6] {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.inline-icon[data-v-8c919bc6] {
  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-8c919bc6] {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--ink);
}
.inline-title p[data-v-8c919bc6] {
  margin: 2px 0 0;
  font-size: 0.75rem;
  color: var(--ink-secondary);
  display: flex;
  align-items: center;
  gap: 6px;
}
.milestone-count-badge[data-v-8c919bc6] {
  color: var(--brand);
  font-weight: 600;
}
.done-info[data-v-8c919bc6] {
  color: var(--success);
}
.inline-header-actions[data-v-8c919bc6] {
  flex-shrink: 0;
}
.btn-expand[data-v-8c919bc6] {
  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-8c919bc6]:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: var(--brand-subtle);
}
.btn-expand i[data-v-8c919bc6] {
  font-size: 0.75rem;
}

/* Inline Toolbar */
.inline-toolbar[data-v-8c919bc6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
  flex-wrap: wrap;
}
.toolbar-left[data-v-8c919bc6],
.toolbar-right[data-v-8c919bc6] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.view-switcher[data-v-8c919bc6] {
  display: flex;
  background: var(--surface-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 2px;
}
.view-btn[data-v-8c919bc6] {
  padding: 6px 12px;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: var(--muted);
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-fast);
}
.view-btn[data-v-8c919bc6]:hover {
  color: var(--ink-secondary);
}
.view-btn.active[data-v-8c919bc6] {
  background: var(--surface);
  color: var(--brand);
  box-shadow: var(--shadow-sm);
}
.toolbar-btn[data-v-8c919bc6] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 7px 12px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--ink-secondary);
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-fast);
}
.toolbar-btn[data-v-8c919bc6]:hover {
  border-color: var(--brand);
  color: var(--brand);
}
.toolbar-btn i[data-v-8c919bc6] {
  font-size: 0.6875rem;
}
.toolbar-btn.primary[data-v-8c919bc6] {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
}
.toolbar-btn.primary[data-v-8c919bc6]:hover {
  background: var(--brand-dark);
}
.toolbar-btn.milestone[data-v-8c919bc6] {
  background: var(--warning);
  border-color: var(--warning);
  color: #fff;
}
.toolbar-btn.milestone[data-v-8c919bc6]:hover {
  background: #d97706;
}

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

/* Gantt Wrapper Inline */
.gantt-wrapper.inline[data-v-8c919bc6] {
  flex: 1;
  min-height: 300px;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface);
  overflow: hidden;
}
.gantt-wrapper.inline .gantt-inner[data-v-8c919bc6] {
  height: 350px;
}

/* Quick List */
.quick-list[data-v-8c919bc6] {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  overflow: hidden;
}
.quick-list-header[data-v-8c919bc6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  background: var(--surface-raised);
  border-bottom: 1px solid var(--border);
}
.quick-list-title[data-v-8c919bc6] {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--ink-secondary);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.quick-list-count[data-v-8c919bc6] {
  padding: 2px 8px;
  background: var(--brand-subtle);
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 700;
  color: var(--brand);
}
.quick-list-items[data-v-8c919bc6] {
  display: flex;
  flex-direction: column;
}
.quick-item[data-v-8c919bc6] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--border);
  cursor: pointer;
  transition: background var(--transition-fast);
}
.quick-item[data-v-8c919bc6]:last-child {
  border-bottom: none;
}
.quick-item[data-v-8c919bc6]:hover {
  background: var(--surface-raised);
}
.quick-indicator[data-v-8c919bc6] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.quick-indicator.open[data-v-8c919bc6] { background: var(--brand);
}
.quick-indicator.in_progress[data-v-8c919bc6] { background: var(--warning);
}
.quick-indicator.done[data-v-8c919bc6] { background: var(--success);
}
.quick-title[data-v-8c919bc6] {
  flex: 1;
  font-size: 0.8125rem;
  color: var(--ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.quick-progress[data-v-8c919bc6] {
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--muted);
}
.quick-more[data-v-8c919bc6] {
  display: block;
  width: 100%;
  padding: 10px 14px;
  background: transparent;
  border: none;
  color: var(--brand);
  font-size: 0.8125rem;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  transition: background var(--transition-fast);
}
.quick-more[data-v-8c919bc6]:hover {
  background: var(--brand-subtle);
}

/* Empty State Inline */
.empty-state-inline[data-v-8c919bc6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 48px 24px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  text-align: center;
}
.empty-state-inline i[data-v-8c919bc6] {
  font-size: 2rem;
  color: var(--muted);
}
.empty-state-inline p[data-v-8c919bc6] {
  margin: 0;
  font-size: 0.875rem;
  color: var(--ink-secondary);
}
.btn-add-first[data-v-8c919bc6] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  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: background var(--transition-fast);
}
.btn-add-first[data-v-8c919bc6]:hover {
  background: var(--brand-dark);
}
.btn-add-first i[data-v-8c919bc6] {
  font-size: 0.75rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   FULLSCREEN / PANEL MODE
═══════════════════════════════════════════════════════════════════════════ */

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

/* Panel Container */
.panel-container[data-v-8c919bc6] {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: min(720px, 96vw);
  background: var(--surface);
  z-index: 9999;
  box-shadow: var(--shadow-xl);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.panel-container.is-fullwidth[data-v-8c919bc6] {
  width: 100vw;
  max-width: 100vw;
}

/* Panel Header */
.panel-header[data-v-8c919bc6] {
  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-8c919bc6] {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
}
.header-icon[data-v-8c919bc6] {
  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: 1.125rem;
  flex-shrink: 0;
}
.header-text[data-v-8c919bc6] {
  min-width: 0;
}
.header-text h3[data-v-8c919bc6] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.3;
}
.header-text p[data-v-8c919bc6] {
  margin: 4px 0 0;
  font-size: 0.8125rem;
  color: var(--ink-secondary);
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.header-done-badge[data-v-8c919bc6] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  background: var(--success-light);
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 700;
  color: #047857;
}
.header-done-badge i[data-v-8c919bc6] {
  font-size: 0.5625rem;
}
.header-actions[data-v-8c919bc6] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.header-btn[data-v-8c919bc6] {
  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: all var(--transition-fast);
}
.header-btn[data-v-8c919bc6]:hover {
  border-color: var(--border-strong);
  background: var(--surface-raised);
  color: var(--ink);
}
.header-btn.close[data-v-8c919bc6]:hover {
  border-color: var(--danger);
  background: var(--danger-light);
  color: var(--danger);
}

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

/* Sections */
.panel-section[data-v-8c919bc6] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.gantt-section[data-v-8c919bc6] {
  flex: 1;
  min-height: 200px;
}
.section-header[data-v-8c919bc6] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.section-header i[data-v-8c919bc6] {
  font-size: 0.875rem;
  color: var(--brand);
}
.section-header h4[data-v-8c919bc6] {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.milestone-count[data-v-8c919bc6] {
  margin-left: auto;
  padding: 2px 10px;
  background: var(--brand-subtle);
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--brand);
}
.done-badge[data-v-8c919bc6] {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 10px;
  background: var(--success-light);
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #047857;
}
.done-badge i[data-v-8c919bc6] {
  font-size: 0.625rem;
  color: inherit;
}

/* Gantt Wrapper */
.gantt-wrapper[data-v-8c919bc6] {
  flex: 1;
  min-height: 220px;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface);
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}
.gantt-chart[data-v-8c919bc6] {
  flex: 1;
  width: 100%;
  min-height: 220px;
  overflow: hidden;
}
.gantt-inner[data-v-8c919bc6] {
  height: 500px;
  min-height: 220px;
}

/* Loading Overlay */
.loading-overlay[data-v-8c919bc6] {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.loading-overlay.inline[data-v-8c919bc6] {
  border-radius: var(--radius-md);
}
.spinner[data-v-8c919bc6] {
  width: 32px;
  height: 32px;
  border: 3px solid var(--border-strong);
  border-top-color: var(--brand);
  border-radius: 50%;
  animation: spin-8c919bc6 0.8s linear infinite;
}
@keyframes spin-8c919bc6 {
to { transform: rotate(360deg);
}
}

/* ═══════════════════════════════════════════════════════════════════════════
   MILESTONE LIST
═══════════════════════════════════════════════════════════════════════════ */
.milestone-list[data-v-8c919bc6] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.milestone-item[data-v-8c919bc6] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  transition: all var(--transition);
}
.milestone-item[data-v-8c919bc6]:hover {
  border-color: var(--border-strong);
  box-shadow: var(--shadow-sm);
}
.milestone-indicator[data-v-8c919bc6] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.75rem;
  flex-shrink: 0;
}
.milestone-item.status-open .milestone-indicator[data-v-8c919bc6] {
  background: var(--brand-subtle);
  color: var(--brand);
}
.milestone-item.status-in_progress .milestone-indicator[data-v-8c919bc6] {
  background: var(--warning-light);
  color: #b45309;
}
.milestone-item.status-done .milestone-indicator[data-v-8c919bc6] {
  background: var(--success-light);
  color: #047857;
}
.milestone-content[data-v-8c919bc6] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.milestone-title[data-v-8c919bc6] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.milestone-item.status-done .milestone-title[data-v-8c919bc6] {
  text-decoration: line-through;
  color: var(--ink-secondary);
}
.milestone-meta[data-v-8c919bc6] {
  font-size: 0.75rem;
  color: var(--muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.milestone-meta .no-date[data-v-8c919bc6] {
  font-style: italic;
}
.milestone-note[data-v-8c919bc6] {
  color: var(--ink-secondary);
}
.milestone-assignee[data-v-8c919bc6] {
  color: var(--brand);
  font-weight: 500;
}

/* Progress Bar */
.milestone-progress[data-v-8c919bc6] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.progress-bar[data-v-8c919bc6] {
  width: 60px;
  height: 6px;
  background: var(--border-strong);
  border-radius: 3px;
  overflow: hidden;
}
.progress-fill[data-v-8c919bc6] {
  height: 100%;
  background: var(--brand);
  border-radius: 3px;
  transition: width 300ms ease;
}
.milestone-item.status-done .progress-fill[data-v-8c919bc6] {
  background: var(--success);
}
.milestone-item.status-in_progress .progress-fill[data-v-8c919bc6] {
  background: var(--warning);
}
.progress-text[data-v-8c919bc6] {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--ink-secondary);
  min-width: 36px;
  text-align: right;
}

/* Milestone Actions */
.milestone-actions[data-v-8c919bc6] {
  display: flex;
  gap: 4px;
  flex-shrink: 0;
  opacity: 0;
  transition: opacity var(--transition-fast);
}
.milestone-item:hover .milestone-actions[data-v-8c919bc6] {
  opacity: 1;
}
.item-btn[data-v-8c919bc6] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--muted);
  font-size: 0.75rem;
  cursor: pointer;
  transition: all var(--transition-fast);
}
.item-btn.edit-btn[data-v-8c919bc6]:hover {
  background: var(--brand-subtle);
  color: var(--brand);
}
.item-btn.delete-btn[data-v-8c919bc6]:hover {
  background: var(--danger-light);
  color: var(--danger);
}

/* ═══════════════════════════════════════════════════════════════════════════
   DIALOGS
═══════════════════════════════════════════════════════════════════════════ */
.dialog-overlay[data-v-8c919bc6] {
  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;
  padding: 20px;
  overflow-y: auto;
}
.dialog-box[data-v-8c919bc6] {
  background: var(--surface);
  border-radius: var(--radius-lg);
  padding: 24px;
  max-width: 400px;
  width: 100%;
  text-align: center;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.2);
  animation: dialog-pop-8c919bc6 200ms cubic-bezier(0.34, 1.56, 0.64, 1);
  max-height: calc(100vh - 40px);
  overflow-y: auto;
}
.dialog-box.dialog-form[data-v-8c919bc6] {
  max-width: 480px;
  text-align: left;
}
.dialog-box.dialog-large[data-v-8c919bc6] {
  max-width: 640px;
}
@keyframes dialog-pop-8c919bc6 {
from {
    opacity: 0;
    transform: scale(0.95) translateY(10px);
}
to {
    opacity: 1;
    transform: scale(1) translateY(0);
}
}
.dialog-header[data-v-8c919bc6] {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border);
  margin-bottom: 24px;
}
.dialog-header .dialog-icon[data-v-8c919bc6] {
  margin: 0;
}
.dialog-header h3[data-v-8c919bc6] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--ink);
}
.dialog-icon[data-v-8c919bc6] {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  margin: 0 auto 16px;
  font-size: 1.25rem;
  flex-shrink: 0;
  background: var(--brand-subtle);
  color: var(--brand);
}
.dialog-icon.milestone[data-v-8c919bc6] {
  background: var(--warning-light);
  color: #b45309;
}
.dialog-icon.danger[data-v-8c919bc6] {
  background: var(--danger-light);
  color: var(--danger);
}
.dialog-box > h3[data-v-8c919bc6] {
  margin: 0 0 8px;
  font-size: 1rem;
  font-weight: 600;
  color: var(--ink);
}
.dialog-box > p[data-v-8c919bc6] {
  margin: 0 0 20px;
  font-size: 0.875rem;
  color: var(--ink-secondary);
  line-height: 1.5;
}
.dialog-body[data-v-8c919bc6] {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Form Groups */
.form-group[data-v-8c919bc6] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 20px;
}
.form-group[data-v-8c919bc6]:last-child {
  margin-bottom: 0;
}
.form-group label[data-v-8c919bc6] {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--ink-secondary);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.form-group input[data-v-8c919bc6],
.form-group select[data-v-8c919bc6],
.form-group textarea[data-v-8c919bc6] {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  background: var(--surface);
  color: var(--ink);
  font-size: 0.875rem;
  font-family: inherit;
  transition: all var(--transition-fast);
  box-sizing: border-box;
}
.form-group input[data-v-8c919bc6]:hover,
.form-group select[data-v-8c919bc6]:hover,
.form-group textarea[data-v-8c919bc6]:hover {
  border-color: rgba(15, 23, 42, 0.2);
}
.form-group input[data-v-8c919bc6]:focus,
.form-group select[data-v-8c919bc6]:focus,
.form-group textarea[data-v-8c919bc6]:focus {
  outline: none;
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(80, 134, 138, 0.15);
}
.form-group input[data-v-8c919bc6]::placeholder,
.form-group textarea[data-v-8c919bc6]::placeholder {
  color: var(--muted);
}
.form-group select[data-v-8c919bc6] {
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  padding-right: 40px;
}
.form-group textarea[data-v-8c919bc6] {
  resize: vertical;
  min-height: 100px;
  line-height: 1.5;
}

/* Form Rows */
.form-row[data-v-8c919bc6] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 20px;
}
.form-row[data-v-8c919bc6]:last-child {
  margin-bottom: 0;
}
.form-row .form-group[data-v-8c919bc6] {
  margin-bottom: 0;
}
.form-row-three[data-v-8c919bc6] {
  grid-template-columns: 1fr 1fr 1fr;
}
.form-group-large[data-v-8c919bc6] {
  grid-column: span 1;
}

/* Form Sections */
.form-section[data-v-8c919bc6] {
  background: var(--surface-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 20px;
  margin-bottom: 20px;
}
.form-section[data-v-8c919bc6]:last-child {
  margin-bottom: 0;
}
.form-section .form-row[data-v-8c919bc6] {
  margin-bottom: 16px;
}
.form-section .form-row[data-v-8c919bc6]:last-child {
  margin-bottom: 0;
}
.form-section .form-group[data-v-8c919bc6] {
  margin-bottom: 16px;
}
.form-section .form-group[data-v-8c919bc6]:last-child {
  margin-bottom: 0;
}
.form-section-title[data-v-8c919bc6] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 16px 0;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--ink-secondary);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.form-section-title i[data-v-8c919bc6] {
  font-size: 0.875rem;
  color: var(--brand);
}

/* Progress Slider */
.progress-slider-group[data-v-8c919bc6] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 8px;
}
.progress-slider[data-v-8c919bc6] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: var(--border-strong);
  appearance: none;
  cursor: pointer;
  outline: none;
}
.progress-slider[data-v-8c919bc6]::-webkit-slider-runnable-track {
  height: 8px;
  border-radius: 4px;
  background: var(--border-strong);
}
.progress-slider[data-v-8c919bc6]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--brand);
  border: 3px solid var(--surface);
  box-shadow: 0 2px 8px rgba(80, 134, 138, 0.4);
  cursor: grab;
  margin-top: -6px;
  transition: transform 150ms ease, box-shadow 150ms ease;
}
.progress-slider[data-v-8c919bc6]::-webkit-slider-thumb:hover {
  transform: scale(1.1);
}
.progress-labels[data-v-8c919bc6] {
  display: flex;
  justify-content: space-between;
  font-size: 0.6875rem;
  color: var(--muted);
  padding: 0 2px;
}

/* Icon Selector */
.icon-selector[data-v-8c919bc6] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.icon-option[data-v-8c919bc6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 12px 16px;
  border: 2px solid var(--border-strong);
  border-radius: var(--radius-md);
  background: var(--surface);
  color: var(--ink-secondary);
  font-size: 1.25rem;
  cursor: pointer;
  transition: all var(--transition-fast);
  min-width: 72px;
}
.icon-option[data-v-8c919bc6]:hover {
  border-color: var(--brand);
  background: var(--brand-subtle);
  color: var(--brand);
}
.icon-option.active[data-v-8c919bc6] {
  border-color: var(--brand);
  background: var(--brand-subtle);
  color: var(--brand);
  box-shadow: 0 0 0 3px rgba(80, 134, 138, 0.15);
}
.icon-option .icon-label[data-v-8c919bc6] {
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* Dialog Actions */
.dialog-actions[data-v-8c919bc6] {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--border);
}

/* Buttons */
.btn-secondary[data-v-8c919bc6] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-strong);
  background: var(--surface);
  color: var(--ink-secondary);
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-fast);
}
.btn-secondary[data-v-8c919bc6]:hover {
  background: var(--surface-raised);
  border-color: rgba(15, 23, 42, 0.2);
  color: var(--ink);
}
.btn-primary[data-v-8c919bc6] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 24px;
  border: none;
  border-radius: var(--radius-sm);
  background: var(--brand);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-fast);
  box-shadow: 0 1px 3px rgba(80, 134, 138, 0.3);
}
.btn-primary[data-v-8c919bc6]:hover {
  background: var(--brand-dark);
  box-shadow: 0 4px 12px rgba(80, 134, 138, 0.35);
}
.btn-primary i[data-v-8c919bc6] {
  font-size: 0.8125rem;
}
.btn-primary.milestone[data-v-8c919bc6] {
  background: var(--warning);
  box-shadow: 0 1px 3px rgba(245, 158, 11, 0.3);
}
.btn-primary.milestone[data-v-8c919bc6]:hover {
  background: #d97706;
}
.btn-danger[data-v-8c919bc6] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 24px;
  border: none;
  border-radius: var(--radius-sm);
  background: var(--danger);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-fast);
}
.btn-danger[data-v-8c919bc6]:hover {
  background: #b91c1c;
}
.btn-danger i[data-v-8c919bc6] {
  font-size: 0.8125rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   TRANSITIONS
═══════════════════════════════════════════════════════════════════════════ */
.fade-enter-active[data-v-8c919bc6],
.fade-leave-active[data-v-8c919bc6] {
  transition: opacity var(--transition);
}
.fade-enter-from[data-v-8c919bc6],
.fade-leave-to[data-v-8c919bc6] {
  opacity: 0;
}
.slide-right-enter-active[data-v-8c919bc6],
.slide-right-leave-active[data-v-8c919bc6] {
  transition: transform var(--transition-slow);
}
.slide-right-enter-from[data-v-8c919bc6],
.slide-right-leave-to[data-v-8c919bc6] {
  transform: translateX(100%);
}
.milestone-item-enter-active[data-v-8c919bc6],
.milestone-item-leave-active[data-v-8c919bc6] {
  transition: all var(--transition);
}
.milestone-item-enter-from[data-v-8c919bc6],
.milestone-item-leave-to[data-v-8c919bc6] {
  opacity: 0;
  transform: translateX(20px);
}
.milestone-item-move[data-v-8c919bc6] {
  transition: transform var(--transition);
}

/* ═══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
.form-row[data-v-8c919bc6] {
    grid-template-columns: 1fr;
}
.form-row-three[data-v-8c919bc6] {
    grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 600px) {
.panel-container[data-v-8c919bc6] {
    width: 100vw;
}
.panel-header[data-v-8c919bc6] {
    flex-wrap: wrap;
    gap: 12px;
}
.header-actions[data-v-8c919bc6] {
    width: 100%;
    justify-content: flex-end;
}
.milestone-actions[data-v-8c919bc6] {
    opacity: 1;
}
.gantt-inner[data-v-8c919bc6] {
    height: 350px;
}
.milestone-progress[data-v-8c919bc6] {
    display: none;
}
.inline-header[data-v-8c919bc6] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
.inline-header-actions[data-v-8c919bc6] {
    align-self: flex-end;
}
.inline-toolbar[data-v-8c919bc6] {
    flex-direction: column;
    gap: 10px;
}
.toolbar-left[data-v-8c919bc6],
  .toolbar-right[data-v-8c919bc6] {
    width: 100%;
    justify-content: space-between;
}
.toolbar-btn span[data-v-8c919bc6] {
    display: none;
}
.btn-expand span[data-v-8c919bc6] {
    display: none;
}
}
@media (max-width: 500px) {
.dialog-overlay[data-v-8c919bc6] {
    padding: 0;
    align-items: flex-end;
}
.dialog-box[data-v-8c919bc6] {
    padding: 20px;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    max-width: 100%;
    max-height: 90vh;
    animation: dialog-slide-up-8c919bc6 250ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes dialog-slide-up-8c919bc6 {
from {
      opacity: 0;
      transform: translateY(100%);
}
to {
      opacity: 1;
      transform: translateY(0);
}
}
.form-row[data-v-8c919bc6],
  .form-row-three[data-v-8c919bc6] {
    grid-template-columns: 1fr;
}
.form-section[data-v-8c919bc6] {
    padding: 16px;
}
.dialog-actions[data-v-8c919bc6] {
    flex-direction: column-reverse;
    gap: 10px;
}
.dialog-actions button[data-v-8c919bc6] {
    width: 100%;
    justify-content: center;
}
.icon-selector[data-v-8c919bc6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}
.icon-option[data-v-8c919bc6] {
    min-width: unset;
    padding: 10px 8px;
    font-size: 1.125rem;
}
.gantt-wrapper.inline .gantt-inner[data-v-8c919bc6] {
    height: 280px;
}
.view-btn[data-v-8c919bc6] {
    padding: 6px 8px;
    font-size: 0.6875rem;
}
}
/* ═══════════════════════════════════════════════════════════════════════════
   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;
}
}

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

/* ═══════════════════════════════════════════════════════════════════════════
   HEADER
═══════════════════════════════════════════════════════════════════════════ */
.project-header[data-v-917dbe96] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-shrink: 0;
}
.header-left[data-v-917dbe96] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.title-icon[data-v-917dbe96] {
  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-917dbe96] {
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 600;
  color: var(--text-primary);
}
.title-text p[data-v-917dbe96] {
  margin: 2px 0 0;
  font-size: 0.8125rem;
  color: var(--text-secondary);
}
.header-actions[data-v-917dbe96] {
  display: flex;
  gap: 6px;
}
.action-btn[data-v-917dbe96] {
  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-917dbe96]:hover {
  color: var(--text-primary);
  border-color: var(--border-medium);
  background: var(--bg-tertiary);
}
.action-btn[data-v-917dbe96]:active {
  transform: scale(0.95);
}

/* ═══════════════════════════════════════════════════════════════════════════
   TABS
═══════════════════════════════════════════════════════════════════════════ */
.tabs-nav[data-v-917dbe96] {
  flex-shrink: 0;
}
.tabs-track[data-v-917dbe96] {
  position: relative;
  display: flex;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  padding: 4px;
}
.tab-btn[data-v-917dbe96] {
  position: relative;
  z-index: 1;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 12px;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-secondary);
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  transition: color 150ms;
  white-space: nowrap;
}
.tab-btn i[data-v-917dbe96] {
  font-size: 0.8125rem;
}
.tab-btn[data-v-917dbe96]:hover:not(.active) {
  color: var(--text-primary);
}
.tab-btn.active[data-v-917dbe96] {
  color: var(--brand);
}
.tab-badge[data-v-917dbe96] {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--border-medium);
  border-radius: 999px;
  font-size: 0.625rem;
  font-weight: 700;
  color: var(--text-secondary);
}
.tab-btn.active .tab-badge[data-v-917dbe96] {
  background: var(--brand);
  color: #fff;
}
.tab-indicator[data-v-917dbe96] {
  position: absolute;
  top: 4px;
  left: 4px;
  height: calc(100% - 8px);
  background: var(--bg-secondary);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-xs);
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1), width 200ms;
  pointer-events: none;
}

/* ═══════════════════════════════════════════════════════════════════════════
   CONTENT
═══════════════════════════════════════════════════════════════════════════ */
.tab-content[data-v-917dbe96] {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.content-container[data-v-917dbe96] {
  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-917dbe96],
.content-container.scrum[data-v-917dbe96],
.content-container.milestones[data-v-917dbe96] {
  background: transparent;
  border: none;
  padding: 0;
}

/* Wichtig: Designer soll padding haben + overflow */
.content-container.designer[data-v-917dbe96] {
  background: transparent;
  border: none;
  padding: 0;
  overflow: hidden;
  min-height: 0;
}

/* ═══════════════════════════════════════════════════════════════════════════
   ERROR BANNER
═══════════════════════════════════════════════════════════════════════════ */
.error-banner[data-v-917dbe96] {
  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-917dbe96] {
  font-size: 1rem;
}
.error-banner span[data-v-917dbe96] {
  flex: 1;
  font-size: 0.875rem;
  font-weight: 500;
}
.error-close[data-v-917dbe96] {
  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-917dbe96]:hover {
  background: rgba(239, 68, 68, 0.15);
}

/* ═══════════════════════════════════════════════════════════════════════════
   LOADING STATE
═══════════════════════════════════════════════════════════════════════════ */
.loading-state[data-v-917dbe96] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 40px;
}
.loading-icon[data-v-917dbe96] {
  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-917dbe96] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-secondary);
}

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

/* ═══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
.tab-btn span[data-v-917dbe96] {
    display: none;
}
.tab-btn[data-v-917dbe96] {
    padding: 10px 16px;
}
.tab-btn i[data-v-917dbe96] {
    font-size: 0.9375rem;
}
}
@media (max-width: 600px) {
.project-header[data-v-917dbe96] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
.header-actions[data-v-917dbe96] {
    align-self: flex-end;
    margin-top: -48px;
}
.title-text p[data-v-917dbe96] {
    display: none;
}
.tab-btn[data-v-917dbe96] {
    padding: 10px 10px;
}
.tab-badge[data-v-917dbe96] {
    display: none;
}
}
@media (max-width: 400px) {
.title-icon[data-v-917dbe96] {
    width: 36px;
    height: 36px;
    font-size: 0.875rem;
}
.title-text h3[data-v-917dbe96] {
    font-size: 1rem;
}
.tab-btn[data-v-917dbe96] {
    padding: 8px 6px;
}
.tab-btn i[data-v-917dbe96] {
    font-size: 0.875rem;
}
}

/* ============================================================================
   MESSAGE WRAPPER
============================================================================ */
.message-wrapper[data-v-ae3390fe] {
  display: flex;
  flex-direction: column;
  min-width: 140px;
  max-width: 70%;
  gap: 6px;
  margin-bottom: 16px;
  animation: fadeIn-ae3390fe 200ms ease-out;
}
@keyframes fadeIn-ae3390fe {
from {
    opacity: 0;
    transform: translateY(6px);
}
}

/* Positioning */
.message-wrapper.other[data-v-ae3390fe] {
  align-items: flex-start;
  margin-right: auto;
}
.message-wrapper.own[data-v-ae3390fe] {
  align-items: flex-end;
  margin-left: auto;
}

/* ============================================================================
   META ROW (Name + Status + Time)
============================================================================ */
.message-meta[data-v-ae3390fe] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 2px;
  width: 100%;
  min-width: 0;
}
.sender-name[data-v-ae3390fe] {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-primary);
  letter-spacing: 0.01em;
}
.message-time[data-v-ae3390fe] {
  font-size: 0.6875rem;
  color: var(--text-muted);
  margin-left: auto;
}

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

/* ============================================================================
   MESSAGE BUBBLE
============================================================================ */
.message-bubble[data-v-ae3390fe] {
  width: 100%;
  padding: 10px 14px;
  border-radius: var(--radius-lg);
}
.message-bubble[data-v-ae3390fe]:hover {
  transform: translateY(-1px);
}

/* Other (incoming) */
.message-wrapper.other .message-bubble[data-v-ae3390fe] {
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-top-left-radius: var(--radius-sm);
}
.message-wrapper.other .message-bubble[data-v-ae3390fe]:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

/* Own (outgoing) */
.message-wrapper.own .message-bubble[data-v-ae3390fe] {
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);
  border: none;
  border-top-right-radius: var(--radius-sm);
  box-shadow: 0 2px 8px rgba(var(--brand-rgb), 0.25);
}
.message-wrapper.own .message-bubble[data-v-ae3390fe]:hover {
  box-shadow: 0 4px 16px rgba(var(--brand-rgb), 0.35);
}

/* Message Text */
.message-text[data-v-ae3390fe] {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
.message-wrapper.other .message-text[data-v-ae3390fe] {
  color: var(--text-primary);
}
.message-wrapper.own .message-text[data-v-ae3390fe] {
  color: #ffffff;
}

/* ============================================================================
   ACTIONS ROW
============================================================================ */
.message-actions[data-v-ae3390fe] {
  display: flex;
  padding: 0 4px;
}
.message-wrapper.other .message-actions[data-v-ae3390fe] {
  justify-content: flex-start;
}
.message-wrapper.own .message-actions[data-v-ae3390fe] {
  justify-content: flex-end;
}

/* Action Button */
.action-btn[data-v-ae3390fe] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 150ms ease;
}
.action-btn i[data-v-ae3390fe] {
  font-size: 0.6875rem;
}

/* Reply Button - Other */
.message-wrapper.other .reply-btn[data-v-ae3390fe] {
  color: var(--text-muted);
}
.message-wrapper.other .reply-btn[data-v-ae3390fe]:hover {
  background: var(--bg-tertiary);
  color: var(--brand);
}

/* Reply Button - Own */
.message-wrapper.own .reply-btn[data-v-ae3390fe] {
  color: var(--text-muted);
}
.message-wrapper.own .reply-btn[data-v-ae3390fe]:hover {
  background: rgba(var(--brand-rgb), 0.1);
  color: var(--brand);
}

/* Thread Count Badge */
.thread-count[data-v-ae3390fe] {
  padding: 1px 6px;
  background: var(--brand);
  color: #ffffff;
  border-radius: var(--radius-full);
  font-size: 0.625rem;
  font-weight: 600;
  min-width: 18px;
  text-align: center;
}

/* ============================================================================
   RESPONSIVE
============================================================================ */
@media (max-width: 640px) {
.message-wrapper[data-v-ae3390fe] {
    max-width: 85%;
}
.message-bubble[data-v-ae3390fe] {
    padding: 10px 14px;
}
.message-text[data-v-ae3390fe] {
    font-size: 0.875rem;
}
}

/* Hinweis:
   Die Bubble-Styles (message / message-content / etc.) sollten jetzt in ChatMessageBubble.vue liegen.
   In Chat.vue bleiben nur Layout / Container / Tabs / Composer etc. */
.chat-layout[data-v-71ed96a8] {
  --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-71ed96a8] {
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--surface-raised);
}
.main-content.empty[data-v-71ed96a8] {
  align-items: center;
  justify-content: center;
}
.empty-room-state[data-v-71ed96a8] {
  text-align: center;
  padding: 40px;
}
.empty-room-icon[data-v-71ed96a8] {
  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-71ed96a8] {
  font-size: 2rem;
  color: var(--brand);
}
.empty-room-state h3[data-v-71ed96a8] {
  margin: 0 0 8px;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--ink);
}
.empty-room-state p[data-v-71ed96a8] {
  margin: 0;
  color: var(--ink-secondary);
}
.header[data-v-71ed96a8] {
  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-71ed96a8] {
  flex: 1;
  min-width: 0;
}
.title-block h2[data-v-71ed96a8] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--ink);
  letter-spacing: -0.01em;
}
.title-block p[data-v-71ed96a8] {
  margin: 4px 0 0;
  font-size: 0.8125rem;
  color: var(--ink-secondary);
}
.tabs-nav[data-v-71ed96a8] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.tabs-track[data-v-71ed96a8] {
  position: relative;
  display: flex;
  padding: 4px;
  background: var(--surface-raised);
  border-radius: 10px;
  border: 1px solid var(--border);
}
.tab-btn[data-v-71ed96a8] {
  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-71ed96a8] {
  font-size: 0.8125rem;
}
.tab-btn[data-v-71ed96a8]:hover:not(.active) {
  color: var(--ink);
}
.tab-btn.active[data-v-71ed96a8] {
  color: var(--brand);
}
.tab-indicator[data-v-71ed96a8] {
  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-71ed96a8] {
  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-71ed96a8]:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 10%, #ffffff);
}
.info-btn[data-v-71ed96a8] {
  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-71ed96a8]:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 10%, #ffffff);
}
.mobile-menu-btn[data-v-71ed96a8] {
  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-71ed96a8]:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 10%, #ffffff);
}
.mobile-menu-btn.floating[data-v-71ed96a8] {
  position: absolute;
  top: 16px;
  left: 16px;
}
.content-area[data-v-71ed96a8] {
  flex: 1;
  min-height: 0;
  display: flex;
  gap: 0;
  background: var(--surface);
  margin: 16px 24px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  overflow: hidden;
}
.messages[data-v-71ed96a8] {
  flex: 1;
  min-width: 0;
  overflow-y: auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: stretch;
}
.messages[data-v-71ed96a8]::-webkit-scrollbar {
  width: 6px;
}
.messages[data-v-71ed96a8]::-webkit-scrollbar-track {
  background: transparent;
}
.messages[data-v-71ed96a8]::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: 3px;
}
.empty-state[data-v-71ed96a8] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 48px;
}
.empty-icon[data-v-71ed96a8] {
  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-71ed96a8] {
  font-size: 1.5rem;
  color: var(--brand);
}
.empty-state p[data-v-71ed96a8] {
  margin: 0;
  font-weight: 500;
  color: var(--ink);
}
.empty-state span[data-v-71ed96a8] {
  margin-top: 4px;
  font-size: 0.875rem;
  color: var(--muted);
}
.date-separator[data-v-71ed96a8] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 20px 0;
}
.date-line[data-v-71ed96a8] {
  flex: 1;
  height: 1px;
  background: var(--border);
}
.date-separator time[data-v-71ed96a8] {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.thread-panel[data-v-71ed96a8] {
  width: 380px;
  border-left: 1px solid var(--border);
  background: var(--surface);
  flex: 0 0 auto;
}
.composer[data-v-71ed96a8] {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-end;
  gap: 45px;
  padding: 16px 24px 24px;
  background: var(--surface);
}
.composer-input[data-v-71ed96a8] {
  flex: 1;
  position: relative;
  min-width: 0;
}
.composer-input textarea[data-v-71ed96a8] {
  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: 120px;
}
.composer-input textarea[data-v-71ed96a8]::placeholder {
  color: var(--muted);
}
.composer-input textarea[data-v-71ed96a8]:focus {
  border-color: var(--brand);
  background: var(--surface);
  box-shadow: 0 0 0 3px rgba(82, 139, 143, 0.12);
}
.send-btn[data-v-71ed96a8] {
  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-71ed96a8]:hover:not(:disabled) {
  transform: scale(1.05);
  box-shadow: var(--shadow-lg);
}
.send-btn[data-v-71ed96a8]:active:not(:disabled) {
  transform: scale(0.98);
}
.send-btn[data-v-71ed96a8]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  box-shadow: none;
}
.project-content[data-v-71ed96a8] {
  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);
}
.slide-right-enter-active[data-v-71ed96a8],
.slide-right-leave-active[data-v-71ed96a8] {
  transition: all var(--transition-slow);
}
.slide-right-enter-from[data-v-71ed96a8],
.slide-right-leave-to[data-v-71ed96a8] {
  opacity: 0;
  transform: translateX(20px);
}
.chat-sidebar-overlay[data-v-71ed96a8] {
  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-71ed96a8] {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1200px) {
.thread-panel[data-v-71ed96a8] {
    width: 320px;
}
}
@media (max-width: 1024px) {
.mobile-menu-btn[data-v-71ed96a8] {
    display: flex;
}
.info-btn span[data-v-71ed96a8] {
    display: none;
}
.main-content[data-v-71ed96a8] {
    width: 100%;
    position: relative;
    z-index: 1;
}
}
@media (max-width: 768px) {
.header[data-v-71ed96a8] {
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px 16px;
}
.header-left[data-v-71ed96a8] {
    order: 2;
    width: 100%;
}
.tabs-nav[data-v-71ed96a8] {
    order: 3;
    width: 100%;
    margin-top: 8px;
}
.tabs-track[data-v-71ed96a8] {
    flex: 1;
}
.tab-btn[data-v-71ed96a8] {
    flex: 1;
    justify-content: center;
    padding: 8px 12px;
}
.tab-btn span[data-v-71ed96a8] {
    display: none;
}
.tab-add[data-v-71ed96a8] {
    display: none;
}
.content-area[data-v-71ed96a8] {
    margin: 8px 12px;
    border-radius: var(--radius-md);
}
.composer[data-v-71ed96a8] {
    padding: 12px 16px 16px;
}
}
.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-6f9b3568] {
  height: 100%;
  width: 100%;
  padding: 30px;
  display: flex;
  flex-direction: column;
  background: var(--bg-primary);
  color: var(--text-primary);
}
.custom-form-shell[data-v-6f9b3568] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 12px;
}
.event-count[data-v-6f9b3568] {
  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-6f9b3568] {
  display: flex;
  gap: 12px;
}

/* ===== Buttons ===== */
.btn-primary[data-v-6f9b3568] {
  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-6f9b3568]:hover:not(:disabled) {
  background: var(--brand-dark);
}
.btn-primary[data-v-6f9b3568]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-secondary[data-v-6f9b3568] {
  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-6f9b3568]:hover {
  background: var(--bg-secondary);
  border-color: var(--text-muted);
}
.btn-danger[data-v-6f9b3568] {
  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-6f9b3568]:hover {
  filter: brightness(0.9);
}
.btn-retry[data-v-6f9b3568] {
  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-6f9b3568]:hover {
  border-color: var(--brand);
  color: var(--brand);
}

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

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

/* ===== Modal ===== */
.modal-overlay[data-v-6f9b3568] {
  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-6f9b3568] {
  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-6f9b3568] {
  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-6f9b3568] {
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 700;
}
.modal-close[data-v-6f9b3568] {
  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-6f9b3568]:hover {
  background: var(--error-subtle);
  border-color: var(--error);
  color: var(--error);
}
.modal-body[data-v-6f9b3568] {
  padding: 20px;
  overflow-y: auto;
  flex: 1;
}

/* ===== Form ===== */
.form-group[data-v-6f9b3568] {
  margin-bottom: 16px;
}
.form-group label[data-v-6f9b3568] {
  display: block;
  margin-bottom: 6px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--text-muted);
}
.form-group input[data-v-6f9b3568],
.form-group select[data-v-6f9b3568],
.form-group textarea[data-v-6f9b3568] {
  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-6f9b3568]:focus,
.form-group select[data-v-6f9b3568]:focus,
.form-group textarea[data-v-6f9b3568]:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-subtle);
}
.form-group textarea[data-v-6f9b3568] {
  resize: none;
}
.form-row[data-v-6f9b3568] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

/* Switch */
.switch[data-v-6f9b3568] {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.switch input[data-v-6f9b3568] {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider[data-v-6f9b3568] {
  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-6f9b3568]: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-6f9b3568] {
  background: var(--brand);
  border-color: var(--brand);
}
input:checked + .slider[data-v-6f9b3568]:before {
  transform: translateX(20px);
  background: #fff;
}

/* Type Selector */
.type-selector[data-v-6f9b3568] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.type-btn[data-v-6f9b3568] {
  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-6f9b3568]:hover {
  border-color: var(--brand);
}
.type-btn.active[data-v-6f9b3568] {
  background: var(--brand-subtle);
  border-color: var(--brand);
  color: var(--brand);
}

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

/* Modal Actions */
.modal-actions[data-v-6f9b3568] {
  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-6f9b3568] {
  display: flex;
  gap: 12px;
}

/* Confirm Modal */
.confirm-modal[data-v-6f9b3568] {
  max-width: 400px;
}
.confirm-content[data-v-6f9b3568] {
  padding: 24px;
  text-align: center;
}
.confirm-icon[data-v-6f9b3568] {
  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-6f9b3568] {
  background: var(--error-subtle);
  color: var(--error);
}
.confirm-content h3[data-v-6f9b3568] {
  margin: 0 0 8px;
  font-size: 1.125rem;
  font-weight: 700;
}
.confirm-content p[data-v-6f9b3568] {
  margin: 0 0 20px;
  color: var(--text-secondary);
  font-size: 0.9375rem;
}
.confirm-actions[data-v-6f9b3568] {
  display: flex;
  gap: 12px;
  justify-content: center;
}

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

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

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

/* ===== Overlay ===== */
.overlay[data-v-d6ef435d] {
  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-d6ef435d] {
  z-index: 1100;
  background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
}

/* ===== Modal ===== */
.modal[data-v-d6ef435d] {
  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-d6ef435d] {
  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-d6ef435d] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.header h2[data-v-d6ef435d] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--text-primary, #1a2e2f);
}
.header-badge[data-v-d6ef435d] {
  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-d6ef435d] {
  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-d6ef435d]:hover {
  background: var(--error-subtle, #fee2e2);
  border-color: var(--error, #ef4444);
  color: var(--error, #ef4444);
}
.close-btn.small[data-v-d6ef435d] {
  width: 28px;
  height: 28px;
}

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

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

/* ===== Stats Grid ===== */
.stats-grid[data-v-d6ef435d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.stat-card[data-v-d6ef435d] {
  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-d6ef435d] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 0.875rem;
}
.stat-icon.work[data-v-d6ef435d] {
  background: var(--brand-subtle, rgba(82, 139, 143, 0.1));
  color: var(--brand, #528b8f);
}
.stat-icon.overtime[data-v-d6ef435d] {
  background: var(--success-subtle, rgba(34, 197, 94, 0.1));
  color: var(--success, #22c55e);
}
.stat-icon.absence[data-v-d6ef435d] {
  background: var(--warning-subtle, rgba(245, 158, 11, 0.1));
  color: var(--warning, #f59e0b);
}
.stat-icon.vacation[data-v-d6ef435d] {
  background: var(--info-subtle, rgba(59, 130, 246, 0.1));
  color: var(--info, #3b82f6);
}
.stat-data[data-v-d6ef435d] {
  display: flex;
  flex-direction: column;
}
.stat-value[data-v-d6ef435d] {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-primary, #1a2e2f);
  font-variant-numeric: tabular-nums;
}
.stat-value.positive[data-v-d6ef435d] {
  color: var(--success, #22c55e);
}
.stat-label[data-v-d6ef435d] {
  font-size: 0.6875rem;
  color: var(--text-muted, #8fa8aa);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.stat-progress[data-v-d6ef435d] {
  height: 3px;
  background: var(--border-light, #e5e5e5);
  border-radius: 2px;
  overflow: hidden;
  margin-top: auto;
}
.stat-fill[data-v-d6ef435d] {
  height: 100%;
  background: var(--brand, #528b8f);
  border-radius: 2px;
  transition: width 500ms ease;
}

/* ===== Calendar Card ===== */
.calendar-card[data-v-d6ef435d] {
  background: var(--bg-tertiary, #fafafa);
  border: 1px solid var(--border-light, #f0f0f0);
  border-radius: 12px;
  padding: 12px;
}
.calendar-header[data-v-d6ef435d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.nav-btn[data-v-d6ef435d] {
  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-d6ef435d]:hover:not(:disabled) {
  border-color: var(--brand, #528b8f);
  color: var(--brand, #528b8f);
}
.nav-btn[data-v-d6ef435d]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.month-label[data-v-d6ef435d] {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-primary, #1a2e2f);
}
.calendar-grid[data-v-d6ef435d] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
}
.weekday[data-v-d6ef435d] {
  text-align: center;
  font-size: 0.625rem;
  font-weight: 600;
  color: var(--text-muted, #8fa8aa);
  padding: 4px 0;
}
.day-cell[data-v-d6ef435d] {
  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-d6ef435d]:hover:not(.other-month) {
  background: var(--border-light, #f0f0f0);
}
.day-cell.other-month[data-v-d6ef435d] {
  opacity: 0.25;
  cursor: default;
}
.day-cell.weekend[data-v-d6ef435d] {
  color: var(--text-muted, #8fa8aa);
}
.day-cell.today[data-v-d6ef435d] {
  background: var(--brand, #528b8f);
  color: #fff;
  font-weight: 700;
}
.day-cell.selected[data-v-d6ef435d] {
  box-shadow: inset 0 0 0 2px var(--brand, #528b8f);
}
.entry-dot[data-v-d6ef435d] {
  position: absolute;
  bottom: 2px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.entry-dot.work[data-v-d6ef435d] { background: var(--brand, #528b8f);
}
.entry-dot.vacation[data-v-d6ef435d] { background: var(--info, #3b82f6);
}
.entry-dot.sick[data-v-d6ef435d] { background: var(--error, #ef4444);
}
.calendar-legend[data-v-d6ef435d] {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--border-light, #f0f0f0);
  font-size: 0.625rem;
  color: var(--text-muted, #666);
}
.calendar-legend span[data-v-d6ef435d] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.legend-dot[data-v-d6ef435d] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.legend-dot.work[data-v-d6ef435d] { background: var(--brand, #528b8f);
}
.legend-dot.vacation[data-v-d6ef435d] { background: var(--info, #3b82f6);
}
.legend-dot.sick[data-v-d6ef435d] { background: var(--error, #ef4444);
}

/* ===== Entries Section ===== */
.entries-section[data-v-d6ef435d] {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.entries-header[data-v-d6ef435d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.entries-header h3[data-v-d6ef435d] {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-primary, #1a2e2f);
}
.add-btn[data-v-d6ef435d] {
  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-d6ef435d]:hover {
  background: var(--brand-dark, #457577);
}
.entries-table[data-v-d6ef435d] {
  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-d6ef435d] {
  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-d6ef435d] {
  font-size: 1.5rem;
  opacity: 0.5;
}
.empty-state p[data-v-d6ef435d] {
  margin: 0;
  font-size: 0.8125rem;
}
.entry-row[data-v-d6ef435d] {
  display: grid;
  grid-template-columns: 50px 90px 90px 40px 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-d6ef435d]:last-child {
  border-bottom: none;
}
.entry-row[data-v-d6ef435d]:hover {
  background: var(--bg-secondary, #fff);
}
.entry-row.selected[data-v-d6ef435d] {
  background: var(--brand-subtle, rgba(82, 139, 143, 0.08));
}
.entry-date[data-v-d6ef435d] {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.date-day[data-v-d6ef435d] {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--text-primary, #1a2e2f);
}
.date-weekday[data-v-d6ef435d] {
  font-size: 0.625rem;
  color: var(--text-muted, #8fa8aa);
  text-transform: uppercase;
}
.entry-type[data-v-d6ef435d] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
}
.entry-type i[data-v-d6ef435d] {
  font-size: 0.6875rem;
}
.entry-type.work[data-v-d6ef435d] { color: var(--brand, #528b8f);
}
.entry-type.vacation[data-v-d6ef435d] { color: var(--info, #3b82f6);
}
.entry-type.sick[data-v-d6ef435d] { color: var(--error, #ef4444);
}
.entry-time[data-v-d6ef435d] {
  color: var(--text-secondary, #666);
  font-variant-numeric: tabular-nums;
}
.entry-hours[data-v-d6ef435d] {
  font-weight: 600;
  color: var(--text-primary, #1a2e2f);
}
.entry-note[data-v-d6ef435d] {
  color: var(--text-muted, #8fa8aa);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.entry-actions[data-v-d6ef435d] {
  display: flex;
  gap: 4px;
  justify-content: flex-end;
}
.action-btn[data-v-d6ef435d] {
  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-d6ef435d] {
  opacity: 1;
}
.action-btn[data-v-d6ef435d]:hover {
  background: var(--border-light, #f0f0f0);
  color: var(--brand, #528b8f);
}
.action-btn.danger[data-v-d6ef435d]:hover {
  background: var(--error-subtle, #fee2e2);
  color: var(--error, #ef4444);
}

/* ===== Edit Modal ===== */
.edit-modal[data-v-d6ef435d] {
  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-d6ef435d] {
  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-d6ef435d] {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary, #1a2e2f);
}
.edit-form[data-v-d6ef435d] {
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.form-row[data-v-d6ef435d] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.form-row.time-inputs[data-v-d6ef435d] {
  flex-direction: row;
  gap: 10px;
}
.form-field[data-v-d6ef435d] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.form-field.small[data-v-d6ef435d] {
  flex: 0 0 80px;
}
.field-label[data-v-d6ef435d] {
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--text-secondary, #666);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.field-label small[data-v-d6ef435d] {
  font-weight: 400;
  text-transform: none;
  color: var(--text-muted, #aaa);
}
.edit-form input[data-v-d6ef435d],
.edit-form textarea[data-v-d6ef435d] {
  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-d6ef435d]:focus,
.edit-form textarea[data-v-d6ef435d]: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-d6ef435d] {
  resize: none;
}
.input-suffix[data-v-d6ef435d] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.input-suffix input[data-v-d6ef435d] {
  width: 50px;
  text-align: center;
}
.input-suffix span[data-v-d6ef435d] {
  font-size: 0.75rem;
  color: var(--text-muted, #888);
}
.type-selector[data-v-d6ef435d] {
  display: flex;
  gap: 8px;
}
.type-btn[data-v-d6ef435d] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 10px 8px;
  background: var(--bg-tertiary, #f5f5f5);
  border: 2px solid transparent;
  border-radius: 8px;
  font-size: 0.6875rem;
  font-weight: 500;
  color: var(--text-secondary, #666);
  cursor: pointer;
  transition: all 150ms;
}
.type-btn i[data-v-d6ef435d] {
  font-size: 0.875rem;
}
.type-btn[data-v-d6ef435d]:hover {
  background: var(--border-light, #eee);
}
.type-btn.active.work[data-v-d6ef435d] {
  border-color: var(--brand, #528b8f);
  background: var(--brand-subtle, rgba(82, 139, 143, 0.1));
  color: var(--brand, #528b8f);
}
.type-btn.active.vacation[data-v-d6ef435d] {
  border-color: var(--info, #3b82f6);
  background: var(--info-subtle, rgba(59, 130, 246, 0.1));
  color: var(--info, #3b82f6);
}
.type-btn.active.sick[data-v-d6ef435d] {
  border-color: var(--error, #ef4444);
  background: var(--error-subtle, rgba(239, 68, 68, 0.1));
  color: var(--error, #ef4444);
}
.form-actions[data-v-d6ef435d] {
  display: flex;
  gap: 10px;
  margin-top: 6px;
  padding-top: 14px;
  border-top: 1px solid var(--border-light, #f0f0f0);
}
.btn[data-v-d6ef435d] {
  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.secondary[data-v-d6ef435d] {
  background: var(--bg-tertiary, #f5f5f5);
  color: var(--text-secondary, #666);
}
.btn.secondary[data-v-d6ef435d]:hover {
  background: var(--border-light, #eee);
}
.btn.primary[data-v-d6ef435d] {
  background: var(--brand, #528b8f);
  color: #fff;
}
.btn.primary[data-v-d6ef435d]:hover {
  background: var(--brand-dark, #457577);
}

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

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

.time-widget[data-v-9cd7c9ee] {
  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-9cd7c9ee] {
  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-9cd7c9ee] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.current-time[data-v-9cd7c9ee] {
  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-9cd7c9ee] {
  font-size: 0.875rem;
  font-variant-numeric: tabular-nums;
  color: var(--text-muted, #8fa8aa);
  transition: color 200ms;
}
.elapsed.active[data-v-9cd7c9ee] {
  color: #22c55e;
  font-weight: 600;
}
.elapsed.paused[data-v-9cd7c9ee] {
  color: #f59e0b;
}
.controls[data-v-9cd7c9ee] {
  display: flex;
  gap: 8px;
}
.ctrl-btn[data-v-9cd7c9ee] {
  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.start[data-v-9cd7c9ee] {
  background: #22c55e;
  color: white;
}
.ctrl-btn.start[data-v-9cd7c9ee]:hover {
  background: #16a34a;
  transform: scale(1.05);
}
.ctrl-btn.pause[data-v-9cd7c9ee] {
  background: var(--bg-tertiary, #f1f5f5);
  color: var(--text-secondary, #5a7a7c);
}
.ctrl-btn.pause[data-v-9cd7c9ee]:hover {
  background: #fef3c7;
  color: #f59e0b;
}
.ctrl-btn.pause.active[data-v-9cd7c9ee] {
  background: #dcfce7;
  color: #22c55e;
}
.ctrl-btn.stop[data-v-9cd7c9ee] {
  background: var(--bg-tertiary, #f1f5f5);
  color: var(--text-secondary, #5a7a7c);
}
.ctrl-btn.stop[data-v-9cd7c9ee]:hover {
  background: #fee2e2;
  color: #ef4444;
}

/* Today list */
.today-list[data-v-9cd7c9ee] {
  flex: 1;
  min-width: 180px;
}
.today-header[data-v-9cd7c9ee] {
  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-9cd7c9ee] {
  color: var(--brand, #528b8f);
  font-size: 0.8125rem;
}
.entries[data-v-9cd7c9ee] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.entry[data-v-9cd7c9ee] {
  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-9cd7c9ee] {
  color: var(--text-secondary, #5a7a7c);
  font-variant-numeric: tabular-nums;
}
.entry-dur[data-v-9cd7c9ee] {
  font-weight: 600;
  color: var(--text-primary, #1a2e2f);
}
.no-entries[data-v-9cd7c9ee] {
  font-size: 0.8125rem;
  color: var(--text-muted, #8fa8aa);
}

/* Side section */
.widget-side[data-v-9cd7c9ee] {
  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-9cd7c9ee] {
  display: flex;
  gap: 20px;
}
.stat[data-v-9cd7c9ee] {
  text-align: center;
}
.stat-val[data-v-9cd7c9ee] {
  display: block;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--text-primary, #1a2e2f);
  font-variant-numeric: tabular-nums;
}
.stat-val.positive[data-v-9cd7c9ee] {
  color: #22c55e;
}
.stat-lbl[data-v-9cd7c9ee] {
  font-size: 0.6875rem;
  color: var(--text-muted, #8fa8aa);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.overview-btn[data-v-9cd7c9ee] {
  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-9cd7c9ee]:hover {
  background: var(--brand-dark, #457577);
}

/* Responsive */
@media (max-width: 900px) {
.time-widget[data-v-9cd7c9ee] {
    flex-wrap: wrap;
}
.widget-main[data-v-9cd7c9ee] {
    border-right: none;
    padding-right: 0;
}
.widget-side[data-v-9cd7c9ee] {
    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-9cd7c9ee] {
    flex: 1;
}
}
@media (max-width: 600px) {
.today-list[data-v-9cd7c9ee] {
    display: none;
}
.widget-main[data-v-9cd7c9ee] {
    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;
}
}

/* ========== Variables ========== */
.settings-page[data-v-fab4b613] {
  --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;
  min-height: 100vh;
  background: var(--bg-primary);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--text-primary);
}

/* ========== Sidebar Navigation ========== */
.settings-nav[data-v-fab4b613] {
  width: 280px;
  background: var(--bg-secondary);
  border-right: 1px solid var(--border-light);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.nav-header[data-v-fab4b613] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px;
  border-bottom: 1px solid var(--border-light);
}
.back-btn[data-v-fab4b613] {
  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-fab4b613]:hover {
  background: var(--brand-subtle);
  color: var(--brand);
}
.nav-header h1[data-v-fab4b613] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-primary);
}
.nav-menu[data-v-fab4b613] {
  flex: 1;
  padding: 16px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.nav-item[data-v-fab4b613] {
  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-fab4b613]:hover {
  background: var(--bg-tertiary);
  color: var(--text-primary);
}
.nav-item.active[data-v-fab4b613] {
  background: var(--brand-subtle);
  color: var(--brand);
}
.nav-icon[data-v-fab4b613] {
  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-fab4b613] {
  background: var(--brand);
  color: white;
}
.nav-arrow[data-v-fab4b613] {
  margin-left: auto;
  font-size: 0.75rem;
  opacity: 0;
  transform: translateX(-4px);
  transition: all var(--transition);
}
.nav-item:hover .nav-arrow[data-v-fab4b613],
.nav-item.active .nav-arrow[data-v-fab4b613] {
  opacity: 0.5;
  transform: translateX(0);
}
.nav-footer[data-v-fab4b613] {
  padding: 16px 24px;
  border-top: 1px solid var(--border-light);
}
.version-info[data-v-fab4b613] {
  font-size: 0.75rem;
  color: var(--text-muted);
}

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

/* ========== Profile Section ========== */
.profile-hero[data-v-fab4b613] {
  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-fab4b613] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.avatar-large[data-v-fab4b613] {
  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-fab4b613] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}
.avatar-badge[data-v-fab4b613] {
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 3px solid var(--brand);
}
.avatar-badge.online[data-v-fab4b613] { background: #22c55e;
}
.avatar-badge.away[data-v-fab4b613]   { background: #fbbf24;
}
.avatar-badge.busy[data-v-fab4b613]   { background: #ef4444;
}
.avatar-badge.offline[data-v-fab4b613]{ background: #9ca3af;
}
.avatar-actions[data-v-fab4b613] {
  display: flex;
  gap: 8px;
}
.btn-outline[data-v-fab4b613] {
  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-fab4b613]:hover {
  background: rgba(255, 255, 255, 0.25);
}
.btn-ghost[data-v-fab4b613] {
  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-fab4b613]:hover {
  background: rgba(255, 255, 255, 0.1);
  color: white;
}
.profile-stats[data-v-fab4b613] {
  flex: 1;
  display: flex;
  gap: 16px;
  align-items: center;
}
.stat-card[data-v-fab4b613] {
  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-fab4b613] {
  display: block;
  font-size: 1.75rem;
  font-weight: 700;
  color: white;
}
.stat-label[data-v-fab4b613] {
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, 0.7);
}

/* ========== Form Grid ========== */
.form-grid[data-v-fab4b613] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 32px;
}
.form-card[data-v-fab4b613] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.form-card.full-width[data-v-fab4b613] {
  grid-column: 1 / -1;
}
.form-label[data-v-fab4b613] {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.input-modern[data-v-fab4b613] {
  position: relative;
  display: flex;
  align-items: center;
}
.input-modern input[data-v-fab4b613] {
  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-fab4b613] {
  padding-left: 36px;
}
.input-modern.has-icon input[data-v-fab4b613] {
  padding-left: 44px;
}
.input-prefix[data-v-fab4b613] {
  position: absolute;
  left: 16px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-muted);
}
.input-modern > i[data-v-fab4b613] {
  position: absolute;
  left: 16px;
  font-size: 0.875rem;
  color: var(--text-muted);
}
.input-modern input[data-v-fab4b613]:focus {
  border-color: var(--brand);
}
.input-focus-ring[data-v-fab4b613] {
  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-fab4b613] {
  border-color: var(--brand-subtle);
}
.input-badge[data-v-fab4b613] {
  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-fab4b613] {
  background: rgba(34, 197, 94, 0.1);
  color: #16a34a;
}
.textarea-modern[data-v-fab4b613] {
  position: relative;
}
.textarea-modern textarea[data-v-fab4b613] {
  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-fab4b613]:focus {
  border-color: var(--brand);
}
.char-count[data-v-fab4b613] {
  display: block;
  margin-top: 6px;
  text-align: right;
  font-size: 0.75rem;
  color: var(--text-muted);
}

/* ========== Status Section ========== */
.status-section[data-v-fab4b613] {
  margin-bottom: 32px;
}
.status-grid[data-v-fab4b613] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-top: 12px;
}
.status-card[data-v-fab4b613] {
  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-fab4b613]:hover {
  border-color: var(--border-medium);
}
.status-card.active[data-v-fab4b613] {
  border-color: var(--brand);
  background: var(--brand-subtle);
}
.status-indicator[data-v-fab4b613] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-bottom: 4px;
}
.status-indicator.online[data-v-fab4b613] { background: #22c55e; box-shadow: 0 0 8px rgba(34, 197, 94, 0.5);
}
.status-indicator.away[data-v-fab4b613] { background: #fbbf24; box-shadow: 0 0 8px rgba(251, 191, 36, 0.5);
}
.status-indicator.busy[data-v-fab4b613] { background: #ef4444; box-shadow: 0 0 8px rgba(239, 68, 68, 0.5);
}
.status-indicator.offline[data-v-fab4b613] { background: #9ca3af;
}
.status-name[data-v-fab4b613] {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
}
.status-desc[data-v-fab4b613] {
  font-size: 0.8125rem;
  color: var(--text-muted);
}

/* ========== Notification Cards ========== */
.notification-cards[data-v-fab4b613] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 32px;
}
.notif-card[data-v-fab4b613] {
  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-fab4b613]:hover {
  box-shadow: var(--shadow-md);
}
.notif-card.highlight[data-v-fab4b613] {
  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-fab4b613] {
  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-fab4b613] { background: rgba(59, 130, 246, 0.1); color: #3b82f6;
}
.notif-icon.sound[data-v-fab4b613] { background: rgba(34, 197, 94, 0.1); color: #22c55e;
}
.notif-icon.email[data-v-fab4b613] { background: rgba(249, 115, 22, 0.1); color: #f97316;
}
.notif-icon.dnd[data-v-fab4b613] { background: rgba(139, 92, 246, 0.1); color: #8b5cf6;
}
.notif-content[data-v-fab4b613] {
  flex: 1;
}
.notif-content h3[data-v-fab4b613] {
  margin: 0 0 4px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
}
.notif-content p[data-v-fab4b613] {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--text-muted);
}
.dnd-schedule[data-v-fab4b613] {
  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-fab4b613] {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.switch-modern input[data-v-fab4b613] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.switch-track[data-v-fab4b613] {
  display: block;
  width: 52px;
  height: 28px;
  background: var(--border-medium);
  border-radius: 999px;
  transition: all var(--transition);
}
.switch-modern.small .switch-track[data-v-fab4b613] {
  width: 44px;
  height: 24px;
}
.switch-thumb[data-v-fab4b613] {
  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-fab4b613] {
  width: 18px;
  height: 18px;
}
.switch-modern input:checked + .switch-track[data-v-fab4b613] {
  background: var(--brand);
}
.switch-modern input:checked + .switch-track .switch-thumb[data-v-fab4b613] {
  transform: translateX(24px);
}
.switch-modern.small input:checked + .switch-track .switch-thumb[data-v-fab4b613] {
  transform: translateX(20px);
}

/* ========== Quiet Hours ========== */
.quiet-hours[data-v-fab4b613] {
  padding: 24px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
}
.quiet-hours h3[data-v-fab4b613] {
  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-fab4b613] {
  margin: 0 0 20px;
  font-size: 0.8125rem;
  color: var(--text-muted);
}
.time-range[data-v-fab4b613] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.time-input[data-v-fab4b613] {
  flex: 1;
}
.time-input label[data-v-fab4b613] {
  display: block;
  margin-bottom: 6px;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-muted);
}
.time-input input[data-v-fab4b613] {
  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-fab4b613]:focus {
  border-color: var(--brand);
  background: var(--bg-secondary);
}
.time-separator[data-v-fab4b613] {
  color: var(--text-muted);
  margin-top: 20px;
}

/* ========== Theme Selector ========== */
.theme-selector-modern[data-v-fab4b613] {
  margin-bottom: 32px;
}
.theme-selector-modern h3[data-v-fab4b613] {
  margin: 0 0 16px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
}
.theme-options[data-v-fab4b613] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.theme-card[data-v-fab4b613] {
  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-fab4b613]:hover {
  border-color: var(--border-medium);
}
.theme-card.active[data-v-fab4b613] {
  border-color: var(--brand);
}
.theme-preview[data-v-fab4b613] {
  display: flex;
  height: 80px;
  margin-bottom: 12px;
  border-radius: var(--radius-sm);
  overflow: hidden;
}
.theme-preview.light[data-v-fab4b613] {
  background: #f8fafa;
}
.theme-preview.light .preview-sidebar[data-v-fab4b613] { background: #528b8f;
}
.theme-preview.light .preview-content[data-v-fab4b613] { background: #f8fafa;
}
.theme-preview.light .preview-header[data-v-fab4b613] { background: #ffffff;
}
.theme-preview.light .preview-msg[data-v-fab4b613] { background: #e5e7eb;
}
.theme-preview.light .preview-msg.own[data-v-fab4b613] { background: #528b8f;
}
.theme-preview.dark[data-v-fab4b613] {
  background: #1a1a1a;
}
.theme-preview.dark .preview-sidebar[data-v-fab4b613] { background: #2d4a4c;
}
.theme-preview.dark .preview-content[data-v-fab4b613] { background: #1a1a1a;
}
.theme-preview.dark .preview-header[data-v-fab4b613] { background: #262626;
}
.theme-preview.dark .preview-msg[data-v-fab4b613] { background: #333;
}
.theme-preview.dark .preview-msg.own[data-v-fab4b613] { background: #528b8f;
}
.theme-preview.system[data-v-fab4b613] {
  background: linear-gradient(135deg, #f8fafa 50%, #1a1a1a 50%);
}
.theme-preview.system .preview-sidebar[data-v-fab4b613] { background: linear-gradient(180deg, #528b8f 50%, #2d4a4c 50%);
}
.theme-preview.system .preview-content[data-v-fab4b613] { background: transparent;
}
.preview-sidebar[data-v-fab4b613] {
  width: 30%;
}
.preview-content[data-v-fab4b613] {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 6px;
}
.preview-header[data-v-fab4b613] {
  height: 12px;
  border-radius: 2px;
  margin-bottom: 6px;
}
.preview-messages[data-v-fab4b613] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: flex-end;
}
.preview-msg[data-v-fab4b613] {
  height: 10px;
  width: 60%;
  border-radius: 2px;
}
.preview-msg.own[data-v-fab4b613] {
  align-self: flex-end;
  width: 50%;
}
.theme-name[data-v-fab4b613] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-primary);
}
.theme-check[data-v-fab4b613] {
  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-fab4b613] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.option-card[data-v-fab4b613] {
  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-fab4b613] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.option-info > i[data-v-fab4b613] {
  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-fab4b613] {
  margin: 0 0 2px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
}
.option-info p[data-v-fab4b613] {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--text-muted);
}
.font-size-slider[data-v-fab4b613] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.size-label[data-v-fab4b613] {
  color: var(--text-muted);
}
.size-label.small[data-v-fab4b613] { font-size: 0.75rem;
}
.size-label.large[data-v-fab4b613] { font-size: 1.125rem; font-weight: 600;
}
.slider-modern[data-v-fab4b613] {
  width: 120px;
  height: 6px;
  appearance: none;
  background: var(--border-light);
  border-radius: 999px;
  outline: none;
}
.slider-modern[data-v-fab4b613]::-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-fab4b613] {
  min-width: 40px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--brand);
}

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

/* ========== Language Section ========== */
.language-grid[data-v-fab4b613] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.lang-card[data-v-fab4b613] {
  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-fab4b613] {
  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-fab4b613] {
  flex: 1;
}
.lang-content h4[data-v-fab4b613] {
  margin: 0 0 8px;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-secondary);
}
.select-modern[data-v-fab4b613] {
  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-fab4b613]:focus {
  border-color: var(--brand);
  background: var(--bg-secondary);
}
.time-format-toggle[data-v-fab4b613] {
  display: flex;
  background: var(--bg-tertiary);
  border-radius: var(--radius-sm);
  padding: 4px;
}
.time-format-toggle button[data-v-fab4b613] {
  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-fab4b613] {
  background: var(--bg-secondary);
  color: var(--brand);
  box-shadow: var(--shadow-sm);
}

/* ========== Account Section ========== */
.account-info-card[data-v-fab4b613] {
  padding: 24px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  margin-bottom: 24px;
}
.account-details[data-v-fab4b613] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.detail-row[data-v-fab4b613] {
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-light);
}
.detail-row[data-v-fab4b613]:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.detail-label[data-v-fab4b613] {
  font-size: 0.875rem;
  color: var(--text-muted);
}
.detail-value[data-v-fab4b613] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-primary);
}
.detail-value.mono[data-v-fab4b613] {
  font-family: 'SF Mono', monospace;
}
.plan-badge[data-v-fab4b613] {
  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-fab4b613] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.action-card[data-v-fab4b613] {
  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-fab4b613]:hover {
  border-color: var(--brand);
  box-shadow: var(--shadow-md);
}
.action-card i[data-v-fab4b613] {
  font-size: 1.25rem;
  color: var(--brand);
}
.action-card span[data-v-fab4b613] {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
}
.action-card small[data-v-fab4b613] {
  font-size: 0.8125rem;
  color: var(--text-muted);
}
.action-card.danger[data-v-fab4b613] {
  border-color: rgba(239, 68, 68, 0.2);
}
.action-card.danger[data-v-fab4b613]:hover {
  border-color: #ef4444;
  background: rgba(239, 68, 68, 0.05);
}
.action-card.danger i[data-v-fab4b613],
.action-card.danger span[data-v-fab4b613] {
  color: #ef4444;
}

/* ========== Save Bar ========== */
.save-bar[data-v-fab4b613] {
  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-fab4b613 300ms ease-out;
}
@keyframes slideUp-fab4b613 {
from {
    opacity: 0;
    transform: translateX(-50%) translateY(20px);
}
}
.save-bar span[data-v-fab4b613] {
  font-size: 0.875rem;
  color: white;
}
.save-actions[data-v-fab4b613] {
  display: flex;
  gap: 12px;
}
.save-bar .btn-ghost[data-v-fab4b613] {
  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-fab4b613]:hover {
  background: rgba(255, 255, 255, 0.1);
  color: white;
}
.save-bar .btn-primary[data-v-fab4b613] {
  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-fab4b613]:hover {
  transform: scale(1.02);
}

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

/* ========== CSS Variables / Root Layout ========== */
.admin-panel[data-v-b598d0a8] {
  --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);
  --shadow-xs: 0 1px 3px rgba(0, 0, 0, 0.03);

  --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);

  width: 100%;
  overflow: auto;
  background: var(--surface-raised);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--ink);
  padding: 24px;
}
.admin-container[data-v-b598d0a8] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* ========== Header ========== */
.admin-header[data-v-b598d0a8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 20px 24px;
  background: var(--surface);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
}
.header-left[data-v-b598d0a8] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.title-icon[data-v-b598d0a8] {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--brand-light) 0%, var(--brand) 100%);
  border-radius: var(--radius-md);
  color: #fff;
  font-size: 1.25rem;
  box-shadow: var(--shadow-md);
}
.title-block h1[data-v-b598d0a8] {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -0.02em;
}
.title-block p[data-v-b598d0a8] {
  margin: 4px 0 0;
  font-size: 0.875rem;
  color: var(--ink-secondary);
}
.header-actions[data-v-b598d0a8] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.action-btn[data-v-b598d0a8] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 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: all var(--transition-fast);
}
.action-btn[data-v-b598d0a8]:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 8%, #ffffff);
}
.action-btn i[data-v-b598d0a8] {
  font-size: 0.875rem;
}
.notification-badge[data-v-b598d0a8] {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  background: var(--brand);
  color: #fff;
  font-size: 0.6875rem;
  font-weight: 700;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(82, 139, 143, 0.3);
}

/* ========== Tab Navigation ========== */
.tabs-nav[data-v-b598d0a8] {
  background: var(--surface);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  padding: 6px;
  box-shadow: var(--shadow-sm);
}
.tabs-track[data-v-b598d0a8] {
  position: relative;
  display: flex;
  gap: 4px;
}
.tab-btn[data-v-b598d0a8] {
  position: relative;
  z-index: 1;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  border: none;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--ink-secondary);
  font-size: 0.9375rem;
  font-weight: 600;
  cursor: pointer;
  transition: color var(--transition-fast);
}
.tab-btn[data-v-b598d0a8]:hover:not(.active) {
  color: var(--ink);
}
.tab-btn.active[data-v-b598d0a8] {
  color: var(--brand);
}
.tab-btn i[data-v-b598d0a8] {
  font-size: 0.875rem;
}
.tab-indicator[data-v-b598d0a8] {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(25% - 3px);
  height: 100%;
  background: var(--surface-raised);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--border);
  transition: transform var(--transition);
  z-index: 0;
}

/* ========== Content Area ========== */
.content-area[data-v-b598d0a8] {
  background: var(--surface);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  padding: 28px;
  min-height: 600px;
  box-shadow: var(--shadow-sm);
}
.tab-content[data-v-b598d0a8] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  animation: fadeIn-b598d0a8 var(--transition);
}
@keyframes fadeIn-b598d0a8 {
from { opacity: 0; transform: translateY(8px);
}
to { opacity: 1; transform: translateY(0);
}
}
.section-header[data-v-b598d0a8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border);
}
.section-header h2[data-v-b598d0a8] {
  margin: 0;
  font-size: 1.375rem;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -0.01em;
}

/* ========== Users Grid ========== */
.users-grid[data-v-b598d0a8] {
  display: grid;
  gap: 20px;
}
.user-card[data-v-b598d0a8] {
  background: var(--surface-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 20px;
  transition: all var(--transition);
}
.user-card[data-v-b598d0a8]:hover {
  border-color: var(--brand);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}
.user-card-header[data-v-b598d0a8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border);
}
.user-info[data-v-b598d0a8] {
  display: flex;
  align-items: center;
  gap: 14px;
}
.user-avatar[data-v-b598d0a8] {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.375rem;
  font-weight: 700;
  color: #fff;
  box-shadow: var(--shadow-sm);
}
.user-details[data-v-b598d0a8] {
  flex: 1;
}
.user-name[data-v-b598d0a8] {
  font-size: 1.0625rem;
  font-weight: 600;
  color: var(--ink);
  margin-bottom: 4px;
}
.user-email[data-v-b598d0a8] {
  font-size: 0.875rem;
  color: var(--ink-secondary);
}
.user-status[data-v-b598d0a8] {
  display: flex;
}
.status-badge[data-v-b598d0a8] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.status-badge i[data-v-b598d0a8] {
  font-size: 0.6875rem;
}
.status-badge.active[data-v-b598d0a8] {
  background: color-mix(in srgb, var(--brand) 15%, #ffffff);
  color: var(--brand-dark);
}
.status-badge.inactive[data-v-b598d0a8] {
  background: rgba(100, 116, 139, 0.1);
  color: #64748b;
}
.user-card-body[data-v-b598d0a8] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}
.user-role-section label[data-v-b598d0a8],
.user-permissions-section > label[data-v-b598d0a8] {
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink-secondary);
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.role-select[data-v-b598d0a8] {
  width: 100%;
  padding: 12px 16px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  color: var(--ink);
  font-size: 0.9375rem;
  font-weight: 500;
  cursor: pointer;
  transition: all var(--transition-fast);
}
.role-select[data-v-b598d0a8]:hover {
  border-color: var(--brand);
}
.role-select[data-v-b598d0a8]:focus {
  outline: none;
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(82, 139, 143, 0.1);
}
.permissions-grid[data-v-b598d0a8] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
}
.permission-item[data-v-b598d0a8] {
  display: flex;
}
.checkbox-label[data-v-b598d0a8] {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
  padding: 8px 12px;
  border-radius: var(--radius-sm);
  transition: background var(--transition-fast);
}
.checkbox-label[data-v-b598d0a8]:hover {
  background: var(--surface);
}
.checkbox-label input[type="checkbox"][data-v-b598d0a8] {
  display: none;
}
.checkbox-custom[data-v-b598d0a8] {
  width: 20px;
  height: 20px;
  border: 2px solid var(--border-strong);
  border-radius: 5px;
  position: relative;
  transition: all var(--transition-fast);
  flex-shrink: 0;
}
.checkbox-label input[type="checkbox"]:checked + .checkbox-custom[data-v-b598d0a8] {
  background: var(--brand);
  border-color: var(--brand);
}
.checkbox-label input[type="checkbox"]:checked + .checkbox-custom[data-v-b598d0a8]::after {
  content: '';
  position: absolute;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.permission-name[data-v-b598d0a8] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--ink);
}
.user-card-footer[data-v-b598d0a8] {
  display: flex;
  gap: 10px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
}

/* ========== Settings Grid ========== */
.settings-grid[data-v-b598d0a8] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 20px;
}
.settings-card[data-v-b598d0a8] {
  background: var(--surface-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 20px;
  transition: all var(--transition);
}
.settings-card[data-v-b598d0a8]:hover {
  border-color: var(--brand);
  box-shadow: var(--shadow-md);
}
.settings-card-header[data-v-b598d0a8] {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border);
}
.card-icon[data-v-b598d0a8] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  font-size: 1rem;
  color: #fff;
  box-shadow: var(--shadow-sm);
}
.card-icon.general[data-v-b598d0a8] {
  background: linear-gradient(135deg, var(--brand-light) 0%, var(--brand) 100%);
}
.card-icon.security[data-v-b598d0a8] {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}
.card-icon.notifications[data-v-b598d0a8] {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}
.card-icon.advanced[data-v-b598d0a8] {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
}
.settings-card-header h3[data-v-b598d0a8] {
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 600;
  color: var(--ink);
}
.settings-card-body[data-v-b598d0a8] {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.setting-item[data-v-b598d0a8] {
  display: flex;
  flex-direction: column;
}
.setting-label[data-v-b598d0a8] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.label-text[data-v-b598d0a8] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ink);
}
.input-field[data-v-b598d0a8] {
  width: 100%;
  padding: 10px 14px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  color: var(--ink);
  font-size: 0.9375rem;
  font-family: inherit;
  transition: all var(--transition-fast);
}
.input-field[data-v-b598d0a8]::placeholder {
  color: var(--muted);
}
.input-field[data-v-b598d0a8]:hover {
  border-color: var(--brand);
}
.input-field[data-v-b598d0a8]:focus {
  outline: none;
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(82, 139, 143, 0.1);
}
.toggle-label[data-v-b598d0a8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 12px;
  background: var(--surface);
  border-radius: var(--radius-md);
  transition: background var(--transition-fast);
}
.toggle-label[data-v-b598d0a8]:hover {
  background: color-mix(in srgb, var(--brand) 5%, var(--surface));
}
.toggle-info[data-v-b598d0a8] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.toggle-title[data-v-b598d0a8] {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--ink);
}
.toggle-desc[data-v-b598d0a8] {
  font-size: 0.8125rem;
  color: var(--ink-secondary);
}
.toggle-switch[data-v-b598d0a8] {
  position: relative;
  flex-shrink: 0;
}
.toggle-switch input[type="checkbox"][data-v-b598d0a8] {
  display: none;
}
.toggle-slider[data-v-b598d0a8] {
  display: block;
  width: 48px;
  height: 26px;
  background: var(--border-strong);
  border-radius: 13px;
  position: relative;
  cursor: pointer;
  transition: all var(--transition);
}
.toggle-slider[data-v-b598d0a8]::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  top: 3px;
  left: 3px;
  transition: all var(--transition);
  box-shadow: var(--shadow-sm);
}
.toggle-switch input[type="checkbox"]:checked + .toggle-slider[data-v-b598d0a8] {
  background: var(--brand);
}
.toggle-switch input[type="checkbox"]:checked + .toggle-slider[data-v-b598d0a8]::before {
  transform: translateX(22px);
}

/* ========== Stats Grid ========== */
.stats-grid[data-v-b598d0a8] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
  margin-bottom: 32px;
}
.stat-card[data-v-b598d0a8] {
  background: var(--surface-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 20px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  transition: all var(--transition);
}
.stat-card[data-v-b598d0a8]:hover {
  border-color: var(--brand);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}
.stat-icon[data-v-b598d0a8] {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  font-size: 1.25rem;
  color: #fff;
  flex-shrink: 0;
  box-shadow: var(--shadow-md);
}
.stat-icon.users[data-v-b598d0a8] {
  background: linear-gradient(135deg, var(--brand-light) 0%, var(--brand) 100%);
}
.stat-icon.active[data-v-b598d0a8] {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}
.stat-icon.tasks[data-v-b598d0a8] {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
}
.stat-icon.revenue[data-v-b598d0a8] {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}
.stat-content[data-v-b598d0a8] {
  flex: 1;
}
.stat-value[data-v-b598d0a8] {
  font-size: 2rem;
  font-weight: 700;
  color: var(--ink);
  line-height: 1;
  margin-bottom: 6px;
}
.stat-label[data-v-b598d0a8] {
  font-size: 0.875rem;
  color: var(--ink-secondary);
  margin-bottom: 8px;
}
.stat-change[data-v-b598d0a8] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 999px;
}
.stat-change.positive[data-v-b598d0a8] {
  background: rgba(16, 185, 129, 0.1);
  color: #059669;
}
.stat-change.neutral[data-v-b598d0a8] {
  background: rgba(100, 116, 139, 0.1);
  color: #64748b;
}
.stat-change i[data-v-b598d0a8] {
  font-size: 0.6875rem;
}

/* ========== Health Section ========== */
.health-section[data-v-b598d0a8],
.activity-section[data-v-b598d0a8] {
  background: var(--surface-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 24px;
  margin-top: 24px;
}
.health-section h3[data-v-b598d0a8],
.activity-section h3[data-v-b598d0a8] {
  margin: 0 0 20px 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--ink);
}
.health-grid[data-v-b598d0a8] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}
.health-card[data-v-b598d0a8] {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 16px;
}
.health-header[data-v-b598d0a8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.health-label[data-v-b598d0a8] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ink);
}
.health-value[data-v-b598d0a8] {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--brand);
}
.progress-bar[data-v-b598d0a8] {
  width: 100%;
  height: 8px;
  background: var(--border);
  border-radius: 4px;
  overflow: hidden;
}
.progress-fill[data-v-b598d0a8] {
  height: 100%;
  border-radius: 4px;
  transition: all var(--transition);
}

/* ========== Activity List ========== */
.activity-list[data-v-b598d0a8] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.activity-item[data-v-b598d0a8] {
  display: flex;
  align-items: start;
  gap: 14px;
  padding: 14px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  transition: all var(--transition-fast);
}
.activity-item[data-v-b598d0a8]:hover {
  border-color: var(--brand);
  box-shadow: var(--shadow-sm);
}
.activity-icon[data-v-b598d0a8] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  font-size: 0.9375rem;
  color: #fff;
  flex-shrink: 0;
}
.activity-icon.user[data-v-b598d0a8] {
  background: linear-gradient(135deg, var(--brand-light) 0%, var(--brand) 100%);
}
.activity-icon.settings[data-v-b598d0a8] {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}
.activity-icon.security[data-v-b598d0a8] {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}
.activity-icon.system[data-v-b598d0a8] {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
}
.activity-content[data-v-b598d0a8] {
  flex: 1;
}
.activity-text[data-v-b598d0a8] {
  font-size: 0.9375rem;
  color: var(--ink);
  margin-bottom: 6px;
}
.activity-meta[data-v-b598d0a8] {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.8125rem;
  color: var(--muted);
}
.activity-user[data-v-b598d0a8] {
  font-weight: 600;
  color: var(--ink-secondary);
}

/* ========== Logs Container ========== */
.logs-container[data-v-b598d0a8] {
  background: var(--surface-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.log-entry[data-v-b598d0a8] {
  padding: 16px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-left: 4px solid var(--border);
  border-radius: var(--radius-md);
  transition: all var(--transition-fast);
}
.log-entry[data-v-b598d0a8]:hover {
  box-shadow: var(--shadow-sm);
}
.log-entry.error[data-v-b598d0a8] {
  border-left-color: #ef4444;
}
.log-entry.warning[data-v-b598d0a8] {
  border-left-color: #f59e0b;
}
.log-entry.info[data-v-b598d0a8] {
  border-left-color: var(--brand);
}
.log-header[data-v-b598d0a8] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
.log-badge[data-v-b598d0a8] {
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.log-badge.error[data-v-b598d0a8] {
  background: rgba(239, 68, 68, 0.1);
  color: #dc2626;
}
.log-badge.warning[data-v-b598d0a8] {
  background: rgba(245, 158, 11, 0.1);
  color: #d97706;
}
.log-badge.info[data-v-b598d0a8] {
  background: color-mix(in srgb, var(--brand) 15%, #ffffff);
  color: var(--brand-dark);
}
.log-header time[data-v-b598d0a8] {
  font-size: 0.8125rem;
  color: var(--muted);
  font-weight: 500;
}
.log-message[data-v-b598d0a8] {
  font-size: 0.9375rem;
  color: var(--ink);
  margin-bottom: 6px;
  font-weight: 500;
}
.log-details[data-v-b598d0a8] {
  font-size: 0.8125rem;
  color: var(--ink-secondary);
  font-family: 'Courier New', monospace;
  background: var(--surface-raised);
  padding: 8px 12px;
  border-radius: var(--radius-sm);
  margin-top: 8px;
}
.log-filter[data-v-b598d0a8] {
  padding: 8px 14px;
  background: var(--surface-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  color: var(--ink);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all var(--transition-fast);
}
.log-filter[data-v-b598d0a8]:hover {
  border-color: var(--brand);
}
.log-filter[data-v-b598d0a8]:focus {
  outline: none;
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(82, 139, 143, 0.1);
}

/* ========== Buttons ========== */
.btn-primary[data-v-b598d0a8],
.btn-secondary[data-v-b598d0a8],
.btn-danger[data-v-b598d0a8] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border: none;
  border-radius: var(--radius-md);
  font-size: 0.9375rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition);
}
.btn-primary[data-v-b598d0a8] {
  background: linear-gradient(135deg, var(--brand-light) 0%, var(--brand) 100%);
  color: #fff;
  box-shadow: 0 2px 8px rgba(82, 139, 143, 0.25);
}
.btn-primary[data-v-b598d0a8]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(82, 139, 143, 0.35);
}
.btn-primary[data-v-b598d0a8]:active {
  transform: translateY(0);
}
.btn-secondary[data-v-b598d0a8] {
  background: var(--surface-raised);
  color: var(--ink);
  border: 1px solid var(--border);
}
.btn-secondary[data-v-b598d0a8]:hover {
  border-color: var(--brand);
  background: color-mix(in srgb, var(--brand) 8%, var(--surface-raised));
  color: var(--brand);
}
.btn-danger[data-v-b598d0a8] {
  background: rgba(239, 68, 68, 0.1);
  color: #dc2626;
  border: 1px solid rgba(239, 68, 68, 0.2);
}
.btn-danger[data-v-b598d0a8]:hover {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.3);
}
.btn-primary i[data-v-b598d0a8],
.btn-secondary i[data-v-b598d0a8],
.btn-danger i[data-v-b598d0a8] {
  font-size: 0.875rem;
}
.save-actions[data-v-b598d0a8] {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  padding-top: 24px;
  border-top: 1px solid var(--border);
  margin-top: 32px;
}

/* ========== Responsive ========== */
@media (max-width: 1024px) {
.stats-grid[data-v-b598d0a8] {
    grid-template-columns: repeat(2, 1fr);
}
.settings-grid[data-v-b598d0a8] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.admin-panel[data-v-b598d0a8] {
    padding: 16px;
}
.admin-header[data-v-b598d0a8] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.header-left[data-v-b598d0a8] {
    width: 100%;
}
.header-actions[data-v-b598d0a8] {
    width: 100%;
    justify-content: flex-end;
}
.action-btn span[data-v-b598d0a8]:not(.notification-badge) {
    display: none;
}
.tabs-track[data-v-b598d0a8] {
    flex-direction: column;
}
.tab-btn[data-v-b598d0a8] {
    width: 100%;
    justify-content: flex-start;
}
.tab-indicator[data-v-b598d0a8] {
    width: 100%;
    height: calc(25% - 3px);
}
.stats-grid[data-v-b598d0a8] {
    grid-template-columns: 1fr;
}
.content-area[data-v-b598d0a8] {
    padding: 20px;
}
.section-header[data-v-b598d0a8] {
    flex-direction: column;
    align-items: flex-start;
}
.user-card-footer[data-v-b598d0a8],
  .save-actions[data-v-b598d0a8] {
    flex-direction: column;
}
.btn-primary[data-v-b598d0a8],
  .btn-secondary[data-v-b598d0a8],
  .btn-danger[data-v-b598d0a8] {
    width: 100%;
    justify-content: center;
}
}
@media (max-width: 480px) {
.title-block h1[data-v-b598d0a8] {
    font-size: 1.25rem;
}
.permissions-grid[data-v-b598d0a8] {
    grid-template-columns: 1fr;
}
.tab-btn span[data-v-b598d0a8] {
    display: none;
}
.health-grid[data-v-b598d0a8] {
    grid-template-columns: 1fr;
}
}

.notification-panel[data-v-d8dfcc64] {
  --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;
  --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.08);
  --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: auto;
  background: var(--surface);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
.notification-panel.is-dropdown[data-v-d8dfcc64] {
  width: 420px;
  max-height: 600px;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  border: 1px solid var(--border);
  overflow: hidden;
}

/* ═══════════════════════════════════════════════════════════════════════════
   HEADER
═══════════════════════════════════════════════════════════════════════════ */
.panel-header[data-v-d8dfcc64] {
  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;
}
.header-left[data-v-d8dfcc64] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.header-icon[data-v-d8dfcc64] {
  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-d8dfcc64] {
  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;
  color: #fff;
}
.header-text h3[data-v-d8dfcc64] {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}
.header-text p[data-v-d8dfcc64] {
  margin: 2px 0 0;
  font-size: 0.75rem;
  opacity: 0.85;
}
.header-text .all-read[data-v-d8dfcc64] {
  color: rgba(255, 255, 255, 0.7);
}
.header-actions[data-v-d8dfcc64] {
  display: flex;
  gap: 4px;
}
.action-btn[data-v-d8dfcc64] {
  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-d8dfcc64]:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.action-btn.close[data-v-d8dfcc64] {
  margin-left: 4px;
}

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

/* ═══════════════════════════════════════════════════════════════════════════
   NOTIFICATION LIST
═══════════════════════════════════════════════════════════════════════════ */
.notification-list[data-v-d8dfcc64] {
  flex: 1;
  overflow-y: auto;
  padding: 8px 0;
}
.notification-list[data-v-d8dfcc64]::-webkit-scrollbar {
  width: 6px;
}
.notification-list[data-v-d8dfcc64]::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: 3px;
}

/* Loading State */
.loading-state[data-v-d8dfcc64] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 48px 24px;
  color: var(--muted);
}
.loading-spinner[data-v-d8dfcc64] {
  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-d8dfcc64] {
  font-size: 0.875rem;
}

/* Empty State */
.empty-state[data-v-d8dfcc64] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 48px 24px;
  text-align: center;
}
.empty-icon[data-v-d8dfcc64] {
  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-d8dfcc64] {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--ink);
}
.empty-state p[data-v-d8dfcc64] {
  margin: 0;
  font-size: 0.875rem;
  color: var(--ink-secondary);
}

/* Notification Groups */
.notification-group[data-v-d8dfcc64] {
  margin-bottom: 8px;
}
.group-header[data-v-d8dfcc64] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 20px;
}
.group-label[data-v-d8dfcc64] {
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--muted);
  white-space: nowrap;
}
.group-line[data-v-d8dfcc64] {
  flex: 1;
  height: 1px;
  background: var(--border);
}

/* Load More */
.load-more[data-v-d8dfcc64] {
  padding: 12px 20px;
}
.load-more-btn[data-v-d8dfcc64] {
  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-d8dfcc64]:hover:not(:disabled) {
  border-color: var(--brand);
  color: var(--brand);
  background: var(--brand-subtle);
}
.load-more-btn[data-v-d8dfcc64]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.load-more-btn i[data-v-d8dfcc64] {
  font-size: 0.75rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════════════════════════════════════ */
.panel-footer[data-v-d8dfcc64] {
  padding: 12px 16px;
  background: var(--surface-raised);
  border-top: 1px solid var(--border);
}
.view-all-btn[data-v-d8dfcc64] {
  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-d8dfcc64]:hover {
  background: var(--brand-dark);
}
.view-all-btn i[data-v-d8dfcc64] {
  font-size: 0.75rem;
  transition: transform var(--transition-fast);
}
.view-all-btn:hover i[data-v-d8dfcc64] {
  transform: translateX(3px);
}

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

.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;
}
}
/* 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);
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: var(--border-medium);
  border-radius: var(--radius-full);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--border-strong);
}

/* 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 - für konsistente Nutzung
   ============================================ */

/* Cards */
.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);
}

/* Buttons - Base */
.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);
}

/* Inputs */
.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);
}

/* Badges */
.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}