.bulk-hero {
    background: radial-gradient(circle at top right, #1e293b 0%, #0f172a 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.bulk-input {
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0.75rem !important;
    padding: 0.75rem 1.25rem !important;
    font-size: 0.95rem !important;
    transition: all 0.2s ease;
}

.bulk-input:focus {
    background-color: #fff !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.08) !important;
}

.bulk-item-row {
    transition: background-color 0.2s;
}

.bulk-item-row:hover {
    background-color: #f8fafc;
}

.bulk-submit-btn {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    border: none;
    border-radius: 1rem;
    transition: all 0.3s ease;
}

.bulk-submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgba(37, 99, 235, 0.4) !important;
}

.bulk-submit-btn:active {
    transform: translateY(0);
}

.mt-n5 {
    margin-top: -5rem !important;
}

.tracking-wider {
    letter-spacing: 0.05em;
}

.product-modal-card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.product-modal-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px -10px rgba(0, 0, 0, 0.1) !important;
    background: #fff;
    border-color: rgba(59, 130, 246, 0.3) !important;
}

.modal-add-btn {
    transition: all 0.2s ease;
}

.category-header-line {
    height: 1px;
    background: linear-gradient(90deg, #3b82f6, transparent);
    flex-grow: 1;
    margin-left: 1rem;
    opacity: 0.2;
}

.fade-out {
    opacity: 0;
    transform: translateX(-20px);
    transition: all 0.3s ease;
}

.cursor-pointer { cursor: pointer; }
.shadow-xs { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }