.container[data-v-afeb3a62]{padding:24px;font-family:Arial,sans-serif}.title[data-v-afeb3a62]{font-size:24px;font-weight:700;margin-bottom:16px}.grid[data-v-afeb3a62]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card[data-v-afeb3a62]{background-color:#fff;border:1px solid #ddd;border-radius:12px;padding:16px;box-shadow:2px 2px 8px rgba(0,0,0,.05);transition:box-shadow .3s ease}.card[data-v-afeb3a62]:hover{box-shadow:2px 4px 16px rgba(0,0,0,.1)}.card-title[data-v-afeb3a62]{font-size:18px;font-weight:600;color:#333}.card-category[data-v-afeb3a62],.card-date[data-v-afeb3a62]{font-size:14px;color:#666;margin-top:4px}.button-group[data-v-afeb3a62]{margin-top:12px;display:flex;justify-content:space-between}.btn[data-v-afeb3a62]{padding:6px 12px;border:none;border-radius:8px;font-size:14px;cursor:pointer}.btn-view[data-v-afeb3a62]{background-color:#007bff;color:#fff}.btn-view[data-v-afeb3a62]:hover{background-color:#0056b3}.btn-fill[data-v-afeb3a62]{background-color:#28a745;color:#fff}.btn-fill[data-v-afeb3a62]:hover{background-color:#1e7e34}