.my-container[data-v-55d502a2]{font-family:Cairo,sans-serif}.image-cover[data-v-55d502a2]{width:100%;height:400px;border-radius:12px;border:1px solid #ddd;overflow:hidden;margin:0 0 20px}.image-cover img[data-v-55d502a2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.diplomas-container[data-v-55d502a2]{width:100%;border-radius:12px;overflow:hidden;border:1px solid #ddd;background-color:#fff;min-height:500px;padding:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.diploma-card[data-v-55d502a2]{height:300px;border-radius:8px;overflow:hidden;border:1px solid #e0e0e0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:.3s;transition:.3s}.diploma-card[data-v-55d502a2]:hover{-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.diploma-image-wrapper[data-v-55d502a2]{width:100%;height:80%;overflow:hidden;background-color:#f8f9fa;-webkit-box-flex:1;-ms-flex:1;flex:1}.diploma-image[data-v-55d502a2]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.diploma-title[data-v-55d502a2]{background:#f5249a;color:#fff;padding:12px 18px;font-size:18px;font-weight:600;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:18%}.empty-state[data-v-55d502a2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:60px 20px;height:200px;font-size:18px;color:#6c757d;grid-column:1/-1}.empty-icon[data-v-55d502a2]{font-size:48px;color:#780096;margin-bottom:16px;display:block}.empty-state p[data-v-55d502a2]{font-size:16px;font-weight:600;margin:0}@media (max-width:768px){.diplomas-container[data-v-55d502a2]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;padding:16px}.diploma-title[data-v-55d502a2]{font-size:14px;padding:10px 8px}.image-cover[data-v-55d502a2]{height:250px}}@media (max-width:576px){.diplomas-container[data-v-55d502a2]{grid-template-columns:1fr;gap:12px;padding:12px}.image-cover[data-v-55d502a2]{height:200px}}