.file-card{cursor:pointer;border-style:solid;border-width:1px;border-radius:16px;flex-direction:column;width:100%;max-width:100%;height:100%;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:visible}.file-card:hover{transform:translateY(-4px)}.file-preview{border-top-left-radius:15px;border-top-right-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:140px;display:flex;position:relative;overflow:hidden}.file-preview-img{object-fit:cover;width:100%;height:100%}.file-content{border-bottom-right-radius:15px;border-bottom-left-radius:15px;flex-direction:column;flex:1;gap:12px;min-width:0;padding:16px;display:flex}.file-header{justify-content:space-between;align-items:flex-start;gap:12px;width:100%;max-width:100%;display:flex;position:relative}.file-icon-box{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.file-meta{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex;overflow:hidden}.file-title{color:inherit;white-space:nowrap;text-overflow:ellipsis;width:100%;margin-bottom:4px;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;display:block;overflow:hidden}.file-subtext{white-space:nowrap;text-overflow:ellipsis;width:100%;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;overflow:hidden}.file-menu-btn{cursor:pointer;z-index:10;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-right:-4px;padding:6px;transition:background-color .2s;display:flex}.file-menu-btn:hover{background-color:#8080801a}.file-divider{opacity:.6;height:1px;margin:0}.file-footer{justify-content:space-between;align-items:center;min-width:0;margin-top:auto;display:flex}.file-author{flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.file-avatar{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:flex}.file-author-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:500;overflow:hidden}.file-stats{flex-shrink:0;align-items:center;gap:12px;margin-left:8px;display:flex}.file-stat-item{cursor:pointer;align-items:center;gap:4px;font-size:11px;font-weight:600;transition:opacity .2s;display:flex}.file-stat-item:hover{opacity:.7}.file-menu-dropdown{z-index:999;border-style:solid;border-width:1px;border-radius:12px;width:200px;animation:.15s ease-out fadeIn;position:absolute;top:40px;right:-10px;overflow:hidden;box-shadow:0 10px 25px #00000026}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.file-menu-item{cursor:pointer;border-bottom-style:solid;border-bottom-width:1px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .2s;display:flex}.file-menu-item:last-child{border-bottom:none}.file-menu-item:hover{background-color:#8080800d}.file-card{cursor:pointer;border-style:solid;border-width:1px;border-radius:16px;flex-direction:column;align-self:start;width:100%;max-width:100%;height:max-content;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:visible}