@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
  *, ::before, ::after, ::backdrop { --tw-leading: initial; --tw-font-weight: initial; }
}
}
.zero-state-hero { --zsh-primary: 5, 150, 105; --zsh-accent: 52, 211, 153; --zsh-secondary: 20, 184, 166; --zsh-icon-to: #ecfdf5; --zsh-title-gradient: linear-gradient(135deg, #059669 0%, #0d9488 100%); position: relative; }
.zero-state-hero--orange { --zsh-primary: 234, 88, 12; --zsh-accent: 251, 146, 60; --zsh-secondary: 249, 115, 22; --zsh-icon-to: #fff7ed; --zsh-title-gradient: linear-gradient(135deg, #ea580c 0%, #c2410c 100%); }
.zero-state-hero--sky { --zsh-primary: 2, 132, 199; --zsh-accent: 56, 189, 248; --zsh-secondary: 14, 165, 233; --zsh-icon-to: #f0f9ff; --zsh-title-gradient: linear-gradient(135deg, #0284c7 0%, #0891b2 100%); }
.zero-state-hero--amber { --zsh-primary: 217, 119, 6; --zsh-accent: 251, 191, 36; --zsh-secondary: 245, 158, 11; --zsh-icon-to: #fffbeb; --zsh-title-gradient: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%); }
.zero-state-hero--teal { --zsh-primary: 13, 148, 136; --zsh-accent: 45, 212, 191; --zsh-secondary: 20, 184, 166; --zsh-icon-to: #f0fdfa; --zsh-title-gradient: linear-gradient(135deg, #0d9488 0%, #0891b2 100%); }
.zero-state-hero--violet { --zsh-primary: 124, 58, 237; --zsh-accent: 167, 139, 250; --zsh-secondary: 139, 92, 246; --zsh-icon-to: #f5f3ff; --zsh-title-gradient: linear-gradient(135deg, #7c3aed 0%, #6366f1 100%); }
.zero-state-card { border-radius: var(--radius-2xl,1rem); background: linear-gradient(165deg, #ffffffd9 0%, rgba(var(--zsh-accent), .06) 50%, #fffc 100%); border: 1px solid rgba(var(--zsh-primary), .12); box-shadow: 0 1px 2px #0000000a, 0 4px 16px rgba(var(--zsh-primary), .06), 0 12px 40px rgba(var(--zsh-primary), .04); position: relative; overflow: hidden; }
.zero-state-band { background: radial-gradient(ellipse 120% 80% at 50% -20%, rgba(var(--zsh-accent), .14) 0%, transparent 70%), radial-gradient(ellipse 60% 60% at 80% 30%, rgba(var(--zsh-secondary), .06) 0%, transparent 70%), radial-gradient(ellipse 60% 60% at 20% 40%, rgba(var(--zsh-primary), .05) 0%, transparent 70%); border-bottom: 1px solid rgba(var(--zsh-primary), .08); flex-direction: column; align-items: center; padding: 32px 32px 0px; display: flex; position: relative; overflow: visible; }
.zero-state-title { margin-bottom: calc(var(--spacing,.25rem) * 5); text-align: center; --tw-leading: 1.25; --tw-font-weight: var(--font-weight-bold,700); line-height: 1.25; font-weight: var(--font-weight-bold,700); color: var(--color-text-primary,#2d2d2d); letter-spacing: -0.5px; font-size: clamp(19px, 3.5vw, 23px); position: relative; }
.zero-state-title-accent { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; -webkit-text-fill-color: transparent; background-clip: text; }
.zero-state-icon-wrap { z-index: 1; justify-content: center; align-items: center; margin-bottom: -24px; display: flex; position: relative; }
.zero-state-icon { border-radius: var(--radius-2xl,1rem); background: linear-gradient(145deg, #fff, var(--zsh-icon-to)); border: 1px solid rgba(var(--zsh-primary), .15); width: 48px; height: 48px; box-shadow: 0 2px 8px rgba(var(--zsh-primary), .12), 0 8px 32px rgba(var(--zsh-primary), .08), inset 0 1px 0 #fff; color: rgb(var(--zsh-primary)); will-change: box-shadow; justify-content: center; align-items: center; animation: 4s cubic-bezier(0.45, 0, 0.55, 1) 0s infinite normal none running zeroStateIconPulse; display: flex; position: relative; }
@keyframes zeroStateIconPulse { 
  0%, 100% { box-shadow: 0 2px 8px rgba(var(--zsh-primary), .12), 0 8px 32px rgba(var(--zsh-primary), .08), 0 0 0 0 rgba(var(--zsh-accent), 0), inset 0 1px 0 #fff; }
  50% { box-shadow: 0 2px 8px rgba(var(--zsh-primary), .12), 0 8px 32px rgba(var(--zsh-primary), .08), 0 0 24px 4px rgba(var(--zsh-accent), .18), inset 0 1px 0 #fff; }
}
.zero-state-pill { align-items: center; gap: calc(var(--spacing,.25rem) * 2); padding-block: calc(var(--spacing,.25rem) * 1.5); padding-right: calc(var(--spacing,.25rem) * 3.5); padding-left: calc(var(--spacing,.25rem) * 1.5); font-size: var(--text-xs,.75rem); line-height: var(--tw-leading,var(--text-xs--line-height,calc(1 / .75))); --tw-font-weight: var(--font-weight-medium,500); font-weight: var(--font-weight-medium,500); color: rgb(55, 65, 81); border: 1px solid rgba(var(--zsh-primary), .1); background: rgba(255, 255, 255, 0.8); border-radius: 2.14748e+09px; transition: 0.2s; display: inline-flex; box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 3px; }
.zero-state-pill:hover { border-color: rgba(var(--zsh-primary), .22); box-shadow: 0 2px 8px rgba(var(--zsh-primary), .08); transform: translateY(-1px); }
.zero-state-pill-icon { height: calc(var(--spacing,.25rem) * 5); width: calc(var(--spacing,.25rem) * 5); border-radius: 2.14748e+09px; justify-content: center; align-items: center; display: flex; }
.zero-state-pill-icon-amber { color: rgb(217, 119, 6); background: rgba(251, 191, 36, 0.12); }
.zero-state-pill-icon-emerald { color: rgb(5, 150, 105); background: rgba(52, 211, 153, 0.12); }
.zero-state-pill-icon-indigo { color: rgb(99, 102, 241); background: rgba(99, 102, 241, 0.1); }
.zero-state-pill-icon-sky { color: rgb(2, 132, 199); background: rgba(56, 189, 248, 0.12); }
.zero-state-pill-icon-orange { color: rgb(234, 88, 12); background: rgba(251, 146, 60, 0.12); }
@media (prefers-reduced-motion: reduce) {
  .zero-state-icon { animation: auto ease 0s 1 normal none running none !important; }
}
@media screen {
  .dark .zero-state-hero { --zsh-primary: 52, 211, 153; --zsh-icon-to: #34d39924; --zsh-title-gradient: linear-gradient(135deg, #34d399 0%, #2dd4bf 100%); }
  .dark .zero-state-hero--orange { --zsh-primary: 251, 146, 60; --zsh-icon-to: #fb923c24; --zsh-title-gradient: linear-gradient(135deg, #fdba74 0%, #fb923c 100%); }
  .dark .zero-state-hero--sky { --zsh-primary: 56, 189, 248; --zsh-icon-to: #38bdf824; --zsh-title-gradient: linear-gradient(135deg, #38bdf8 0%, #22d3ee 100%); }
  .dark .zero-state-hero--amber { --zsh-primary: 251, 191, 36; --zsh-icon-to: #fbbf2424; --zsh-title-gradient: linear-gradient(135deg, #fcd34d 0%, #fb923c 100%); }
  .dark .zero-state-hero--teal { --zsh-primary: 45, 212, 191; --zsh-icon-to: #2dd4bf24; --zsh-title-gradient: linear-gradient(135deg, #2dd4bf 0%, #22d3ee 100%); }
  .dark .zero-state-hero--violet { --zsh-primary: 167, 139, 250; --zsh-icon-to: #a78bfa24; --zsh-title-gradient: linear-gradient(135deg, #c4b5fd 0%, #a5b4fc 100%); }
  .dark .zero-state-card { background: linear-gradient(165deg, #211e1be6 0%, rgba(var(--zsh-accent), .06) 50%, #211e1bd9 100%); border-color: rgba(var(--zsh-primary), .16); box-shadow: none; }
  .dark .zero-state-icon { background: linear-gradient(145deg, var(--color-popover), var(--zsh-icon-to)); border-color: rgba(var(--zsh-primary), .25); box-shadow: none; animation-name: zeroStateIconPulseDark; }
  @keyframes zeroStateIconPulseDark { 
  0%, 100% { box-shadow: 0 0 0 0 rgba(var(--zsh-accent), 0); }
  50% { box-shadow: 0 0 24px 4px rgba(var(--zsh-accent), .14); }
}
  .dark .zero-state-pill { color: var(--color-text-primary); border-color: rgba(var(--zsh-primary), .16); box-shadow: none; background: rgba(33, 30, 27, 0.8); }
  .dark .zero-state-pill:hover { border-color: rgba(var(--zsh-primary), .3); box-shadow: none; }
  .dark .zero-state-pill-icon-amber { color: rgb(251, 191, 36); }
  .dark .zero-state-pill-icon-emerald { color: rgb(52, 211, 153); }
  .dark .zero-state-pill-icon-indigo { color: rgb(129, 140, 248); }
  .dark .zero-state-pill-icon-sky { color: rgb(56, 189, 248); }
  .dark .zero-state-pill-icon-orange { color: rgb(251, 146, 60); }
}
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }