*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid}
html{line-height:1.5;font-family:Tahoma,Arial,sans-serif}
body{margin:0;line-height:inherit}

.flex{display:flex}
.flex-1{flex:1}
.flex-col{flex-direction:column}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.sticky{position:sticky}
.fixed{position:fixed}
.top-0{top:0}
.left-4{left:16px}
.right-4{right:16px}
.z-50{z-index:50}
.z-1000{z-index:1000}
.min-h-screen{min-height:100vh}
.h-screen{height:100vh}
.w-3{width:12px}
.h-3{height:12px}
.w-10{width:40px}
.h-10{height:40px}
.px-4{padding-left:16px;padding-right:16px}
.py-3{padding-top:12px;padding-bottom:12px}
.py-8{padding-top:32px;padding-bottom:32px}
.p-4{padding:16px}
.mt-2{margin-top:8px}
.mt-4{margin-top:16px}
.ml-2{margin-left:8px}
.ml-3{margin-left:12px}
.text-sm{font-size:14px}
.text-lg{font-size:18px}
.font-bold{font-weight:700}
.font-medium{font-weight:500}
.rounded-full{border-radius:50%}
.rounded-lg{border-radius:8px}
.border{border-width:1px}
.border-2{border-width:2px}
.bg-white{background-color:#ffffff}
.bg-background{background-color:#f8fafc}
.bg-success{background-color:#16a34a}
.bg-danger{background-color:#dc2626}
.bg-primary{background-color:#2563eb}
.text-white{color:#ffffff}
.text-gray-900{color:#1e293b}
.text-gray-600{color:#64748b}
.border-gray-200{border-color:#e2e8f0}
.border-primary{border-color:#2563eb}
.text-center{text-align:center}
.hidden{display:none !important}
.max-w-xs{max-width:320px}
.space-y-3>*+*{margin-top:12px}