.badge-default {
    background-color: #dbeafe;
    color: #1e40af;
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: wrap;
    word-break: break-all;
}

.badge-blue {
    background-color: #dbeafe;
    color: #1e40af;
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: wrap;
    word-break: break-all;
}

.badge-green {
    background-color: #bbf7d0;
    color: #166534;
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: wrap;
    word-break: break-all;
}

.badge-red {
    background-color: #fecaca;
    color: #991b1b;
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: wrap;
    word-break: break-all;
}

.badge-yellow {
    background-color: #fef08a;
    color: #854d0e;
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: wrap;
    word-break: break-all;
}

.badge-gray {
    background-color: #f3f4f6;
    color: #1f2937;
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: wrap;
    word-break: break-all;
}

.badge-purple {
    background-color: #e9d5ff;
    color: #6b21a8;
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: wrap;
    word-break: break-all;
}

.badge-pink {
    background-color: #fbcfe8;
    color: #9d174d;
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: wrap;
    word-break: break-all;
}

.badge-orange {
    background-color: #fed7aa;
    color: #c2410c;
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: wrap;
    word-break: break-all;
}

.badge-teal {
    background-color: #99f6e4;
    color: #115e59;
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: wrap;
    word-break: break-all;
}

.badge-indigo {
    background-color: #c7d2fe;
    color: #4338ca;
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: wrap;
    word-break: break-all;
}

.badge-cyan {
    background-color: #a5f3fc;
    color: #155e75;
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: wrap;
    word-break: break-all;
}

.badge-sky {
    background-color: #bae6fd;
    color: #0369a1;
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: wrap;
    word-break: break-all;
}

.badge-lime {
    background-color: #d9f99d;
    color: #3f6212;
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: wrap;
    word-break: break-all;
}

.badge-emerald {
    background-color: #a7f3d0;
    color: #065f46;
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: wrap;
    word-break: break-all;
}

.badge-violet {
    background-color: #ddd6fe;
    color: #5b21b6;
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: wrap;
    word-break: break-all;
}

.badge-fuchsia {
    background-color: #f0abfc;
    color: #a21caf;
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: wrap;
    word-break: break-all;
}

.badge-rose {
    background-color: #fecdd3;
    color: #9f1239;
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: wrap;
    word-break: break-all;
}

.badge-slate {
    background-color: #e2e8f0;
    color: #334155;
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: wrap;
    word-break: break-all;
}

.badge-zinc {
    background-color: #e4e4e7;
    color: #3f3f46;
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: wrap;
    word-break: break-all;
}

.badge-neutral {
    background-color: #f5f5f5;
    color: #404040;
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: wrap;
    word-break: break-all;
}

.badge-stone {
    background-color: #e7e5e4;
    color: #44403c;
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: wrap;
    word-break: break-all;
}

.button-default {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    outline: none;
    color: #374151 !important;
    background-color: #ffffff;
}

.button-default:hover {
    background-color: #f9fafb;
}

.button-default:focus {
    box-shadow: 0 0 0 2px rgba(209, 213, 219, 0.5);
}

.button-orange {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    outline: none;
    color: white !important;
    background-color: #f97316;
}

.button-orange:hover {
    background-color: #ea580c;
}

.button-orange:focus {
    box-shadow: 0 0 0 2px #fb923c;
}

.button-amber {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    outline: none;
    color: white !important;
    background-color: #f59e0b;
}

.button-amber:hover {
    background-color: #d97706;
}

.button-amber:focus {
    box-shadow: 0 0 0 2px #fbbf24;
}

.button-yellow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    outline: none;
    color: white !important;
    background-color: #eab308;
}

.button-yellow:hover {
    background-color: #ca8a04;
}

.button-yellow:focus {
    box-shadow: 0 0 0 2px #facc15;
}

.button-lime {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    outline: none;
    color: white !important;
    background-color: #84cc16;
}

.button-lime:hover {
    background-color: #65a30d;
}

.button-lime:focus {
    box-shadow: 0 0 0 2px #a3e635;
}

.button-red {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    outline: none;
    color: white !important;
    background-color: #dc2626;
}

.button-red:hover {
    background-color: #b91c1c;
}

.button-red:focus {
    box-shadow: 0 0 0 2px #f87171;
}

