.upload-image-modal{z-index:1060!important;background:#000c}.upload-image-modal .modal-dialog{z-index:1061!important}.upload-image-modal .modal-content{background:#0f1219;border-radius:18px;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px #00000073;overflow:hidden;display:flex;flex-direction:column;max-height:90vh;max-height:90dvh;z-index:1062!important}.upload-image-modal .modal-dialog{max-width:880px}@media(max-width:992px){.upload-image-modal .modal-dialog{max-width:680px;margin:1.25rem auto}}@media(max-width:576px){.upload-image-modal .modal-dialog{margin:0;width:100%;max-width:100%;height:100vh;height:100dvh}.upload-image-modal .modal-content{height:100%;max-height:100vh;max-height:100dvh;border-radius:0}}.user-files-card{min-height:400px}.user-files-card .files-content{min-height:300px}.user-files-card .files-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.user-files-card .gallery-item{position:relative;border-radius:12px;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;cursor:pointer}.user-files-card .gallery-item:hover{box-shadow:0 8px 24px #0000004d;border-color:var(--bs-primary)}.user-files-card .gallery-image-container{position:relative;width:100%;aspect-ratio:1 / 1;background:#0003;overflow:hidden;z-index:1}.user-files-card .gallery-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.user-files-card .gallery-item:hover .gallery-image{transform:scale(1.05)}.user-files-card .gallery-info-overlay{position:absolute;bottom:0;left:0;right:0;padding:.75rem;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.6) 60%,transparent 100%);transition:opacity .3s ease;z-index:20;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;height:100%;pointer-events:none;max-height:80px}.user-files-card .gallery-item:hover .gallery-info-overlay{opacity:1}.user-files-card .gallery-actions{position:absolute;top:.5rem;right:.5rem;bottom:auto;display:flex;gap:.25rem;opacity:0;transform:translateY(-8px);transition:all .3s ease;z-index:20}.user-files-card .gallery-item:hover .gallery-actions{opacity:1;transform:translateY(0)}.user-files-card .gallery-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#000c;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;text-decoration:none;transition:all .2s ease;backdrop-filter:blur(8px)}.user-files-card .gallery-action-btn:hover{background:var(--bs-primary);border-color:var(--bs-primary);color:#fff;transform:scale(1.15);box-shadow:0 4px 12px rgba(var(--bs-primary-rgb),.4)}.user-files-card .gallery-action-btn.gallery-action-delete{border-color:#dc354559}.user-files-card .gallery-action-btn.gallery-action-delete:hover{background:#dc3545;border-color:#dc3545;color:#fff;box-shadow:0 4px 12px #dc354566}.user-files-card .files-stats{border:1px solid rgba(255,255,255,.1);background:#0000004d!important}.user-files-card .files-stats strong{color:#fff;font-size:1.25rem}.user-files-card .gallery-item:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.3) 0%,transparent 40%);opacity:1;transition:opacity .3s ease;z-index:1;pointer-events:none}.user-files-card .gallery-item:hover:before{opacity:1}.user-files-card .gallery-info{position:relative;z-index:2}@media(max-width:768px){.user-files-card .files-gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.user-files-card .gallery-info{padding:.5rem}.user-files-card .gallery-filename{font-size:.8rem}.user-files-card .gallery-meta{font-size:.7rem}.user-files-card .gallery-action-btn{width:32px;height:32px}}@media(max-width:576px){.user-files-card .files-gallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.user-files-card .files-pagination{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.user-files-card .pagination-info{color:#fff9;font-size:.875rem}.user-files-card .pagination-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.user-files-card .pagination-controls .btn{display:inline-flex;align-items:center;gap:.25rem}.user-files-card .pagination-pages{display:flex;gap:.25rem}.user-files-card .pagination-page-btn{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;font-size:.875rem;cursor:pointer;transition:all .2s ease}.user-files-card .pagination-page-btn:hover{background:#ffffff1a;border-color:var(--bs-primary)}.user-files-card .pagination-page-btn.active{background:var(--bs-primary);border-color:var(--bs-primary);color:#fff}.user-files-card .pagination-page-btn.ellipsis{cursor:default;background:transparent;border-color:transparent}.user-files-card .pagination-page-btn.ellipsis:hover{background:transparent;border-color:transparent}@media(max-width:576px){.user-files-card .pagination-controls{width:100%}.user-files-card .pagination-controls .btn{flex:1}.user-files-card .pagination-pages{display:none}}.file-delete-modal{z-index:1065!important;background:#000c}.file-delete-modal .modal-dialog{max-width:520px}.file-delete-modal .modal-content{background:#0f1219;border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 50px #00000073;overflow:hidden}.file-delete-modal__header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(140deg,#ffffff14,#fff0 65%)}.file-delete-modal__header .modal-title{margin:0;font-weight:700;color:#fff}.file-delete-modal__header .btn-close{filter:invert(1);opacity:.7}.file-delete-modal__header .btn-close:hover{opacity:1}.file-delete-modal__text{color:#ffffffb3;margin-bottom:.75rem}.file-delete-modal__filename{font-weight:600;color:#fff;word-break:break-all}.file-delete-modal__error{margin-top:.75rem;color:#dc3545}.file-delete-modal .modal-footer{border-top:1px solid rgba(255,255,255,.08);padding:.75rem 1.25rem 1rem;gap:.5rem}.file-delete-modal .btn{min-width:120px}@media(max-width:576px){.file-delete-modal .modal-dialog{margin:0;width:100%;max-width:100%;height:100vh}.file-delete-modal .modal-content{height:100%;border-radius:0}}
