/* assets/tailwind.css */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#1e293b}
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;background-color:#0b1329;color:#f1f5f9}
a{color:inherit;text-decoration:inherit}
table{text-collapse:collapse;width:100%}
th,td{padding:0.75rem;border-bottom-width:1px;border-color:rgba(30,41,59,0.4)}
input,select{font-family:inherit;font-size:100%;margin:0;padding:0.5rem;background-color:#172237;border:1px solid #334155;color:#f1f5f9;border-radius:0.25rem}
input:focus{outline:none;border-color:#2563eb}

/* Structural Engine Elements Layout */
.flex{display:flex}
.flex-col{flex-direction:column}
.flex-1{flex:1 1 0%}
.flex-wrap{flex-wrap:wrap}
.shrink-0{flex-shrink:0}
.h-screen{height:100vh}
.h-16{height:4rem}
.h-80{height:20rem}
.w-full{width:100%}
.w-64{width:16rem}
.w-60{width:15rem}
.w-96{width:24rem}
.w-12{width:3rem}
.w-40{width:10rem}
.w-44{width:11rem}
.w-24{width:6rem}
.w-32{width:8rem}
.w-\[420px\]{width:420px}
.fixed{position:fixed}
.absolute{position:absolute}
.top-0{top:0}
.right-0{right:0}
.left-3{left:0.75rem}
.top-2{top:0.5rem}
.z-50{z-index:50}
.overflow-hidden{overflow:hidden}
.overflow-y-auto{overflow-y:auto}

/* Padding & Margins Utility Spacing blocks */
.p-1\.5{padding:0.375rem}
.p-2{padding:0.5rem}
.p-3{padding:0.75rem}
.p-4{padding:1rem}
.p-6{padding:1.5rem}
.px-1\.5{padding-left:0.375rem;padding-right:0.375rem}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.pb-4{padding-bottom:1rem}
.pt-1{padding-top:0.25rem}
.pt-4{padding-top:1rem}
.mb-2{margin-bottom:0.5rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1rem}
.mt-0\.5{margin-top:0.125rem}
.mt-1{margin-top:0.25rem}
.mt-4{margin-top:1rem}
.ml-2{margin-left:0.5rem}
.space-y-1>:not([hidden])~>:not([hidden]){margin-top:0.25rem}
.space-y-3>:not([hidden])~>:not([hidden]){margin-top:0.75rem}
.space-x-1>:not([hidden])~>:not([hidden]){margin-left:0.25rem}
.gap-1\.5{gap:0.375rem}
.gap-2{gap:0.5rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}

/* Visual Palettes & Colors Mapping Engine */
.bg-\[\#0b1329\]{background-color:#0b1329}
.bg-\[\#0f172a\]{background-color:#0f172a}
.bg-\[\#0f172a\]\/40{background-color:rgba(15,23,42,0.4)}
.bg-\[\#121b2e\]{background-color:#121b2e}
.bg-\[\#151f32\]{background-color:#151f32}
.bg-\[\#172237\]{background-color:#172237}
.bg-\[\#1c263c\]{background-color:#1c263c}
.bg-blue-600{background-color:#2563eb}
.bg-blue-600\/20{background-color:rgba(37,99,235,0.2)}
.hover\:bg-blue-700:hover{background-color:#1d4ed8}
.bg-emerald-600{background-color:#059669}
.hover\:bg-emerald-700:hover{background-color:#047857}
.bg-slate-700{background-color:#334155}
.bg-slate-900{background-color:#0f172a}
.bg-slate-800\/30{background-color:rgba(51,65,85,0.3)}
.bg-slate-800\/40{background-color:rgba(51,65,85,0.4)}
.bg-slate-800\/50{background-color:rgba(51,65,85,0.5)}
.hover\:bg-slate-800\/60:hover{background-color:rgba(51,65,85,0.6)}
.bg-amber-500{background-color:#f59e0b}
.text-slate-950{color:#020617}
.text-slate-100{color:#f8fafc}
.text-slate-300{color:#cbd5e1}
.text-slate-400{color:#94a3b8}
.text-slate-500{color:#64748b}
.text-slate-600{color:#475569}
.text-blue-400{color:#60a5fa}
.text-amber-400{color:#fbbf24}
.text-red-400{color:#f87171}
.text-rose-400{color:#fb7185}
.hover\:text-rose-500:hover{color:#f43f5e}
.hover\:text-white:hover{color:#ffffff}
.hover\:text-blue-400:hover{color:#60a5fa}

/* Layout Typography borders & details */
.text-[10px]{font-size:10px}
.text-[11px]{font-size:11px}
.text-xs{font-size:0.75rem}
.text-sm{font-size:0.875rem}
.text-lg{font-size:1.125rem}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.uppercase{text-transform:uppercase}
.tracking-wide{letter-spacing:0.025em}
.tracking-tight{letter-spacing:-0.025em}
.tracking-wider{letter-spacing:0.05em}
.italic{font-style:italic}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.max-w-sm{max-width:24rem}
.whitespace-pre-wrap{white-space:pre-wrap}
.leading-relaxed{line-height:1.625}
.text-center{text-align:center}

/* Borders & Rounding components definition */
.border-b{border-bottom-width:1px}
.border-l{border-left-width:1px}
.border-r{border-right-width:1px}
.border-t{border-top-width:1px}
.border-slate-700{border-color:#334155}
.border-slate-700\/80{border-color:rgba(51,65,85,0.8)}
.border-slate-800{border-color:#1e293b}
.border-slate-800\/60{border-color:rgba(30,41,59,0.6)}
.border-slate-800\/80{border-color:rgba(30,41,59,0.8)}
.rounded{border-radius:0.25rem}
.rounded-lg{border-radius:0.5rem}
.rounded-xl{border-radius:0.75rem}
.rounded-t-xl{border-top-left-radius:0.75rem;border-top-right-radius:0.75rem}
.rounded-b-xl{border-bottom-left-radius:0.75rem;border-bottom-right-radius:0.75rem}
.rounded-full{border-radius:9999px}

/* Shadows, Animation and Interactivity states */
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1)}
.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}
.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,0.25)}
.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}
.transition-colors{transition-property:color,background-color;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}
.hover\:underline:hover{text-decoration:underline}
.cursor-pointer{cursor:pointer}
.cursor-not-allowed{cursor:not-allowed}

/* Native Custom HTML File Target Inputs Custom Styling */
.file\:bg-slate-800::file-selector-button{background-color:#1e293b;color:#f1f5f9;font-weight:500;padding:0.25rem 0.5rem;border-radius:0.25rem;border:none;margin-right:0.5rem;cursor:pointer}
.file\:bg-slate-800:hover::file-selector-button{background-color:#334155}