/* Utilities */
.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.min-w-250 {
    min-width: 250px !important;
}

.nav-divider {
    width: 1px;
    height: 16px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0 0.5rem;
}

.transform-ty-m2 {
    transform: translateY(-2px);
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-1rem {
    margin-bottom: 1rem !important;
}

.flex-1 {
    flex: 1 !important;
}

.max-w-full {
    max-width: 100% !important;
}

.m-0 {
    margin: 0 !important;
}

.mb-1 {
    margin-bottom: 1rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.p-0 {
    padding: 0 !important;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-align-center {
    display: flex;
    align-items: center;
}

.flex-start {
    display: flex;
    align-items: flex-start;
}

.text-primary {
    color: var(--primary-accent) !important;
}

/* Width & Spacing Utilities */
.w-full {
    width: 100%;
}

.mb-05 {
    margin-bottom: 0.5rem;
}

.mt-15 {
    margin-top: 1.5rem;
}

.pt-1 {
    padding-top: 1rem;
}

.gap-xs {
    gap: 4px;
}

.gap-05 {
    gap: 0.5rem;
}

.gap-1 {
    gap: 1rem;
}

/* Display Utilities */
.hidden {
    display: none !important;
}

/* Glassmorphism */
.glass-panel {
    background: var(--glass-bg);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: var(--glass-border);
    border-top: var(--glass-border-top);
    box-shadow: var(--glass-shadow);
    transform: translateZ(0);
    isolation: isolate;
}

/* Animations */
.fade-in-up {
    animation: fadeInUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}