Template:VHCategory/styles.css

.vho-category {
    background: #3a3a3a;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.vho-category-header {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    font-size: 18px;
    font-weight: bold;
    color: white;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

.vho-category-icon {
    margin-right: 12px;
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
}

.vho-category-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    padding: 16px;
    background: #2a2a2a;
}

/* Category Colors */
.vho-category-header.storage {
    background: linear-gradient(135deg, #4a9b8e, #6bb6aa);
}

.vho-category-header.looting {
    background: linear-gradient(135deg, #d4a574, #e6c199);
}

.vho-category-header.power {
    background: linear-gradient(135deg, #c85450, #d67370);
}

.vho-category-header.handling {
    background: linear-gradient(135deg, #a85751, #c67771);
}

.vho-category-header.big-mods {
    background: linear-gradient(135deg, #7ba05b, #9bb67b);
}

.vho-category-header.qol {
    background: linear-gradient(135deg, #4a9b8e, #6bb6aa);
}

.vho-category-header.big-toys {
    background: linear-gradient(135deg, #4a7ba0, #6a9bb6);
}

.vho-category-header.production {
    background: linear-gradient(135deg, #6a9bb6, #8ab1c6);
}

.vho-category-header.vault-upgrades {
    background: linear-gradient(135deg, #d4a574, #e6c199);
}