.button-green {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    outline: none;
    color: white !important;
    background-color: #31c48d;
}

.button-green:hover {
    background-color: #0e9f6e;
}

.button-green:focus {
    box-shadow: 0 0 0 2px #31c48d;
}

.button-emerald {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    outline: none;
    color: white !important;
    background-color: #10b981;
}

.button-emerald:hover {
    background-color: #059669;
}

.button-emerald:focus {
    box-shadow: 0 0 0 2px #34d399;
}

.button-teal {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    outline: none;
    color: white !important;
    background-color: #14b8a6;
}

.button-teal:hover {
    background-color: #0d9488;
}

.button-teal:focus {
    box-shadow: 0 0 0 2px #2dd4bf;
}

.button-cyan {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    outline: none;
    color: white !important;
    background-color: #06b6d4;
}

.button-cyan:hover {
    background-color: #0891b2;
}

.button-cyan:focus {
    box-shadow: 0 0 0 2px #22d3ee;
}

.button-sky {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    outline: none;
    color: white !important;
    background-color: #0ea5e9;
}

.button-sky:hover {
    background-color: #0284c7;
}

.button-sky:focus {
    box-shadow: 0 0 0 2px #38bdf8;
}

.button-blue {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    outline: none;
    color: white !important;
    background-color: #3b82f6;
}

.button-blue:hover {
    background-color: #2563eb;
}

.button-blue:focus {
    box-shadow: 0 0 0 2px #60a5fa;
}

.button-indigo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    outline: none;
    color: white !important;
    background-color: #6366f1;
}

.button-indigo:hover {
    background-color: #4f46e5;
}

.button-indigo:focus {
    box-shadow: 0 0 0 2px #818cf8;
}

.button-violet {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    outline: none;
    color: white !important;
    background-color: #8b5cf6;
}

.button-violet:hover {
    background-color: #7c3aed;
}

.button-violet:focus {
    box-shadow: 0 0 0 2px #a78bfa;
}

.button-purple {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    outline: none;
    color: white !important;
    background-color: #a855f7;
}

.button-purple:hover {
    background-color: #9333ea;
}

.button-purple:focus {
    box-shadow: 0 0 0 2px #c084fc;
}

.button-fuchsia {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    outline: none;
    color: white !important;
    background-color: #d946ef;
}

.button-fuchsia:hover {
    background-color: #c026d3;
}

.button-fuchsia:focus {
    box-shadow: 0 0 0 2px #e879f9;
}

.button-pink {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    outline: none;
    color: white !important;
    background-color: #ec4899;
}

.button-pink:hover {
    background-color: #db2777;
}

.button-pink:focus {
    box-shadow: 0 0 0 2px #f472b6;
}

.button-rose {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    outline: none;
    color: white !important;
    background-color: #f43f5e;
}

.button-rose:hover {
    background-color: #e11d48;
}

.button-rose:focus {
    box-shadow: 0 0 0 2px #fb7185;
}

.button-slate {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    outline: none;
    color: white !important;
    background-color: #64748b;
}

.button-slate:hover {
    background-color: #475569;
}

.button-slate:focus {
    box-shadow: 0 0 0 2px #94a3b8;
}

.button-gray {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    outline: none;
    color: white !important;
    background-color: #6b7280;
}

.button-gray:hover {
    background-color: #4b5563;
}

.button-gray:focus {
    box-shadow: 0 0 0 2px #9ca3af;
}

.button-zinc {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    outline: none;
    color: white !important;
    background-color: #71717a;
}

.button-zinc:hover {
    background-color: #52525b;
}

.button-zinc:focus {
    box-shadow: 0 0 0 2px #a1a1aa;
}

.button-neutral {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    outline: none;
    color: white !important;
    background-color: #737373;
}

.button-neutral:hover {
    background-color: #525252;
}

.button-neutral:focus {
    box-shadow: 0 0 0 2px #a3a3a3;
}

.button-stone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    outline: none;
    color: white !important;
    background-color: #78716c;
}

.button-stone:hover {
    background-color: #57534e;
}

.button-stone:focus {
    box-shadow: 0 0 0 2px #a8a29e;
}

/*# sourceMappingURL=app.css.map */