/* layout utils */
.flex{display:flex}
.items-start{align-items:flex-start}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.mb-1{margin-bottom:.25rem}
.mb-6{margin-bottom:1.5rem}
.mb-10{margin-bottom:2.5rem}
.mt-6{margin-top:1.5rem}
.p-4{padding:1rem}
.p-6{padding:1.5rem}
.text-right{text-align:right}
.block{display:block}
.cursor-pointer{cursor:pointer}
.rounded{border-radius:.5rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-xs{font-size:.75rem;line-height:1rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.font-semibold{font-weight:600}
.text-gray-400{color:#94a3b8}
.text-gray-500{color:#64748b}
.text-gray-600{color:#475569}
.bg-gray-200{background:#e5e7eb}
.w-40{width:10rem}
.h-1{height:.25rem}
.h-full{height:100%}

/* responsive (only used class) */
@media (min-width:1024px){ .lg\:col-span-2{grid-column:span 2 / span 2} }

/* components */
.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.badge{display:inline-block;background:#eff6ff;color:#1d4ed8;border-radius:9999px;padding:.25rem .5rem;font-weight:600}
.bg-primary{background:#0052CC;color:#fff}