/* Basic Tailwind-like utilities */
*,
::before,
::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
}

body {
    margin: 0;
    line-height: inherit
}

.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

@media(min-width:640px) {
    .container {
        max-width: 640px
    }
}

@media(min-width:768px) {
    .container {
        max-width: 768px;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media(min-width:1024px) {
    .container {
        max-width: 1024px
    }
}

@media(min-width:1280px) {
    .container {
        max-width: 1280px
    }
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}

.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}

.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.p-3 {
    padding: 0.75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.pt-2 {
    padding-top: 0.5rem
}

.pb-3 {
    padding-bottom: 0.75rem
}

.pl-4 {
    padding-left: 1rem
}

.mt-1 {
    margin-top: 0.25rem
}

.mt-2 {
    margin-top: 0.5rem
}

.mt-4 {
    margin-top: 1rem
}

.mb-1 {
    margin-top: 0.25rem
}

.mb-2 {
    margin-bottom: 0.5rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mr-1 {
    margin-right: 0.25rem
}

.mr-2 {
    margin-right: 0.5rem
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.block {
    display: block
}

.flex-col {
    flex-direction: column
}

.items-center {
    align-items: center
}

.items-end {
    align-items: end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-2 {
    gap: 0.5rem
}

.gap-3 {
    gap: 0.75rem
}

.gap-4 {
    gap: 1rem
}

.space-y-2>:not([hidden])~:not([hidden]) {
    margin-top: 0.5rem
}

.space-y-3>:not([hidden])~:not([hidden]) {
    margin-top: 0.75rem
}

.space-y-4>:not([hidden])~:not([hidden]) {
    margin-top: 1rem
}

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

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

@media(min-width:768px) {
    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

.w-full {
    width: 100%
}

.max-w-lg {
    max-width: 32rem
}

.max-w-sm {
    max-width: 24rem
}

.max-w-6xl {
    max-width: 72rem
}

.max-h-\[90vh\] {
    max-height: 90vh
}

.h-\[2px\] {
    height: 2px
}

.text-xs {
    font-size: 0.75rem;
    line-height: 1rem
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.uppercase {
    text-transform: uppercase
}

.underline {
    text-decoration-line: underline
}

.tracking-wider {
    letter-spacing: 0.05em
}

.break-all {
    word-break: break-all
}

.text-white {
    color: #fff
}

.text-black {
    color: #000
}

.text-slate-300 {
    color: #cbd5e1
}

.text-slate-400 {
    color: #94a3b8
}

.text-slate-500 {
    color: #64748b
}

.text-purple-400 {
    color: #c084fc
}

.text-purple-500 {
    color: #a855f7
}

.text-emerald-400 {
    color: #34d399
}

.text-rose-400 {
    color: #fb7185
}

.text-blue-400 {
    color: #60a5fa
}

.text-amber-400 {
    color: #fbbf24
}

.text-yellow-400 {
    color: #facc15
}

.bg-slate-700 {
    background-color: #334155
}

.bg-slate-800 {
    background-color: #1e293b
}

.bg-slate-900 {
    background-color: #0f172a
}

.bg-purple-600 {
    background-color: #9333ea
}

.bg-purple-500 {
    background-color: #a855f7
}

.bg-pink-600 {
    background-color: #db2777
}

.bg-pink-500 {
    background-color: #ec4899
}

.bg-emerald-600 {
    background-color: #059669
}

.bg-emerald-500 {
    background-color: #10b981
}

.bg-yellow-600 {
    background-color: #ca8a04
}

.bg-amber-600 {
    background-color: #d97706
}

.bg-rose-600 {
    background-color: #e11d48
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.from-purple-600 {
    --tw-gradient-from: #9333ea;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-500 {
    --tw-gradient-from: #a855f7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-900\/40 {
    --tw-gradient-from: rgb(88 28 135/0.4);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-amber-900\/40 {
    --tw-gradient-from: rgb(120 53 15/0.4);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-rose-600 {
    --tw-gradient-from: #e11d48;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-pink-600 {
    --tw-gradient-to: #db2777
}

.to-pink-500 {
    --tw-gradient-to: #ec4899
}

.to-indigo-900\/40 {
    --tw-gradient-to: rgb(49 46 129/0.4)
}

.to-orange-900\/40 {
    --tw-gradient-to: rgb(124 45 18/0.4)
}

.to-yellow-600 {
    --tw-gradient-to: #ca8a04
}

.border {
    border-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-slate-600 {
    border-color: #475569
}

.border-slate-700 {
    border-color: #334155
}

.border-purple-500 {
    border-color: #a855f7
}

.border-purple-500\/30 {
    border-color: rgb(168 85 247/0.3)
}

.border-emerald-500\/30 {
    border-color: rgb(16 185 129/0.3)
}

.border-rose-500\/30 {
    border-color: rgb(244 63 94/0.3)
}

.border-amber-500\/30 {
    border-color: rgb(245 158 11/0.3)
}

.rounded {
    border-radius: 0.25rem
}

.rounded-lg {
    border-radius: 0.5rem
}

.rounded-xl {
    border-radius: 0.75rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-full {
    border-radius: 9999px
}

.shadow-xl {
    box-shadow: 0 20px 25px -5px rgb(0 0 0/0.1), 0 8px 10px -6px rgb(0 0 0/0.1)
}

.shadow-2xl {
    box-shadow: 0 25px 50px -12px rgb(0 0 0/0.25)
}

.overflow-hidden {
    overflow: hidden
}

.overflow-y-auto {
    overflow-y: auto
}

.cursor-pointer {
    cursor: pointer
}

.cursor-not-allowed {
    cursor: not-allowed
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.opacity-50 {
    opacity: 0.5
}

.opacity-80 {
    opacity: 0.8
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.inset-0 {
    inset: 0
}

.top-0 {
    top: 0
}

.bottom-6 {
    bottom: 1.5rem
}

.left-1\/2 {
    left: 50%
}

.-translate-x-1\/2 {
    transform: translateX(-50%)
}

.z-50 {
    z-index: 50
}

.z-\[60\] {
    z-index: 60
}

.backdrop-blur-sm {
    backdrop-filter: blur(4px)
}

.backdrop-blur-md {
    backdrop-filter: blur(12px)
}

.bg-black\/50 {
    background-color: rgb(0 0 0/0.5)
}

.bg-black\/70 {
    background-color: rgb(0 0 0/0.7)
}

.bg-slate-800\/80 {
    background-color: rgb(30 41 59/0.8)
}

.bg-slate-900\/50 {
    background-color: rgb(15 23 42/0.5)
}

.bg-rose-900\/20 {
    background-color: rgb(136 19 55/0.2)
}

.hover\:bg-slate-600:hover {
    background-color: #475569
}

.hover\:bg-slate-700:hover {
    background-color: #334155
}

.hover\:bg-purple-500:hover {
    background-color: #a855f7
}

.hover\:bg-emerald-500:hover {
    background-color: #10b981
}

.hover\:from-purple-500:hover {
    --tw-gradient-from: #a855f7
}

.hover\:to-pink-500:hover {
    --tw-gradient-to: #ec4899
}

.hover\:text-white:hover {
    color: #fff
}

.hover\:text-purple-400:hover {
    color: #c084fc
}

.focus\:border-purple-500:focus {
    border-color: #a855f7
}

.disabled\:opacity-50:disabled {
    opacity: 0.5
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-spin {
    animation: spin 1s linear infinite
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1)infinite
}

input,
select,
button {
    font-family: inherit;
    font-size: 100%
}
/* Additional utilities */
.flex-1{flex:1 1 0%}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem}
.space-y-0\.5>:not([hidden])~:not([hidden]){margin-top:0.125rem}
.from-blue-900\/40{--tw-gradient-from:rgb(30 58 138/0.4);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-purple-900\/40{--tw-gradient-to:rgb(88 28 135/0.4)}
.border-blue-500\/30{border-color:rgb(59 130 246/0.3)}
.mt-1\.5{margin-top:0.375rem}
.glow-purple{box-shadow:0 0 30px rgba(168,85,247,0.15)}
.glow-success{box-shadow:0 0 30px rgba(16,185,129,0.2)}
.animate-pulse-border{animation:pulse-border 3s ease-in-out infinite}
@keyframes pulse-border{0%,100%{border-color:rgba(168,85,247,0.3)}50%{border-color:rgba(168,85,247,0.6)}}
.success-modal{animation:modalIn 0.3s ease-out}
@keyframes modalIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}