.grid-container[data-v-9eeee871]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:2rem 0;animation:fadeIn-9eeee871 .6s ease-out}.document-card[data-v-9eeee871]{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;text-decoration:none;height:100%;display:flex;flex-direction:column}.document-card[data-v-9eeee871]:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 20px #00000026}.thumbnail-wrapper[data-v-9eeee871]{position:relative;padding-top:130%;background:#f5f5f5;overflow:hidden;flex:1}.thumbnail-container[data-v-9eeee871]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.document-thumbnail[data-v-9eeee871]{position:absolute;max-width:100%;max-height:100%;transition:transform .4s ease-out;will-change:transform}.document-thumbnail.aspect-portrait[data-v-9eeee871]{width:auto;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top}.document-thumbnail.aspect-landscape[data-v-9eeee871]{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.document-thumbnail.aspect-square[data-v-9eeee871]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.document-thumbnail.aspect-unknown[data-v-9eeee871]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center top;object-position:center top}.document-card:hover .document-thumbnail[data-v-9eeee871]{transform:scale(1.05)}.overlay[data-v-9eeee871]{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(192,36,52,.75);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease-out;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);z-index:5}.document-card:hover .overlay[data-v-9eeee871]{opacity:1}.view-btn[data-v-9eeee871]{color:#fff;font-weight:600;padding:.8rem 1.5rem;border:2px solid white;border-radius:30px;transform:translateY(20px);transition:all .4s ease-out;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.document-card:hover .view-btn[data-v-9eeee871]{transform:translateY(0)}.view-btn[data-v-9eeee871]:hover{background:rgba(255,255,255,.25);transform:translateY(0) scale(1.05)}.card-content[data-v-9eeee871]{padding:1.5rem;background:white;position:relative;z-index:1}.card-content h3[data-v-9eeee871]{font-size:1.8rem;margin-bottom:.5rem;color:#333;transition:color .3s ease;line-height:1.3;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.document-card:hover .card-content h3[data-v-9eeee871]{color:#304296}.type-badge[data-v-9eeee871]{display:inline-block;background:#304296;color:#fff;padding:.4rem 1.2rem;border-radius:20px;font-size:1.2rem;margin-top:1rem;transition:all .3s ease;box-shadow:0 2px 4px #30429633}.document-card:hover .type-badge[data-v-9eeee871]{background:#3a4daa;box-shadow:0 4px 8px #3042964d}.thumbnail-wrapper[data-v-9eeee871]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f0f0f0 0%,#f8f8f8 50%,#f0f0f0 100%);background-size:200% 100%;animation:shimmer-9eeee871 1.5s infinite;z-index:1;opacity:1;transition:opacity .3s ease}.thumbnail-wrapper.loaded[data-v-9eeee871]:before{opacity:0}.thumbnail-wrapper.loaded img[data-v-9eeee871]{animation:fadeInImage-9eeee871 .3s ease-out forwards}@keyframes shimmer-9eeee871{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeInImage-9eeee871{0%{opacity:0}to{opacity:1}}@keyframes fadeIn-9eeee871{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.grid-container[data-v-9eeee871]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.8rem}}@media (max-width: 768px){.grid-container[data-v-9eeee871]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.card-content h3[data-v-9eeee871]{font-size:1.6rem}.type-badge[data-v-9eeee871]{font-size:1.1rem;padding:.3rem 1rem}}@media (max-width: 480px){.grid-container[data-v-9eeee871]{grid-template-columns:1fr;gap:1rem;padding:1.5rem 0}.card-content[data-v-9eeee871]{padding:1.25rem}.card-content h3[data-v-9eeee871]{font-size:1.5rem}}