/* Local utility stylesheet (Tailwind-like subset) */
:root{--tw-gradient-from:#0ea5e9;--tw-gradient-to:#d946ef;--tw-ring-color:rgba(14,165,233,0.65);}
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor;}
html{line-height:1.5;-webkit-text-size-adjust:100%;}
body{margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}
a{color:inherit;text-decoration:inherit;}
button,input,select,textarea{font:inherit;color:inherit;margin:0;padding:0;background-color:transparent;border-radius:0;}
button,[role="button"]{cursor:pointer;}
button:disabled{cursor:default;}
table{border-collapse:collapse;border-spacing:0;}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;}
img,video{max-width:100%;height:auto;}
@keyframes spin{to{transform:rotate(360deg);}}
.-bottom-40{bottom:calc(10rem * -1);}
.-left-40{left:calc(10rem * -1);}
.-right-1{right:calc(0.25rem * -1);}
.-right-40{right:calc(10rem * -1);}
.-top-1{top:calc(0.25rem * -1);}
.-top-40{top:calc(10rem * -1);}
.-translate-x-1\/2{transform:translateX(-50%);}
.-translate-y-1\/2{transform:translateY(-50%);}
.absolute{position:absolute;}
.animate-spin{animation:spin 1s linear infinite;}
.aspect-\[3\/4\]{aspect-ratio:3 / 4;}
.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
.bg-accent-500\/10{background-color:rgba(217, 70, 239, 0.100);}
.bg-accent-500\/20{background-color:rgba(217, 70, 239, 0.200);}
.bg-amber-500{background-color:#f59e0b;}
.bg-amber-500\/10{background-color:rgba(245, 158, 11, 0.100);}
.bg-amber-500\/15{background-color:rgba(245, 158, 11, 0.150);}
.bg-amber-500\/20{background-color:rgba(245, 158, 11, 0.200);}
.bg-amber-500\/30{background-color:rgba(245, 158, 11, 0.300);}
.bg-amber-500\/70{background-color:rgba(245, 158, 11, 0.700);}
.bg-black\/70{background-color:rgba(0, 0, 0, 0.700);}
.bg-emerald-400\/10{background-color:rgba(52, 211, 153, 0.100);}
.bg-emerald-500{background-color:#10b981;}
.bg-emerald-500\/20{background-color:rgba(16, 185, 129, 0.200);}
.bg-emerald-500\/30{background-color:rgba(16, 185, 129, 0.300);}
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-from),var(--tw-gradient-via,var(--tw-gradient-to)),var(--tw-gradient-to));}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-from),var(--tw-gradient-via,var(--tw-gradient-to)),var(--tw-gradient-to));}
.bg-primary-500{background-color:#0ea5e9;}
.bg-primary-500\/10{background-color:rgba(14, 165, 233, 0.100);}
.bg-primary-500\/15{background-color:rgba(14, 165, 233, 0.150);}
.bg-primary-500\/20{background-color:rgba(14, 165, 233, 0.200);}
.bg-primary-500\/30{background-color:rgba(14, 165, 233, 0.300);}
.bg-primary-500\/5{background-color:rgba(14, 165, 233, 0.050);}
.bg-primary-500\/70{background-color:rgba(14, 165, 233, 0.700);}
.bg-red-400\/10{background-color:rgba(248, 113, 113, 0.100);}
.bg-red-500{background-color:#ef4444;}
.bg-red-500\/10{background-color:rgba(239, 68, 68, 0.100);}
.bg-red-500\/15{background-color:rgba(239, 68, 68, 0.150);}
.bg-red-500\/20{background-color:rgba(239, 68, 68, 0.200);}
.bg-red-500\/70{background-color:rgba(239, 68, 68, 0.700);}
.bg-slate-600{background-color:#475569;}
.bg-slate-600\/30{background-color:rgba(71, 85, 105, 0.300);}
.bg-slate-600\/40{background-color:rgba(71, 85, 105, 0.400);}
.bg-slate-600\/50{background-color:rgba(71, 85, 105, 0.500);}
.bg-slate-700{background-color:#334155;}
.bg-slate-700\/20{background-color:rgba(51, 65, 85, 0.200);}
.bg-slate-700\/30{background-color:rgba(51, 65, 85, 0.300);}
.bg-slate-700\/40{background-color:rgba(51, 65, 85, 0.400);}
.bg-slate-700\/50{background-color:rgba(51, 65, 85, 0.500);}
.bg-slate-700\/60{background-color:rgba(51, 65, 85, 0.600);}
.bg-slate-700\/70{background-color:rgba(51, 65, 85, 0.700);}
.bg-slate-800{background-color:#1e293b;}
.bg-slate-800\/30{background-color:rgba(30, 41, 59, 0.300);}
.bg-slate-800\/50{background-color:rgba(30, 41, 59, 0.500);}
.bg-slate-800\/70{background-color:rgba(30, 41, 59, 0.700);}
.bg-slate-900{background-color:#0f172a;}
.bg-slate-900\/40{background-color:rgba(15, 23, 42, 0.400);}
.block{display:block;}
.blur-3xl{filter:blur(64px);}
.border{border-width:1px;border-style:solid;}
.border-2{border-width:2px;border-style:solid;}
.border-amber-500\/20{border-color:rgba(245, 158, 11, 0.200);}
.border-amber-500\/30{border-color:rgba(245, 158, 11, 0.300);}
.border-amber-500\/40{border-color:rgba(245, 158, 11, 0.400);}
.border-b{border-bottom-width:1px;border-style:solid;}
.border-emerald-500\/40{border-color:rgba(16, 185, 129, 0.400);}
.border-primary-500\/30{border-color:rgba(14, 165, 233, 0.300);}
.border-primary-500\/40{border-color:rgba(14, 165, 233, 0.400);}
.border-r{border-right-width:1px;border-style:solid;}
.border-red-500\/20{border-color:rgba(239, 68, 68, 0.200);}
.border-red-500\/30{border-color:rgba(239, 68, 68, 0.300);}
.border-red-500\/50{border-color:rgba(239, 68, 68, 0.500);}
.border-slate-600{border-color:#475569;}
.border-slate-600\/50{border-color:rgba(71, 85, 105, 0.500);}
.border-slate-700{border-color:#334155;}
.border-slate-700\/40{border-color:rgba(51, 65, 85, 0.400);}
.border-slate-700\/50{border-color:rgba(51, 65, 85, 0.500);}
.border-slate-700\/60{border-color:rgba(51, 65, 85, 0.600);}
.border-t{border-top-width:1px;border-style:solid;}
.bottom-4{bottom:1rem;}
.capitalize{text-transform:capitalize;}
.col-span-full{grid-column:1 / -1;}
.cursor-pointer{cursor:pointer;}
.divide-slate-700\/40 > :not([hidden]) ~ :not([hidden]){border-color:rgba(51, 65, 85, 0.400);}
.divide-slate-700\/50 > :not([hidden]) ~ :not([hidden]){border-color:rgba(51, 65, 85, 0.500);}
.divide-y > :not([hidden]) ~ :not([hidden]){border-top-width:1px;border-top-style:solid;}
.duration-200{transition-duration:200ms;}
.fixed{position:fixed;}
.flex{display:flex;}
.flex-1{flex:1 1 0%;}
.flex-col{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.focus\:border-primary-500:focus{border-color:#0ea5e9;}
.focus\:border-primary-500\/50:focus{border-color:rgba(14, 165, 233, 0.500);}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}
.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--tw-ring-color, rgba(14,165,233,0.65));}
.focus\:ring-primary-500\/50:focus{--tw-ring-color:rgba(14, 165, 233, 0.500);}
.font-bold{font-weight:700;}
.font-medium{font-weight:500;}
.font-sans{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}
.font-semibold{font-weight:600;}
.from-amber-500\/20{--tw-gradient-from:rgba(245, 158, 11, 0.200);--tw-gradient-to:rgba(255,255,255,0);}
.from-amber-600{--tw-gradient-from:#d97706;--tw-gradient-to:rgba(255,255,255,0);}
.from-emerald-500{--tw-gradient-from:#10b981;--tw-gradient-to:rgba(255,255,255,0);}
.from-emerald-500\/20{--tw-gradient-from:rgba(16, 185, 129, 0.200);--tw-gradient-to:rgba(255,255,255,0);}
.from-emerald-600{--tw-gradient-from:#059669;--tw-gradient-to:rgba(255,255,255,0);}
.from-primary-500{--tw-gradient-from:#0ea5e9;--tw-gradient-to:rgba(255,255,255,0);}
.from-primary-500\/20{--tw-gradient-from:rgba(14, 165, 233, 0.200);--tw-gradient-to:rgba(255,255,255,0);}
.from-primary-600{--tw-gradient-from:#0284c7;--tw-gradient-to:rgba(255,255,255,0);}
.from-slate-900{--tw-gradient-from:#0f172a;--tw-gradient-to:rgba(255,255,255,0);}
.from-violet-600{--tw-gradient-from:#7c3aed;--tw-gradient-to:rgba(255,255,255,0);}
.gap-2{gap:0.5rem;}
.gap-3{gap:0.75rem;}
.gap-4{gap:1rem;}
.gap-6{gap:1.5rem;}
.grid{display:grid;}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}
.h-10{height:2.5rem;}
.h-12{height:3rem;}
.h-16{height:4rem;}
.h-20{height:5rem;}
.h-4{height:1rem;}
.h-5{height:1.25rem;}
.h-6{height:1.5rem;}
.h-80{height:20rem;}
.h-96{height:24rem;}
.h-\[18px\]{height:18px;}
.h-full{height:100%;}
.hidden{display:none !important;}
.hover\:bg-amber-500:hover{background-color:#f59e0b;}
.hover\:bg-amber-500\/20:hover{background-color:rgba(245, 158, 11, 0.200);}
.hover\:bg-amber-500\/40:hover{background-color:rgba(245, 158, 11, 0.400);}
.hover\:bg-amber-600:hover{background-color:#d97706;}
.hover\:bg-emerald-500\/20:hover{background-color:rgba(16, 185, 129, 0.200);}
.hover\:bg-emerald-600:hover{background-color:#059669;}
.hover\:bg-primary-500:hover{background-color:#0ea5e9;}
.hover\:bg-primary-600:hover{background-color:#0284c7;}
.hover\:bg-red-500:hover{background-color:#ef4444;}
.hover\:bg-red-500\/20:hover{background-color:rgba(239, 68, 68, 0.200);}
.hover\:bg-slate-500:hover{background-color:#64748b;}
.hover\:bg-slate-600:hover{background-color:#475569;}
.hover\:bg-slate-600\/50:hover{background-color:rgba(71, 85, 105, 0.500);}
.hover\:bg-slate-700:hover{background-color:#334155;}
.hover\:bg-slate-700\/20:hover{background-color:rgba(51, 65, 85, 0.200);}
.hover\:bg-slate-700\/40:hover{background-color:rgba(51, 65, 85, 0.400);}
.hover\:bg-slate-700\/50:hover{background-color:rgba(51, 65, 85, 0.500);}
.hover\:border-primary-500\/50:hover{border-color:rgba(14, 165, 233, 0.500);}
.loan-highlight{background-color:rgba(14, 165, 233, 0.12);box-shadow:inset 0 0 0 1px rgba(56, 189, 248, 0.45);}
.loan-highlight:hover{background-color:rgba(14, 165, 233, 0.18);}
.hover\:from-amber-500\/30:hover{--tw-gradient-from:rgba(245, 158, 11, 0.300);--tw-gradient-to:rgba(255,255,255,0);}
.hover\:from-emerald-500\/30:hover{--tw-gradient-from:rgba(16, 185, 129, 0.300);--tw-gradient-to:rgba(255,255,255,0);}
.hover\:from-emerald-600:hover{--tw-gradient-from:#059669;--tw-gradient-to:rgba(255,255,255,0);}
.hover\:from-primary-500\/30:hover{--tw-gradient-from:rgba(14, 165, 233, 0.300);--tw-gradient-to:rgba(255,255,255,0);}
.hover\:from-primary-600:hover{--tw-gradient-from:#0284c7;--tw-gradient-to:rgba(255,255,255,0);}
.hover\:text-emerald-200:hover{color:#a7f3d0;}
.hover\:text-primary-200:hover{color:#bae6fd;}
.hover\:text-primary-300:hover{color:#7dd3fc;}
.hover\:text-slate-100:hover{color:#f1f5f9;}
.hover\:text-slate-200:hover{color:#e2e8f0;}
.hover\:text-white:hover{color:#ffffff;}
.hover\:to-amber-600\/30:hover{--tw-gradient-to:rgba(217, 119, 6, 0.300);}
.hover\:to-emerald-600\/30:hover{--tw-gradient-to:rgba(5, 150, 105, 0.300);}
.hover\:to-emerald-700:hover{--tw-gradient-to:#047857;}
.hover\:to-primary-600\/30:hover{--tw-gradient-to:rgba(2, 132, 199, 0.300);}
.hover\:to-primary-700:hover{--tw-gradient-to:#0369a1;}
.inline{display:inline;}
.inline-flex{display:inline-flex;}
.inset-0{top:0;right:0;bottom:0;left:0;}
.items-center{align-items:center;}
.items-start{align-items:flex-start;}
.justify-between{justify-content:space-between;}
.justify-center{justify-content:center;}
.justify-end{justify-content:flex-end;}
.leading-\[18px\]{line-height:18px;}
.left-0{left:0;}
.left-1\/2{left:50%;}
.left-3{left:0.75rem;}
.left-4{left:1rem;}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.max-h-36{max-height:9rem;}
.max-h-96{max-height:24rem;}
.max-h-\[85vh\]{max-height:85vh;}
.max-h-\[90vh\]{max-height:90vh;}
.max-w-2xl{max-width:42rem;}
.max-w-3xl{max-width:48rem;}
.max-w-4xl{max-width:56rem;}
.max-w-lg{max-width:32rem;}
.max-w-md{max-width:28rem;}
.max-w-xl{max-width:36rem;}
.mb-1{margin-bottom:0.25rem;}
.mb-2{margin-bottom:0.5rem;}
.mb-3{margin-bottom:0.75rem;}
.mb-4{margin-bottom:1rem;}
.mb-6{margin-bottom:1.5rem;}
.mb-8{margin-bottom:2rem;}
.min-h-screen{min-height:100vh;}
.min-w-0{min-width:0;}
.min-w-\[18px\]{min-width:18px;}
.mr-2{margin-right:0.5rem;}
.mt-1{margin-top:0.25rem;}
.mt-2{margin-top:0.5rem;}
.mt-3{margin-top:0.75rem;}
.mt-4{margin-top:1rem;}
.mt-5{margin-top:1.25rem;}
.mt-6{margin-top:1.5rem;}
.mx-4{margin-left:1rem;margin-right:1rem;}
.mx-auto{margin-left:auto;margin-right:auto;}
.my-10{margin-top:2.5rem;margin-bottom:2.5rem;}
.my-8{margin-top:2rem;margin-bottom:2rem;}
.opacity-60{opacity:0.6;}
.overflow-hidden{overflow:hidden;}
.overflow-x-auto{overflow-x:auto;}
.overflow-y-auto{overflow-y:auto;}
.p-2{padding:0.5rem;}
.p-3{padding:0.75rem;}
.p-4{padding:1rem;}
.p-6{padding:1.5rem;}
.p-8{padding:2rem;}
.pl-10{padding-left:2.5rem;}
.pl-12{padding-left:3rem;}
.placeholder-slate-500::placeholder{color:#64748b;opacity:1;}
.pointer-events-none{pointer-events:none;}
.pr-1{padding-right:0.25rem;}
.pr-12{padding-right:3rem;}
.pr-3{padding-right:0.75rem;}
.pr-4{padding-right:1rem;}
.pt-2{padding-top:0.5rem;}
.pt-4{padding-top:1rem;}
.pt-6{padding-top:1.5rem;}
.px-1{padding-left:0.25rem;padding-right:0.25rem;}
.px-2{padding-left:0.5rem;padding-right:0.5rem;}
.px-3{padding-left:0.75rem;padding-right:0.75rem;}
.px-4{padding-left:1rem;padding-right:1rem;}
.px-5{padding-left:1.25rem;padding-right:1.25rem;}
.px-6{padding-left:1.5rem;padding-right:1.5rem;}
.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}
.py-12{padding-top:3rem;padding-bottom:3rem;}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}
.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem;}
.py-4{padding-top:1rem;padding-bottom:1rem;}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}
.py-8{padding-top:2rem;padding-bottom:2rem;}
.relative{position:relative;}
.right-0{right:0;}
.right-3{right:0.75rem;}
.right-4{right:1rem;}
.ring-2{box-shadow:0 0 0 2px var(--tw-ring-color, rgba(14,165,233,0.65));}
.ring-primary-400{--tw-ring-color:#38bdf8;}
.rounded{border-radius:0.25rem;}
.rounded-2xl{border-radius:1rem;}
.rounded-full{border-radius:9999px;}
.rounded-lg{border-radius:0.5rem;}
.rounded-xl{border-radius:0.75rem;}
.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,0.45);}
.shadow-emerald-500\/25{box-shadow:0 10px 20px -6px rgba(16, 185, 129, 0.250);}
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,0.2),0 4px 6px -4px rgba(0,0,0,0.2);}
.shadow-primary-500\/25{box-shadow:0 10px 20px -6px rgba(14, 165, 233, 0.250);}
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.space-y-1{--tw-space-y-reverse:0;}
.space-y-1 > :not([hidden]) ~ :not([hidden]){margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse));}
.space-y-2{--tw-space-y-reverse:0;}
.space-y-2 > :not([hidden]) ~ :not([hidden]){margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse));}
.space-y-3{--tw-space-y-reverse:0;}
.space-y-3 > :not([hidden]) ~ :not([hidden]){margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse));}
.space-y-4{--tw-space-y-reverse:0;}
.space-y-4 > :not([hidden]) ~ :not([hidden]){margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse));}
.space-y-5{--tw-space-y-reverse:0;}
.space-y-5 > :not([hidden]) ~ :not([hidden]){margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse));}
.space-y-6{--tw-space-y-reverse:0;}
.space-y-6 > :not([hidden]) ~ :not([hidden]){margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse));}
.text-2xl{font-size:1.5rem;line-height:1.25;}
.text-3xl{font-size:1.875rem;line-height:1.25;}
.text-\[10px\]{font-size:10px;}
.text-\[11px\]{font-size:11px;}
.text-accent-400{color:#e879f9;}
.text-amber-300{color:#fcd34d;}
.text-amber-400{color:#fbbf24;}
.text-base{font-size:1rem;line-height:1.25;}
.text-center{text-align:center;}
.text-emerald-300{color:#6ee7b7;}
.text-emerald-400{color:#34d399;}
.text-left{text-align:left;}
.text-lg{font-size:1.125rem;line-height:1.25;}
.text-primary-300{color:#7dd3fc;}
.text-primary-400{color:#38bdf8;}
.text-red-300{color:#fca5a5;}
.text-red-400{color:#f87171;}
.text-right{text-align:right;}
.text-slate-100{color:#f1f5f9;}
.text-slate-200{color:#e2e8f0;}
.text-slate-300{color:#cbd5e1;}
.text-slate-400{color:#94a3b8;}
.text-slate-500{color:#64748b;}
.text-sm{font-size:0.875rem;line-height:1.25;}
.text-white{color:#ffffff;}
.text-white\/50{color:rgba(255, 255, 255, 0.500);}
.text-xl{font-size:1.25rem;line-height:1.25;}
.text-xs{font-size:0.75rem;line-height:1.25;}
.to-accent-500{--tw-gradient-to:#d946ef;}
.to-accent-600{--tw-gradient-to:#c026d3;}
.to-amber-600\/20{--tw-gradient-to:rgba(217, 119, 6, 0.200);}
.to-emerald-600{--tw-gradient-to:#059669;}
.to-emerald-600\/20{--tw-gradient-to:rgba(5, 150, 105, 0.200);}
.to-primary-600{--tw-gradient-to:#0284c7;}
.to-primary-600\/20{--tw-gradient-to:rgba(2, 132, 199, 0.200);}
.to-purple-600{--tw-gradient-to:#9333ea;}
.to-red-600{--tw-gradient-to:#dc2626;}
.to-slate-900{--tw-gradient-to:#0f172a;}
.to-teal-600{--tw-gradient-to:#0d9488;}
.top-1\/2{top:50%;}
.top-3{top:0.75rem;}
.top-full{top:100%;}
.tracking-wide{letter-spacing:0.025em;}
.transition-all{transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.uppercase{text-transform:uppercase;}
.via-slate-800{--tw-gradient-via:#1e293b;}
.w-10{width:2.5rem;}
.w-12{width:3rem;}
.w-20{width:5rem;}
.w-4{width:1rem;}
.w-48{width:12rem;}
.w-5{width:1.25rem;}
.w-56{width:14rem;}
.w-6{width:1.5rem;}
.w-64{width:16rem;}
.w-80{width:20rem;}
.w-96{width:24rem;}
.w-\[360px\]{width:360px;}
.w-full{width:100%;}
.z-10{z-index:10;}
.z-\[100\]{z-index:100;}
.z-\[120\]{z-index:120;}
.z-\[130\]{z-index:130;}
.z-\[140\]{z-index:140;}
.z-\[150\]{z-index:150;}
.z-\[160\]{z-index:160;}
.z-\[170\]{z-index:170;}
.z-\[190\]{z-index:190;}
.z-\[200\]{z-index:200;}
.z-\[210\]{z-index:210;}
.z-\[90\]{z-index:90;}
/* App-specific helpers */
.fade-in{animation:fadeIn 0.3s ease-in-out;}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
@keyframes reconnectSpin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.reconnect-spinner{
width:2.75rem;
height:2.75rem;
border:3px solid rgba(100,116,139,0.35);
border-top-color:#38bdf8;
border-right-color:rgba(56,189,248,0.65);
border-radius:9999px;
animation:reconnectSpin 0.8s linear infinite;
}
@media (min-width:768px){
.md\:col-span-2{grid-column:span 2 / span 2;}
.md\:flex-row{flex-direction:row;}
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}
.md\:items-center{align-items:center;}
.md\:items-start{align-items:flex-start;}
.md\:justify-between{justify-content:space-between;}
.md\:justify-end{justify-content:flex-end;}
.md\:w-80{width:20rem;}
}
@media (min-width:1024px){
.lg\:col-span-2{grid-column:span 2 / span 2;}
.lg\:flex-row{flex-direction:row;}
.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}
.lg\:hidden{display:none !important;}
.lg\:items-center{align-items:center;}
.lg\:justify-between{justify-content:space-between;}
}
@media (min-width:1280px){
.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}
}