@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; }
}
}
.app-btn-primary, .app-btn-teal, .app-btn-emerald, .app-btn-orange, .app-btn-amber, .app-btn-blue, .app-btn-violet, .app-btn-destructive { transition: box-shadow 0.15s, filter 0.15s; }
.app-btn-primary:hover, .app-btn-teal:hover, .app-btn-emerald:hover, .app-btn-orange:hover, .app-btn-amber:hover, .app-btn-blue:hover, .app-btn-violet:hover, .app-btn-destructive:hover { filter: brightness(1.08); }
.app-btn-primary:active, .app-btn-teal:active, .app-btn-emerald:active, .app-btn-orange:active, .app-btn-amber:active, .app-btn-blue:active, .app-btn-violet:active, .app-btn-destructive:active { filter: brightness(0.97); transition-duration: 50ms; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px inset; }
.app-btn-primary { background: linear-gradient(rgb(246, 184, 85), rgb(222, 154, 58)); border: 1px solid rgba(196, 122, 40, 0.5); box-shadow: rgba(255, 255, 255, 0.3) 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 3px, rgba(212, 135, 46, 0.2) 0px 2px 8px; }
.app-btn-primary:hover { box-shadow: rgba(255, 255, 255, 0.3) 0px 1px inset, rgba(0, 0, 0, 0.08) 0px 2px 4px, rgba(224, 160, 50, 0.45) 0px 4px 14px, rgba(246, 184, 85, 0.2) 0px 0px 20px; }
@media screen {
  .dark .app-btn-primary { color: var(--color-primary-foreground); text-shadow: none; }
}
.app-btn-teal { background: linear-gradient(rgb(45, 212, 191), rgb(13, 148, 136)); border: 1px solid rgba(13, 148, 136, 0.5); box-shadow: rgba(255, 255, 255, 0.3) 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 3px, rgba(13, 148, 136, 0.2) 0px 2px 8px; }
.app-btn-teal:hover { box-shadow: rgba(255, 255, 255, 0.3) 0px 1px inset, rgba(0, 0, 0, 0.08) 0px 2px 4px, rgba(13, 148, 136, 0.4) 0px 4px 14px, rgba(45, 212, 191, 0.2) 0px 0px 20px; }
.app-btn-emerald { background: linear-gradient(rgb(52, 211, 153), rgb(5, 150, 105)); border: 1px solid rgba(5, 150, 105, 0.5); box-shadow: rgba(255, 255, 255, 0.3) 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 3px, rgba(5, 150, 105, 0.2) 0px 2px 8px; }
.app-btn-emerald:hover { box-shadow: rgba(255, 255, 255, 0.3) 0px 1px inset, rgba(0, 0, 0, 0.08) 0px 2px 4px, rgba(5, 150, 105, 0.4) 0px 4px 14px, rgba(52, 211, 153, 0.2) 0px 0px 20px; }
.app-btn-orange { background: linear-gradient(rgb(251, 146, 60), rgb(234, 88, 12)); border: 1px solid rgba(194, 65, 12, 0.5); box-shadow: rgba(255, 255, 255, 0.3) 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 3px, rgba(234, 88, 12, 0.2) 0px 2px 8px; }
.app-btn-orange:hover { box-shadow: rgba(255, 255, 255, 0.3) 0px 1px inset, rgba(0, 0, 0, 0.08) 0px 2px 4px, rgba(249, 115, 22, 0.4) 0px 4px 14px, rgba(251, 146, 60, 0.2) 0px 0px 20px; }
.app-btn-amber { background: linear-gradient(rgb(251, 191, 36), rgb(217, 119, 6)); border: 1px solid rgba(180, 83, 9, 0.5); box-shadow: rgba(255, 255, 255, 0.3) 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 3px, rgba(217, 119, 6, 0.2) 0px 2px 8px; }
.app-btn-amber:hover { box-shadow: rgba(255, 255, 255, 0.3) 0px 1px inset, rgba(0, 0, 0, 0.08) 0px 2px 4px, rgba(245, 158, 11, 0.4) 0px 4px 14px, rgba(251, 191, 36, 0.2) 0px 0px 20px; }
.app-btn-blue { background: linear-gradient(rgb(96, 165, 250), rgb(37, 99, 235)); border: 1px solid rgba(29, 78, 216, 0.5); box-shadow: rgba(255, 255, 255, 0.3) 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 3px, rgba(37, 99, 235, 0.2) 0px 2px 8px; }
.app-btn-blue:hover { box-shadow: rgba(255, 255, 255, 0.3) 0px 1px inset, rgba(0, 0, 0, 0.08) 0px 2px 4px, rgba(37, 99, 235, 0.4) 0px 4px 14px, rgba(96, 165, 250, 0.2) 0px 0px 20px; }
.app-btn-violet { background: linear-gradient(rgb(167, 139, 250), rgb(124, 58, 237)); border: 1px solid rgba(109, 40, 217, 0.5); box-shadow: rgba(255, 255, 255, 0.3) 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 3px, rgba(124, 58, 237, 0.2) 0px 2px 8px; }
.app-btn-violet:hover { box-shadow: rgba(255, 255, 255, 0.3) 0px 1px inset, rgba(0, 0, 0, 0.08) 0px 2px 4px, rgba(124, 58, 237, 0.4) 0px 4px 14px, rgba(167, 139, 250, 0.2) 0px 0px 20px; }
.app-btn-destructive { background: linear-gradient(rgb(239, 68, 68), rgb(220, 38, 38)); border: 1px solid rgba(185, 28, 28, 0.5); box-shadow: rgba(255, 255, 255, 0.15) 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 3px, rgba(220, 38, 38, 0.2) 0px 2px 8px; }
.app-btn-destructive:hover { box-shadow: rgba(255, 255, 255, 0.15) 0px 1px inset, rgba(0, 0, 0, 0.08) 0px 2px 4px, rgba(239, 68, 68, 0.4) 0px 4px 14px, rgba(239, 68, 68, 0.2) 0px 0px 20px; }
.app-btn-secondary { border: 1px solid var(--color-brand-border-dark); background: linear-gradient(rgb(255, 255, 255), rgb(240, 236, 232)); transition: box-shadow 0.15s, filter 0.15s; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(255, 255, 255, 0.8) 0px 1px inset; }
.app-btn-secondary:hover { filter: brightness(0.98); box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 6px, rgba(255, 255, 255, 0.8) 0px 1px inset; }
.app-btn-secondary:active { transition-duration: 50ms; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset; }
@media screen {
  .dark .app-btn-secondary { background: linear-gradient(rgb(46, 43, 39), rgb(39, 36, 31)); box-shadow: rgba(255, 255, 255, 0.04) 0px 1px inset; }
  .dark .app-btn-secondary:hover { filter: brightness(1.12); box-shadow: rgba(255, 255, 255, 0.06) 0px 1px inset; }
  .dark .app-btn-secondary:active { box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 2px inset; }
  .dark .app-btn-secondary.text-red-600 { color: var(--color-destructive); }
  .dark .app-btn-secondary.text-emerald-700 { color: var(--color-success); }
}
.app-btn-badge { min-width: 18px; height: 18px; padding-inline: var(--spacing,.25rem); font-size: var(--text-xs,.75rem); --tw-leading: 1; --tw-font-weight: var(--font-weight-bold,700); line-height: 1; font-weight: var(--font-weight-bold,700); border-radius: 2.14748e+09px; justify-content: center; align-items: center; display: inline-flex; }
.app-btn-badge-default { background-color: var(--color-brand-beige,#f5f1ed); color: var(--color-text-secondary,#666); }
.app-btn-badge-alert { color: rgb(228, 0, 20); background-color: rgb(255, 226, 226); animation: 2s ease-in-out 0s infinite normal none running appBtnBadgePulse; }
@supports (color:#000) and (top:var(--f)) {
  .app-btn-badge-alert { background-color: var(--color-red-100,#ffe2e2); color: var(--color-red-600,#e40014); }
}
.app-btn-badge-success { color: rgb(0, 165, 68); background-color: rgb(220, 252, 231); animation: 2s ease-in-out 0s infinite normal none running appBtnBadgePulseGreen; }
@supports (color:#000) and (top:var(--f)) {
  .app-btn-badge-success { background-color: var(--color-green-100,#dcfce7); color: var(--color-green-600,#00a544); }
}
@keyframes appBtnBadgePulse { 
  0%, 100% { box-shadow: rgba(239, 68, 68, 0) 0px 0px; }
  50% { box-shadow: rgba(239, 68, 68, 0.08) 0px 0px 0px 3px; }
}
@keyframes appBtnBadgePulseGreen { 
  0%, 100% { box-shadow: rgba(34, 197, 94, 0) 0px 0px; }
  50% { box-shadow: rgba(34, 197, 94, 0.08) 0px 0px 0px 3px; }
}
.app-btn-shimmer { pointer-events: none; background: linear-gradient(120deg, rgba(0, 0, 0, 0) 30%, rgba(255, 255, 255, 0.25) 50%, rgba(0, 0, 0, 0) 70%); animation: 3s ease-in-out 0s infinite normal none running appBtnShimmerSweep; position: absolute; inset: 0px; }
@keyframes appBtnShimmerSweep { 
  0% { transform: translate(-100%); }
  100% { transform: translate(100%); }
}
@media (prefers-reduced-motion: reduce) {
  .app-btn-primary, .app-btn-teal, .app-btn-emerald, .app-btn-orange, .app-btn-amber, .app-btn-blue, .app-btn-violet, .app-btn-destructive, .app-btn-secondary { transition: none !important; }
  .app-btn-badge-alert, .app-btn-badge-success, .app-btn-shimmer { animation: auto ease 0s 1 normal none running none !important; }
}
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }