@property --orb-a {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(255, 255, 255, 0.075);
}
@property --orb-b {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(200, 205, 215, 0.065);
}
@property --bar-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(22, 22, 26, 0.42);
}
@property --glass-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --ascii-ink {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(255, 255, 255, 0.05);
}
@property --max-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --wallpaper {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --widget-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(30, 30, 33, 0.82);
}
@property --window-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(16, 16, 18, 0.985);
}
@property --font--mono {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --font--sans {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --radius--lg {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --radius--md {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --radius--sm {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --window-top {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --color--info {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--text {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font--serif {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --page-gutter {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --terminal-bg {
  syntax: "*";
  inherits: true;
  initial-value: #121214;
}
@property --window-left {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --base-padding {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --ease--in-out {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --glass-border {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --glass-filter {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --glass-shadow {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --window-right {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --color--accent {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--border {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--danger {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --large-padding {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --small-padding {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --window-bottom {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --window-radius {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --color--success {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--warning {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --ease--out-expo {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --glass-bg-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --widget-bg-lift {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(36, 36, 40, 0.95);
}
@property --window-nav-top {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --widget-bg-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(40, 40, 44, 0.88);
}
@property --window-bg-glass {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(18, 18, 20, 0.74);
}
@property --background--main {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--on-accent {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--text-faint {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--text-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --window-content-top {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --color--border-strong {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface-raised {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --window-content-bottom {
  syntax: "*";
  inherits: true;
  initial-value: ;
}

  :host, :root {
  --orb-a: rgba(255, 255, 255, 0.075);
  --orb-b: rgba(200, 205, 215, 0.065);
  --bar-bg: rgba(22, 22, 26, 0.42);
  --glass-bg: rgba(255, 255, 255, 0.055);
  --ascii-ink: rgba(255, 255, 255, 0.05);
  --max-width: 1440px;
  --wallpaper: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1.4px);
  --widget-bg: rgba(30, 30, 33, 0.82);
  --window-bg: rgba(16, 16, 18, 0.985);
  --font--mono: 'SF Mono', ui-monospace, Menlo, 'JetBrains Mono', monospace;
  --font--sans: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', 'Inter', system-ui, sans-serif;
  --radius--lg: 28px;
  --radius--md: 22px;
  --radius--sm: 14px;
  --window-top: 0px;
  --color--info: #64d2ff;
  --color--text: #f5f5f7;
  --font--serif: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', 'Inter', system-ui, sans-serif;
  --page-gutter: clamp(1.25rem, 4vw, 3.5rem);
  --terminal-bg: linear-gradient(180deg, rgba(30, 30, 34, 0.95) 0%, rgba(12, 12, 14, 0.97) 100%);
  --window-left: 0px;
  --base-padding: 1rem;
  --ease--in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --glass-border: rgba(255, 255, 255, 0.09);
  --glass-filter: blur(40px) saturate(180%);
  --glass-shadow: 0 24px 60px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --window-right: 0px;
  --color--accent: #f5f5f7;
  --color--border: rgba(255, 255, 255, 0.08);
  --color--danger: #ff6961;
  --large-padding: 1.5rem;
  --small-padding: .5rem;
  --window-bottom: 0px;
  --window-radius: 0px;
  --color--success: #30d158;
  --color--surface: rgba(255, 255, 255, 0.045);
  --color--warning: #ffd60a;
  --ease--out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --glass-bg-hover: rgba(255, 255, 255, 0.085);
  --widget-bg-lift: rgba(36, 36, 40, 0.95);
  --window-nav-top: calc(env(safe-area-inset-top) + 14px);
  --widget-bg-hover: rgba(40, 40, 44, 0.88);
  --window-bg-glass: rgba(18, 18, 20, 0.74);
  --background--main: #0a0a0b;
  --color--on-accent: #0a0a0a;
  --color--text-faint: rgba(235, 235, 245, 0.32);
  --color--text-muted: rgba(235, 235, 245, 0.62);
  --window-content-top: calc(env(safe-area-inset-top) + 74px);
  --color--border-strong: rgba(255, 255, 255, 0.14);
  --color--surface-hover: rgba(255, 255, 255, 0.075);
  --color--surface-raised: rgba(255, 255, 255, 0.065);
  --window-content-bottom: calc(env(safe-area-inset-bottom) + 130px);
}
  
  
  [data-nc-theme~="Ember"] {
  --orb-a: rgba(255, 120, 50, 0.18);
  --orb-b: rgba(255, 190, 90, 0.1);
  --bar-bg: rgba(34, 20, 14, 0.52);
  --glass-bg: rgba(255, 180, 140, 0.07);
  --ascii-ink: rgba(255, 205, 170, 0.07);
  --widget-bg: rgba(38, 24, 18, 0.84);
  --window-bg: rgba(18, 11, 8, 0.985);
  --terminal-bg: linear-gradient(180deg, rgba(40, 26, 20, 0.95) 0%, rgba(14, 9, 6, 0.97) 100%);
  --glass-border: rgba(255, 190, 150, 0.13);
  --color--accent: #ffbe94;
  --color--border: rgba(255, 190, 150, 0.1);
  --glass-bg-hover: rgba(255, 180, 140, 0.11);
  --widget-bg-lift: rgba(48, 30, 22, 0.96);
  --widget-bg-hover: rgba(50, 32, 24, 0.9);
  --window-bg-glass: rgba(22, 14, 10, 0.78);
  --background--main: #0d0806;
}
[data-nc-theme~="AMOLED"] {
  --orb-a: rgba(0, 0, 0, 0);
  --orb-b: rgba(0, 0, 0, 0);
  --bar-bg: rgba(0, 0, 0, 0.74);
  --glass-bg: rgba(255, 255, 255, 0.04);
  --ascii-ink: rgba(255, 255, 255, 0.04);
  --widget-bg: #000000;
  --window-bg: #000000;
  --terminal-bg: #000000;
  --glass-border: rgba(255, 255, 255, 0.14);
  --color--accent: #ffffff;
  --color--border: rgba(255, 255, 255, 0.12);
  --glass-bg-hover: rgba(255, 255, 255, 0.07);
  --widget-bg-lift: #050505;
  --widget-bg-hover: #0b0b0c;
  --window-bg-glass: rgba(0, 0, 0, 0.94);
  --background--main: #000000;
}
[data-nc-theme~="Aurora"] {
  --orb-a: rgba(170, 90, 255, 0.2);
  --orb-b: rgba(255, 90, 200, 0.12);
  --bar-bg: rgba(24, 14, 40, 0.52);
  --glass-bg: rgba(190, 150, 255, 0.07);
  --ascii-ink: rgba(210, 180, 255, 0.07);
  --widget-bg: rgba(28, 18, 44, 0.84);
  --window-bg: rgba(14, 9, 24, 0.985);
  --terminal-bg: linear-gradient(180deg, rgba(30, 20, 48, 0.95) 0%, rgba(10, 6, 20, 0.97) 100%);
  --glass-border: rgba(200, 170, 255, 0.13);
  --color--accent: #d9bfff;
  --color--border: rgba(200, 170, 255, 0.1);
  --glass-bg-hover: rgba(190, 150, 255, 0.11);
  --widget-bg-lift: rgba(36, 24, 56, 0.96);
  --widget-bg-hover: rgba(38, 26, 58, 0.9);
  --window-bg-glass: rgba(16, 10, 28, 0.78);
  --background--main: #0b0714;
}
[data-nc-theme~="Default"] {
  --orb-a: rgba(255, 255, 255, 0.075);
  --orb-b: rgba(200, 205, 215, 0.065);
  --bar-bg: rgba(22, 22, 26, 0.42);
  --glass-bg: rgba(255, 255, 255, 0.055);
  --ascii-ink: rgba(255, 255, 255, 0.05);
  --max-width: 1440px;
  --wallpaper: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1.4px);
  --widget-bg: rgba(30, 30, 33, 0.82);
  --window-bg: rgba(16, 16, 18, 0.985);
  --font--mono: 'SF Mono', ui-monospace, Menlo, 'JetBrains Mono', monospace;
  --font--sans: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', 'Inter', system-ui, sans-serif;
  --radius--lg: 28px;
  --radius--md: 22px;
  --radius--sm: 14px;
  --window-top: 0px;
  --color--info: #64d2ff;
  --color--text: #f5f5f7;
  --font--serif: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', 'Inter', system-ui, sans-serif;
  --page-gutter: clamp(1.25rem, 4vw, 3.5rem);
  --terminal-bg: linear-gradient(180deg, rgba(30, 30, 34, 0.95) 0%, rgba(12, 12, 14, 0.97) 100%);
  --window-left: 0px;
  --base-padding: 1rem;
  --ease--in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --glass-border: rgba(255, 255, 255, 0.09);
  --glass-filter: blur(40px) saturate(180%);
  --glass-shadow: 0 24px 60px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --window-right: 0px;
  --color--accent: #f5f5f7;
  --color--border: rgba(255, 255, 255, 0.08);
  --color--danger: #ff6961;
  --large-padding: 1.5rem;
  --small-padding: .5rem;
  --window-bottom: 0px;
  --window-radius: 0px;
  --color--success: #30d158;
  --color--surface: rgba(255, 255, 255, 0.045);
  --color--warning: #ffd60a;
  --ease--out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --glass-bg-hover: rgba(255, 255, 255, 0.085);
  --widget-bg-lift: rgba(36, 36, 40, 0.95);
  --window-nav-top: calc(env(safe-area-inset-top) + 14px);
  --widget-bg-hover: rgba(40, 40, 44, 0.88);
  --window-bg-glass: rgba(18, 18, 20, 0.74);
  --background--main: #0a0a0b;
  --color--on-accent: #0a0a0a;
  --color--text-faint: rgba(235, 235, 245, 0.32);
  --color--text-muted: rgba(235, 235, 245, 0.62);
  --window-content-top: calc(env(safe-area-inset-top) + 74px);
  --color--border-strong: rgba(255, 255, 255, 0.14);
  --color--surface-hover: rgba(255, 255, 255, 0.075);
  --color--surface-raised: rgba(255, 255, 255, 0.065);
  --window-content-bottom: calc(env(safe-area-inset-bottom) + 130px);
}
[data-nc-theme~="Midnight"] {
  --orb-a: rgba(70, 120, 255, 0.2);
  --orb-b: rgba(40, 200, 255, 0.11);
  --bar-bg: rgba(14, 22, 42, 0.52);
  --glass-bg: rgba(140, 170, 255, 0.07);
  --ascii-ink: rgba(170, 195, 255, 0.07);
  --widget-bg: rgba(16, 24, 44, 0.84);
  --window-bg: rgba(8, 13, 26, 0.985);
  --terminal-bg: linear-gradient(180deg, rgba(18, 26, 48, 0.95) 0%, rgba(6, 10, 22, 0.97) 100%);
  --glass-border: rgba(150, 180, 255, 0.13);
  --color--accent: #a9c7ff;
  --color--border: rgba(150, 180, 255, 0.1);
  --glass-bg-hover: rgba(140, 170, 255, 0.11);
  --widget-bg-lift: rgba(22, 32, 58, 0.96);
  --widget-bg-hover: rgba(24, 34, 60, 0.9);
  --window-bg-glass: rgba(10, 16, 32, 0.78);
  --background--main: #060a14;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-serif: 'Instrument Serif',serif;
--font-mono: 'JetBrains Mono',monospace;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .MTBNt {
      gap:1.25rem;
      color:inherit;
      display:grid;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:1fr;
    }

    @media (min-width: 900px) {

    .MTBNt {
      gap:1.75rem;
      grid-template-columns:1fr 1fr;
    }
    }

    .csZhFo {
      color:var(--color--text-faint);
      margin:0px;
      display:block;
      font-size:0.8125rem;
      font-family:inherit;
      font-weight:inherit;
      white-space:pre-wrap;
      flex-direction:row;
    }

    .frRpvj {
      gap:1.25rem;
      color:inherit;
      border:1px solid var(--glass-border);
      display:flex;
      padding:clamp(1.25rem, 3vw, 1.75rem);
      font-size:inherit;
      background:var(--glass-bg);
      box-shadow:var(--glass-shadow);
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--radius--md);
      flex-direction:column;
      backdrop-filter:var(--glass-filter);
      -webkit-backdrop-filter:var(--glass-filter);
    }

    .cbWjYW {
      color:var(--color--text);
      margin:0px;
      display:block;
      overflow:hidden;
      font-size:1.25rem;
      font-family:inherit;
      font-weight:600;
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
      letter-spacing:-0.025em;
    }

    .csnWUa {
      color:var(--color--on-accent);
      width:44px;
      height:44px;
      display:inline-flex;
      font-size:1.125rem;
      background:var(--color--accent);
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:700;
      border-radius:12px;
      flex-direction:row;
      justify-content:center;
    }

    .dUwQFC {
      gap:0.875rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cmdGvH {
      color:var(--color--danger);
      margin:0px;
      display:block;
      font-size:0.8125rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.45;
      flex-direction:row;
    }

    .dDPozz {
      --btn-bg:var(--color--text);
      --btn-fg:var(--background--main);
      --btn-border:transparent;
      --btn-bg-hover:var(--color--accent);
      --btn-fg-hover:var(--color--on-accent);
      gap:0.6em;
      color:var(--btn-fg);
      border:1px solid var(--btn-border);
      cursor:pointer;
      height:44px;
      display:inline-flex;
      padding:0 1.25rem;
      position:relative;
      font-size:0.875rem;
      background:var(--btn-bg);
      transition:background 0.35s var(--ease--out-expo), color 0.35s var(--ease--out-expo), border-color 0.35s var(--ease--out-expo), transform 0.35s var(--ease--out-expo), opacity 0.2s ease;
      align-items:center;
      font-family:var(--font--sans);
      font-weight:500;
      white-space:nowrap;
      border-radius:999px;
      flex-direction:row;
      letter-spacing:-0.01em;
      justify-content:center;
    }

    .dDPozz.ghost {
      --btn-bg:transparent;
      --btn-fg:var(--color--text);
      --btn-border:var(--color--border-strong);
      --btn-bg-hover:var(--color--text);
      --btn-fg-hover:var(--background--main);
    }

    .dDPozz.accent {
      --btn-bg:var(--color--accent);
      --btn-fg:var(--color--on-accent);
      --btn-bg-hover:var(--color--text);
      --btn-fg-hover:var(--background--main);
    }

    .dDPozz.danger {
      --btn-bg:transparent;
      --btn-fg:var(--color--danger);
      --btn-border:var(--color--border-strong);
      --btn-bg-hover:var(--color--danger);
      --btn-fg-hover:var(--background--main);
    }

    .dDPozz.sm {
      height:34px;
      padding:0 0.9rem;
      font-size:0.8125rem;
    }

    .dDPozz.lg {
      height:56px;
      padding:0 1.75rem;
      font-size:1rem;
    }

    .dDPozz.full {
      width:100%;
    }

    .dDPozz:hover {
      color:var(--btn-fg-hover);
      background:var(--btn-bg-hover);
    }

    .dDPozz:active {
      transform:scale(0.97);
    }

    .dDPozz:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:3px;
    }

    .dDPozz:disabled {
      color:var(--btn-fg);
      cursor:not-allowed;
      opacity:0.4;
      transform:none;
      background:var(--btn-bg);
    }

    .bHezPK {
      --btn-bg:var(--color--text);
      --btn-fg:var(--background--main);
      --btn-border:transparent;
      --btn-bg-hover:var(--color--accent);
      --btn-fg-hover:var(--color--on-accent);
      gap:0.6em;
      color:var(--btn-fg);
      border:1px solid var(--btn-border);
      cursor:pointer;
      height:44px;
      display:inline-flex;
      padding:0 1.25rem;
      position:relative;
      font-size:0.875rem;
      background:var(--btn-bg);
      transition:background 0.35s var(--ease--out-expo), color 0.35s var(--ease--out-expo), border-color 0.35s var(--ease--out-expo), transform 0.35s var(--ease--out-expo);
      align-items:center;
      font-family:var(--font--sans);
      font-weight:500;
      white-space:nowrap;
      border-radius:999px;
      flex-direction:row;
      letter-spacing:-0.01em;
      justify-content:center;
      text-decoration:none;
    }

    .bHezPK.ghost {
      --btn-bg:transparent;
      --btn-fg:var(--color--text);
      --btn-border:var(--color--border-strong);
      --btn-bg-hover:var(--color--text);
      --btn-fg-hover:var(--background--main);
    }

    .bHezPK.accent {
      --btn-bg:var(--color--accent);
      --btn-fg:var(--color--on-accent);
      --btn-bg-hover:var(--color--text);
      --btn-fg-hover:var(--background--main);
    }

    .bHezPK.danger {
      --btn-bg:transparent;
      --btn-fg:var(--color--danger);
      --btn-border:var(--color--border-strong);
      --btn-bg-hover:var(--color--danger);
      --btn-fg-hover:var(--background--main);
    }

    .bHezPK.sm {
      height:34px;
      padding:0 0.9rem;
      font-size:0.8125rem;
    }

    .bHezPK.lg {
      height:56px;
      padding:0 1.75rem;
      font-size:1rem;
    }

    .bHezPK.full {
      width:100%;
    }

    .bHezPK:hover {
      color:var(--btn-fg-hover);
      background:var(--btn-bg-hover);
    }

    .bHezPK:active {
      transform:scale(0.97);
    }

    .bHezPK:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:3px;
    }

    .eYnngS {
      color:inherit;
      display:contents;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bCOrlZ {
      color:inherit;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .FzfsX {
      color:inherit;
      display:inline;
      overflow:hidden;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    .cWRepE {
      color:inherit;
      display:block;
      font-size:inherit;
      transition:transform 0.35s var(--ease--out-expo);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .AFOJl {
      gap:2px;
      flex:1;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:12rem;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bCpUTa {
      color:var(--color--success);
      border:1px solid var(--color--border);
      margin:0px;
      display:block;
      padding:0.625rem 0.875rem;
      font-size:0.8125rem;
      background:var(--color--surface);
      font-family:inherit;
      font-weight:500;
      line-height:1.45;
      border-radius:12px;
      flex-direction:row;
    }

    .etJFLm {
      gap:2px;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .DmMGW {
      gap:2px;
      flex:1;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .VdPEd {
      gap:0.75rem;
      color:inherit;
      display:flex;
      padding:0.625rem 0;
      font-size:inherit;
      box-sizing:border-box;
      min-height:52px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-bottom:1px solid var(--color--border);
      flex-direction:row;
    }

    .VdPEd:last-child {
      border-bottom:none;
    }

    .dzLjVE {
      color:var(--color--text);
      width:32px;
      border:1px solid var(--color--border-strong);
      height:32px;
      display:inline-flex;
      font-size:0.8125rem;
      background:var(--color--surface-raised);
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:600;
      border-radius:50%;
      flex-direction:row;
      justify-content:center;
    }

    .dzLjVE.pending {
      color:var(--color--text-muted);
      background:transparent;
      border-style:dashed;
    }

    .enFCdO {
      gap:0.25rem;
      color:inherit;
      display:inline-flex;
      font-size:inherit;
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bpWSqV {
      color:var(--color--text-muted);
      border:1px solid var(--color--border-strong);
      display:inline-flex;
      padding:3px 10px;
      font-size:0.75rem;
      flex-shrink:0;
      font-family:inherit;
      font-weight:500;
      white-space:nowrap;
      border-radius:999px;
      flex-direction:row;
    }

    .bpWSqV.pending {
      color:var(--color--warning);
      border-style:dashed;
    }

    .bmqwkZ {
      color:var(--color--text);
      display:block;
      overflow:hidden;
      font-size:0.9375rem;
      font-family:inherit;
      font-weight:500;
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
      letter-spacing:-0.01em;
    }

    .bCcasz {
      color:var(--color--text-muted);
      border:none;
      cursor:pointer;
      height:30px;
      display:inline-flex;
      padding:0 0.625rem;
      font-size:0.8125rem;
      background:transparent;
      align-items:center;
      font-family:inherit;
      font-weight:500;
      border-radius:999px;
      flex-direction:row;
    }

    .bCcasz:hover {
      color:var(--color--text);
      background:var(--color--surface-hover);
    }

    .bCcasz:active {
      transform:scale(0.96);
    }

    .bCcasz:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:2px;
    }

    .bvxkfG {
      color:var(--color--text-faint);
      width:32px;
      border:none;
      cursor:pointer;
      height:32px;
      display:inline-flex;
      padding:0px;
      font-size:inherit;
      background:transparent;
      transition:background 0.2s ease, color 0.2s ease;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:10px;
      flex-direction:row;
      justify-content:center;
    }

    .bvxkfG:hover {
      color:var(--color--danger);
      background:var(--color--surface-hover);
    }

    .bvxkfG:active {
      transform:scale(0.94);
    }

    .bvxkfG:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:2px;
    }

    .LxWEX {
      color:var(--background--main);
      border:none;
      cursor:pointer;
      height:30px;
      display:inline-flex;
      padding:0 0.75rem;
      font-size:0.8125rem;
      background:var(--color--danger);
      transition:opacity 0.2s ease;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:999px;
      flex-direction:row;
    }

    .LxWEX:hover {
      opacity:0.88;
    }

    .LxWEX:active {
      transform:scale(0.96);
    }

    .LxWEX:disabled {
      cursor:default;
      opacity:0.5;
    }

    .LxWEX:focus-visible {
      outline:2px solid var(--color--danger);
      outline-offset:2px;
    }

    .dekTpV {
      --icon-size:18px;
      color:inherit;
      width:var(--icon-size);
      height:var(--icon-size);
      display:block;
      font-size:inherit;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .AdminPersonRow\:removeIcon {
      --icon-size:16px;
    }

    .erVJNo {
      color:var(--color--text-faint);
      display:block;
      overflow:hidden;
      font-size:0.8125rem;
      font-family:inherit;
      font-weight:inherit;
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    .cKXomO {
      color:var(--color--text-faint);
      display:block;
      font-size:0.75rem;
      font-family:inherit;
      font-weight:500;
      flex-direction:row;
      letter-spacing:0.02em;
      text-transform:uppercase;
    }

    .cOGkYl {
      color:var(--color--text);
      margin:0px;
      display:block;
      font-size:1rem;
      font-family:inherit;
      font-weight:600;
      overflow-wrap:anywhere;
      flex-direction:row;
      letter-spacing:-0.01em;
    }

    .csSKsB {
      gap:0.875rem;
      color:inherit;
      border:1px solid var(--color--border);
      display:flex;
      padding:1rem;
      font-size:inherit;
      background:var(--color--surface);
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--radius--sm);
      flex-direction:column;
    }

    .eJpbNy {
      gap:0.75rem;
      color:inherit;
      display:grid;
      font-size:inherit;
      align-items:start;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
    }

    .eeWbmk {
      gap:8px;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .UFsOG {
      color:var(--color--text-muted);
      display:block;
      padding:0 4px;
      font-size:13px;
      font-family:inherit;
      font-weight:500;
      flex-direction:row;
      letter-spacing:-0.005em;
    }

    .ePaQxF {
      gap:0.5rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:flex-end;
    }

    .cnnJGm {
      font:inherit;
      color:var(--color--text);
      width:100%;
      border:1px solid rgba(255, 255, 255, 0.1);
      height:52px;
      display:block;
      outline:none;
      padding:0 16px;
      font-size:16px;
      background:rgba(255, 255, 255, 0.06);
      box-sizing:border-box;
      transition:background 0.2s ease, border-color 0.2s ease, box-shadow 0.25s ease;
      font-family:inherit;
      font-weight:inherit;
      border-radius:14px;
      flex-direction:row;
      letter-spacing:-0.01em;
    }

    .cnnJGm.revealable {
      padding-right:72px;
    }

    .cnnJGm:hover {
      background:rgba(255, 255, 255, 0.075);
      border-color:rgba(255, 255, 255, 0.16);
    }

    .cnnJGm:focus {
      background:rgba(255, 255, 255, 0.09);
      box-shadow:0 0 0 4px rgba(255, 255, 255, 0.07);
      border-color:rgba(255, 255, 255, 0.34);
    }

    .cnnJGm:is(:-webkit-autofill, :autofill) {
      caret-color:#f5f5f7;
      -webkit-box-shadow:0 0 0 100px #1b1b1d inset;
      -webkit-text-fill-color:#f5f5f7;
    }

    .ewcCkZ {
      color:var(--color--text-faint);
      margin:0px;
      display:block;
      padding:0 4px;
      font-size:12px;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.4;
      flex-direction:row;
    }

    .fxlnYK {
      color:inherit;
      display:block;
      position:relative;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dMkrzh {
      color:var(--color--text-muted);
      display:inline;
      font-size:13px;
      font-family:inherit;
      font-weight:500;
      flex-direction:row;
      letter-spacing:-0.005em;
    }

    .fybtCB {
      gap:12px;
      color:inherit;
      display:flex;
      padding:0 4px;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .ewQZQH {
      top:50%;
      color:var(--color--text-muted);
      right:8px;
      border:none;
      cursor:pointer;
      height:36px;
      display:inline-flex;
      padding:0 12px;
      position:absolute;
      font-size:13px;
      transform:translateY(-50%);
      background:transparent;
      transition:background 0.2s ease, color 0.2s ease;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:10px;
      flex-direction:row;
    }

    .ewQZQH:hover {
      color:var(--color--text);
      background:rgba(255, 255, 255, 0.08);
    }

    .ewQZQH:active {
      transform:translateY(-50%) scale(0.94);
    }

    .ewQZQH:focus-visible {
      outline:2px solid var(--color--text);
      outline-offset:1px;
    }

    .eybBuj {
      color:var(--color--text);
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      background-color:var(--background--main);
    }

    .PhmfD {
      color:var(--color--text);
      width:100%;
      border:1px solid rgba(255, 255, 255, 0.1);
      cursor:pointer;
      height:52px;
      display:block;
      padding:0 14px;
      font-size:16px;
      background:rgba(255, 255, 255, 0.06);
      box-sizing:border-box;
      transition:background 0.2s ease, border-color 0.2s ease, box-shadow 0.25s ease;
      font-family:inherit;
      font-weight:inherit;
      color-scheme:dark;
      border-radius:14px;
      flex-direction:row;
    }

    .PhmfD:hover {
      background:rgba(255, 255, 255, 0.075);
      border-color:rgba(255, 255, 255, 0.16);
    }

    .PhmfD:focus {
      outline:none;
      background:rgba(255, 255, 255, 0.09);
      box-shadow:0 0 0 4px rgba(255, 255, 255, 0.07);
      border-color:rgba(255, 255, 255, 0.34);
    }

    .eNdIBM {
      gap:0.75rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-height:34px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .cTrfco {
      gap:0.5rem;
      color:var(--color--text-muted);
      margin:0px;
      display:inline-flex;
      font-size:0.8125rem;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
      letter-spacing:0.02em;
      text-transform:uppercase;
    }

    .bVYuGd {
      gap:0.375rem;
      color:var(--color--text);
      border:1px solid var(--color--border-strong);
      cursor:pointer;
      height:32px;
      display:inline-flex;
      padding:0 0.75rem;
      font-size:0.8125rem;
      background:transparent;
      transition:background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
      align-items:center;
      font-family:inherit;
      font-weight:500;
      white-space:nowrap;
      border-radius:999px;
      flex-direction:row;
    }

    .bVYuGd.expanded {
      color:var(--background--main);
      background:var(--color--text);
      border-color:var(--color--text);
    }

    .bVYuGd:hover {
      background:var(--color--surface-hover);
      border-color:var(--color--text-faint);
    }

    .bVYuGd:active {
      transform:scale(0.96);
    }

    .bVYuGd:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:2px;
    }

    .cUMcZJ {
      color:var(--color--text-muted);
      display:inline-flex;
      padding:1px 8px;
      font-size:0.75rem;
      background:var(--color--surface-raised);
      font-family:inherit;
      font-weight:600;
      border-radius:999px;
      flex-direction:row;
      letter-spacing:0;
    }

    .AdminSectionHeader\:actionIcon {
      --icon-size:14px;
    }

    .fsLVvf {
      color:inherit;
      border:1px solid var(--color--border);
      margin:0px;
      display:flex;
      padding:0 0.875rem;
      font-size:inherit;
      list-style:none;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:column;
    }

    .dIGShy {
      gap:6px;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .UvtSr {
      color:var(--color--text);
      width:100%;
      border:1px solid rgba(255, 255, 255, 0.1);
      resize:vertical;
      display:block;
      outline:none;
      padding:10px 14px;
      font-size:0.9375rem;
      background:rgba(255, 255, 255, 0.06);
      box-sizing:border-box;
      transition:background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      color-scheme:dark;
      border-radius:12px;
      flex-direction:row;
    }

    .UvtSr:hover {
      background:rgba(255, 255, 255, 0.075);
      border-color:rgba(255, 255, 255, 0.16);
    }

    .UvtSr:focus {
      background:rgba(255, 255, 255, 0.09);
      box-shadow:0 0 0 4px rgba(255, 255, 255, 0.07);
      border-color:rgba(255, 255, 255, 0.34);
    }

    .UvtSr:disabled {
      cursor:not-allowed;
      opacity:0.55;
    }

    .Diaca {
      color:var(--color--text-faint);
      margin:0px;
      display:block;
      font-size:0.75rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.45;
      flex-direction:row;
    }

    .bANbPd {
      color:var(--color--text);
      width:100%;
      border:1px solid rgba(255, 255, 255, 0.1);
      height:42px;
      display:block;
      outline:none;
      padding:0 14px;
      font-size:0.9375rem;
      background:rgba(255, 255, 255, 0.06);
      box-sizing:border-box;
      transition:background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
      font-family:inherit;
      font-weight:inherit;
      color-scheme:dark;
      border-radius:12px;
      flex-direction:row;
    }

    .bANbPd:hover {
      background:rgba(255, 255, 255, 0.075);
      border-color:rgba(255, 255, 255, 0.16);
    }

    .bANbPd:focus {
      background:rgba(255, 255, 255, 0.09);
      box-shadow:0 0 0 4px rgba(255, 255, 255, 0.07);
      border-color:rgba(255, 255, 255, 0.34);
    }

    .bANbPd:disabled {
      cursor:not-allowed;
      opacity:0.55;
    }

    .ctGPNz {
      color:var(--color--text-muted);
      display:block;
      font-size:0.8125rem;
      font-family:inherit;
      font-weight:500;
      flex-direction:row;
      letter-spacing:-0.005em;
    }

    .AdminBillingForm\:addressField {
      grid-column:1 / -1;
    }

    .dnlVEu {
      gap:6px;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .dnlVEu.lg {
      --select-field-label-pad:0 4px;
      gap:8px;
    }

    .dLjHnv {
      gap:2px;
      top:calc(100% + 6px);
      left:0px;
      color:inherit;
      right:0px;
      border:1px solid var(--glass-border);
      margin:0px;
      display:flex;
      opacity:0;
      padding:6px;
      z-index:61;
      position:absolute;
      font-size:inherit;
      min-width:max(100%, 180px);
      transform:translateY(-6px) scale(0.98);
      background:rgba(24, 24, 28, 0.96);
      box-shadow:0 18px 40px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.3);
      box-sizing:border-box;
      list-style:none;
      max-height:280px;
      overflow-y:auto;
      transition:opacity 0.16s ease, transform 0.22s var(--ease--out-expo), visibility 0s linear 0.22s;
      visibility:hidden;
      font-family:inherit;
      font-weight:inherit;
      border-radius:14px;
      flex-direction:column;
      pointer-events:none;
      backdrop-filter:blur(18px) saturate(140%);
      scrollbar-width:thin;
      transform-origin:top center;
      -webkit-backdrop-filter:blur(18px) saturate(140%);
    }

    .dLjHnv::-webkit-scrollbar {
    width: 4px;
    }

    .dLjHnv.top {
      top:auto;
      bottom:calc(100% + 6px);
      transform:translateY(6px) scale(0.98);
      transform-origin:bottom center;
    }

    .dLjHnv.open {
      opacity:1;
      transform:translateY(0) scale(1);
      transition:opacity 0.18s ease, transform 0.32s var(--ease--out-expo), visibility 0s linear 0s;
      visibility:visible;
      pointer-events:auto;
    }

    @media (prefers-reduced-motion: reduce) {

    .dLjHnv {
      transform:none;
      transition:opacity 0.1s linear, visibility 0s linear 0.1s;
    }
    }

    .eatTvw {
      --select-height:40px;
      --select-radius:12px;
      color:var(--color--text);
      width:100%;
      display:block;
      position:relative;
      font-size:inherit;
      min-width:0px;
      font-family:var(--font--sans);
      font-weight:inherit;
      flex-direction:row;
    }

    .eatTvw.sm {
      --select-height:32px;
      --select-radius:10px;
    }

    .eatTvw.open {
      z-index:60;
    }

    .eatTvw.lg {
      --select-height:52px;
      --select-radius:14px;
      --select-padding:16px;
      --select-font-size:16px;
      --select-font-weight:inherit;
    }

    .cKvwtm {
      color:inherit;
      inset:0;
      display:block;
      z-index:59;
      position:fixed;
      font-size:inherit;
      background:transparent;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .ehPRAK {
      gap:0.5rem;
      color:var(--color--text-muted);
      cursor:pointer;
      display:flex;
      padding:0.5rem 0.625rem;
      font-size:0.8125rem;
      transition:background 0.12s ease, color 0.12s ease;
      align-items:flex-start;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.35;
      border-radius:9px;
      flex-direction:row;
    }

    .ehPRAK.active {
      color:var(--color--text);
      background:rgba(255, 255, 255, 0.08);
    }

    .ehPRAK.selected {
      color:var(--color--text);
    }

    .ehPRAK.disabled {
      cursor:not-allowed;
      opacity:0.4;
    }

    .CmsSelect\:chevron {
      --icon-size:14px;
      color:var(--color--text-muted);
      transition:transform 0.3s var(--ease--out-expo);
      flex-shrink:0;
      pointer-events:none;
    }

    .CmsSelect\:chevron.open {
      transform:rotate(180deg);
    }

    .dDuLBQ {
      gap:0.5rem;
      color:var(--color--text);
      width:100%;
      border:1px solid rgba(255, 255, 255, 0.1);
      cursor:pointer;
      height:var(--select-height);
      display:flex;
      padding:0 var(--select-padding, 0.75rem);
      font-size:var(--select-font-size, 0.8125rem);
      background:rgba(255, 255, 255, 0.06);
      box-sizing:border-box;
      text-align:left;
      transition:border-color 0.2s ease, background 0.2s ease, box-shadow 0.25s ease;
      align-items:center;
      font-family:inherit;
      font-weight:var(--select-font-weight, 500);
      border-radius:var(--select-radius);
      flex-direction:row;
      letter-spacing:-0.01em;
    }

    .dDuLBQ.open {
      background:rgba(255, 255, 255, 0.09);
      box-shadow:0 0 0 4px rgba(255, 255, 255, 0.04);
      border-color:rgba(255, 255, 255, 0.24);
    }

    .dDuLBQ.placeholder {
      color:var(--color--text-muted);
    }

    .dDuLBQ:hover {
      background:rgba(255, 255, 255, 0.09);
      border-color:rgba(255, 255, 255, 0.2);
    }

    .dDuLBQ:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:1px;
    }

    .dDuLBQ:disabled {
      cursor:not-allowed;
      opacity:0.5;
    }

    .dDuLBQ:active {
      transform:scale(0.995);
    }

    .CmsSelect\:leadIcon {
      --icon-size:15px;
      color:var(--color--text-muted);
      flex-shrink:0;
      pointer-events:none;
    }

    .GvJwL {
      gap:1px;
      flex:1;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .eBBIda {
      color:var(--color--text-faint);
      display:inline;
      font-size:0.75rem;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cwwIyO {
      color:var(--color--text-faint);
      display:list-item;
      padding:0.5rem 0.625rem;
      font-size:0.8125rem;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fEiTSY {
      color:var(--color--accent);
      width:16px;
      height:18px;
      display:inline-flex;
      opacity:0;
      font-size:inherit;
      transform:scale(0.6);
      transition:opacity 0.15s ease, transform 0.25s var(--ease--out-expo);
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:center;
    }

    .fEiTSY.on {
      opacity:1;
      transform:scale(1);
    }

    .bFktlh {
      color:inherit;
      display:inline;
      overflow:hidden;
      font-size:inherit;
      font-family:inherit;
      font-weight:500;
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    .djyVpf {
      flex:1;
      color:inherit;
      display:inline;
      overflow:hidden;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
      pointer-events:none;
    }

    .CmsSelect\:optionCheckIcon {
      --icon-size:14px;
    }

    .cfRxKa {
      color:var(--color--text-muted);
      display:block;
      padding:var(--select-field-label-pad, 0);
      font-size:0.8125rem;
      font-family:inherit;
      font-weight:500;
      flex-direction:row;
      letter-spacing:-0.005em;
    }

    .fhWTls {
      color:inherit;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      white-space:pre-line;
      overflow-wrap:anywhere;
      flex-direction:row;
    }

    .fhWTls:first-child {
      color:var(--color--text);
      font-weight:500;
    }

    .euhKjU {
      gap:2px;
      color:var(--color--text-muted);
      margin:0px;
      display:flex;
      padding:0px;
      font-size:0.875rem;
      list-style:none;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.45;
      flex-direction:column;
    }

    .eqqRws {
      color:var(--color--warning);
      margin:0px;
      display:block;
      font-size:0.8125rem;
      font-family:inherit;
      font-weight:500;
      line-height:1.45;
      flex-direction:row;
    }

    .bfWPjG {
      color:var(--color--text-muted);
      border:1px dashed var(--color--border-strong);
      margin:0px;
      display:block;
      padding:0.875rem 1rem;
      font-size:0.875rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      border-radius:12px;
      flex-direction:row;
    }

    .bOLtwH {
      gap:0.75rem;
      color:inherit;
      display:grid;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
    }

    .bCfWop {
      color:var(--color--text-muted);
      width:32px;
      height:32px;
      display:inline-flex;
      font-size:inherit;
      background:var(--color--surface-raised);
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:9px;
      flex-direction:row;
      justify-content:center;
    }

    .drSIfK {
      gap:0.75rem;
      color:var(--color--text);
      border:1px solid var(--color--border);
      display:flex;
      padding:0.625rem 0.75rem;
      font-size:inherit;
      transition:background 0.15s ease, border-color 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:row;
      text-decoration:none;
    }

    .drSIfK:hover {
      background:var(--color--surface-hover);
      border-color:var(--color--border-strong);
    }

    .drSIfK:active {
      transform:scale(0.99);
    }

    .drSIfK:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:2px;
    }

    .ffPxJT {
      gap:0.5rem;
      color:inherit;
      margin:0px;
      display:flex;
      padding:0px;
      font-size:inherit;
      list-style:none;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .fdEJKe {
      color:inherit;
      display:block;
      overflow:hidden;
      font-size:0.9375rem;
      font-family:inherit;
      font-weight:500;
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    .AdminWorkspaceCard\:projectArrow {
      --icon-size:16px;
      color:var(--color--text-faint);
    }

    .AdminWorkspaceCard\:projectGlobe {
      --icon-size:16px;
    }

    .bkEQaf {
      gap:0.75rem;
      color:inherit;
      margin:0px;
      display:grid;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .ccIxFG {
      gap:0.75rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .cXAfsD {
      gap:0.5rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .TZxrU {
      gap:0.75rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      border-top:1px solid var(--color--border);
      font-family:inherit;
      font-weight:inherit;
      padding-top:1.25rem;
      flex-direction:column;
    }

    .xCCyD {
      gap:1rem;
      color:inherit;
      border:1px solid var(--color--border);
      display:grid;
      padding:0.875rem 1rem;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:row;
      grid-template-columns:1fr;
    }

    @media (min-width: 900px) {

    .xCCyD {
      align-items:center;
      grid-template-columns:minmax(0, 1.4fr) minmax(0, 1fr);
    }
    }

    .cEfDKw {
      color:var(--color--text);
      margin:0px;
      display:block;
      font-size:1rem;
      font-family:inherit;
      font-weight:600;
      overflow-wrap:anywhere;
      flex-direction:row;
      letter-spacing:-0.01em;
    }

    .cEfDKw.overdue {
      color:var(--color--danger);
    }

    .cGSJsq {
      color:var(--color--text);
      display:block;
      font-size:inherit;
      min-height:100vh;
      font-family:var(--font--sans);
      font-weight:inherit;
      color-scheme:dark;
      flex-direction:row;
      background-size:22px 22px;
      background-color:var(--background--main);
      background-image:var(--wallpaper);
      background-attachment:fixed;
    }

    .Kvvkb {
      gap:0.75rem;
      color:inherit;
      display:flex;
      padding:2rem;
      font-size:inherit;
      min-height:100vh;
      text-align:center;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      justify-content:center;
    }

    .cEjPFj {
      gap:1rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-height:100vh;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      justify-content:center;
    }

    .eGQhkx {
      color:inherit;
      width:28px;
      border:2px solid var(--color--border-strong);
      height:28px;
      display:inline;
      animation:gateSpin 0.8s linear infinite;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
      border-top-color:var(--color--accent);
    }

    @keyframes gateSpin {
        0% {
          transform: rotate(0deg);
        }

        100% {
          transform: rotate(360deg);
        }
    }

    .eKXYJq {
      color:var(--color--on-accent);
      display:inline;
      padding:0.625rem 1.125rem;
      font-size:0.875rem;
      background:var(--color--accent);
      margin-top:0.5rem;
      font-family:inherit;
      font-weight:600;
      border-radius:999px;
      flex-direction:row;
      text-decoration:none;
    }

    .eKXYJq:hover {
      opacity:0.9;
    }

    .eKXYJq:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:3px;
    }

    .dXvWsq {
      color:var(--color--text-muted);
      margin:0px;
      display:block;
      font-size:0.9375rem;
      max-width:26rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      flex-direction:row;
    }

    .cZJISZ {
      color:var(--color--text-muted);
      margin:0px;
      display:block;
      font-size:0.875rem;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .SessionGate\:offlineBtn {
      margin-top:0.5rem;
    }

    .fcQdHD {
      color:inherit;
      margin:0px;
      display:block;
      font-size:1.5rem;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
    }

    .ddKosW {
      gap:0.375rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .cCHbtE {
      gap:1rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .dHUlbg {
      color:inherit;
      display:flex;
      font-size:inherit;
      min-height:100vh;
      align-items:flex-start;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    @media (max-width: 899px) {

    .dHUlbg {
      align-items:stretch;
      flex-direction:column;
    }
    }

    .bIiqXT {
      color:var(--color--text-muted);
      margin:0px;
      display:block;
      font-size:1rem;
      max-width:40rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      flex-direction:row;
    }

    .jJqeC {
      gap:1.25rem;
      flex:1 1 auto;
      color:inherit;
      width:100%;
      margin:0 auto;
      display:flex;
      padding:clamp(1.25rem, 3vw, 2.25rem) var(--page-gutter) 4rem;
      font-size:inherit;
      max-width:1240px;
      min-width:0px;
      box-sizing:border-box;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .dzgpko {
      gap:0.75rem;
      color:inherit;
      display:grid;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    @media (min-width: 900px) {

    .dzgpko {
      gap:1rem;
      grid-template-columns:repeat(4, minmax(0, 1fr));
    }
    }

    .cDvwfO {
      gap:1.75rem;
      flex:1 1 auto;
      color:inherit;
      display:flex;
      padding:1.5rem;
      font-size:inherit;
      min-height:0px;
      overflow-y:auto;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .ftEpPC {
      color:inherit;
      inset:0;
      display:flex;
      z-index:120;
      position:fixed;
      font-size:inherit;
      background:rgba(0, 0, 0, 0.5);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      backdrop-filter:blur(4px);
      justify-content:flex-end;
      -webkit-backdrop-filter:blur(4px);
    }

    .ewZdNH {
      color:var(--color--text);
      width:min(940px, 100%);
      height:100%;
      display:flex;
      animation:editorIn 0.32s var(--ease--out-expo);
      font-size:inherit;
      background:rgba(17, 17, 19, 0.96);
      box-shadow:-30px 0 80px rgba(0, 0, 0, 0.45);
      box-sizing:border-box;
      border-left:1px solid var(--color--border-strong);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    @keyframes editorIn {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateX(32px);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: none;
        }
    }

    .bHAogz {
      gap:3px;
      color:inherit;
      border:1px solid var(--glass-border);
      display:flex;
      padding:0.875rem 1rem;
      font-size:inherit;
      background:rgba(255, 255, 255, 0.035);
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--radius--sm);
      flex-direction:column;
    }

    .eWOSEz {
      gap:0.75rem;
      color:inherit;
      display:flex;
      padding:0.875rem 1.5rem;
      font-size:inherit;
      background:rgba(17, 17, 19, 0.98);
      border-top:1px solid var(--glass-border);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .dKnSgN {
      gap:1rem;
      color:inherit;
      display:flex;
      padding:1rem 1.5rem;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-bottom:1px solid var(--glass-border);
      flex-direction:row;
      justify-content:space-between;
    }

    .dbmboN {
      gap:1rem;
      color:var(--color--text-muted);
      display:flex;
      font-size:0.875rem;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .dYmLgJ {
      color:var(--color--danger);
      border:1px solid rgba(255, 105, 97, 0.3);
      margin:0px;
      display:block;
      padding:0.75rem 1rem;
      font-size:0.875rem;
      background:rgba(255, 105, 97, 0.08);
      font-family:inherit;
      font-weight:inherit;
      line-height:1.45;
      border-radius:var(--radius--sm);
      flex-direction:row;
    }

    .kdFSm {
      color:inherit;
      display:inline;
      font-size:inherit;
      text-align:right;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cdqlya {
      color:var(--color--text-faint);
      margin:0px;
      display:block;
      font-size:0.8125rem;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cGZbQj {
      gap:0.5rem;
      color:inherit;
      display:grid;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-areas:"desc qty price amount remove";
      grid-template-columns:minmax(0, 1fr) 76px 128px 132px 36px;
    }

    @media (max-width: 640px) {

    .cGZbQj {
      border-bottom:1px solid var(--color--border);
      padding-bottom:0.75rem;
      grid-template-areas:"desc desc desc remove" "qty price amount amount";
      grid-template-columns:72px minmax(0, 1fr) minmax(0, 1fr) 36px;
    }
    }

    .ahIJE {
      color:var(--color--text);
      display:block;
      overflow:hidden;
      font-size:0.9375rem;
      grid-area:amount;
      text-align:right;
      font-family:inherit;
      font-weight:500;
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
      font-variant-numeric:tabular-nums;
    }

    .eODvCE {
      color:var(--color--text);
      width:100%;
      border:1px solid rgba(255, 255, 255, 0.1);
      height:40px;
      display:block;
      outline:none;
      padding:0 10px;
      font-size:0.9375rem;
      grid-area:qty;
      background:rgba(255, 255, 255, 0.06);
      box-sizing:border-box;
      text-align:right;
      font-family:inherit;
      font-weight:inherit;
      border-radius:10px;
      flex-direction:row;
      font-variant-numeric:tabular-nums;
    }

    .eODvCE:hover {
      border-color:rgba(255, 255, 255, 0.16);
    }

    .eODvCE:focus {
      box-shadow:0 0 0 4px rgba(255, 255, 255, 0.07);
      border-color:rgba(255, 255, 255, 0.34);
    }

    .eODvCE:disabled {
      opacity:0.55;
    }

    .hIvbY {
      color:var(--color--text);
      width:100%;
      border:1px solid rgba(255, 255, 255, 0.1);
      height:40px;
      display:block;
      outline:none;
      padding:0 12px;
      font-size:0.9375rem;
      grid-area:desc;
      background:rgba(255, 255, 255, 0.06);
      box-sizing:border-box;
      font-family:inherit;
      font-weight:inherit;
      border-radius:10px;
      flex-direction:row;
    }

    .hIvbY:hover {
      border-color:rgba(255, 255, 255, 0.16);
    }

    .hIvbY:focus {
      box-shadow:0 0 0 4px rgba(255, 255, 255, 0.07);
      border-color:rgba(255, 255, 255, 0.34);
    }

    .hIvbY:disabled {
      opacity:0.55;
    }

    .bSytxd {
      color:var(--color--text-faint);
      width:36px;
      border:0;
      cursor:pointer;
      height:36px;
      display:inline-flex;
      padding:0px;
      font-size:inherit;
      grid-area:remove;
      background:transparent;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:10px;
      flex-direction:row;
      justify-content:center;
    }

    .bSytxd:hover {
      color:var(--color--danger);
      background:rgba(255, 105, 97, 0.12);
    }

    .bSytxd:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:2px;
    }

    .bSytxd:active {
      background:rgba(255, 105, 97, 0.2);
    }

    .bSytxd:disabled {
      color:var(--color--text-faint);
      cursor:not-allowed;
      opacity:0.3;
      background:transparent;
    }

    .ePwNtN {
      color:var(--color--text);
      width:100%;
      border:1px solid rgba(255, 255, 255, 0.1);
      height:40px;
      display:block;
      outline:none;
      padding:0 10px;
      font-size:0.9375rem;
      grid-area:price;
      background:rgba(255, 255, 255, 0.06);
      box-sizing:border-box;
      text-align:right;
      font-family:inherit;
      font-weight:inherit;
      border-radius:10px;
      flex-direction:row;
      font-variant-numeric:tabular-nums;
    }

    .ePwNtN:hover {
      border-color:rgba(255, 255, 255, 0.16);
    }

    .ePwNtN:focus {
      box-shadow:0 0 0 4px rgba(255, 255, 255, 0.07);
      border-color:rgba(255, 255, 255, 0.34);
    }

    .ePwNtN:disabled {
      opacity:0.55;
    }

    .AdminLineItemRow\:removeIcon {
      --icon-size:16px;
    }

    .eCnzJf {
      color:var(--color--text-muted);
      width:38px;
      border:1px solid var(--glass-border);
      cursor:pointer;
      height:38px;
      display:inline-flex;
      padding:0px;
      font-size:inherit;
      background:rgba(255, 255, 255, 0.06);
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:999px;
      flex-direction:row;
      justify-content:center;
    }

    .eCnzJf:hover {
      color:var(--color--text);
      background:rgba(255, 255, 255, 0.1);
    }

    .eCnzJf:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:2px;
    }

    .eCnzJf:active {
      background:rgba(255, 255, 255, 0.14);
    }

    .faTRhh {
      gap:0.375rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cFlHhw {
      color:var(--color--text-muted);
      border:1px dashed var(--color--border-strong);
      margin:0px;
      display:block;
      padding:0.75rem 1rem;
      font-size:0.875rem;
      background:rgba(255, 255, 255, 0.04);
      font-family:inherit;
      font-weight:inherit;
      line-height:1.45;
      border-radius:var(--radius--sm);
      flex-direction:row;
    }

    .OyOJW {
      color:var(--color--success);
      border:1px solid rgba(48, 209, 88, 0.28);
      margin:0px;
      display:block;
      padding:0.75rem 1rem;
      font-size:0.875rem;
      background:rgba(48, 209, 88, 0.08);
      font-family:inherit;
      font-weight:inherit;
      line-height:1.45;
      border-radius:var(--radius--sm);
      flex-direction:row;
    }

    .ziZHN {
      color:inherit;
      margin:0px;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      font-variant-numeric:tabular-nums;
    }

    .eNhsPk {
      gap:1rem;
      color:inherit;
      display:flex;
      font-size:1.0625rem;
      border-top:1px solid var(--glass-border);
      margin-top:0.25rem;
      align-items:baseline;
      font-family:inherit;
      font-weight:600;
      padding-top:0.625rem;
      flex-direction:row;
      justify-content:space-between;
    }

    .AdminInvoiceEditor\:closeIcon {
      --icon-size:18px;
    }

    .besGKv {
      gap:0.375rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      margin-left:auto;
      flex-direction:row;
      justify-content:flex-end;
    }

    .bAxTOz {
      color:inherit;
      width:6px;
      height:6px;
      display:inline;
      font-size:inherit;
      background:var(--badge-color);
      box-shadow:0 0 8px var(--badge-color);
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
    }

    .eBowpP {
      --badge-color:var(--color--text-muted);
      gap:0.4rem;
      color:var(--color--text);
      border:1px solid var(--color--border-strong);
      height:22px;
      display:inline-flex;
      padding:0 0.55rem;
      font-size:0.6875rem;
      background:rgba(255, 255, 255, 0.02);
      align-items:center;
      font-family:var(--font--sans);
      font-weight:500;
      white-space:nowrap;
      border-radius:999px;
      flex-direction:row;
    }

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

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

    .eBowpP.danger {
      --badge-color:var(--color--danger);
    }

    .eBowpP.info {
      --badge-color:var(--color--info);
    }

    .bgUayH {
      color:inherit;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eXafIJ {
      color:inherit;
      margin:0px;
      display:block;
      font-size:1.25rem;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
      letter-spacing:-0.025em;
    }

    .VRIJA {
      gap:0.5rem;
      color:var(--color--text-faint);
      display:grid;
      font-size:0.75rem;
      font-family:inherit;
      font-weight:500;
      flex-direction:row;
      grid-template-columns:minmax(0, 1fr) 76px 128px 132px 36px;
    }

    @media (max-width: 640px) {

    .VRIJA {
      display:none;
    }
    }

    .cLqzum {
      gap:0.5rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .AdminInvoiceEditor\:addLineBtn {
      align-self:flex-start;
    }

    .TNwBL {
      color:var(--color--text-muted);
      margin:0px;
      display:block;
      font-size:0.8125rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.45;
      white-space:pre-line;
      flex-direction:row;
    }

    .cNeBAL {
      color:inherit;
      margin:0px;
      display:block;
      font-size:0.9375rem;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
    }

    .YXvmh {
      color:var(--color--warning);
      margin:0.25rem 0 0;
      display:block;
      font-size:0.8125rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.45;
      flex-direction:row;
    }

    .OFWBs {
      gap:0.875rem;
      color:inherit;
      display:grid;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    @media (max-width: 640px) {

    .OFWBs {
      grid-template-columns:minmax(0, 1fr);
    }
    }

    .cxZexB {
      gap:0.5rem;
      color:var(--color--danger);
      border:1px solid rgba(255, 105, 97, 0.3);
      display:flex;
      padding:0.625rem 0.875rem;
      flex-wrap:wrap;
      font-size:0.875rem;
      background:rgba(255, 105, 97, 0.08);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--radius--sm);
      flex-direction:row;
    }

    .xXYzC {
      color:var(--color--text-muted);
      margin:0px;
      display:block;
      font-size:0.75rem;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
      letter-spacing:0.08em;
      text-transform:uppercase;
    }

    .cGslTG {
      color:inherit;
      inset:0;
      display:flex;
      padding:1rem;
      z-index:160;
      position:fixed;
      font-size:inherit;
      background:rgba(0, 0, 0, 0.6);
      box-sizing:border-box;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      backdrop-filter:blur(6px);
      justify-content:center;
      -webkit-backdrop-filter:blur(6px);
    }

    .fxjMfn {
      color:var(--color--text-muted);
      margin:0px;
      display:block;
      font-size:0.9375rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      flex-direction:row;
    }

    .fihMSV {
      color:inherit;
      margin:0px;
      display:block;
      font-size:1.125rem;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
      letter-spacing:-0.02em;
    }

    .cgrATE {
      gap:1rem;
      color:var(--color--text);
      width:min(520px, 100%);
      border:1px solid var(--color--border-strong);
      display:flex;
      padding:1.5rem;
      animation:sendIn 0.22s var(--ease--out-expo);
      font-size:inherit;
      background:rgba(24, 24, 27, 0.96);
      box-shadow:0 30px 80px rgba(0, 0, 0, 0.55);
      box-sizing:border-box;
      max-height:calc(100vh - 2rem);
      overflow-y:auto;
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--radius--md);
      flex-direction:column;
    }

    @keyframes sendIn {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(8px) scale(0.98);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: none;
        }
    }

    .ApUlG {
      gap:0.75rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eYdPXf {
      gap:0.5rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      padding-top:0.25rem;
      flex-direction:row;
      justify-content:flex-end;
    }

    .xjvXg {
      color:inherit;
      width:36px;
      height:36px;
      display:inline-flex;
      font-size:inherit;
      background:rgba(255, 255, 255, 0.08);
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:row;
      justify-content:center;
    }

    .AdminSendInvoiceDialog\:headIconSvg {
      --icon-size:18px;
    }

    .fjdmeF {
      color:inherit;
      margin:0px;
      display:block;
      font-size:1.25rem;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:-0.02em;
      font-variant-numeric:tabular-nums;
    }

    .iWwpq {
      gap:0.5rem;
      color:inherit;
      border:1px solid var(--glass-border);
      margin:0px;
      display:flex;
      padding:1rem 1.125rem;
      font-size:inherit;
      background:rgba(255, 255, 255, 0.04);
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--radius--sm);
      flex-direction:column;
    }

    .oDmAE {
      gap:1rem;
      color:inherit;
      display:grid;
      font-size:inherit;
      margin-top:0.5rem;
      align-items:start;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:minmax(0, 1fr) minmax(0, 320px);
    }

    @media (max-width: 640px) {

    .oDmAE {
      grid-template-columns:minmax(0, 1fr);
    }
    }

    .eWbfgx {
      gap:0.875rem;
      color:inherit;
      display:grid;
      font-size:inherit;
      max-width:380px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .eIErFG {
      flex:1 1 200px;
      color:inherit;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eWvlcN {
      gap:0.875rem;
      color:inherit;
      display:grid;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:repeat(4, minmax(0, 1fr));
    }

    @media (max-width: 760px) {

    .eWvlcN {
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    }

    .czZOUz {
      gap:0.75rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .dXofmm {
      color:inherit;
      display:list-item;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fsZgMc {
      gap:0.375rem;
      color:var(--color--text-muted);
      margin:0px;
      display:flex;
      padding:0 0 0 1.125rem;
      font-size:0.8125rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      flex-direction:column;
    }

    .eYNrJt {
      gap:0.875rem;
      color:inherit;
      display:grid;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:minmax(0, 1fr) minmax(0, 2fr);
    }

    @media (max-width: 640px) {

    .eYNrJt {
      grid-template-columns:minmax(0, 1fr);
    }
    }

    .AdminInvoiceEditor\:previewIcon {
      --icon-size:15px;
    }

    .eDoBrQ {
      gap:0.375rem;
      color:var(--color--text);
      border:1px solid var(--glass-border);
      height:34px;
      display:inline-flex;
      padding:0 0.875rem;
      font-size:0.8125rem;
      background:rgba(255, 255, 255, 0.06);
      align-items:center;
      font-family:inherit;
      font-weight:500;
      border-radius:999px;
      flex-direction:row;
      text-decoration:none;
    }

    .eDoBrQ:hover {
      background:rgba(255, 255, 255, 0.1);
    }

    .eDoBrQ:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:2px;
    }

    .eDoBrQ:active {
      background:rgba(255, 255, 255, 0.14);
    }

    .bZGXzz {
      gap:0.625rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .doVXQT {
      gap:0.75rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bgyFWT {
      gap:0.875rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .cUJjwG {
      gap:0.625rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .Team\:newBtn {
      margin-left:auto;
    }

    .dHlObW {
      gap:1rem;
      color:var(--color--danger);
      border:1px solid var(--color--border-strong);
      display:flex;
      padding:1rem 1.25rem;
      flex-wrap:wrap;
      font-size:0.9375rem;
      background:var(--glass-bg);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--radius--sm);
      flex-direction:row;
      justify-content:space-between;
    }

    .fGgaRG {
      color:var(--color--text);
      margin:0px;
      display:block;
      font-size:clamp(1.75rem, 4vw, 2.25rem);
      font-family:inherit;
      font-weight:600;
      line-height:1.1;
      flex-direction:row;
      letter-spacing:-0.035em;
    }

    .dFmmyy {
      gap:2px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    @media (max-width: 899px) {

    .dFmmyy {
      gap:4px;
      flex-direction:row;
    }
    }

    .bmFzTJ {
      gap:1.75rem;
      top:0px;
      color:var(--color--text);
      width:248px;
      height:100vh;
      display:flex;
      padding:1.25rem 0.875rem;
      z-index:20;
      position:sticky;
      font-size:inherit;
      background:var(--glass-bg);
      box-sizing:border-box;
      overflow-y:auto;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-right:1px solid var(--glass-border);
      flex-direction:column;
      backdrop-filter:var(--glass-filter);
      -webkit-backdrop-filter:var(--glass-filter);
    }

    @media (max-width: 899px) {

    .bmFzTJ {
      gap:0.75rem;
      width:100%;
      height:auto;
      padding:0.625rem var(--page-gutter);
      overflow-x:auto;
      overflow-y:hidden;
      align-items:center;
      border-right:0;
      border-bottom:1px solid var(--glass-border);
      flex-direction:row;
    }
    }

    .cbmvYZ {
      gap:0.5rem;
      color:var(--color--text);
      display:inline-flex;
      padding:0.25rem 0.5rem;
      font-size:0.9375rem;
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:600;
      border-radius:8px;
      flex-direction:row;
      letter-spacing:-0.02em;
      text-decoration:none;
    }

    .cbmvYZ:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:3px;
    }

    .cyPLke {
      flex-direction:column;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:0.5rem;
      border-top:1px solid var(--glass-border);
      margin-top:auto;
      align-items:stretch;
      padding-top:1rem;
    }

    @media (max-width: 899px) {

    .cyPLke {
      border-top:0;
      margin-top:0px;
      align-items:center;
      flex-shrink:0;
      margin-left:auto;
      padding-top:0px;
      flex-direction:row;
    }
    }

    .AdminSidebar\:navIcon {
      --icon-size:18px;
      flex-shrink:0;
    }

    .uvFuV {
      gap:0.75rem;
      color:var(--color--text-muted);
      width:100%;
      border:0;
      cursor:pointer;
      display:flex;
      padding:0.625rem 0.75rem;
      font-size:0.9375rem;
      background:transparent;
      text-align:left;
      transition:background 0.18s ease, color 0.18s ease;
      align-items:center;
      font-family:inherit;
      font-weight:500;
      white-space:nowrap;
      border-radius:12px;
      flex-direction:row;
      letter-spacing:-0.01em;
    }

    .uvFuV.active {
      color:var(--color--text);
      background:rgba(255, 255, 255, 0.1);
      box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.06);
    }

    .uvFuV:hover {
      color:var(--color--text);
      background:var(--color--surface-hover);
    }

    .uvFuV:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:2px;
    }

    .uvFuV:active {
      background:rgba(255, 255, 255, 0.12);
    }

    @media (max-width: 899px) {

    .uvFuV {
      gap:0.5rem;
      width:auto;
      padding:0.5rem 0.75rem;
      font-size:0.875rem;
    }
    }

    .eKvbuW {
      color:var(--color--text);
      display:inline;
      padding:1px 7px;
      font-size:0.75rem;
      min-width:20px;
      background:rgba(255, 255, 255, 0.1);
      box-sizing:border-box;
      text-align:center;
      font-family:inherit;
      font-weight:600;
      margin-left:auto;
      border-radius:999px;
      flex-direction:row;
    }

    .eKvbuW.alert {
      color:var(--color--danger);
      background:rgba(255, 105, 97, 0.16);
    }

    @media (max-width: 899px) {

    .eKvbuW {
      margin-left:0px;
    }
    }

    .eyKhue {
      color:var(--color--text-muted);
      border:1px solid var(--color--border-strong);
      display:inline-flex;
      padding:2px 9px;
      font-size:0.75rem;
      font-family:inherit;
      font-weight:500;
      border-radius:999px;
      flex-direction:row;
      letter-spacing:0;
    }

    .deRKea {
      color:inherit;
      width:auto;
      height:var(--logo-height);
      display:block;
      overflow:visible;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fodhUF {
      --logo-height:27px;
      color:var(--color--text);
      display:inline-flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      line-height:0;
      flex-direction:row;
    }

    .CmsBrand\:mark {
      --logo-height:0.85em;
    }

    .dlZOHB {
      --brand-size:15px;
      gap:0.6em;
      color:var(--color--text);
      display:inline-flex;
      font-size:var(--brand-size);
      align-items:center;
      font-family:var(--font--sans);
      font-weight:inherit;
      line-height:1;
      white-space:nowrap;
      flex-direction:row;
    }

    .szZAA {
      gap:0.35em;
      color:inherit;
      display:inline-flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cImrkA {
      color:var(--color--on-accent);
      display:inline-flex;
      padding:0.32em 0.42em 0.3em 0.56em;
      font-size:0.6em;
      background:var(--color--accent);
      box-shadow:0 0 0 1px rgba(255, 255, 255, 0.08), 0 2px 8px rgba(255, 255, 255, 0.08);
      align-items:center;
      font-family:var(--font--mono);
      font-weight:700;
      line-height:1;
      border-radius:0.5em;
      flex-direction:row;
      letter-spacing:0.14em;
    }

    .dDiThU {
      color:inherit;
      width:1.8em;
      border:1px solid rgba(255, 255, 255, 0.12);
      height:1.8em;
      display:inline-grid;
      font-size:inherit;
      background:linear-gradient(160deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.03));
      box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 4px 14px rgba(0, 0, 0, 0.35);
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      place-items:center;
      border-radius:0.55em;
      flex-direction:row;
    }

    .dHYCsS {
      color:var(--color--text);
      display:inline;
      font-size:1.0667em;
      font-family:inherit;
      font-weight:650;
      flex-direction:row;
      letter-spacing:-0.035em;
    }

    .AdminSidebar\:brandMark {
      --brand-size:15px;
    }

    .csutVL {
      color:var(--color--text-faint);
      margin:0 0 0.25rem;
      display:block;
      padding:0 0.5rem;
      overflow:hidden;
      font-size:0.8125rem;
      font-family:inherit;
      font-weight:inherit;
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    @media (max-width: 899px) {

    .csutVL {
      display:none;
    }
    }

    .clooma {
      gap:0.75rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bwWOcH {
      gap:0.75rem;
      color:inherit;
      border:1px dashed var(--color--border-strong);
      display:flex;
      padding:2.5rem 1.5rem;
      font-size:inherit;
      text-align:center;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--radius--md);
      flex-direction:column;
    }

    .czrokP {
      color:var(--color--success);
      border:1px solid var(--glass-border);
      margin:0px;
      display:block;
      padding:0.75rem 1rem;
      font-size:0.875rem;
      background:var(--glass-bg);
      font-family:inherit;
      font-weight:500;
      line-height:1.45;
      border-radius:var(--radius--sm);
      flex-direction:row;
    }

    .bhlIjY {
      color:var(--color--text-muted);
      border:1px dashed var(--color--border-strong);
      margin:0px;
      display:block;
      padding:2rem 1rem;
      font-size:0.9375rem;
      text-align:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--radius--md);
      flex-direction:row;
    }

    .TpFal {
      gap:1rem;
      color:inherit;
      width:100%;
      border:1px solid transparent;
      cursor:pointer;
      display:flex;
      padding:0.875rem 1rem;
      font-size:inherit;
      background:transparent;
      box-sizing:border-box;
      text-align:left;
      transition:background 0.18s ease, border-color 0.18s ease;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:14px;
      flex-direction:row;
    }

    .TpFal.selected {
      background:rgba(255, 255, 255, 0.09);
      border-color:var(--color--border-strong);
    }

    .TpFal:hover {
      background:var(--color--surface-hover);
      border-color:var(--glass-border);
    }

    .TpFal:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:2px;
    }

    .TpFal:active {
      background:rgba(255, 255, 255, 0.1);
    }

    .dcUATe {
      gap:0.375rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:flex-end;
    }

    .bcxqiq {
      color:var(--color--text-faint);
      display:block;
      overflow:hidden;
      font-size:0.8125rem;
      max-width:100%;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    .bctZhZ {
      gap:3px;
      flex:1 1 auto;
      color:inherit;
      display:flex;
      overflow:hidden;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .eHOWMh {
      color:var(--color--text);
      display:block;
      overflow:hidden;
      font-size:0.9375rem;
      max-width:100%;
      min-width:0px;
      font-family:inherit;
      font-weight:500;
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    .Team\:searchIcon {
      --icon-size:16px;
      top:50%;
      left:16px;
      color:var(--color--text-faint);
      position:absolute;
      transform:translateY(-50%);
      pointer-events:none;
    }

    .cbSOgs {
      flex:1 1 280px;
      color:inherit;
      display:block;
      position:relative;
      font-size:inherit;
      max-width:480px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fDSRxZ {
      gap:0.75rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-height:28px;
      align-items:flex-end;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .dSIKcK {
      gap:0.5rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .chFXbj {
      gap:0.75rem;
      color:inherit;
      border:1px solid var(--glass-border);
      display:flex;
      padding:1.125rem 1.125rem 1rem;
      overflow:hidden;
      position:relative;
      font-size:inherit;
      isolation:isolate;
      min-width:0px;
      background:var(--glass-bg);
      transition:border-color 0.3s ease, transform 0.4s var(--ease--out-expo);
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--radius--md);
      flex-direction:column;
      backdrop-filter:var(--glass-filter);
      -webkit-backdrop-filter:var(--glass-filter);
    }

    .chFXbj.highlight {
      background:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, 0.1), transparent 55%), var(--glass-bg);
      border-color:rgba(255, 255, 255, 0.18);
    }

    .chFXbj:hover {
      transform:translateY(-2px);
      border-color:var(--color--border-strong);
    }

    .dzvzYy {
      gap:2px;
      color:inherit;
      width:46%;
      height:28px;
      display:flex;
      font-size:inherit;
      max-width:120px;
      align-items:flex-end;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .FRsL {
      color:var(--color--text-faint);
      display:inline;
      font-size:0.625rem;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.04em;
      text-transform:uppercase;
    }

    .StatCard\:iconEl {
      --icon-size:15px;
    }

    .bFUydd {
      color:var(--color--text-muted);
      display:inline;
      font-size:0.8125rem;
      font-family:inherit;
      font-weight:500;
      flex-direction:row;
    }

    .dErtON {
      color:var(--color--text);
      display:inline;
      font-size:clamp(1.75rem, 3vw, 2.25rem);
      font-family:inherit;
      font-weight:600;
      line-height:1;
      flex-direction:row;
      letter-spacing:-0.045em;
      font-variant-numeric:tabular-nums;
    }

    .eVvDUa {
      color:var(--color--text);
      width:30px;
      border:1px solid rgba(255, 255, 255, 0.1);
      height:30px;
      display:inline-flex;
      font-size:inherit;
      background:rgba(255, 255, 255, 0.08);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:10px;
      flex-direction:row;
      justify-content:center;
    }

    .conOcQ {
      flex:1;
      color:inherit;
      height:var(--barH);
      display:inline;
      font-size:inherit;
      min-width:2px;
      background:var(--color--border-strong);
      transition:height 0.6s var(--ease--out-expo);
      font-family:inherit;
      font-weight:inherit;
      border-radius:2px;
      flex-direction:row;
    }

    .conOcQ.last {
      background:var(--color--accent);
      box-shadow:0 0 8px rgba(255, 255, 255, 0.35);
    }

    .dSXhwJ {
      color:var(--color--on-accent);
      height:16px;
      display:inline-flex;
      padding:0 0.35rem;
      font-size:0.625rem;
      align-self:center;
      background:var(--color--accent);
      align-items:center;
      font-family:inherit;
      font-weight:800;
      border-radius:4px;
      flex-direction:row;
      letter-spacing:0.04em;
    }

    .byWHRI {
      gap:0.75rem;
      color:inherit;
      display:flex;
      padding:1rem 1.25rem;
      font-size:inherit;
      background:rgba(0, 0, 0, 0.12);
      font-family:inherit;
      font-weight:inherit;
      border-bottom:1px solid var(--color--border);
      flex-direction:column;
    }

    .cCYIuN {
      flex:var(--detail-flex, 0 0 auto);
      color:inherit;
      border:1px solid var(--glass-border);
      display:flex;
      overflow:hidden;
      animation:threadIn 0.4s var(--ease--out-expo) both;
      font-size:inherit;
      min-width:0px;
      background:var(--glass-bg);
      box-shadow:var(--glass-shadow);
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--radius--lg);
      flex-direction:column;
      backdrop-filter:var(--glass-filter);
      -webkit-backdrop-filter:var(--glass-filter);
    }

    @media (min-width: 1000px) {

    .cCYIuN {
      height:var(--detail-height, calc(100vh - 150px));
      min-height:var(--detail-min-height, 520px);
    }
    }

    @keyframes threadIn {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateX(12px);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: translateX(0);
        }
    }

    .eOJHLi {
      gap:0.2rem;
      flex:1;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .DHnVB {
      gap:0.5rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      align-items:baseline;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .ciPgcz {
      color:var(--color--text);
      display:inline;
      font-size:0.9375rem;
      font-family:inherit;
      font-weight:650;
      flex-direction:row;
    }

    .cQXUsU {
      color:var(--color--text);
      margin:0px;
      display:block;
      font-size:0.9375rem;
      word-break:break-word;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.55;
      white-space:pre-wrap;
      flex-direction:row;
    }

    .doBQyd {
      color:var(--color--text);
      margin:0px;
      display:block;
      font-size:1.125rem;
      word-break:break-word;
      font-family:inherit;
      font-weight:650;
      line-height:1.3;
      flex-direction:row;
      letter-spacing:-0.015em;
    }

    .cowXvm {
      color:#ffffff;
      width:40px;
      height:40px;
      display:inline-flex;
      font-size:0.875rem;
      background:linear-gradient(135deg, #3f6d66, #1d302d);
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:700;
      border-radius:50%;
      flex-direction:row;
      justify-content:center;
    }

    .cowXvm.op {
      background:linear-gradient(135deg, #6a4f7c, #2c2236);
    }

    .cZYupT {
      color:var(--color--text-faint);
      width:40px;
      display:inline-flex;
      opacity:0.55;
      font-size:0.625rem;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      padding-top:0.2rem;
      flex-direction:row;
      justify-content:center;
    }

    .dUJkxN {
      gap:0.875rem;
      color:inherit;
      display:flex;
      padding:0.5rem 1.25rem 0.25rem;
      font-size:inherit;
      margin-top:0.5rem;
      transition:background 0.12s ease;
      border-left:2px solid transparent;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dUJkxN.grouped {
      margin-top:0px;
      padding-top:0.125rem;
    }

    .dUJkxN.internal {
      background:rgba(251, 191, 36, 0.05);
      border-left-color:var(--color--warning);
    }

    .dUJkxN:hover {
      background:rgba(255, 255, 255, 0.025);
    }

    .eCQwcy {
      gap:0.75rem;
      color:var(--color--text-faint);
      display:flex;
      padding:0.5rem 1.25rem;
      font-size:0.75rem;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
    }

    .Visxb {
      gap:0.75rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:flex-start;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .doMuKQ {
      color:inherit;
      display:block;
      padding:1.25rem;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dJzmvb {
      color:inherit;
      margin:0px;
      display:flex;
      padding:0.75rem 0 1rem;
      font-size:inherit;
      list-style:none;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .egfLeC {
      color:var(--color--on-accent);
      width:36px;
      border:none;
      cursor:pointer;
      height:36px;
      display:inline-flex;
      padding:0px;
      font-size:inherit;
      background:var(--color--accent);
      transition:opacity 0.15s ease, transform 0.15s ease;
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:10px;
      flex-direction:row;
      justify-content:center;
    }

    .egfLeC:hover {
      opacity:0.9;
    }

    .egfLeC:active {
      transform:scale(0.94);
    }

    .egfLeC:disabled {
      cursor:not-allowed;
      opacity:0.35;
    }

    .egfLeC:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:2px;
    }

    .yNfkm {
      gap:0.875rem;
      color:inherit;
      display:flex;
      padding:0.75rem 1.25rem;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dGpUIy {
      color:inherit;
      width:7px;
      height:7px;
      display:inline-block;
      font-size:inherit;
      background:var(--tag-color, #94a3b8);
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
    }

    .eVNOKW {
      color:inherit;
      width:8px;
      height:8px;
      display:inline-block;
      font-size:inherit;
      background:var(--tag-color, #94a3b8);
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
    }

    .cvVqhA {
      gap:0.375rem;
      color:var(--color--text);
      border:1px solid rgba(255, 255, 255, 0.08);
      height:22px;
      display:inline-flex;
      padding:0 0.5rem;
      font-size:0.75rem;
      background:rgba(255, 255, 255, 0.06);
      align-items:center;
      font-family:inherit;
      font-weight:600;
      white-space:nowrap;
      border-radius:999px;
      flex-direction:row;
    }

    .feSpOf {
      gap:0.4rem;
      color:var(--color--text-muted);
      border:1px solid var(--color--border-strong);
      cursor:pointer;
      height:30px;
      display:inline-flex;
      padding:0 0.75rem;
      font-size:0.8125rem;
      background:rgba(255, 255, 255, 0.03);
      transition:background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      white-space:nowrap;
      border-radius:999px;
      flex-direction:row;
    }

    .feSpOf.selected {
      color:var(--color--text);
      background:rgba(255, 255, 255, 0.09);
      border-color:var(--tag-color, #94a3b8);
    }

    .feSpOf:hover {
      color:var(--color--text);
      background:var(--color--surface-hover);
    }

    .feSpOf:active {
      transform:scale(0.97);
    }

    .feSpOf:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:2px;
    }

    .CmsTagPill\:toggleCheck {
      --icon-size:13px;
    }

    .drTScd {
      color:var(--color--text-muted);
      width:34px;
      border:1px solid transparent;
      cursor:pointer;
      height:34px;
      display:inline-flex;
      padding:0px;
      font-size:inherit;
      background:transparent;
      transition:background 0.15s ease, color 0.15s ease;
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:10px;
      flex-direction:row;
      justify-content:center;
    }

    .drTScd:hover {
      color:var(--color--text);
      background:var(--color--surface-hover);
    }

    .drTScd:active {
      transform:scale(0.95);
    }

    .drTScd:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:2px;
    }

    .tlohU {
      gap:0.4rem;
      color:inherit;
      display:flex;
      padding:0.75rem 1rem 0.875rem;
      font-size:inherit;
      background:rgba(0, 0, 0, 0.12);
      border-top:1px solid var(--color--border);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .QLyfI {
      gap:0.4rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .qkPQP {
      gap:0.5rem;
      color:inherit;
      border:1px solid rgba(255, 255, 255, 0.1);
      display:flex;
      padding:0.375rem 0.375rem 0.375rem 0.875rem;
      font-size:inherit;
      background:rgba(255, 255, 255, 0.06);
      transition:border-color 0.15s ease, background 0.15s ease;
      align-items:flex-end;
      font-family:inherit;
      font-weight:inherit;
      border-radius:14px;
      flex-direction:row;
    }

    .qkPQP.internal {
      background:rgba(251, 191, 36, 0.06);
      border-color:var(--color--warning);
    }

    .qkPQP:focus-within {
      border-color:var(--color--accent);
    }

    .ejEgjB {
      flex:1;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-height:0px;
      overflow-y:auto;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column-reverse;
      scrollbar-width:thin;
      overscroll-behavior:contain;
    }

    .ejEgjB::-webkit-scrollbar {
    width: 4px;
    }

    .CmsTicketDetail\:sendIcon {
      --icon-size:16px;
    }

    .ccSKgZ {
      gap:0.25rem;
      color:var(--color--warning);
      display:inline-flex;
      font-size:0.6875rem;
      align-self:center;
      align-items:center;
      font-family:inherit;
      font-weight:700;
      flex-direction:row;
    }

    .CmsTicketDetail\:closeIcon {
      --icon-size:16px;
    }

    .cHTipF {
      gap:0.3rem;
      color:var(--color--text-muted);
      border:1px solid rgba(255, 255, 255, 0.08);
      height:22px;
      display:inline-flex;
      padding:0 0.5rem;
      font-size:0.75rem;
      background:rgba(255, 255, 255, 0.06);
      align-items:center;
      font-family:inherit;
      font-weight:700;
      border-radius:999px;
      flex-direction:row;
    }

    .cHTipF.progress {
      color:var(--color--accent);
    }

    .cHTipF.solved {
      color:var(--color--success);
      background:rgba(52, 211, 153, 0.12);
      border-color:rgba(52, 211, 153, 0.3);
    }

    .CmsTicketDetail\:stateIcon {
      --icon-size:12px;
    }

    .cImXQb {
      gap:0.4rem;
      color:inherit;
      display:flex;
      padding:0.75rem 1.25rem;
      animation:tagsIn 0.25s var(--ease--out-expo) both;
      flex-wrap:wrap;
      font-size:inherit;
      background:rgba(0, 0, 0, 0.18);
      font-family:inherit;
      font-weight:inherit;
      border-bottom:1px solid var(--color--border);
      flex-direction:row;
    }

    @keyframes tagsIn {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(-4px);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: translateY(0);
        }
    }

    .LWFpt {
      flex:1;
      color:inherit;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bJTQS {
      flex:1;
      font:inherit;
      color:var(--color--text);
      border:none;
      resize:none;
      display:block;
      outline:none;
      padding:0.5rem 0;
      font-size:0.9375rem;
      min-width:0px;
      background:transparent;
      max-height:180px;
      min-height:36px;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.45;
      field-sizing:content;
      flex-direction:row;
    }

    .fEtWgh {
      color:var(--color--text-muted);
      width:34px;
      height:34px;
      display:inline-flex;
      font-size:inherit;
      background:var(--color--surface-raised);
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:10px;
      flex-direction:row;
      justify-content:center;
    }

    .cwQjmo {
      flex:1;
      color:inherit;
      height:1px;
      display:block;
      font-size:inherit;
      background:var(--color--border);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bpSgwX {
      gap:0.3rem;
      color:var(--color--text-faint);
      border:1px dashed var(--color--border-strong);
      cursor:pointer;
      height:22px;
      display:inline-flex;
      padding:0 0.5rem;
      font-size:0.75rem;
      background:transparent;
      transition:color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:999px;
      flex-direction:row;
    }

    .bpSgwX:hover {
      color:var(--color--text);
      background:var(--color--surface-hover);
      border-color:var(--color--text-faint);
    }

    .bpSgwX:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:2px;
    }

    .eoxdgV {
      gap:0.25rem;
      flex:1;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .fxilte {
      color:var(--color--text-faint);
      display:inline;
      font-size:0.6875rem;
      margin-top:0.25rem;
      font-family:var(--font--mono);
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.08em;
      text-transform:uppercase;
    }

    .ecXaku {
      color:var(--color--text);
      margin:0px;
      display:block;
      font-size:0.9375rem;
      word-break:break-word;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.6;
      white-space:pre-wrap;
      flex-direction:row;
    }

    .esQoJf {
      gap:0.75rem;
      color:var(--color--text-faint);
      display:flex;
      padding:0 0.25rem;
      flex-wrap:wrap;
      font-size:0.75rem;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .ydwsn {
      color:var(--color--text-faint);
      display:inline;
      font-size:0.75rem;
      font-family:inherit;
      font-weight:inherit;
      margin-left:auto;
      flex-direction:row;
    }

    .CmsTicketDetail\:editTagsIcon {
      --icon-size:12px;
    }

    .CmsTicketDetail\:internalIcon {
      --icon-size:12px;
    }

    .cUkHdJ {
      color:var(--color--warning);
      height:22px;
      display:inline-flex;
      padding:0 0.5rem;
      font-size:0.6875rem;
      background:rgba(251, 191, 36, 0.1);
      align-items:center;
      font-family:inherit;
      font-weight:700;
      border-radius:6px;
      flex-direction:row;
      letter-spacing:0.04em;
      text-transform:uppercase;
    }

    .cUkHdJ.urgent {
      color:var(--color--danger);
      background:rgba(248, 113, 113, 0.12);
    }

    .CmsTicketDetail\:cInternalIcon {
      --icon-size:11px;
    }

    .cVItOy {
      color:var(--color--danger);
      display:inline;
      font-size:0.75rem;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
    }

    .cRUETu {
      color:inherit;
      margin:0px;
      display:inline-block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      accent-color:var(--color--warning);
      flex-direction:row;
    }

    .egAipc {
      color:#ffffff;
      width:40px;
      height:40px;
      display:inline-flex;
      font-size:0.875rem;
      background:linear-gradient(135deg, #6a4f7c, #2c2236);
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:700;
      border-radius:50%;
      flex-direction:row;
      justify-content:center;
    }

    .cWpbFU {
      gap:0.35rem;
      color:var(--color--text-muted);
      cursor:pointer;
      display:inline-flex;
      font-size:0.75rem;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
    }

    .czhkbH {
      color:inherit;
      display:block;
      padding:0.5rem 1.25rem;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dopiJW {
      gap:0.875rem;
      color:inherit;
      display:flex;
      padding:0.875rem 1rem;
      animation:sxRowIn 0.4s ease-out both;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-bottom:1px solid var(--color--border);
      flex-direction:row;
      animation-delay:var(--sx-delay, 0ms);
    }

    .dopiJW:last-child {
      border-bottom:none;
    }

    @keyframes sxRowIn {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(4px);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: translateY(0);
        }
    }

    .etvkQq {
      gap:0.75rem;
      color:inherit;
      border:1px solid var(--glass-border);
      display:flex;
      padding:1.125rem;
      animation:sxRowIn 0.4s ease-out both;
      font-size:inherit;
      background:var(--glass-bg);
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--radius--md);
      flex-direction:column;
      animation-delay:var(--sx-delay, 0ms);
    }

    .cDeURt {
      color:inherit;
      width:var(--sx-w, 80%);
      height:12px;
      display:block;
      animation:sxShimmer 1.4s ease-in-out infinite;
      font-size:inherit;
      background:linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.12) 40%, rgba(255, 255, 255, 0.05) 80%);
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:row;
      background-size:220% 100%;
    }

    @media (prefers-reduced-motion: reduce) {

    .cDeURt {
      animation:none;
    }
    }

    @keyframes sxShimmer {
        0% {
          background-position: 110% 0;
        }

        100% {
          background-position: -110% 0;
        }
    }

    .ekfnUT {
      color:inherit;
      width:100%;
      display:block;
      animation:sxSkelIn 0.25s ease-out both;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    @keyframes sxSkelIn {
        0% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
    }

    .eydhSt {
      gap:0.5rem;
      color:inherit;
      border:1px solid var(--color--border);
      display:flex;
      padding:0.5rem;
      animation:sxRowIn 0.4s ease-out both;
      font-size:inherit;
      background:var(--color--surface);
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--radius--md);
      flex-direction:column;
      animation-delay:var(--sx-delay, 0ms);
    }

    .kWaSX {
      gap:0.75rem;
      color:inherit;
      display:flex;
      animation:sxRowIn 0.4s ease-out both;
      font-size:inherit;
      align-items:flex-start;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      animation-delay:var(--sx-delay, 0ms);
    }

    .bLNYHU {
      color:inherit;
      width:var(--sx-w, 75%);
      height:30px;
      display:block;
      animation:sxShimmer 1.4s ease-in-out infinite;
      font-size:inherit;
      background:linear-gradient(90deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.04) 80%);
      font-family:inherit;
      font-weight:inherit;
      border-radius:10px;
      flex-direction:row;
      background-size:220% 100%;
    }

    @media (prefers-reduced-motion: reduce) {

    .bLNYHU {
      animation:none;
    }
    }

    .jjiHi {
      gap:0.375rem;
      color:inherit;
      display:flex;
      padding:0 0.25rem;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .blvTdc {
      color:inherit;
      width:64px;
      height:22px;
      display:block;
      animation:sxShimmer 1.4s ease-in-out infinite;
      font-size:inherit;
      background:linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.11) 40%, rgba(255, 255, 255, 0.05) 80%);
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:999px;
      flex-direction:row;
      background-size:220% 100%;
    }

    @media (max-width: 560px) {

    .blvTdc {
      display:none;
    }
    }

    @media (prefers-reduced-motion: reduce) {

    .blvTdc {
      animation:none;
    }
    }

    .liVoz {
      clip:rect(0, 0, 0, 0);
      color:inherit;
      width:1px;
      border:0;
      height:1px;
      margin:-1px;
      display:inline;
      padding:0px;
      overflow:hidden;
      position:absolute;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      white-space:nowrap;
      flex-direction:row;
    }

    .Vfgha {
      color:inherit;
      width:35%;
      height:8px;
      display:block;
      font-size:inherit;
      background:rgba(255, 255, 255, 0.05);
      font-family:inherit;
      font-weight:inherit;
      border-radius:4px;
      flex-direction:row;
    }

    .rzvgL {
      gap:0.75rem;
      color:inherit;
      display:grid;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));
    }

    .PeGPP {
      color:inherit;
      width:var(--sx-w, 50%);
      height:12px;
      display:block;
      animation:sxShimmer 1.4s ease-in-out infinite;
      font-size:inherit;
      background:linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.13) 40%, rgba(255, 255, 255, 0.06) 80%);
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:row;
      background-size:220% 100%;
    }

    @media (prefers-reduced-motion: reduce) {

    .PeGPP {
      animation:none;
    }
    }

    .dGqbZl {
      color:inherit;
      width:var(--sx-w, 30%);
      height:9px;
      display:block;
      animation:sxShimmer 1.4s ease-in-out infinite;
      font-size:inherit;
      background:linear-gradient(90deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.09) 40%, rgba(255, 255, 255, 0.04) 80%);
      font-family:inherit;
      font-weight:inherit;
      border-radius:5px;
      flex-direction:row;
      background-size:220% 100%;
    }

    @media (prefers-reduced-motion: reduce) {

    .dGqbZl {
      animation:none;
    }
    }

    .yftlz {
      gap:0.5rem;
      flex:1;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .enSlwa {
      color:inherit;
      border:1px solid var(--glass-border);
      display:flex;
      overflow:hidden;
      font-size:inherit;
      background:var(--glass-bg);
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--radius--md);
      flex-direction:column;
    }

    .bQDkjj {
      color:inherit;
      width:70%;
      height:10px;
      margin:0 0.25rem;
      display:block;
      animation:sxShimmer 1.4s ease-in-out infinite;
      font-size:inherit;
      background:linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.12) 40%, rgba(255, 255, 255, 0.06) 80%);
      font-family:inherit;
      font-weight:inherit;
      border-radius:5px;
      flex-direction:row;
      background-size:220% 100%;
    }

    @media (prefers-reduced-motion: reduce) {

    .bQDkjj {
      animation:none;
    }
    }

    .dQMHGF {
      color:inherit;
      width:45%;
      height:10px;
      display:block;
      font-size:inherit;
      background:rgba(255, 255, 255, 0.07);
      font-family:inherit;
      font-weight:inherit;
      border-radius:5px;
      flex-direction:row;
    }

    .elNIyY {
      color:inherit;
      width:60%;
      height:26px;
      display:block;
      animation:sxShimmer 1.4s ease-in-out infinite;
      font-size:inherit;
      background:linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.13) 40%, rgba(255, 255, 255, 0.06) 80%);
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px;
      flex-direction:row;
      background-size:220% 100%;
    }

    @media (prefers-reduced-motion: reduce) {

    .elNIyY {
      animation:none;
    }
    }

    .cNeiOG {
      color:inherit;
      width:36px;
      height:36px;
      display:block;
      animation:sxShimmer 1.4s ease-in-out infinite;
      font-size:inherit;
      background:linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.12) 40%, rgba(255, 255, 255, 0.05) 80%);
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:10px;
      flex-direction:row;
      background-size:220% 100%;
    }

    @media (prefers-reduced-motion: reduce) {

    .cNeiOG {
      animation:none;
    }
    }

    .XdUIE {
      color:inherit;
      width:100%;
      display:block;
      animation:sxShimmer 1.4s ease-in-out infinite;
      font-size:inherit;
      background:linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.12) 40%, rgba(255, 255, 255, 0.05) 80%);
      font-family:inherit;
      font-weight:inherit;
      aspect-ratio:4 / 3;
      border-radius:10px;
      flex-direction:row;
      background-size:220% 100%;
    }

    @media (prefers-reduced-motion: reduce) {

    .XdUIE {
      animation:none;
    }
    }

    .eEJsQv {
      color:inherit;
      width:30%;
      height:10px;
      display:block;
      font-size:inherit;
      background:rgba(255, 255, 255, 0.09);
      font-family:inherit;
      font-weight:inherit;
      border-radius:5px;
      flex-direction:row;
    }

    .SjyDg {
      color:inherit;
      width:92%;
      height:10px;
      display:block;
      animation:sxShimmer 1.4s ease-in-out infinite;
      font-size:inherit;
      background:linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.12) 40%, rgba(255, 255, 255, 0.05) 80%);
      font-family:inherit;
      font-weight:inherit;
      border-radius:5px;
      flex-direction:row;
      background-size:220% 100%;
    }

    @media (prefers-reduced-motion: reduce) {

    .SjyDg {
      animation:none;
    }
    }

    .fiuxeI {
      color:inherit;
      width:var(--sx-w, 60%);
      height:10px;
      display:block;
      animation:sxShimmer 1.4s ease-in-out infinite;
      font-size:inherit;
      background:linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.12) 40%, rgba(255, 255, 255, 0.05) 80%);
      font-family:inherit;
      font-weight:inherit;
      border-radius:5px;
      flex-direction:row;
      background-size:220% 100%;
    }

    @media (prefers-reduced-motion: reduce) {

    .fiuxeI {
      animation:none;
    }
    }

    .eiZqIH {
      color:inherit;
      width:32px;
      height:32px;
      display:block;
      font-size:inherit;
      background:rgba(255, 255, 255, 0.08);
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
    }

    .eRJOEj {
      gap:0.5rem;
      flex:1;
      color:inherit;
      border:1px solid var(--color--border);
      display:flex;
      padding:0.875rem 1rem;
      font-size:inherit;
      max-width:560px;
      background:var(--color--surface);
      font-family:inherit;
      font-weight:inherit;
      border-radius:14px;
      flex-direction:column;
    }

    .dOICBA {
      color:inherit;
      width:40%;
      height:8px;
      margin:0 0.25rem 0.25rem;
      display:block;
      font-size:inherit;
      background:rgba(255, 255, 255, 0.05);
      font-family:inherit;
      font-weight:inherit;
      border-radius:4px;
      flex-direction:row;
    }

    .CmsTicketDetail\:threadIconGlyph {
      --icon-size:17px;
    }

    .AdminActivityRow\:icon {
      --icon-size:16px;
    }

    .TeAlh {
      gap:0.875rem;
      color:inherit;
      display:flex;
      padding:0.75rem 0.25rem;
      font-size:inherit;
      align-items:flex-start;
      font-family:inherit;
      font-weight:inherit;
      border-bottom:1px solid var(--color--border);
      flex-direction:row;
    }

    .TeAlh:last-child {
      border-bottom:0;
    }

    .eiDkZz {
      color:var(--color--text-faint);
      display:block;
      font-size:0.75rem;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      padding-top:2px;
      white-space:nowrap;
      flex-direction:row;
    }

    .eIApHU {
      gap:2px;
      flex:1 1 auto;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .fbjIUs {
      color:var(--color--text-muted);
      width:32px;
      border:1px solid var(--glass-border);
      height:32px;
      display:inline-flex;
      font-size:inherit;
      background:rgba(255, 255, 255, 0.06);
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:10px;
      flex-direction:row;
      justify-content:center;
    }

    .cjSbws {
      color:var(--color--text);
      margin:0px;
      display:block;
      font-size:0.9375rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.4;
      overflow-wrap:anywhere;
      flex-direction:row;
    }

    .eMklwW {
      gap:1.25rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .chLXKK {
      gap:1rem;
      color:inherit;
      border:1px solid var(--glass-border);
      display:flex;
      padding:clamp(1.25rem, 3vw, 1.75rem);
      z-index:2;
      position:relative;
      font-size:inherit;
      background:var(--glass-bg);
      box-shadow:var(--glass-shadow);
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--radius--md);
      flex-direction:column;
      backdrop-filter:var(--glass-filter);
      -webkit-backdrop-filter:var(--glass-filter);
    }

    .bEvVGZ {
      color:var(--color--text-muted);
      margin:0px;
      display:block;
      font-size:0.875rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      flex-direction:row;
    }

    .YMMUQ {
      color:var(--color--text);
      margin:0px;
      display:block;
      font-size:1.125rem;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
      letter-spacing:-0.02em;
    }

    .bPyXpg {
      gap:0.25rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .TgnEL {
      color:var(--color--text);
      width:100%;
      border:1px solid rgba(255, 255, 255, 0.1);
      height:44px;
      display:block;
      outline:none;
      padding:0 16px 0 42px;
      font-size:15px;
      background:rgba(255, 255, 255, 0.06);
      box-sizing:border-box;
      transition:background 0.2s ease, border-color 0.2s ease, box-shadow 0.25s ease;
      font-family:inherit;
      font-weight:inherit;
      border-radius:999px;
      flex-direction:row;
      letter-spacing:-0.01em;
    }

    .TgnEL:hover {
      background:rgba(255, 255, 255, 0.075);
      border-color:rgba(255, 255, 255, 0.16);
    }

    .TgnEL:focus {
      background:rgba(255, 255, 255, 0.09);
      box-shadow:0 0 0 4px rgba(255, 255, 255, 0.07);
      border-color:rgba(255, 255, 255, 0.34);
    }

    .eFiZPD {
      clip:rect(0, 0, 0, 0);
      color:inherit;
      width:1px;
      border:0;
      height:1px;
      margin:-1px;
      display:block;
      padding:0px;
      overflow:hidden;
      position:absolute;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      white-space:nowrap;
      flex-direction:row;
    }

    .WhbiU {
      gap:1rem;
      color:inherit;
      display:grid;
      font-size:inherit;
      align-items:start;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:minmax(0, 1fr);
    }

    @media (min-width: 1100px) {

    .WhbiU.hasPane {
      grid-template-columns:minmax(0, 0.85fr) minmax(0, 1.15fr);
    }
    }

    .bdgckx {
      gap:0.4rem;
      font:inherit;
      color:var(--color--text-muted);
      border:1px solid var(--color--border-strong);
      cursor:pointer;
      height:32px;
      display:inline-flex;
      padding:0 0.875rem;
      font-size:0.8125rem;
      background:transparent;
      transition:color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease;
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:500;
      line-height:1;
      white-space:nowrap;
      border-radius:999px;
      flex-direction:row;
      justify-content:center;
    }

    .bdgckx.active {
      color:var(--background--main);
      background:var(--color--text);
      font-weight:600;
      border-color:var(--color--text);
    }

    .bdgckx.active:hover {
      color:var(--background--main);
      background:var(--color--text);
      border-color:var(--color--text);
    }

    .bdgckx.segmented {
      height:30px;
      border-color:transparent;
    }

    .bdgckx.segmented:hover {
      border-color:transparent;
    }

    .bdgckx.segmented:focus-visible {
      outline-offset:0px;
    }

    .bdgckx:hover {
      color:var(--color--text);
      background:var(--color--surface-hover);
      border-color:var(--color--text-faint);
    }

    .bdgckx:active {
      transform:scale(0.97);
    }

    .bdgckx:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:2px;
    }

    .bdgckx.selected {
      color:var(--color--text);
      background:var(--color--surface-hover);
      box-shadow:inset 0 0 0 1px var(--color--border-strong);
      font-weight:600;
      border-color:transparent;
    }

    .bdgckx.selected:hover {
      color:var(--color--text);
      background:var(--color--surface-hover);
      border-color:transparent;
    }

    .cdRvoj {
      gap:0.375rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      min-width:0px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cdRvoj.segmented {
      gap:2px;
      width:fit-content;
      border:1px solid var(--color--border);
      padding:3px;
      flex-wrap:nowrap;
      max-width:100%;
      background:var(--color--surface);
      overflow-x:auto;
      border-radius:999px;
      scrollbar-width:none;
    }

    .cdRvoj.segmented::-webkit-scrollbar {
    width: 0;
    }

    .fwDHbF {
      color:inherit;
      height:1.25rem;
      display:inline-flex;
      padding:0 0.375rem;
      font-size:0.6875rem;
      min-width:1.25rem;
      background:color-mix(in srgb, currentColor 14%, transparent);
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:999px;
      flex-direction:row;
      justify-content:center;
      font-variant-numeric:tabular-nums;
    }

    .eYdfpp {
      gap:0.25rem;
      color:inherit;
      margin:0px;
      display:flex;
      padding:0px;
      font-size:inherit;
      list-style:none;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .dESDHg {
      color:var(--color--text-muted);
      margin:0px;
      display:block;
      font-size:0.9375rem;
      max-width:28rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      flex-direction:row;
    }

    .clolPD {
      gap:0.375rem 1rem;
      color:inherit;
      width:100%;
      border:1px solid transparent;
      cursor:pointer;
      display:grid;
      padding:0.875rem 1rem;
      font-size:inherit;
      background:transparent;
      box-sizing:border-box;
      text-align:left;
      transition:background 0.18s ease, border-color 0.18s ease;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:14px;
      flex-direction:row;
      grid-template-areas:"main due amount status";
      grid-template-columns:minmax(0, 1fr) 170px 150px 116px;
    }

    .clolPD.compact {
      padding:0.75rem 0.875rem;
      grid-template-areas:"main amount status";
      grid-template-columns:minmax(0, 1fr) auto auto;
    }

    .clolPD:hover {
      background:var(--color--surface-hover);
      border-color:var(--glass-border);
    }

    .clolPD:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:2px;
    }

    .clolPD:active {
      background:rgba(255, 255, 255, 0.1);
    }

    @media (max-width: 760px) {

    .clolPD {
      grid-template-areas:"main amount" "due status";
      grid-template-columns:minmax(0, 1fr) auto;
    }
    }

    .bCXZCP {
      gap:2px;
      color:var(--color--text-muted);
      display:flex;
      font-size:0.8125rem;
      grid-area:due;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bCXZCP.overdue {
      color:var(--color--danger);
    }

    .bCXZCP.hidden {
      display:none;
    }

    .qWNcg {
      gap:3px;
      color:inherit;
      display:flex;
      overflow:hidden;
      font-size:inherit;
      grid-area:main;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .fyJSCi {
      gap:0.625rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      align-items:baseline;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .SMXKw {
      color:var(--color--text);
      display:inline;
      font-size:0.9375rem;
      grid-area:amount;
      text-align:right;
      font-family:inherit;
      font-weight:600;
      white-space:nowrap;
      flex-direction:row;
      font-variant-numeric:tabular-nums;
    }

    .fCxfoK {
      flex:1 1 auto;
      color:var(--color--text);
      display:block;
      overflow:hidden;
      font-size:0.9375rem;
      min-width:0px;
      font-family:inherit;
      font-weight:500;
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    .cAFdQV {
      color:var(--color--text-muted);
      display:inline;
      font-size:0.8125rem;
      flex-shrink:0;
      font-family:var(--font--mono);
      font-weight:inherit;
      flex-direction:row;
    }

    .bkLZQG {
      color:inherit;
      display:flex;
      font-size:inherit;
      grid-area:status;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:flex-end;
    }

    .cieGzi {
      gap:1rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      align-items:flex-end;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .eoKpoB {
      gap:0.75rem;
      color:inherit;
      display:grid;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:minmax(0, 1fr);
    }

    @media (min-width: 760px) {

    .eoKpoB {
      gap:1rem;
      grid-template-columns:repeat(3, minmax(0, 1fr));
    }
    }

    .evWwYM {
      gap:0.75rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      align-items:flex-end;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .NvOWr {
      gap:0.75rem;
      color:var(--color--text-faint);
      display:flex;
      flex-wrap:wrap;
      font-size:0.8125rem;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      margin-bottom:-0.5rem;
      flex-direction:row;
    }

    .cDDomV {
      color:var(--color--text-muted);
      border:0;
      cursor:pointer;
      display:inline-flex;
      padding:2px 8px;
      font-size:0.8125rem;
      background:transparent;
      font-family:inherit;
      font-weight:500;
      border-radius:6px;
      flex-direction:row;
      text-decoration:underline;
      text-underline-offset:3px;
    }

    .cDDomV:hover {
      color:var(--color--text);
    }

    .cDDomV:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:2px;
    }

    .cDDomV:active {
      opacity:0.8;
    }

    .cXvlCr {
      gap:0.375rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .AdminInvoicesView\:searchIcon {
      --icon-size:16px;
      top:50%;
      left:16px;
      color:var(--color--text-faint);
      position:absolute;
      transform:translateY(-50%);
      pointer-events:none;
    }

    .AdminInvoicesView\:clientSelect {
      flex:0 1 240px;
      min-width:200px;
    }

    .AdminInvoicesView\:emptyAllIcon {
      --icon-size:28px;
      color:var(--color--text-muted);
    }

    .fyhJod {
      gap:1rem;
      color:inherit;
      display:grid;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:minmax(0, 1fr);
    }

    @media (min-width: 1100px) {

    .fyhJod {
      grid-template-columns:minmax(0, 1.55fr) minmax(0, 1fr);
    }
    }

    .bnYPLc {
      gap:1rem;
      color:inherit;
      display:grid;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:minmax(0, 1fr);
    }

    @media (min-width: 1000px) {

    .bnYPLc {
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    }

    .qNqyI {
      color:inherit;
      width:100%;
      height:max(var(--bar-h, 0%), 4px);
      display:block;
      font-size:inherit;
      background:linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.16));
      transition:height 0.5s var(--ease--out-expo);
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px 8px 4px 4px;
      flex-direction:row;
    }

    .qNqyI.current {
      background:linear-gradient(180deg, #f5f5f7, rgba(245, 245, 247, 0.55));
    }

    .qNqyI.empty {
      background:rgba(255, 255, 255, 0.08);
    }

    .RRJgh {
      gap:1.25rem;
      color:var(--color--text);
      border:1px solid var(--glass-border);
      display:flex;
      padding:1.25rem 1.25rem 1rem;
      font-size:inherit;
      min-width:0px;
      background:var(--glass-bg);
      box-shadow:var(--glass-shadow);
      box-sizing:border-box;
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--radius--md);
      flex-direction:column;
      backdrop-filter:var(--glass-filter);
      -webkit-backdrop-filter:var(--glass-filter);
    }

    .deEVAm {
      gap:0.75rem;
      color:inherit;
      margin:0px;
      display:grid;
      padding:0px;
      font-size:inherit;
      list-style:none;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-auto-flow:column;
      grid-auto-columns:minmax(0, 1fr);
    }

    .eOtDDa {
      color:inherit;
      height:150px;
      display:flex;
      padding:0 18%;
      font-size:inherit;
      background:rgba(255, 255, 255, 0.025);
      align-items:flex-end;
      font-family:inherit;
      font-weight:inherit;
      border-radius:10px;
      flex-direction:row;
    }

    .foDiCe {
      gap:0.5rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      align-items:stretch;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .eOVqtt {
      gap:0.75rem;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      align-items:flex-end;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .ctKrrn {
      color:inherit;
      margin:0px;
      display:block;
      font-size:1rem;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
      letter-spacing:-0.015em;
    }

    .aUlkD {
      color:inherit;
      margin:0px;
      display:block;
      font-size:1.375rem;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
      letter-spacing:-0.03em;
      font-variant-numeric:tabular-nums;
    }

    .CyPtT {
      gap:2px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .cJvqZW {
      color:var(--color--text-faint);
      display:inline;
      font-size:0.75rem;
      text-align:center;
      font-family:inherit;
      font-weight:500;
      flex-direction:row;
    }

    .fdEaPp {
      gap:0.75rem;
      color:inherit;
      display:grid;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    @media (min-width: 1100px) {

    .fdEaPp {
      gap:1rem;
      grid-template-columns:repeat(4, minmax(0, 1fr));
    }
    }

    .egfrCU {
      gap:1rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .YWsQT {
      gap:4px;
      color:var(--color--text-muted);
      border:0;
      cursor:pointer;
      margin:-4px -8px;
      display:inline-flex;
      padding:4px 8px;
      font-size:0.8125rem;
      background:transparent;
      transition:color 0.2s ease, background 0.2s ease;
      align-items:center;
      font-family:inherit;
      font-weight:500;
      border-radius:8px;
      flex-direction:row;
    }

    .YWsQT:hover {
      color:var(--color--text);
      background:rgba(255, 255, 255, 0.06);
    }

    .YWsQT:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:2px;
    }

    .YWsQT:active {
      background:rgba(255, 255, 255, 0.1);
    }

    .bcdZgW {
      color:var(--color--text-muted);
      margin:0px;
      display:block;
      padding:1.25rem 0;
      font-size:0.875rem;
      text-align:center;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      flex-direction:row;
    }

    .AAJzz {
      gap:0.75rem;
      color:inherit;
      border:1px solid var(--glass-border);
      display:flex;
      padding:1.125rem 1.25rem;
      font-size:inherit;
      min-width:0px;
      background:var(--glass-bg);
      box-sizing:border-box;
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--radius--md);
      flex-direction:column;
      backdrop-filter:var(--glass-filter);
      -webkit-backdrop-filter:var(--glass-filter);
    }

    .bLskUQ {
      color:var(--color--text);
      margin:0px;
      display:block;
      font-size:0.9375rem;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
      letter-spacing:-0.01em;
    }

    .dvBjWY {
      --tone:var(--color--text-muted);
      gap:0.75rem;
      color:var(--color--text);
      width:100%;
      border:1px solid var(--glass-border);
      cursor:pointer;
      display:flex;
      padding:0.75rem 0.875rem;
      font-size:0.875rem;
      background:rgba(255, 255, 255, 0.03);
      box-sizing:border-box;
      text-align:left;
      transition:background 0.2s ease, border-color 0.2s ease;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.4;
      border-radius:var(--radius--sm);
      flex-direction:row;
    }

    .dvBjWY.danger {
      --tone:var(--color--danger);
    }

    .dvBjWY.warning {
      --tone:var(--color--warning);
    }

    .dvBjWY.info {
      --tone:var(--color--info);
    }

    .dvBjWY:hover {
      background:rgba(255, 255, 255, 0.07);
      border-color:rgba(255, 255, 255, 0.16);
    }

    .dvBjWY:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:2px;
    }

    .dvBjWY:active {
      background:rgba(255, 255, 255, 0.1);
    }

    .eBpzIn {
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .AdminOverviewView\:attentionIcon {
      --icon-size:18px;
      color:var(--tone);
      flex-shrink:0;
    }

    .dVXaPY {
      flex:1 1 auto;
      color:inherit;
      display:block;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:500;
      flex-direction:row;
    }

    .bLoPwM {
      gap:0.5rem;
      flex:1 1 auto;
      color:var(--color--text-muted);
      display:flex;
      padding:1.5rem 0.5rem;
      font-size:0.875rem;
      text-align:center;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      flex-direction:column;
      justify-content:center;
    }

    .dpgLkT {
      gap:0.875rem;
      color:inherit;
      border:1px solid var(--glass-border);
      display:flex;
      padding:1.125rem 1.25rem;
      font-size:inherit;
      min-width:0px;
      background:var(--glass-bg);
      box-sizing:border-box;
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--radius--md);
      flex-direction:column;
      backdrop-filter:var(--glass-filter);
      -webkit-backdrop-filter:var(--glass-filter);
    }

    .AdminOverviewView\:unpaidLinkIcon {
      --icon-size:14px;
    }

    .AdminOverviewView\:ticketsLinkIcon {
      --icon-size:14px;
    }

    .AdminOverviewView\:activityLinkIcon {
      --icon-size:14px;
    }

    .AdminOverviewView\:attentionChevron {
      --icon-size:16px;
      color:var(--color--text-faint);
      flex-shrink:0;
    }

    .AdminOverviewView\:attentionEmptyIcon {
      --icon-size:28px;
      color:var(--color--success);
    }

    .drTHdj {
      color:var(--color--text-muted);
      margin:0px;
      display:block;
      padding:2rem 1rem;
      font-size:0.9375rem;
      text-align:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bCYEXQ {
      color:inherit;
      border:1px solid var(--glass-border);
      display:flex;
      padding:0.75rem 1rem;
      font-size:inherit;
      background:var(--glass-bg);
      box-sizing:border-box;
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--radius--md);
      flex-direction:column;
      backdrop-filter:var(--glass-filter);
      -webkit-backdrop-filter:var(--glass-filter);
    }

    .bJyLmr {
      color:var(--color--text);
      margin:0px;
      display:block;
      font-size:1.25rem;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
      letter-spacing:-0.02em;
    }

    .cyejao {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:var(--color--text);
      display:flex;
      inset:0;
      padding:1rem;
      z-index:200;
      position:fixed;
      box-sizing:border-box;
      align-items:center;
      justify-content:center;
    }

    @media (max-width: 559px) {

    .cyejao {
      padding:0px;
      align-items:flex-end;
    }
    }

    .wethW {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:block;
      inset:0;
      position:absolute;
      background:rgba(0, 0, 0, 0.55);
      backdrop-filter:blur(8px);
      -webkit-backdrop-filter:blur(8px);
      animation:pwScrimIn 0.3s ease both;
    }

    @keyframes pwScrimIn {
        0% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
    }

    .cXUmzN {
      flex-direction:column;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      width:100%;
      max-width:420px;
      position:relative;
      box-sizing:border-box;
      padding:1.75rem;
      border:1px solid rgba(255, 255, 255, 0.1);
      border-radius:24px;
      background:rgba(24, 24, 27, 0.86);
      box-shadow:0 30px 80px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.07);
      backdrop-filter:blur(40px) saturate(180%);
      -webkit-backdrop-filter:blur(40px) saturate(180%);
      animation:pwPanelIn 0.5s cubic-bezier(0.32, 0.72, 0, 1) both;
    }

    @media (max-width: 559px) {

    .cXUmzN {
      max-width:none;
      padding:1.5rem 1.25rem calc(env(safe-area-inset-bottom) + 1.25rem);
      border-radius:24px 24px 0 0;
    }
    }

    @media (prefers-reduced-motion: reduce) {

    .cXUmzN {
      animation:none;
    }
    }

    @keyframes pwPanelIn {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(16px) scale(0.97);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: none;
        }
    }

    .bzJLwS {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:var(--color--text-muted);
      display:inline-flex;
      top:0.875rem;
      right:0.875rem;
      width:34px;
      height:34px;
      border:0;
      cursor:pointer;
      position:absolute;
      background:rgba(255, 255, 255, 0.06);
      transition:background 0.2s ease, color 0.2s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
      align-items:center;
      border-radius:999px;
      justify-content:center;
    }

    .bzJLwS:hover {
      color:var(--color--text);
      background:rgba(255, 255, 255, 0.12);
    }

    .bzJLwS:active {
      transform:scale(0.92);
    }

    .bzJLwS:focus-visible {
      outline:2px solid var(--color--text);
      outline-offset:2px;
    }

    .bzJLwS:disabled {
      cursor:default;
      opacity:0.5;
    }

    .AccountPasswordDialog\:closeIcon {
      --icon-size:16px;
    }

    .eAqKBH {
      flex-direction:column;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:1.125rem;
      animation:pwStepIn 0.45s cubic-bezier(0.32, 0.72, 0, 1) both;
    }

    @media (prefers-reduced-motion: reduce) {

    .eAqKBH {
      animation:none;
    }
    }

    @keyframes pwStepIn {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(10px);
        }

        0% {
          filter: blur(4px);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: none;
        }

        100% {
          filter: none;
        }
    }

    .ckJzYQ {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:var(--color--text);
      display:inline-flex;
      width:52px;
      height:52px;
      border:1px solid rgba(255, 255, 255, 0.12);
      align-self:flex-start;
      background:linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.06));
      box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 8px 24px rgba(0, 0, 0, 0.35);
      align-items:center;
      border-radius:15px;
      justify-content:center;
      animation:pwIconIn 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) both;
    }

    .ckJzYQ.done {
      color:#a6f0bb;
      border-color:rgba(48, 209, 88, 0.32);
      background:rgba(48, 209, 88, 0.14);
    }

    @media (prefers-reduced-motion: reduce) {

    .ckJzYQ {
      animation:none;
    }
    }

    @keyframes pwIconIn {
        0% {
          opacity: 0;
        }

        0% {
          transform: scale(0.6) rotate(-12deg);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: none;
        }
    }

    .AccountPasswordDialog\:icon {
      --icon-size:22px;
    }

    .foBxIE {
      flex-direction:column;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:0.375rem;
      padding-right:2rem;
    }

    .mZxGi {
      flex-direction:row;
      font-size:1.375rem;
      font-family:inherit;
      font-weight:600;
      color:inherit;
      display:block;
      margin:0px;
      line-height:1.15;
      letter-spacing:-0.03em;
    }

    .bHzCnF {
      flex-direction:row;
      font-size:0.9375rem;
      font-family:inherit;
      font-weight:inherit;
      color:var(--color--text-muted);
      display:block;
      margin:0px;
      text-wrap:pretty;
      line-height:1.5;
    }

    .coPugC {
      flex-direction:row;
      font-size:0.875rem;
      font-family:inherit;
      font-weight:inherit;
      color:#a6f0bb;
      display:block;
      margin:0px;
      border:1px solid rgba(48, 209, 88, 0.26);
      padding:0.625rem 0.875rem;
      background:rgba(48, 209, 88, 0.1);
      line-height:1.45;
      border-radius:12px;
    }

    .dLSGlB {
      flex-direction:row;
      font-size:0.875rem;
      font-family:inherit;
      font-weight:inherit;
      color:#ffb4ae;
      display:block;
      margin:0px;
      border:1px solid rgba(255, 105, 97, 0.28);
      padding:0.625rem 0.875rem;
      background:rgba(255, 105, 97, 0.1);
      line-height:1.45;
      border-radius:12px;
    }

    .cORAvF {
      flex-direction:column;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:0.875rem;
    }

    .dFPZcK {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:none;
    }

    .eRlyQM {
      flex-direction:row;
      font-size:0.8125rem;
      font-family:inherit;
      font-weight:500;
      color:#ffb4ae;
      display:flex;
      gap:0.375rem;
      margin:-0.25rem 0 0;
      align-items:center;
      transition:color 0.2s ease;
    }

    .eRlyQM.ok {
      color:#a6f0bb;
    }

    .AccountPasswordDialog\:matchIcon {
      --icon-size:14px;
    }

    .emyDei {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:0.5rem;
      flex-wrap:wrap;
      margin-top:0.25rem;
      justify-content:flex-end;
    }

    .bRWnhK {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:block;
      position:relative;
      width:100%;
    }

    .Sreon {
      flex-direction:row;
      font-size:16px;
      font-family:inherit;
      font-weight:inherit;
      color:transparent;
      display:inline-block;
      position:absolute;
      inset:0;
      z-index:2;
      width:100%;
      height:100%;
      margin:0px;
      padding:0px;
      border:none;
      outline:none;
      opacity:0;
      cursor:text;
      background:transparent;
      caret-color:transparent;
    }

    .Sreon:disabled {
      cursor:progress;
    }

    .bPZTrL {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:8px;
      pointer-events:none;
    }

    .bPZTrL.compact {
      gap:6px;
    }

    .cQdAJZ {
      flex-direction:row;
      font-size:26px;
      font-family:inherit;
      font-weight:600;
      color:var(--color--text);
      display:flex;
      flex:1;
      min-width:0px;
      height:62px;
      align-items:center;
      justify-content:center;
      font-variant-numeric:tabular-nums;
      letter-spacing:-0.02em;
      border:1px solid rgba(255, 255, 255, 0.1);
      border-radius:14px;
      background:rgba(255, 255, 255, 0.05);
      box-sizing:border-box;
      transition:border-color 0.2s ease, background 0.2s ease, box-shadow 0.25s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
    }

    .cQdAJZ.filled {
      background:rgba(255, 255, 255, 0.09);
      border-color:rgba(255, 255, 255, 0.22);
    }

    .cQdAJZ.active {
      border-color:rgba(255, 255, 255, 0.65);
      background:rgba(255, 255, 255, 0.1);
      box-shadow:0 0 0 4px rgba(255, 255, 255, 0.08);
      transform:translateY(-2px);
    }

    .cQdAJZ.invalid {
      border-color:rgba(255, 105, 97, 0.6);
      background:rgba(255, 105, 97, 0.08);
      animation:codeShake 0.42s ease both;
    }

    .cQdAJZ.split {
      margin-right:10px;
    }

    .cQdAJZ.dimmed {
      opacity:0.6;
    }

    .cQdAJZ.compact {
      height:56px;
      font-size:22px;
      border-radius:12px;
    }

    .cQdAJZ.splitTight {
      margin-right:6px;
    }

    @media (max-width: 380px) {

    .cQdAJZ {
      height:48px;
      font-size:19px;
      border-radius:10px;
    }
    }

    @media (prefers-reduced-motion: reduce) {

    .cQdAJZ {
      transition:none;
      animation:none;
    }
    }

    @keyframes codeShake {
        0% {
          transform: translateX(0);
        }

        20% {
          transform: translateX(-6px);
        }

        40% {
          transform: translateX(6px);
        }

        60% {
          transform: translateX(-4px);
        }

        80% {
          transform: translateX(3px);
        }

        100% {
          transform: translateX(0);
        }
    }

    .fpjzsQ {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:block;
      animation:digitPop 0.28s cubic-bezier(0.34, 1.56, 0.64, 1) both;
    }

    @media (prefers-reduced-motion: reduce) {

    .fpjzsQ {
      animation:none;
    }
    }

    @keyframes digitPop {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(6px) scale(0.7);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: none;
        }
    }

    .cwcHVn {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:block;
      width:2px;
      height:26px;
      border-radius:2px;
      background:var(--color--text);
      animation:caretBlink 1s steps(1) infinite;
    }

    @keyframes caretBlink {
        0% {
          opacity: 1;
        }

        50% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
    }

    .cgdjFR {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:0.25rem;
      flex-wrap:wrap;
      justify-content:center;
    }

    .cIXyRe {
      flex-direction:row;
      font-size:0.875rem;
      font-family:inherit;
      font-weight:600;
      color:var(--color--text);
      display:inline-block;
      border:none;
      cursor:pointer;
      padding:0.5rem 0.75rem;
      background:none;
      transition:background 0.2s ease, opacity 0.2s ease;
      border-radius:10px;
    }

    .cIXyRe:hover {
      background:rgba(255, 255, 255, 0.06);
    }

    .cIXyRe:focus-visible {
      outline:2px solid var(--color--text);
      outline-offset:2px;
    }

    .cIXyRe:disabled {
      cursor:default;
      opacity:0.5;
      background:none;
    }

    .asUll {
      flex-direction:row;
      font-size:0.875rem;
      font-family:inherit;
      font-weight:600;
      color:var(--color--text-muted);
      display:inline-block;
      border:none;
      cursor:pointer;
      padding:0.5rem 0.75rem;
      background:none;
      transition:background 0.2s ease, color 0.2s ease;
      border-radius:10px;
    }

    .asUll:hover {
      color:var(--color--text);
      background:rgba(255, 255, 255, 0.06);
    }

    .asUll:focus-visible {
      outline:2px solid var(--color--text);
      outline-offset:2px;
    }

    .asUll:disabled {
      cursor:default;
      opacity:0.5;
    }

    .eGAVwn {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:0.5rem;
      flex-wrap:wrap;
      justify-content:flex-end;
    }

    .FuGYG {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      justify-content:flex-end;
    }