.inventory-container {
    background: linear-gradient(145deg, #121212, #0a0a0a);
    border: 2px solid #2f2f2f;
    border-radius: 12px;
    padding: 30px;
    max-width: 800px;
    margin: 40px auto;
    color: #d6d1c4;
    font-family: 'Garamond', 'Times New Roman', serif;
}

.inventory-header {
    text-align: center;
    font-size: 2rem;
    color: #f2d26b;
    margin-bottom: 20px;
    text-shadow: 0 0 5px #d4af37;
}

.inventory-list {
    list-style-type: none;
    padding-left: 0;
}

.inventory-item {
    background-color: #1c1c1c;
    border-left: 4px solid #c2a842;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 1.1rem;
}

.empty-text {
    text-align: center;
    color: #777;
    font-style: italic;
}
.inventory-filter {
    margin-bottom: 20px;
    text-align: center;
    font-family: 'UnifrakturCook', serif;
}

    .inventory-filter label {
        margin: 0 10px;
        color: #d6c18e;
    }

    .inventory-filter select {
        background-color: #1f1f1f;
        color: #f0e6cc;
        border: 1px solid #555;
        padding: 5px 10px;
        font-size: 1rem;
        margin: 0 10px;
    }

    .inventory-filter button {
        background-color: #c2a842;
        color: #111;
        border: none;
        padding: 8px 16px;
        font-size: 1rem;
        border-radius: 6px;
        cursor: pointer;
    }